diff --git a/.github/README-zh-CN.md b/.github/README-zh-CN.md
index 9d90f815..d0693ee5 100644
--- a/.github/README-zh-CN.md
+++ b/.github/README-zh-CN.md
@@ -44,7 +44,7 @@ yarn add nes.css
 
 NES.css 只提供组件. 你需要定义你自己的布局.
 
-默认字体[Press Start 2P](https://fonts.google.com/specimen/Press+Start+2P?selection.family=Press+Start+2P) 只支持英文字符. 当你把这个框架与其他非英语的语言一起使用的时候, 请使用另外的字体. 请根据这个关于Google Fonts的 [说明](https://developers.google.com/fonts/docs/getting_started) 了解如何把它引入项目, 或者按照如下方式简单引人:
+默认字体[Press Start 2P](https://fonts.google.com/specimen/Press+Start+2P?selection.family=Press+Start+2P) 只支持英文字符. 当你把这个框架与其他非英语的语言一起使用的时候, 请使用另外的字体. 请根据这个关于Google Fonts的 [说明](https://developers.google.com/fonts/docs/getting_started) 了解如何把它引入项目, 或者按照如下方式简单引入:
 
 ```html
 <head>
diff --git a/.gitignore b/.gitignore
index 217eb137..c7401a73 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,3 +2,4 @@ node_modules
 .vscode
 css
 storybook-static
+.DS_Store
diff --git a/.storybook/config.js b/.storybook/config.js
index 8abe709d..1cfb2cfa 100644
--- a/.storybook/config.js
+++ b/.storybook/config.js
@@ -9,7 +9,7 @@ import { withBackgrounds } from '@storybook/addon-backgrounds';
 import '../scss/nes.scss'; // eslint-disable-line import/no-unresolved
 
 // automatically import all files ending in *.stories.js
-const req = require.context('../docs', true, /.stories.js$/);
+const req = require.context('../story', true, /.stories.js$/);
 function loadStories() {
   req.keys().forEach(filename => req(filename));
 }
diff --git a/README.md b/README.md
index 83f3c584..a196be93 100644
--- a/README.md
+++ b/README.md
@@ -12,7 +12,7 @@ NES.css is a **NES-style(8bit-like)** CSS Framework.
 
 ### Styles
 
-NES.css is available via either npm (preferred) or Yarn, or a CDN.
+NES.css is available via either npm (preferred), Yarn, or a CDN.
 
 #### via package manager
 
@@ -76,7 +76,7 @@ NES.css only requires CSS and doesn't depend on any JavaScript.
 
 ## Browser Support
 
-NES.css is compatible with the newest version of the following browsers.
+NES.css is compatible with the newest version of the following browsers:
 * Chrome
 * Firefox
 * Safari
diff --git a/demo/lib/dialog-polyfill.js b/demo/lib/dialog-polyfill.js
deleted file mode 100644
index 20791252..00000000
--- a/demo/lib/dialog-polyfill.js
+++ /dev/null
@@ -1,745 +0,0 @@
-/**
- * Copyright (c) 2013 The Chromium Authors. All rights reserved.
- */
-(function() {
-
-  // nb. This is for IE10 and lower _only_.
-  var supportCustomEvent = window.CustomEvent;
-  if (!supportCustomEvent || typeof supportCustomEvent === 'object') {
-    supportCustomEvent = function CustomEvent(event, x) {
-      x = x || {};
-      var ev = document.createEvent('CustomEvent');
-      ev.initCustomEvent(event, !!x.bubbles, !!x.cancelable, x.detail || null);
-      return ev;
-    };
-    supportCustomEvent.prototype = window.Event.prototype;
-  }
-
-  /**
-   * @param {Element} el to check for stacking context
-   * @return {boolean} whether this el or its parents creates a stacking context
-   */
-  function createsStackingContext(el) {
-    while (el && el !== document.body) {
-      var s = window.getComputedStyle(el);
-      var invalid = function(k, ok) {
-        return !(s[k] === undefined || s[k] === ok);
-      }
-      if (s.opacity < 1 ||
-          invalid('zIndex', 'auto') ||
-          invalid('transform', 'none') ||
-          invalid('mixBlendMode', 'normal') ||
-          invalid('filter', 'none') ||
-          invalid('perspective', 'none') ||
-          s['isolation'] === 'isolate' ||
-          s.position === 'fixed' ||
-          s.webkitOverflowScrolling === 'touch') {
-        return true;
-      }
-      el = el.parentElement;
-    }
-    return false;
-  }
-
-  /**
-   * Finds the nearest <dialog> from the passed element.
-   *
-   * @param {Element} el to search from
-   * @return {HTMLDialogElement} dialog found
-   */
-  function findNearestDialog(el) {
-    while (el) {
-      if (el.localName === 'dialog') {
-        return /** @type {HTMLDialogElement} */ (el);
-      }
-      el = el.parentElement;
-    }
-    return null;
-  }
-
-  /**
-   * Blur the specified element, as long as it's not the HTML body element.
-   * This works around an IE9/10 bug - blurring the body causes Windows to
-   * blur the whole application.
-   *
-   * @param {Element} el to blur
-   */
-  function safeBlur(el) {
-    if (el && el.blur && el !== document.body) {
-      el.blur();
-    }
-  }
-
-  /**
-   * @param {!NodeList} nodeList to search
-   * @param {Node} node to find
-   * @return {boolean} whether node is inside nodeList
-   */
-  function inNodeList(nodeList, node) {
-    for (var i = 0; i < nodeList.length; ++i) {
-      if (nodeList[i] === node) {
-        return true;
-      }
-    }
-    return false;
-  }
-
-  /**
-   * @param {HTMLFormElement} el to check
-   * @return {boolean} whether this form has method="dialog"
-   */
-  function isFormMethodDialog(el) {
-    if (!el || !el.hasAttribute('method')) {
-      return false;
-    }
-    return el.getAttribute('method').toLowerCase() === 'dialog';
-  }
-
-  /**
-   * @param {!HTMLDialogElement} dialog to upgrade
-   * @constructor
-   */
-  function dialogPolyfillInfo(dialog) {
-    this.dialog_ = dialog;
-    this.replacedStyleTop_ = false;
-    this.openAsModal_ = false;
-
-    // Set a11y role. Browsers that support dialog implicitly know this already.
-    if (!dialog.hasAttribute('role')) {
-      dialog.setAttribute('role', 'dialog');
-    }
-
-    dialog.show = this.show.bind(this);
-    dialog.showModal = this.showModal.bind(this);
-    dialog.close = this.close.bind(this);
-
-    if (!('returnValue' in dialog)) {
-      dialog.returnValue = '';
-    }
-
-    if ('MutationObserver' in window) {
-      var mo = new MutationObserver(this.maybeHideModal.bind(this));
-      mo.observe(dialog, {attributes: true, attributeFilter: ['open']});
-    } else {
-      // IE10 and below support. Note that DOMNodeRemoved etc fire _before_ removal. They also
-      // seem to fire even if the element was removed as part of a parent removal. Use the removed
-      // events to force downgrade (useful if removed/immediately added).
-      var removed = false;
-      var cb = function() {
-        removed ? this.downgradeModal() : this.maybeHideModal();
-        removed = false;
-      }.bind(this);
-      var timeout;
-      var delayModel = function(ev) {
-        if (ev.target !== dialog) { return; }  // not for a child element
-        var cand = 'DOMNodeRemoved';
-        removed |= (ev.type.substr(0, cand.length) === cand);
-        window.clearTimeout(timeout);
-        timeout = window.setTimeout(cb, 0);
-      };
-      ['DOMAttrModified', 'DOMNodeRemoved', 'DOMNodeRemovedFromDocument'].forEach(function(name) {
-        dialog.addEventListener(name, delayModel);
-      });
-    }
-    // Note that the DOM is observed inside DialogManager while any dialog
-    // is being displayed as a modal, to catch modal removal from the DOM.
-
-    Object.defineProperty(dialog, 'open', {
-      set: this.setOpen.bind(this),
-      get: dialog.hasAttribute.bind(dialog, 'open')
-    });
-
-    this.backdrop_ = document.createElement('div');
-    this.backdrop_.className = 'backdrop';
-    this.backdrop_.addEventListener('click', this.backdropClick_.bind(this));
-  }
-
-  dialogPolyfillInfo.prototype = {
-
-    get dialog() {
-      return this.dialog_;
-    },
-
-    /**
-     * Maybe remove this dialog from the modal top layer. This is called when
-     * a modal dialog may no longer be tenable, e.g., when the dialog is no
-     * longer open or is no longer part of the DOM.
-     */
-    maybeHideModal: function() {
-      if (this.dialog_.hasAttribute('open') && document.body.contains(this.dialog_)) { return; }
-      this.downgradeModal();
-    },
-
-    /**
-     * Remove this dialog from the modal top layer, leaving it as a non-modal.
-     */
-    downgradeModal: function() {
-      if (!this.openAsModal_) { return; }
-      this.openAsModal_ = false;
-      this.dialog_.style.zIndex = '';
-
-      // This won't match the native <dialog> exactly because if the user set top on a centered
-      // polyfill dialog, that top gets thrown away when the dialog is closed. Not sure it's
-      // possible to polyfill this perfectly.
-      if (this.replacedStyleTop_) {
-        this.dialog_.style.top = '';
-        this.replacedStyleTop_ = false;
-      }
-
-      // Clear the backdrop and remove from the manager.
-      this.backdrop_.parentNode && this.backdrop_.parentNode.removeChild(this.backdrop_);
-      dialogPolyfill.dm.removeDialog(this);
-    },
-
-    /**
-     * @param {boolean} value whether to open or close this dialog
-     */
-    setOpen: function(value) {
-      if (value) {
-        this.dialog_.hasAttribute('open') || this.dialog_.setAttribute('open', '');
-      } else {
-        this.dialog_.removeAttribute('open');
-        this.maybeHideModal();  // nb. redundant with MutationObserver
-      }
-    },
-
-    /**
-     * Handles clicks on the fake .backdrop element, redirecting them as if
-     * they were on the dialog itself.
-     *
-     * @param {!Event} e to redirect
-     */
-    backdropClick_: function(e) {
-      if (!this.dialog_.hasAttribute('tabindex')) {
-        // Clicking on the backdrop should move the implicit cursor, even if dialog cannot be
-        // focused. Create a fake thing to focus on. If the backdrop was _before_ the dialog, this
-        // would not be needed - clicks would move the implicit cursor there.
-        var fake = document.createElement('div');
-        this.dialog_.insertBefore(fake, this.dialog_.firstChild);
-        fake.tabIndex = -1;
-        fake.focus();
-        this.dialog_.removeChild(fake);
-      } else {
-        this.dialog_.focus();
-      }
-
-      var redirectedEvent = document.createEvent('MouseEvents');
-      redirectedEvent.initMouseEvent(e.type, e.bubbles, e.cancelable, window,
-          e.detail, e.screenX, e.screenY, e.clientX, e.clientY, e.ctrlKey,
-          e.altKey, e.shiftKey, e.metaKey, e.button, e.relatedTarget);
-      this.dialog_.dispatchEvent(redirectedEvent);
-      e.stopPropagation();
-    },
-
-    /**
-     * Focuses on the first focusable element within the dialog. This will always blur the current
-     * focus, even if nothing within the dialog is found.
-     */
-    focus_: function() {
-      // Find element with `autofocus` attribute, or fall back to the first form/tabindex control.
-      var target = this.dialog_.querySelector('[autofocus]:not([disabled])');
-      if (!target && this.dialog_.tabIndex >= 0) {
-        target = this.dialog_;
-      }
-      if (!target) {
-        // Note that this is 'any focusable area'. This list is probably not exhaustive, but the
-        // alternative involves stepping through and trying to focus everything.
-        var opts = ['button', 'input', 'keygen', 'select', 'textarea'];
-        var query = opts.map(function(el) {
-          return el + ':not([disabled])';
-        });
-        // TODO(samthor): tabindex values that are not numeric are not focusable.
-        query.push('[tabindex]:not([disabled]):not([tabindex=""])');  // tabindex != "", not disabled
-        target = this.dialog_.querySelector(query.join(', '));
-      }
-      safeBlur(document.activeElement);
-      target && target.focus();
-    },
-
-    /**
-     * Sets the zIndex for the backdrop and dialog.
-     *
-     * @param {number} dialogZ
-     * @param {number} backdropZ
-     */
-    updateZIndex: function(dialogZ, backdropZ) {
-      if (dialogZ < backdropZ) {
-        throw new Error('dialogZ should never be < backdropZ');
-      }
-      this.dialog_.style.zIndex = dialogZ;
-      this.backdrop_.style.zIndex = backdropZ;
-    },
-
-    /**
-     * Shows the dialog. If the dialog is already open, this does nothing.
-     */
-    show: function() {
-      if (!this.dialog_.open) {
-        this.setOpen(true);
-        this.focus_();
-      }
-    },
-
-    /**
-     * Show this dialog modally.
-     */
-    showModal: function() {
-      if (this.dialog_.hasAttribute('open')) {
-        throw new Error('Failed to execute \'showModal\' on dialog: The element is already open, and therefore cannot be opened modally.');
-      }
-      if (!document.body.contains(this.dialog_)) {
-        throw new Error('Failed to execute \'showModal\' on dialog: The element is not in a Document.');
-      }
-      if (!dialogPolyfill.dm.pushDialog(this)) {
-        throw new Error('Failed to execute \'showModal\' on dialog: There are too many open modal dialogs.');
-      }
-
-      if (createsStackingContext(this.dialog_.parentElement)) {
-        console.warn('A dialog is being shown inside a stacking context. ' +
-            'This may cause it to be unusable. For more information, see this link: ' +
-            'https://github.com/GoogleChrome/dialog-polyfill/#stacking-context');
-      }
-
-      this.setOpen(true);
-      this.openAsModal_ = true;
-
-      // Optionally center vertically, relative to the current viewport.
-      if (dialogPolyfill.needsCentering(this.dialog_)) {
-        dialogPolyfill.reposition(this.dialog_);
-        this.replacedStyleTop_ = true;
-      } else {
-        this.replacedStyleTop_ = false;
-      }
-
-      // Insert backdrop.
-      this.dialog_.parentNode.insertBefore(this.backdrop_, this.dialog_.nextSibling);
-
-      // Focus on whatever inside the dialog.
-      this.focus_();
-    },
-
-    /**
-     * Closes this HTMLDialogElement. This is optional vs clearing the open
-     * attribute, however this fires a 'close' event.
-     *
-     * @param {string=} opt_returnValue to use as the returnValue
-     */
-    close: function(opt_returnValue) {
-      if (!this.dialog_.hasAttribute('open')) {
-        throw new Error('Failed to execute \'close\' on dialog: The element does not have an \'open\' attribute, and therefore cannot be closed.');
-      }
-      this.setOpen(false);
-
-      // Leave returnValue untouched in case it was set directly on the element
-      if (opt_returnValue !== undefined) {
-        this.dialog_.returnValue = opt_returnValue;
-      }
-
-      // Triggering "close" event for any attached listeners on the <dialog>.
-      var closeEvent = new supportCustomEvent('close', {
-        bubbles: false,
-        cancelable: false
-      });
-      this.dialog_.dispatchEvent(closeEvent);
-    }
-
-  };
-
-  var dialogPolyfill = {};
-
-  dialogPolyfill.reposition = function(element) {
-    var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
-    var topValue = scrollTop + (window.innerHeight - element.offsetHeight) / 2;
-    element.style.top = Math.max(scrollTop, topValue) + 'px';
-  };
-
-  dialogPolyfill.isInlinePositionSetByStylesheet = function(element) {
-    for (var i = 0; i < document.styleSheets.length; ++i) {
-      var styleSheet = document.styleSheets[i];
-      var cssRules = null;
-      // Some browsers throw on cssRules.
-      try {
-        cssRules = styleSheet.cssRules;
-      } catch (e) {}
-      if (!cssRules) { continue; }
-      for (var j = 0; j < cssRules.length; ++j) {
-        var rule = cssRules[j];
-        var selectedNodes = null;
-        // Ignore errors on invalid selector texts.
-        try {
-          selectedNodes = document.querySelectorAll(rule.selectorText);
-        } catch(e) {}
-        if (!selectedNodes || !inNodeList(selectedNodes, element)) {
-          continue;
-        }
-        var cssTop = rule.style.getPropertyValue('top');
-        var cssBottom = rule.style.getPropertyValue('bottom');
-        if ((cssTop && cssTop !== 'auto') || (cssBottom && cssBottom !== 'auto')) {
-          return true;
-        }
-      }
-    }
-    return false;
-  };
-
-  dialogPolyfill.needsCentering = function(dialog) {
-    var computedStyle = window.getComputedStyle(dialog);
-    if (computedStyle.position !== 'absolute') {
-      return false;
-    }
-
-    // We must determine whether the top/bottom specified value is non-auto.  In
-    // WebKit/Blink, checking computedStyle.top == 'auto' is sufficient, but
-    // Firefox returns the used value. So we do this crazy thing instead: check
-    // the inline style and then go through CSS rules.
-    if ((dialog.style.top !== 'auto' && dialog.style.top !== '') ||
-        (dialog.style.bottom !== 'auto' && dialog.style.bottom !== '')) {
-      return false;
-    }
-    return !dialogPolyfill.isInlinePositionSetByStylesheet(dialog);
-  };
-
-  /**
-   * @param {!Element} element to force upgrade
-   */
-  dialogPolyfill.forceRegisterDialog = function(element) {
-    if (window.HTMLDialogElement || element.showModal) {
-      console.warn('This browser already supports <dialog>, the polyfill ' +
-          'may not work correctly', element);
-    }
-    if (element.localName !== 'dialog') {
-      throw new Error('Failed to register dialog: The element is not a dialog.');
-    }
-    new dialogPolyfillInfo(/** @type {!HTMLDialogElement} */ (element));
-  };
-
-  /**
-   * @param {!Element} element to upgrade, if necessary
-   */
-  dialogPolyfill.registerDialog = function(element) {
-    if (!element.showModal) {
-      dialogPolyfill.forceRegisterDialog(element);
-    }
-  };
-
-  /**
-   * @constructor
-   */
-  dialogPolyfill.DialogManager = function() {
-    /** @type {!Array<!dialogPolyfillInfo>} */
-    this.pendingDialogStack = [];
-
-    var checkDOM = this.checkDOM_.bind(this);
-
-    // The overlay is used to simulate how a modal dialog blocks the document.
-    // The blocking dialog is positioned on top of the overlay, and the rest of
-    // the dialogs on the pending dialog stack are positioned below it. In the
-    // actual implementation, the modal dialog stacking is controlled by the
-    // top layer, where z-index has no effect.
-    this.overlay = document.createElement('div');
-    this.overlay.className = '_dialog_overlay';
-    this.overlay.addEventListener('click', function(e) {
-      this.forwardTab_ = undefined;
-      e.stopPropagation();
-      checkDOM([]);  // sanity-check DOM
-    }.bind(this));
-
-    this.handleKey_ = this.handleKey_.bind(this);
-    this.handleFocus_ = this.handleFocus_.bind(this);
-
-    this.zIndexLow_ = 100000;
-    this.zIndexHigh_ = 100000 + 150;
-
-    this.forwardTab_ = undefined;
-
-    if ('MutationObserver' in window) {
-      this.mo_ = new MutationObserver(function(records) {
-        var removed = [];
-        records.forEach(function(rec) {
-          for (var i = 0, c; c = rec.removedNodes[i]; ++i) {
-            if (!(c instanceof Element)) {
-              continue;
-            } else if (c.localName === 'dialog') {
-              removed.push(c);
-            }
-            removed = removed.concat(c.querySelectorAll('dialog'));
-          }
-        });
-        removed.length && checkDOM(removed);
-      });
-    }
-  };
-
-  /**
-   * Called on the first modal dialog being shown. Adds the overlay and related
-   * handlers.
-   */
-  dialogPolyfill.DialogManager.prototype.blockDocument = function() {
-    document.documentElement.addEventListener('focus', this.handleFocus_, true);
-    document.addEventListener('keydown', this.handleKey_);
-    this.mo_ && this.mo_.observe(document, {childList: true, subtree: true});
-  };
-
-  /**
-   * Called on the first modal dialog being removed, i.e., when no more modal
-   * dialogs are visible.
-   */
-  dialogPolyfill.DialogManager.prototype.unblockDocument = function() {
-    document.documentElement.removeEventListener('focus', this.handleFocus_, true);
-    document.removeEventListener('keydown', this.handleKey_);
-    this.mo_ && this.mo_.disconnect();
-  };
-
-  /**
-   * Updates the stacking of all known dialogs.
-   */
-  dialogPolyfill.DialogManager.prototype.updateStacking = function() {
-    var zIndex = this.zIndexHigh_;
-
-    for (var i = 0, dpi; dpi = this.pendingDialogStack[i]; ++i) {
-      dpi.updateZIndex(--zIndex, --zIndex);
-      if (i === 0) {
-        this.overlay.style.zIndex = --zIndex;
-      }
-    }
-
-    // Make the overlay a sibling of the dialog itself.
-    var last = this.pendingDialogStack[0];
-    if (last) {
-      var p = last.dialog.parentNode || document.body;
-      p.appendChild(this.overlay);
-    } else if (this.overlay.parentNode) {
-      this.overlay.parentNode.removeChild(this.overlay);
-    }
-  };
-
-  /**
-   * @param {Element} candidate to check if contained or is the top-most modal dialog
-   * @return {boolean} whether candidate is contained in top dialog
-   */
-  dialogPolyfill.DialogManager.prototype.containedByTopDialog_ = function(candidate) {
-    while (candidate = findNearestDialog(candidate)) {
-      for (var i = 0, dpi; dpi = this.pendingDialogStack[i]; ++i) {
-        if (dpi.dialog === candidate) {
-          return i === 0;  // only valid if top-most
-        }
-      }
-      candidate = candidate.parentElement;
-    }
-    return false;
-  };
-
-  dialogPolyfill.DialogManager.prototype.handleFocus_ = function(event) {
-    if (this.containedByTopDialog_(event.target)) { return; }
-
-    if (document.activeElement === document.documentElement) { return; }
-
-    event.preventDefault();
-    event.stopPropagation();
-    safeBlur(/** @type {Element} */ (event.target));
-
-    if (this.forwardTab_ === undefined) { return; }  // move focus only from a tab key
-
-    var dpi = this.pendingDialogStack[0];
-    var dialog = dpi.dialog;
-    var position = dialog.compareDocumentPosition(event.target);
-    if (position & Node.DOCUMENT_POSITION_PRECEDING) {
-      if (this.forwardTab_) {
-        // forward
-        dpi.focus_();
-      } else if (event.target !== document.documentElement) {
-        // backwards if we're not already focused on <html>
-        document.documentElement.focus();
-      }
-    } else {
-      // TODO: Focus after the dialog, is ignored.
-    }
-
-    return false;
-  };
-
-  dialogPolyfill.DialogManager.prototype.handleKey_ = function(event) {
-    this.forwardTab_ = undefined;
-    if (event.keyCode === 27) {
-      event.preventDefault();
-      event.stopPropagation();
-      var cancelEvent = new supportCustomEvent('cancel', {
-        bubbles: false,
-        cancelable: true
-      });
-      var dpi = this.pendingDialogStack[0];
-      if (dpi && dpi.dialog.dispatchEvent(cancelEvent)) {
-        dpi.dialog.close();
-      }
-    } else if (event.keyCode === 9) {
-      this.forwardTab_ = !event.shiftKey;
-    }
-  };
-
-  /**
-   * Finds and downgrades any known modal dialogs that are no longer displayed. Dialogs that are
-   * removed and immediately readded don't stay modal, they become normal.
-   *
-   * @param {!Array<!HTMLDialogElement>} removed that have definitely been removed
-   */
-  dialogPolyfill.DialogManager.prototype.checkDOM_ = function(removed) {
-    // This operates on a clone because it may cause it to change. Each change also calls
-    // updateStacking, which only actually needs to happen once. But who removes many modal dialogs
-    // at a time?!
-    var clone = this.pendingDialogStack.slice();
-    clone.forEach(function(dpi) {
-      if (removed.indexOf(dpi.dialog) !== -1) {
-        dpi.downgradeModal();
-      } else {
-        dpi.maybeHideModal();
-      }
-    });
-  };
-
-  /**
-   * @param {!dialogPolyfillInfo} dpi
-   * @return {boolean} whether the dialog was allowed
-   */
-  dialogPolyfill.DialogManager.prototype.pushDialog = function(dpi) {
-    var allowed = (this.zIndexHigh_ - this.zIndexLow_) / 2 - 1;
-    if (this.pendingDialogStack.length >= allowed) {
-      return false;
-    }
-    if (this.pendingDialogStack.unshift(dpi) === 1) {
-      this.blockDocument();
-    }
-    this.updateStacking();
-    return true;
-  };
-
-  /**
-   * @param {!dialogPolyfillInfo} dpi
-   */
-  dialogPolyfill.DialogManager.prototype.removeDialog = function(dpi) {
-    var index = this.pendingDialogStack.indexOf(dpi);
-    if (index === -1) { return; }
-
-    this.pendingDialogStack.splice(index, 1);
-    if (this.pendingDialogStack.length === 0) {
-      this.unblockDocument();
-    }
-    this.updateStacking();
-  };
-
-  dialogPolyfill.dm = new dialogPolyfill.DialogManager();
-  dialogPolyfill.formSubmitter = null;
-  dialogPolyfill.useValue = null;
-
-  /**
-   * Installs global handlers, such as click listers and native method overrides. These are needed
-   * even if a no dialog is registered, as they deal with <form method="dialog">.
-   */
-  if (window.HTMLDialogElement === undefined) {
-
-    /**
-     * If HTMLFormElement translates method="DIALOG" into 'get', then replace the descriptor with
-     * one that returns the correct value.
-     */
-    var testForm = document.createElement('form');
-    testForm.setAttribute('method', 'dialog');
-    if (testForm.method !== 'dialog') {
-      var methodDescriptor = Object.getOwnPropertyDescriptor(HTMLFormElement.prototype, 'method');
-      if (methodDescriptor) {
-        // nb. Some older iOS and older PhantomJS fail to return the descriptor. Don't do anything
-        // and don't bother to update the element.
-        var realGet = methodDescriptor.get;
-        methodDescriptor.get = function() {
-          if (isFormMethodDialog(this)) {
-            return 'dialog';
-          }
-          return realGet.call(this);
-        };
-        var realSet = methodDescriptor.set;
-        methodDescriptor.set = function(v) {
-          if (typeof v === 'string' && v.toLowerCase() === 'dialog') {
-            return this.setAttribute('method', v);
-          }
-          return realSet.call(this, v);
-        };
-        Object.defineProperty(HTMLFormElement.prototype, 'method', methodDescriptor);
-      }
-    }
-
-    /**
-     * Global 'click' handler, to capture the <input type="submit"> or <button> element which has
-     * submitted a <form method="dialog">. Needed as Safari and others don't report this inside
-     * document.activeElement.
-     */
-    document.addEventListener('click', function(ev) {
-      dialogPolyfill.formSubmitter = null;
-      dialogPolyfill.useValue = null;
-      if (ev.defaultPrevented) { return; }  // e.g. a submit which prevents default submission
-
-      var target = /** @type {Element} */ (ev.target);
-      if (!target || !isFormMethodDialog(target.form)) { return; }
-
-      var valid = (target.type === 'submit' && ['button', 'input'].indexOf(target.localName) > -1);
-      if (!valid) {
-        if (!(target.localName === 'input' && target.type === 'image')) { return; }
-        // this is a <input type="image">, which can submit forms
-        dialogPolyfill.useValue = ev.offsetX + ',' + ev.offsetY;
-      }
-
-      var dialog = findNearestDialog(target);
-      if (!dialog) { return; }
-
-      dialogPolyfill.formSubmitter = target;
-    }, false);
-
-    /**
-     * Replace the native HTMLFormElement.submit() method, as it won't fire the
-     * submit event and give us a chance to respond.
-     */
-    var nativeFormSubmit = HTMLFormElement.prototype.submit;
-    var replacementFormSubmit = function () {
-      if (!isFormMethodDialog(this)) {
-        return nativeFormSubmit.call(this);
-      }
-      var dialog = findNearestDialog(this);
-      dialog && dialog.close();
-    };
-    HTMLFormElement.prototype.submit = replacementFormSubmit;
-
-    /**
-     * Global form 'dialog' method handler. Closes a dialog correctly on submit
-     * and possibly sets its return value.
-     */
-    document.addEventListener('submit', function(ev) {
-      var form = /** @type {HTMLFormElement} */ (ev.target);
-      if (!isFormMethodDialog(form)) { return; }
-      ev.preventDefault();
-
-      var dialog = findNearestDialog(form);
-      if (!dialog) { return; }
-
-      // Forms can only be submitted via .submit() or a click (?), but anyway: sanity-check that
-      // the submitter is correct before using its value as .returnValue.
-      var s = dialogPolyfill.formSubmitter;
-      if (s && s.form === form) {
-        dialog.close(dialogPolyfill.useValue || s.value);
-      } else {
-        dialog.close();
-      }
-      dialogPolyfill.formSubmitter = null;
-    }, true);
-  }
-
-  dialogPolyfill['forceRegisterDialog'] = dialogPolyfill.forceRegisterDialog;
-  dialogPolyfill['registerDialog'] = dialogPolyfill.registerDialog;
-
-  if (typeof define === 'function' && 'amd' in define) {
-    // AMD support
-    define(function() { return dialogPolyfill; });
-  } else if (typeof module === 'object' && typeof module['exports'] === 'object') {
-    // CommonJS support
-    module['exports'] = dialogPolyfill;
-  } else {
-    // all others
-    window['dialogPolyfill'] = dialogPolyfill;
-  }
-})();
diff --git a/demo/lib/highlight-theme.css b/demo/lib/highlight-theme.css
deleted file mode 100644
index d1d9be3c..00000000
--- a/demo/lib/highlight-theme.css
+++ /dev/null
@@ -1,115 +0,0 @@
-/*
- * Visual Studio 2015 dark style
- * Author: Nicolas LLOBERA <nllobera@gmail.com>
- */
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  background: #1E1E1E;
-  color: #DCDCDC;
-}
-
-.hljs-keyword,
-.hljs-literal,
-.hljs-symbol,
-.hljs-name {
-  color: #569CD6;
-}
-.hljs-link {
-  color: #569CD6;
-  text-decoration: underline;
-}
-
-.hljs-built_in,
-.hljs-type {
-  color: #4EC9B0;
-}
-
-.hljs-number,
-.hljs-class {
-  color: #B8D7A3;
-}
-
-.hljs-string,
-.hljs-meta-string {
-  color: #D69D85;
-}
-
-.hljs-regexp,
-.hljs-template-tag {
-  color: #9A5334;
-}
-
-.hljs-subst,
-.hljs-function,
-.hljs-title,
-.hljs-params,
-.hljs-formula {
-  color: #DCDCDC;
-}
-
-.hljs-comment,
-.hljs-quote {
-  color: #57A64A;
-  font-style: italic;
-}
-
-.hljs-doctag {
-  color: #608B4E;
-}
-
-.hljs-meta,
-.hljs-meta-keyword,
-.hljs-tag {
-  color: #9B9B9B;
-}
-
-.hljs-variable,
-.hljs-template-variable {
-  color: #BD63C5;
-}
-
-.hljs-attr,
-.hljs-attribute,
-.hljs-builtin-name {
-  color: #9CDCFE;
-}
-
-.hljs-section {
-  color: gold;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
-
-/*.hljs-code {
-  font-family:'Monospace';
-}*/
-
-.hljs-bullet,
-.hljs-selector-tag,
-.hljs-selector-id,
-.hljs-selector-class,
-.hljs-selector-attr,
-.hljs-selector-pseudo {
-  color: #D7BA7D;
-}
-
-.hljs-addition {
-  background-color: #144212;
-  display: inline-block;
-  width: 100%;
-}
-
-.hljs-deletion {
-  background-color: #600;
-  display: inline-block;
-  width: 100%;
-}
diff --git a/demo/lib/highlight.js b/demo/lib/highlight.js
deleted file mode 100644
index dd62ef06..00000000
--- a/demo/lib/highlight.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! highlight.js v9.14.2 | BSD3 License | git.io/hljslicense */
-!function(e){var n="object"==typeof window&&window||"object"==typeof self&&self;"undefined"!=typeof exports?e(exports):n&&(n.hljs=e({}),"function"==typeof define&&define.amd&&define([],function(){return n.hljs}))}(function(e){function n(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function t(e){return e.nodeName.toLowerCase()}function r(e,n){var t=e&&e.exec(n);return t&&0===t.index}function a(e){return k.test(e)}function i(e){var n,t,r,i,o=e.className+" ";if(o+=e.parentNode?e.parentNode.className:"",t=M.exec(o))return w(t[1])?t[1]:"no-highlight";for(o=o.split(/\s+/),n=0,r=o.length;r>n;n++)if(i=o[n],a(i)||w(i))return i}function o(e){var n,t={},r=Array.prototype.slice.call(arguments,1);for(n in e)t[n]=e[n];return r.forEach(function(e){for(n in e)t[n]=e[n]}),t}function c(e){var n=[];return function r(e,a){for(var i=e.firstChild;i;i=i.nextSibling)3===i.nodeType?a+=i.nodeValue.length:1===i.nodeType&&(n.push({event:"start",offset:a,node:i}),a=r(i,a),t(i).match(/br|hr|img|input/)||n.push({event:"stop",offset:a,node:i}));return a}(e,0),n}function u(e,r,a){function i(){return e.length&&r.length?e[0].offset!==r[0].offset?e[0].offset<r[0].offset?e:r:"start"===r[0].event?e:r:e.length?e:r}function o(e){function r(e){return" "+e.nodeName+'="'+n(e.value).replace('"',"&quot;")+'"'}l+="<"+t(e)+E.map.call(e.attributes,r).join("")+">"}function c(e){l+="</"+t(e)+">"}function u(e){("start"===e.event?o:c)(e.node)}for(var s=0,l="",f=[];e.length||r.length;){var g=i();if(l+=n(a.substring(s,g[0].offset)),s=g[0].offset,g===e){f.reverse().forEach(c);do u(g.splice(0,1)[0]),g=i();while(g===e&&g.length&&g[0].offset===s);f.reverse().forEach(o)}else"start"===g[0].event?f.push(g[0].node):f.pop(),u(g.splice(0,1)[0])}return l+n(a.substr(s))}function s(e){return e.v&&!e.cached_variants&&(e.cached_variants=e.v.map(function(n){return o(e,{v:null},n)})),e.cached_variants||e.eW&&[o(e)]||[e]}function l(e){function n(e){return e&&e.source||e}function t(t,r){return new RegExp(n(t),"m"+(e.cI?"i":"")+(r?"g":""))}function r(a,i){if(!a.compiled){if(a.compiled=!0,a.k=a.k||a.bK,a.k){var o={},c=function(n,t){e.cI&&(t=t.toLowerCase()),t.split(" ").forEach(function(e){var t=e.split("|");o[t[0]]=[n,t[1]?Number(t[1]):1]})};"string"==typeof a.k?c("keyword",a.k):B(a.k).forEach(function(e){c(e,a.k[e])}),a.k=o}a.lR=t(a.l||/\w+/,!0),i&&(a.bK&&(a.b="\\b("+a.bK.split(" ").join("|")+")\\b"),a.b||(a.b=/\B|\b/),a.bR=t(a.b),a.endSameAsBegin&&(a.e=a.b),a.e||a.eW||(a.e=/\B|\b/),a.e&&(a.eR=t(a.e)),a.tE=n(a.e)||"",a.eW&&i.tE&&(a.tE+=(a.e?"|":"")+i.tE)),a.i&&(a.iR=t(a.i)),null==a.r&&(a.r=1),a.c||(a.c=[]),a.c=Array.prototype.concat.apply([],a.c.map(function(e){return s("self"===e?a:e)})),a.c.forEach(function(e){r(e,a)}),a.starts&&r(a.starts,i);var u=a.c.map(function(e){return e.bK?"\\.?("+e.b+")\\.?":e.b}).concat([a.tE,a.i]).map(n).filter(Boolean);a.t=u.length?t(u.join("|"),!0):{exec:function(){return null}}}}r(e)}function f(e,t,a,i){function o(e){return new RegExp(e.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&"),"m")}function c(e,n){var t,a;for(t=0,a=n.c.length;a>t;t++)if(r(n.c[t].bR,e))return n.c[t].endSameAsBegin&&(n.c[t].eR=o(n.c[t].bR.exec(e)[0])),n.c[t]}function u(e,n){if(r(e.eR,n)){for(;e.endsParent&&e.parent;)e=e.parent;return e}return e.eW?u(e.parent,n):void 0}function s(e,n){return!a&&r(n.iR,e)}function p(e,n){var t=R.cI?n[0].toLowerCase():n[0];return e.k.hasOwnProperty(t)&&e.k[t]}function d(e,n,t,r){var a=r?"":j.classPrefix,i='<span class="'+a,o=t?"":I;return i+=e+'">',i+n+o}function h(){var e,t,r,a;if(!E.k)return n(k);for(a="",t=0,E.lR.lastIndex=0,r=E.lR.exec(k);r;)a+=n(k.substring(t,r.index)),e=p(E,r),e?(M+=e[1],a+=d(e[0],n(r[0]))):a+=n(r[0]),t=E.lR.lastIndex,r=E.lR.exec(k);return a+n(k.substr(t))}function b(){var e="string"==typeof E.sL;if(e&&!L[E.sL])return n(k);var t=e?f(E.sL,k,!0,B[E.sL]):g(k,E.sL.length?E.sL:void 0);return E.r>0&&(M+=t.r),e&&(B[E.sL]=t.top),d(t.language,t.value,!1,!0)}function v(){y+=null!=E.sL?b():h(),k=""}function m(e){y+=e.cN?d(e.cN,"",!0):"",E=Object.create(e,{parent:{value:E}})}function N(e,n){if(k+=e,null==n)return v(),0;var t=c(n,E);if(t)return t.skip?k+=n:(t.eB&&(k+=n),v(),t.rB||t.eB||(k=n)),m(t,n),t.rB?0:n.length;var r=u(E,n);if(r){var a=E;a.skip?k+=n:(a.rE||a.eE||(k+=n),v(),a.eE&&(k=n));do E.cN&&(y+=I),E.skip||E.sL||(M+=E.r),E=E.parent;while(E!==r.parent);return r.starts&&(r.endSameAsBegin&&(r.starts.eR=r.eR),m(r.starts,"")),a.rE?0:n.length}if(s(n,E))throw new Error('Illegal lexeme "'+n+'" for mode "'+(E.cN||"<unnamed>")+'"');return k+=n,n.length||1}var R=w(e);if(!R)throw new Error('Unknown language: "'+e+'"');l(R);var x,E=i||R,B={},y="";for(x=E;x!==R;x=x.parent)x.cN&&(y=d(x.cN,"",!0)+y);var k="",M=0;try{for(var C,A,S=0;;){if(E.t.lastIndex=S,C=E.t.exec(t),!C)break;A=N(t.substring(S,C.index),C[0]),S=C.index+A}for(N(t.substr(S)),x=E;x.parent;x=x.parent)x.cN&&(y+=I);return{r:M,value:y,language:e,top:E}}catch(O){if(O.message&&-1!==O.message.indexOf("Illegal"))return{r:0,value:n(t)};throw O}}function g(e,t){t=t||j.languages||B(L);var r={r:0,value:n(e)},a=r;return t.filter(w).filter(x).forEach(function(n){var t=f(n,e,!1);t.language=n,t.r>a.r&&(a=t),t.r>r.r&&(a=r,r=t)}),a.language&&(r.second_best=a),r}function p(e){return j.tabReplace||j.useBR?e.replace(C,function(e,n){return j.useBR&&"\n"===e?"<br>":j.tabReplace?n.replace(/\t/g,j.tabReplace):""}):e}function d(e,n,t){var r=n?y[n]:t,a=[e.trim()];return e.match(/\bhljs\b/)||a.push("hljs"),-1===e.indexOf(r)&&a.push(r),a.join(" ").trim()}function h(e){var n,t,r,o,s,l=i(e);a(l)||(j.useBR?(n=document.createElementNS("http://www.w3.org/1999/xhtml","div"),n.innerHTML=e.innerHTML.replace(/\n/g,"").replace(/<br[ \/]*>/g,"\n")):n=e,s=n.textContent,r=l?f(l,s,!0):g(s),t=c(n),t.length&&(o=document.createElementNS("http://www.w3.org/1999/xhtml","div"),o.innerHTML=r.value,r.value=u(t,c(o),s)),r.value=p(r.value),e.innerHTML=r.value,e.className=d(e.className,l,r.language),e.result={language:r.language,re:r.r},r.second_best&&(e.second_best={language:r.second_best.language,re:r.second_best.r}))}function b(e){j=o(j,e)}function v(){if(!v.called){v.called=!0;var e=document.querySelectorAll("pre code");E.forEach.call(e,h)}}function m(){addEventListener("DOMContentLoaded",v,!1),addEventListener("load",v,!1)}function N(n,t){var r=L[n]=t(e);r.aliases&&r.aliases.forEach(function(e){y[e]=n})}function R(){return B(L)}function w(e){return e=(e||"").toLowerCase(),L[e]||L[y[e]]}function x(e){var n=w(e);return n&&!n.disableAutodetect}var E=[],B=Object.keys,L={},y={},k=/^(no-?highlight|plain|text)$/i,M=/\blang(?:uage)?-([\w-]+)\b/i,C=/((^(<[^>]+>|\t|)+|(?:\n)))/gm,I="</span>",j={classPrefix:"hljs-",tabReplace:null,useBR:!1,languages:void 0};return e.highlight=f,e.highlightAuto=g,e.fixMarkup=p,e.highlightBlock=h,e.configure=b,e.initHighlighting=v,e.initHighlightingOnLoad=m,e.registerLanguage=N,e.listLanguages=R,e.getLanguage=w,e.autoDetection=x,e.inherit=o,e.IR="[a-zA-Z]\\w*",e.UIR="[a-zA-Z_]\\w*",e.NR="\\b\\d+(\\.\\d+)?",e.CNR="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",e.BNR="\\b(0b[01]+)",e.RSR="!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",e.BE={b:"\\\\[\\s\\S]",r:0},e.ASM={cN:"string",b:"'",e:"'",i:"\\n",c:[e.BE]},e.QSM={cN:"string",b:'"',e:'"',i:"\\n",c:[e.BE]},e.PWM={b:/\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\b/},e.C=function(n,t,r){var a=e.inherit({cN:"comment",b:n,e:t,c:[]},r||{});return a.c.push(e.PWM),a.c.push({cN:"doctag",b:"(?:TODO|FIXME|NOTE|BUG|XXX):",r:0}),a},e.CLCM=e.C("//","$"),e.CBCM=e.C("/\\*","\\*/"),e.HCM=e.C("#","$"),e.NM={cN:"number",b:e.NR,r:0},e.CNM={cN:"number",b:e.CNR,r:0},e.BNM={cN:"number",b:e.BNR,r:0},e.CSSNM={cN:"number",b:e.NR+"(%|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|px|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx)?",r:0},e.RM={cN:"regexp",b:/\//,e:/\/[gimuy]*/,i:/\n/,c:[e.BE,{b:/\[/,e:/\]/,r:0,c:[e.BE]}]},e.TM={cN:"title",b:e.IR,r:0},e.UTM={cN:"title",b:e.UIR,r:0},e.METHOD_GUARD={b:"\\.\\s*"+e.UIR,r:0},e});hljs.registerLanguage("xml",function(s){var e="[A-Za-z0-9\\._:-]+",t={eW:!0,i:/</,r:0,c:[{cN:"attr",b:e,r:0},{b:/=\s*/,r:0,c:[{cN:"string",endsParent:!0,v:[{b:/"/,e:/"/},{b:/'/,e:/'/},{b:/[^\s"'=<>`]+/}]}]}]};return{aliases:["html","xhtml","rss","atom","xjb","xsd","xsl","plist"],cI:!0,c:[{cN:"meta",b:"<!DOCTYPE",e:">",r:10,c:[{b:"\\[",e:"\\]"}]},s.C("<!--","-->",{r:10}),{b:"<\\!\\[CDATA\\[",e:"\\]\\]>",r:10},{cN:"meta",b:/<\?xml/,e:/\?>/,r:10},{b:/<\?(php)?/,e:/\?>/,sL:"php",c:[{b:"/\\*",e:"\\*/",skip:!0},{b:'b"',e:'"',skip:!0},{b:"b'",e:"'",skip:!0},s.inherit(s.ASM,{i:null,cN:null,c:null,skip:!0}),s.inherit(s.QSM,{i:null,cN:null,c:null,skip:!0})]},{cN:"tag",b:"<style(?=\\s|>|$)",e:">",k:{name:"style"},c:[t],starts:{e:"</style>",rE:!0,sL:["css","xml"]}},{cN:"tag",b:"<script(?=\\s|>|$)",e:">",k:{name:"script"},c:[t],starts:{e:"</script>",rE:!0,sL:["actionscript","javascript","handlebars","xml"]}},{cN:"tag",b:"</?",e:"/?>",c:[{cN:"name",b:/[^\/><\s]+/,r:0},t]}]}});
\ No newline at end of file
diff --git a/demo/style.css b/demo/style.css
deleted file mode 100644
index 716bb2d8..00000000
--- a/demo/style.css
+++ /dev/null
@@ -1,196 +0,0 @@
-body {
-  padding: 0 2rem;
-  margin: 2rem;
-}
-
-.nes-container:not(:last-child) {
-  margin-bottom: 1rem;
-}
-
-i.brand {
-  margin-right: 1rem;
-}
-
-div.containers > .nes-container {
-  display: inline-block;
-  max-width: 400px;
-}
-
-.selects {
-  display: flex;
-  justify-content: space-between;
-  margin-left: 4px;
-}
-
-.selects .nes-select {
-  display: inline-flex;
-}
-
-.nes-select + .nes-select {
-  margin-left: 24px;
-}
-
-.balloon.nes-container .nes-balloon {
-  max-width: 600px;
-  margin: 2rem 2rem;
-}
-
-.balloon.nes-container .messages {
-  display: flex;
-  flex-direction: column;
-}
-.balloon.nes-container .message {
-  display: flex;
-}
-.balloon.nes-container .message i {
-  align-self: flex-end;
-}
-.balloon.nes-container .message.-left {
-  align-self: flex-start;
-}
-.balloon.nes-container .message.-right {
-  align-self: flex-end;
-}
-
-.form.nes-container > .nes-field:not(:last-child) {
-  margin-bottom: 1rem;
-}
-
-#tables {
-  margin: 35px auto;
-}
-
-#progress {
-  margin-top: 35px;
-}
-
-.footer {
-  text-align: center;
-}
-.footer a {
-  color: #333;
-  text-decoration: none;
-}
-
-.github-link {
-  position: fixed;
-  top: 10px;
-  right: 10px;
-  z-index: 999;
-  display: flex;
-  height: 100px;
-  color: #333;
-  text-decoration: none;
-}
-.github-link:hover {
-  text-decoration: none;
-}
-.github-link > p.nes-balloon {
-  align-self: flex-start;
-  padding: 0.2rem 0.5rem;
-  font-size: 0.8rem;
-  color: #333;
-}
-.github-link > i.nes-octocat {
-  align-self: flex-end;
-}
-
-.show-code {
-  position: absolute;
-  top: -4px;
-  right: -4px;
-  display: flex;
-  justify-content: center;
-  width: 40px;
-  height: 34px;
-  font-size: 0.7em;
-}
-
-.sample-code {
-  margin: 0;
-}
-.sample-code > code {
-  padding: 1em 2em;
-  line-height: 2em;
-}
-
-.code {
-  display: none;
-  padding: 0;
-  margin-top: -20px;
-  font-size: 0.85em;
-}
-
-.copy {
-  width: 58px;
-  height: 34px;
-}
-
-#form .nes-field,
-#form .field {
-  margin-top: 20px;
-}
-
-.copied {
-  position: absolute;
-  right: 35px;
-  bottom: 25px;
-  z-index: 2;
-  display: none;
-  padding: 10px;
-  font-size: 0.7em;
-  color: #000;
-}
-
-.balloon .copied {
-  right: 10px;
-  bottom: -4px;
-}
-
-#dialogs > section {
-  display: inline-block;
-}
-
-#dialogs .dialog-menu {
-  padding: 0;
-  text-align: center;
-}
-
-#texts {
-  display: inline-block;
-}
-
-.nes-text {
-  margin-right: 2em;
-}
-
-@media screen and (max-width: 1280px) {
-  .code p:first-child {
-    width: 99%;
-    padding-top: 2.7em;
-  }
-}
-
-@media screen and (max-width: 768px) {
-  body {
-    padding: 0;
-    margin: 2rem 0.2rem;
-  }
-  .balloon.nes-container .nes-balloon {
-    max-width: 70%;
-  }
-
-  .github-link {
-    display: none;
-  }
-
-  .code p {
-    width: 100%;
-    font-size: 0.8em;
-  }
-
-  #code-avatars p {
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-}
diff --git a/dialog-polyfill.css b/dialog-polyfill.css
deleted file mode 100644
index 8d863618..00000000
--- a/dialog-polyfill.css
+++ /dev/null
@@ -1,45 +0,0 @@
-/* Copyright (c) 2013 The Chromium Authors. All rights reserved. */
-dialog {
-  position: absolute;
-  right: 0;
-  left: 0;
-  display: block;
-  width: -moz-fit-content;
-  width: -webkit-fit-content;
-  width: fit-content;
-  height: -moz-fit-content;
-  height: -webkit-fit-content;
-  height: fit-content;
-  padding: 1em;
-  margin: auto;
-  color: black;
-  background: white;
-  border: solid;
-}
-
-dialog:not([open]) {
-  display: none;
-}
-
-dialog + .backdrop {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  background: rgba(0, 0, 0, 0.1);
-}
-
-._dialog_overlay {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-}
-
-dialog.fixed {
-  position: fixed;
-  top: 50%;
-  transform: translate(0, -50%);
-}
diff --git a/favicon.png b/docs/favicon.png
similarity index 100%
rename from favicon.png
rename to docs/favicon.png
diff --git a/docs/index.html b/docs/index.html
new file mode 100644
index 00000000..4a05d3a2
--- /dev/null
+++ b/docs/index.html
@@ -0,0 +1,216 @@
+<!DOCTYPE html>
+<html lang="ja">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <meta name="description" content="NES.css is a NES-style CSS Framework." />
+    <meta name="keywords" content="html5,css,framework,sass,NES,8bit" />
+    <meta name="author" content="© 2018 B.C.Rikko" />
+    <meta name="theme-color" content="#212529"/>
+    <link rel="shortcut icon" type="image/png" href="favicon.png">
+    <link rel="shortcut icon" sizes="196x196" href="favicon.png">
+    <link rel="apple-touch-icon" href="favicon.png">
+
+    <title>NES.css - NES-style CSS Framework</title>
+
+    <link href="https://unpkg.com/nes.css@latest/css/nes.min.css" rel="stylesheet" />
+    <link href="./style.css" rel="stylesheet" />
+    <script src="./lib/vue.min.js"></script>
+
+    <script src="./lib/dialog-polyfill.js"></script>
+    <script src="./lib/highlight.js"></script>
+
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="NES.css" />
+    <meta property="og:url" content="https://nostalgic-css.github.io/NES.css/" />
+    <meta property="og:description" content="NES-style CSS Framework | ファミコン風CSSフレームワーク" />
+    <meta property="og:image" content="https://user-images.githubusercontent.com/5305599/49061716-da649680-f254-11e8-9a89-d95a7407ec6a.png" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:site" content="@bc_rikko" />
+    <meta name="twitter:creator" content="@bc_rikko" />
+    <meta name="twitter:image" content="https://user-images.githubusercontent.com/5305599/49061716-da649680-f254-11e8-9a89-d95a7407ec6a.png" />
+
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-41640153-4"></script>
+    <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag("js", new Date());gtag("config", "UA-41640153-4");</script>
+    <script>
+      if (window.navigator.userAgent.toLocaleLowerCase().indexOf('trident') !== -1) {
+        window.alert('IE is not supported on this page.')
+      }
+
+    </script>
+  </head>
+
+  <body>
+    <div id="nescss">
+      <header :class="{ sticky: scrollPos > 50 }">
+        <div class="container">
+          <div class="nav-brand">
+            <a href="https://nostalgic-css.github.io/NES.css/">
+              <h1><i class="snes-jp-logo brand-logo"></i>NES.css</h1>
+            </a>
+            <p>NES-style CSS Framework.</p>
+          </div>
+
+          <div class="social-buttons">
+            <p>Share on SNS</p>
+            <div class="share">
+              <a @click="share('twitter')"><i class="nes-icon twitter"></i></a>
+              <a @click="share('facebook')"><i class="nes-icon facebook"></i></a>
+              <a @click="share('linkedin')"><i class="nes-icon linkedin"></i></a>
+              <a @click="share('github')"><i class="nes-icon github"></i></a>
+            </div>
+          </div>
+        </div>
+      </header>
+
+      <div class="container">
+        <main class="main-content">
+          <a class="github-link" :class="{ active:  scrollPos < 200 }" href="https://github.com/nostalgic-css/NES.css" target="_blank" rel="noopener" @mouseover="startAnimate" @mouseout="stopAnimate">
+            <p class="nes-balloon from-right">Fork me<br />on GitHub</p>
+            <i class="nes-octocat" :class="animateOctocat ? 'animate' : ''"></i>
+          </a>
+
+          <!-- About -->
+          <section class="topic">
+            <h2 id="about"><a href="#about">#</a>About</h2>
+            <p>NES.css is NES-style (8bit-like) CSS Framework.</p>
+          </section>
+
+
+          <!-- Installation -->
+          <section class="topic">
+            <h2 id="installation"><a href="#installation">#</a>Installation</h2>
+            <p>NES.css is available via either npm or Yarn, or a CDN.</p>
+            <p>Please read <a href="https://github.com/nostalgic-css/NES.css" target="_blank" rel="noopener">README.md</a>.</p>
+          </section>
+
+          <!-- Usage -->
+          <section class="topic">
+            <h2 id="usage"><a href="#usage">#</a>Usage</h2>
+            <p>NES.css only provides components. You will need to define your own layout.</p>
+
+            <section class="showcase" v-for="sample in collection" :key="sample">
+              <section class="nes-container with-title">
+                <h3 class="title">{{ sample.title | capitalize }}</h3>
+                <div
+                  :id="sample.title"
+                  class="item"
+                  v-html="sample.code">
+                </div>
+                <p v-if="sample.description" class="description nes-text">{{ sample.description }}</p>
+                <p v-if="sample.note" class="note nes-text is-error">{{ sample.note }}</p>
+                <button type="button" class="nes-btn is-primary showcode" @click="sample.showCode = !sample.showCode">&lt;&gt;</button>
+              </section>
+              <section class="samplecode" v-show="sample.showCode">
+                <button type="button" class="nes-btn copycode" @click="copy($event, sample.title)">copy</button>
+                <pre><code class="html">{{ sample.code }}</code></pre>
+              </section>
+            </section>
+          </section>
+
+          <!-- Members -->
+          <section class="topic">
+            <h2 id="members"><a href="#members">#</a>Members</h2>
+            <section class="coreteam">
+              <h3 class="topic-title"><i class="nes-icon star"></i>Core Team Members</h3>
+              <p>Here is core team members developing NES.css.</p>
+
+              <div class="coreteam-members">
+                <template v-for="member in coreteam">
+                  <section class="nes-container is-dark member-card">
+                    <div class="avatar">
+                      <img class="lazy" :data-src="'https://github.com/' + member.github + '.png?size=80'" :alt="'Core Member ' + member.name">
+                    </div>
+                    <div class="profile">
+                      <h4 class="name">{{ member.name }}</h4>
+                      <p>{{ member.feat }}</p>
+                      <div>
+                        <a :href="'https://github.com/' + member.github" target="_blank" rel="noopener" aria-label="github"><i class="nes-icon github"></i></a>
+                        <a :href="'https://twitter.com/' + member.twitter" target="_blank" rel="noopener" aria-label="twitter"><i class="nes-icon twitter"></i></a>
+                      </div>
+                    </div>
+                  </section>
+                </template>
+              </div>
+            </section>
+            <section class="coreteam-emeriti" v-if="emeriti.length > 0">
+              <h3 class="topic-title"><i class="nes-icon trophy"></i>Core Team Emeriti</h3>
+              <p>Here we honor some no-longer-active core team members.</p>
+
+              <div class="coreteam-members">
+                <template v-for="member in emeriti">
+                  <section class="nes-container is-dark member-card">
+                    <div class="avatar">
+                      <img class="lazy" :data-src="'https://github.com/' + member.github + '.png?size=80'" :alt="'Emeriti ' + member.name">
+                    </div>
+                    <div class="profile">
+                      <h4 class="name">{{ member.name }}</h4>
+                      <p>{{ member.feat }}</p>
+                      <div>
+                        <a :href="'https://github.com/' + member.github" target="_blank" rel="noopener" aria-label="github"><i class="nes-icon github"></i></a>
+                        <a :href="'https://twitter.com/' + member.twitter" target="_blank" rel="noopener" aria-label="twitter"><i class="nes-icon twitter"></i></a>
+                      </div>
+                    </div>
+                  </section>
+                </template>
+              </div>
+            </section>
+            <section class="contributors">
+              <h3 class="topic-title"><i class="nes-icon heart"></i>Contributors</h3>
+              <template v-for="user in contributors">
+                <a class="contributor" :href="'https://github.com/' + user" target="_black">
+                  <img class="nes-avatar is-large is-rounded lazy" :data-src="'https://github.com/' + user + '.png?size=64'" :alt="'Contributor ' + user">
+                  <p>{{ user }}</p>
+                </a>
+              </template>
+            </section>
+          </section>
+
+          <!-- Articles -->
+          <section class="topic">
+              <h2 id="articles"><a href="#articles">#</a>Articles</h2>
+              <article class="article-link">
+                <h3 class="title">
+                  <a href="https://medium.com/@bc_rikko/why-i-created-and-released-nes-css-ee8966bacd09" target="_blank" rel="noopener"><i class="nes-icon medium"></i><span>Why I created and released NES.css</span></a>
+                </h3>
+              </article>
+              <article class="article-link">
+                <h3 class="title">
+                  <a href="https://github.blog/2019-01-20-release-radar-december-2018/#nes-css-1-0" target="_blank" rel="noopener"><i class="nes-icon github"></i><span>Release Radar·December 2018|The GitHub Blog</span></a>
+                </h3>
+              </article>
+          </section>
+
+        </main>
+
+        <footer>
+          <p>
+            <span>&copy;2018</span>
+            <a href="https://kuroeveryday.blogspot.com/" target="_blank" rel="noopener">Black Everyday Company</a>
+            <span>-</span>
+            <a href="https://twitter.com/bc_rikko" target="_blank" rel="noopener">@bc_rikko</a>
+          </p>
+        </footer>
+
+        <!-- Copied balloon -->
+        <div class="nes-balloon from-right copied-balloon" :style="copiedBalloon">
+          <p>copied!!</p>
+        </div>
+
+        <!-- FAB Button -->
+        <button type="button" class="nes-btn is-error scroll-btn" :class="{ active: scrollPos > 500 }" @click="window.scrollTo({ top:0, behavior: 'smooth' })"><span>&lt;</span></button>
+      </div>
+    </div>
+  </body>
+  <script src="./script.js"></script>
+  <script>
+    const h = document.querySelector('head');
+    ['./lib/dialog-polyfill.css', './lib/highlight-theme.css'].forEach(a => {
+      const l = document.createElement('link');
+      l.href = a;
+      l.rel = 'stylesheet';
+      h.appendChild(l);
+    })
+  </script>
+</html>
diff --git a/docs/lib/dialog-polyfill.css b/docs/lib/dialog-polyfill.css
new file mode 100644
index 00000000..93b8f70e
--- /dev/null
+++ b/docs/lib/dialog-polyfill.css
@@ -0,0 +1,2 @@
+/* Copyright (c) 2013 The Chromium Authors. All rights reserved. */
+._dialog_overlay,dialog+.backdrop{right:0;bottom:0;left:0;position:fixed}dialog{position:absolute;right:0;left:0;display:block;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;padding:1em;margin:auto;color:#000;background:#fff;border:solid}dialog:not([open]){display:none}dialog+.backdrop{top:0;background:rgba(0,0,0,.1)}._dialog_overlay{top:0}dialog.fixed{position:fixed;top:50%;transform:translate(0,-50%)}
diff --git a/docs/lib/dialog-polyfill.js b/docs/lib/dialog-polyfill.js
new file mode 100644
index 00000000..641563cb
--- /dev/null
+++ b/docs/lib/dialog-polyfill.js
@@ -0,0 +1,4 @@
+/**
+ * Copyright (c) 2013 The Chromium Authors. All rights reserved.
+ */
+!function(){var e=window.CustomEvent;function t(e){for(;e;){if("dialog"===e.localName)return e;e=e.parentElement}return null}function o(e){e&&e.blur&&e!==document.body&&e.blur()}function i(e,t){for(var o=0;o<e.length;++o)if(e[o]===t)return!0;return!1}function n(e){return!(!e||!e.hasAttribute("method"))&&"dialog"===e.getAttribute("method").toLowerCase()}function a(e){if(this.dialog_=e,this.replacedStyleTop_=!1,this.openAsModal_=!1,e.hasAttribute("role")||e.setAttribute("role","dialog"),e.show=this.show.bind(this),e.showModal=this.showModal.bind(this),e.close=this.close.bind(this),"returnValue"in e||(e.returnValue=""),"MutationObserver"in window){new MutationObserver(this.maybeHideModal.bind(this)).observe(e,{attributes:!0,attributeFilter:["open"]})}else{var t,o=!1,i=function(){o?this.downgradeModal():this.maybeHideModal(),o=!1}.bind(this),n=function(n){if(n.target===e){var a="DOMNodeRemoved";o|=n.type.substr(0,a.length)===a,window.clearTimeout(t),t=window.setTimeout(i,0)}};["DOMAttrModified","DOMNodeRemoved","DOMNodeRemovedFromDocument"].forEach(function(t){e.addEventListener(t,n)})}Object.defineProperty(e,"open",{set:this.setOpen.bind(this),get:e.hasAttribute.bind(e,"open")}),this.backdrop_=document.createElement("div"),this.backdrop_.className="backdrop",this.backdrop_.addEventListener("click",this.backdropClick_.bind(this))}e&&"object"!=typeof e||((e=function(e,t){t=t||{};var o=document.createEvent("CustomEvent");return o.initCustomEvent(e,!!t.bubbles,!!t.cancelable,t.detail||null),o}).prototype=window.Event.prototype),a.prototype={get dialog(){return this.dialog_},maybeHideModal:function(){this.dialog_.hasAttribute("open")&&document.body.contains(this.dialog_)||this.downgradeModal()},downgradeModal:function(){this.openAsModal_&&(this.openAsModal_=!1,this.dialog_.style.zIndex="",this.replacedStyleTop_&&(this.dialog_.style.top="",this.replacedStyleTop_=!1),this.backdrop_.parentNode&&this.backdrop_.parentNode.removeChild(this.backdrop_),r.dm.removeDialog(this))},setOpen:function(e){e?this.dialog_.hasAttribute("open")||this.dialog_.setAttribute("open",""):(this.dialog_.removeAttribute("open"),this.maybeHideModal())},backdropClick_:function(e){if(this.dialog_.hasAttribute("tabindex"))this.dialog_.focus();else{var t=document.createElement("div");this.dialog_.insertBefore(t,this.dialog_.firstChild),t.tabIndex=-1,t.focus(),this.dialog_.removeChild(t)}var o=document.createEvent("MouseEvents");o.initMouseEvent(e.type,e.bubbles,e.cancelable,window,e.detail,e.screenX,e.screenY,e.clientX,e.clientY,e.ctrlKey,e.altKey,e.shiftKey,e.metaKey,e.button,e.relatedTarget),this.dialog_.dispatchEvent(o),e.stopPropagation()},focus_:function(){var e=this.dialog_.querySelector("[autofocus]:not([disabled])");if(!e&&this.dialog_.tabIndex>=0&&(e=this.dialog_),!e){var t=["button","input","keygen","select","textarea"].map(function(e){return e+":not([disabled])"});t.push('[tabindex]:not([disabled]):not([tabindex=""])'),e=this.dialog_.querySelector(t.join(", "))}o(document.activeElement),e&&e.focus()},updateZIndex:function(e,t){if(e<t)throw new Error("dialogZ should never be < backdropZ");this.dialog_.style.zIndex=e,this.backdrop_.style.zIndex=t},show:function(){this.dialog_.open||(this.setOpen(!0),this.focus_())},showModal:function(){if(this.dialog_.hasAttribute("open"))throw new Error("Failed to execute 'showModal' on dialog: The element is already open, and therefore cannot be opened modally.");if(!document.body.contains(this.dialog_))throw new Error("Failed to execute 'showModal' on dialog: The element is not in a Document.");if(!r.dm.pushDialog(this))throw new Error("Failed to execute 'showModal' on dialog: There are too many open modal dialogs.");(function(e){for(;e&&e!==document.body;){var t=window.getComputedStyle(e),o=function(e,o){return!(void 0===t[e]||t[e]===o)};if(t.opacity<1||o("zIndex","auto")||o("transform","none")||o("mixBlendMode","normal")||o("filter","none")||o("perspective","none")||"isolate"===t.isolation||"fixed"===t.position||"touch"===t.webkitOverflowScrolling)return!0;e=e.parentElement}return!1})(this.dialog_.parentElement)&&console.warn("A dialog is being shown inside a stacking context. This may cause it to be unusable. For more information, see this link: https://github.com/GoogleChrome/dialog-polyfill/#stacking-context"),this.setOpen(!0),this.openAsModal_=!0,r.needsCentering(this.dialog_)?(r.reposition(this.dialog_),this.replacedStyleTop_=!0):this.replacedStyleTop_=!1,this.dialog_.parentNode.insertBefore(this.backdrop_,this.dialog_.nextSibling),this.focus_()},close:function(t){if(!this.dialog_.hasAttribute("open"))throw new Error("Failed to execute 'close' on dialog: The element does not have an 'open' attribute, and therefore cannot be closed.");this.setOpen(!1),void 0!==t&&(this.dialog_.returnValue=t);var o=new e("close",{bubbles:!1,cancelable:!1});this.dialog_.dispatchEvent(o)}};var r={};if(r.reposition=function(e){var t=document.body.scrollTop||document.documentElement.scrollTop,o=t+(window.innerHeight-e.offsetHeight)/2;e.style.top=Math.max(t,o)+"px"},r.isInlinePositionSetByStylesheet=function(e){for(var t=0;t<document.styleSheets.length;++t){var o=document.styleSheets[t],n=null;try{n=o.cssRules}catch(e){}if(n)for(var a=0;a<n.length;++a){var r=n[a],l=null;try{l=document.querySelectorAll(r.selectorText)}catch(e){}if(l&&i(l,e)){var s=r.style.getPropertyValue("top"),d=r.style.getPropertyValue("bottom");if(s&&"auto"!==s||d&&"auto"!==d)return!0}}}return!1},r.needsCentering=function(e){return"absolute"===window.getComputedStyle(e).position&&(!("auto"!==e.style.top&&""!==e.style.top||"auto"!==e.style.bottom&&""!==e.style.bottom)&&!r.isInlinePositionSetByStylesheet(e))},r.forceRegisterDialog=function(e){if((window.HTMLDialogElement||e.showModal)&&console.warn("This browser already supports <dialog>, the polyfill may not work correctly",e),"dialog"!==e.localName)throw new Error("Failed to register dialog: The element is not a dialog.");new a(e)},r.registerDialog=function(e){e.showModal||r.forceRegisterDialog(e)},r.DialogManager=function(){this.pendingDialogStack=[];var e=this.checkDOM_.bind(this);this.overlay=document.createElement("div"),this.overlay.className="_dialog_overlay",this.overlay.addEventListener("click",function(t){this.forwardTab_=void 0,t.stopPropagation(),e([])}.bind(this)),this.handleKey_=this.handleKey_.bind(this),this.handleFocus_=this.handleFocus_.bind(this),this.zIndexLow_=1e5,this.zIndexHigh_=100150,this.forwardTab_=void 0,"MutationObserver"in window&&(this.mo_=new MutationObserver(function(t){var o=[];t.forEach(function(e){for(var t,i=0;t=e.removedNodes[i];++i)t instanceof Element&&("dialog"===t.localName&&o.push(t),o=o.concat(t.querySelectorAll("dialog")))}),o.length&&e(o)}))},r.DialogManager.prototype.blockDocument=function(){document.documentElement.addEventListener("focus",this.handleFocus_,!0),document.addEventListener("keydown",this.handleKey_),this.mo_&&this.mo_.observe(document,{childList:!0,subtree:!0})},r.DialogManager.prototype.unblockDocument=function(){document.documentElement.removeEventListener("focus",this.handleFocus_,!0),document.removeEventListener("keydown",this.handleKey_),this.mo_&&this.mo_.disconnect()},r.DialogManager.prototype.updateStacking=function(){for(var e,t=this.zIndexHigh_,o=0;e=this.pendingDialogStack[o];++o)e.updateZIndex(--t,--t),0===o&&(this.overlay.style.zIndex=--t);var i=this.pendingDialogStack[0];i?(i.dialog.parentNode||document.body).appendChild(this.overlay):this.overlay.parentNode&&this.overlay.parentNode.removeChild(this.overlay)},r.DialogManager.prototype.containedByTopDialog_=function(e){for(;e=t(e);){for(var o,i=0;o=this.pendingDialogStack[i];++i)if(o.dialog===e)return 0===i;e=e.parentElement}return!1},r.DialogManager.prototype.handleFocus_=function(e){if(!this.containedByTopDialog_(e.target)&&document.activeElement!==document.documentElement&&(e.preventDefault(),e.stopPropagation(),o(e.target),void 0!==this.forwardTab_)){var t=this.pendingDialogStack[0];return t.dialog.compareDocumentPosition(e.target)&Node.DOCUMENT_POSITION_PRECEDING&&(this.forwardTab_?t.focus_():e.target!==document.documentElement&&document.documentElement.focus()),!1}},r.DialogManager.prototype.handleKey_=function(t){if(this.forwardTab_=void 0,27===t.keyCode){t.preventDefault(),t.stopPropagation();var o=new e("cancel",{bubbles:!1,cancelable:!0}),i=this.pendingDialogStack[0];i&&i.dialog.dispatchEvent(o)&&i.dialog.close()}else 9===t.keyCode&&(this.forwardTab_=!t.shiftKey)},r.DialogManager.prototype.checkDOM_=function(e){this.pendingDialogStack.slice().forEach(function(t){-1!==e.indexOf(t.dialog)?t.downgradeModal():t.maybeHideModal()})},r.DialogManager.prototype.pushDialog=function(e){var t=(this.zIndexHigh_-this.zIndexLow_)/2-1;return!(this.pendingDialogStack.length>=t)&&(1===this.pendingDialogStack.unshift(e)&&this.blockDocument(),this.updateStacking(),!0)},r.DialogManager.prototype.removeDialog=function(e){var t=this.pendingDialogStack.indexOf(e);-1!==t&&(this.pendingDialogStack.splice(t,1),0===this.pendingDialogStack.length&&this.unblockDocument(),this.updateStacking())},r.dm=new r.DialogManager,r.formSubmitter=null,r.useValue=null,void 0===window.HTMLDialogElement){var l=document.createElement("form");if(l.setAttribute("method","dialog"),"dialog"!==l.method){var s=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"method");if(s){var d=s.get;s.get=function(){return n(this)?"dialog":d.call(this)};var c=s.set;s.set=function(e){return"string"==typeof e&&"dialog"===e.toLowerCase()?this.setAttribute("method",e):c.call(this,e)},Object.defineProperty(HTMLFormElement.prototype,"method",s)}}document.addEventListener("click",function(e){if(r.formSubmitter=null,r.useValue=null,!e.defaultPrevented){var o=e.target;if(o&&n(o.form)){if(!("submit"===o.type&&["button","input"].indexOf(o.localName)>-1)){if("input"!==o.localName||"image"!==o.type)return;r.useValue=e.offsetX+","+e.offsetY}t(o)&&(r.formSubmitter=o)}}},!1);var u=HTMLFormElement.prototype.submit;HTMLFormElement.prototype.submit=function(){if(!n(this))return u.call(this);var e=t(this);e&&e.close()},document.addEventListener("submit",function(e){var o=e.target;if(n(o)){e.preventDefault();var i=t(o);if(i){var a=r.formSubmitter;a&&a.form===o?i.close(r.useValue||a.value):i.close(),r.formSubmitter=null}}},!0)}r.forceRegisterDialog=r.forceRegisterDialog,r.registerDialog=r.registerDialog,"function"==typeof define&&"amd"in define?define(function(){return r}):"object"==typeof module&&"object"==typeof module.exports?module.exports=r:window.dialogPolyfill=r}();
diff --git a/docs/lib/highlight-theme.css b/docs/lib/highlight-theme.css
new file mode 100644
index 00000000..1eab4f04
--- /dev/null
+++ b/docs/lib/highlight-theme.css
@@ -0,0 +1,5 @@
+/*
+ * Visual Studio 2015 dark style
+ * Author: Nicolas LLOBERA <nllobera@gmail.com>
+ */
+ .hljs{display:block;overflow-x:auto;padding:.5em;background:#1E1E1E;color:#DCDCDC}.hljs-addition,.hljs-deletion{display:inline-block;width:100%}.hljs-keyword,.hljs-link,.hljs-literal,.hljs-name,.hljs-symbol{color:#569CD6}.hljs-link{text-decoration:underline}.hljs-built_in,.hljs-type{color:#4EC9B0}.hljs-class,.hljs-number{color:#B8D7A3}.hljs-meta-string,.hljs-string{color:#D69D85}.hljs-regexp,.hljs-template-tag{color:#9A5334}.hljs-formula,.hljs-function,.hljs-params,.hljs-subst,.hljs-title{color:#DCDCDC}.hljs-comment,.hljs-quote{color:#57A64A;font-style:italic}.hljs-doctag{color:#608B4E}.hljs-meta,.hljs-meta-keyword,.hljs-tag{color:#9B9B9B}.hljs-template-variable,.hljs-variable{color:#BD63C5}.hljs-attr,.hljs-attribute,.hljs-builtin-name{color:#9CDCFE}.hljs-section{color:gold}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-bullet,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo,.hljs-selector-tag{color:#D7BA7D}.hljs-addition{background-color:#144212}.hljs-deletion{background-color:#600}
diff --git a/docs/lib/highlight.js b/docs/lib/highlight.js
new file mode 100644
index 00000000..68311533
--- /dev/null
+++ b/docs/lib/highlight.js
@@ -0,0 +1,2 @@
+/*! highlight.js v9.14.2 | BSD3 License | git.io/hljslicense */
+!function(e){var n="object"==typeof window&&window||"object"==typeof self&&self;"undefined"!=typeof exports?e(exports):n&&(n.hljs=e({}),"function"==typeof define&&define.amd&&define([],function(){return n.hljs}))}(function(e){function n(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function t(e){return e.nodeName.toLowerCase()}function r(e,n){var t=e&&e.exec(n);return t&&0===t.index}function a(e){return k.test(e)}function i(e){var n,t,r,i,o=e.className+" ";if(o+=e.parentNode?e.parentNode.className:"",t=M.exec(o))return w(t[1])?t[1]:"no-highlight";for(o=o.split(/\s+/),n=0,r=o.length;r>n;n++)if(i=o[n],a(i)||w(i))return i}function o(e){var n,t={},r=Array.prototype.slice.call(arguments,1);for(n in e)t[n]=e[n];return r.forEach(function(e){for(n in e)t[n]=e[n]}),t}function c(e){var n=[];return function r(e,a){for(var i=e.firstChild;i;i=i.nextSibling)3===i.nodeType?a+=i.nodeValue.length:1===i.nodeType&&(n.push({event:"start",offset:a,node:i}),a=r(i,a),t(i).match(/br|hr|img|input/)||n.push({event:"stop",offset:a,node:i}));return a}(e,0),n}function u(e,r,a){function i(){return e.length&&r.length?e[0].offset!==r[0].offset?e[0].offset<r[0].offset?e:r:"start"===r[0].event?e:r:e.length?e:r}function o(e){function r(e){return" "+e.nodeName+'="'+n(e.value).replace('"',"&quot;")+'"'}l+="<"+t(e)+E.map.call(e.attributes,r).join("")+">"}function c(e){l+="</"+t(e)+">"}function u(e){("start"===e.event?o:c)(e.node)}for(var s=0,l="",f=[];e.length||r.length;){var g=i();if(l+=n(a.substring(s,g[0].offset)),s=g[0].offset,g===e){f.reverse().forEach(c);do u(g.splice(0,1)[0]),g=i();while(g===e&&g.length&&g[0].offset===s);f.reverse().forEach(o)}else"start"===g[0].event?f.push(g[0].node):f.pop(),u(g.splice(0,1)[0])}return l+n(a.substr(s))}function s(e){return e.v&&!e.cached_variants&&(e.cached_variants=e.v.map(function(n){return o(e,{v:null},n)})),e.cached_variants||e.eW&&[o(e)]||[e]}function l(e){function n(e){return e&&e.source||e}function t(t,r){return new RegExp(n(t),"m"+(e.cI?"i":"")+(r?"g":""))}function r(a,i){if(!a.compiled){if(a.compiled=!0,a.k=a.k||a.bK,a.k){var o={},c=function(n,t){e.cI&&(t=t.toLowerCase()),t.split(" ").forEach(function(e){var t=e.split("|");o[t[0]]=[n,t[1]?Number(t[1]):1]})};"string"==typeof a.k?c("keyword",a.k):B(a.k).forEach(function(e){c(e,a.k[e])}),a.k=o}a.lR=t(a.l||/\w+/,!0),i&&(a.bK&&(a.b="\\b("+a.bK.split(" ").join("|")+")\\b"),a.b||(a.b=/\B|\b/),a.bR=t(a.b),a.endSameAsBegin&&(a.e=a.b),a.e||a.eW||(a.e=/\B|\b/),a.e&&(a.eR=t(a.e)),a.tE=n(a.e)||"",a.eW&&i.tE&&(a.tE+=(a.e?"|":"")+i.tE)),a.i&&(a.iR=t(a.i)),null==a.r&&(a.r=1),a.c||(a.c=[]),a.c=Array.prototype.concat.apply([],a.c.map(function(e){return s("self"===e?a:e)})),a.c.forEach(function(e){r(e,a)}),a.starts&&r(a.starts,i);var u=a.c.map(function(e){return e.bK?"\\.?("+e.b+")\\.?":e.b}).concat([a.tE,a.i]).map(n).filter(Boolean);a.t=u.length?t(u.join("|"),!0):{exec:function(){return null}}}}r(e)}function f(e,t,a,i){function o(e){return new RegExp(e.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&"),"m")}function c(e,n){var t,a;for(t=0,a=n.c.length;a>t;t++)if(r(n.c[t].bR,e))return n.c[t].endSameAsBegin&&(n.c[t].eR=o(n.c[t].bR.exec(e)[0])),n.c[t]}function u(e,n){if(r(e.eR,n)){for(;e.endsParent&&e.parent;)e=e.parent;return e}return e.eW?u(e.parent,n):void 0}function s(e,n){return!a&&r(n.iR,e)}function p(e,n){var t=R.cI?n[0].toLowerCase():n[0];return e.k.hasOwnProperty(t)&&e.k[t]}function d(e,n,t,r){var a=r?"":j.classPrefix,i='<span class="'+a,o=t?"":I;return i+=e+'">',i+n+o}function h(){var e,t,r,a;if(!E.k)return n(k);for(a="",t=0,E.lR.lastIndex=0,r=E.lR.exec(k);r;)a+=n(k.substring(t,r.index)),e=p(E,r),e?(M+=e[1],a+=d(e[0],n(r[0]))):a+=n(r[0]),t=E.lR.lastIndex,r=E.lR.exec(k);return a+n(k.substr(t))}function b(){var e="string"==typeof E.sL;if(e&&!L[E.sL])return n(k);var t=e?f(E.sL,k,!0,B[E.sL]):g(k,E.sL.length?E.sL:void 0);return E.r>0&&(M+=t.r),e&&(B[E.sL]=t.top),d(t.language,t.value,!1,!0)}function v(){y+=null!=E.sL?b():h(),k=""}function m(e){y+=e.cN?d(e.cN,"",!0):"",E=Object.create(e,{parent:{value:E}})}function N(e,n){if(k+=e,null==n)return v(),0;var t=c(n,E);if(t)return t.skip?k+=n:(t.eB&&(k+=n),v(),t.rB||t.eB||(k=n)),m(t,n),t.rB?0:n.length;var r=u(E,n);if(r){var a=E;a.skip?k+=n:(a.rE||a.eE||(k+=n),v(),a.eE&&(k=n));do E.cN&&(y+=I),E.skip||E.sL||(M+=E.r),E=E.parent;while(E!==r.parent);return r.starts&&(r.endSameAsBegin&&(r.starts.eR=r.eR),m(r.starts,"")),a.rE?0:n.length}if(s(n,E))throw new Error('Illegal lexeme "'+n+'" for mode "'+(E.cN||"<unnamed>")+'"');return k+=n,n.length||1}var R=w(e);if(!R)throw new Error('Unknown language: "'+e+'"');l(R);var x,E=i||R,B={},y="";for(x=E;x!==R;x=x.parent)x.cN&&(y=d(x.cN,"",!0)+y);var k="",M=0;try{for(var C,A,S=0;;){if(E.t.lastIndex=S,C=E.t.exec(t),!C)break;A=N(t.substring(S,C.index),C[0]),S=C.index+A}for(N(t.substr(S)),x=E;x.parent;x=x.parent)x.cN&&(y+=I);return{r:M,value:y,language:e,top:E}}catch(O){if(O.message&&-1!==O.message.indexOf("Illegal"))return{r:0,value:n(t)};throw O}}function g(e,t){t=t||j.languages||B(L);var r={r:0,value:n(e)},a=r;return t.filter(w).filter(x).forEach(function(n){var t=f(n,e,!1);t.language=n,t.r>a.r&&(a=t),t.r>r.r&&(a=r,r=t)}),a.language&&(r.second_best=a),r}function p(e){return j.tabReplace||j.useBR?e.replace(C,function(e,n){return j.useBR&&"\n"===e?"<br>":j.tabReplace?n.replace(/\t/g,j.tabReplace):""}):e}function d(e,n,t){var r=n?y[n]:t,a=[e.trim()];return e.match(/\bhljs\b/)||a.push("hljs"),-1===e.indexOf(r)&&a.push(r),a.join(" ").trim()}function h(e){var n,t,r,o,s,l=i(e);a(l)||(j.useBR?(n=document.createElementNS("http://www.w3.org/1999/xhtml","div"),n.innerHTML=e.innerHTML.replace(/\n/g,"").replace(/<br[ \/]*>/g,"\n")):n=e,s=n.textContent,r=l?f(l,s,!0):g(s),t=c(n),t.length&&(o=document.createElementNS("http://www.w3.org/1999/xhtml","div"),o.innerHTML=r.value,r.value=u(t,c(o),s)),r.value=p(r.value),e.innerHTML=r.value,e.className=d(e.className,l,r.language),e.result={language:r.language,re:r.r},r.second_best&&(e.second_best={language:r.second_best.language,re:r.second_best.r}))}function b(e){j=o(j,e)}function v(){if(!v.called){v.called=!0;var e=document.querySelectorAll("pre code");E.forEach.call(e,h)}}function m(){addEventListener("DOMContentLoaded",v,!1),addEventListener("load",v,!1)}function N(n,t){var r=L[n]=t(e);r.aliases&&r.aliases.forEach(function(e){y[e]=n})}function R(){return B(L)}function w(e){return e=(e||"").toLowerCase(),L[e]||L[y[e]]}function x(e){var n=w(e);return n&&!n.disableAutodetect}var E=[],B=Object.keys,L={},y={},k=/^(no-?highlight|plain|text)$/i,M=/\blang(?:uage)?-([\w-]+)\b/i,C=/((^(<[^>]+>|\t|)+|(?:\n)))/gm,I="</span>",j={classPrefix:"hljs-",tabReplace:null,useBR:!1,languages:void 0};return e.highlight=f,e.highlightAuto=g,e.fixMarkup=p,e.highlightBlock=h,e.configure=b,e.initHighlighting=v,e.initHighlightingOnLoad=m,e.registerLanguage=N,e.listLanguages=R,e.getLanguage=w,e.autoDetection=x,e.inherit=o,e.IR="[a-zA-Z]\\w*",e.UIR="[a-zA-Z_]\\w*",e.NR="\\b\\d+(\\.\\d+)?",e.CNR="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",e.BNR="\\b(0b[01]+)",e.RSR="!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",e.BE={b:"\\\\[\\s\\S]",r:0},e.ASM={cN:"string",b:"'",e:"'",i:"\\n",c:[e.BE]},e.QSM={cN:"string",b:'"',e:'"',i:"\\n",c:[e.BE]},e.PWM={b:/\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\b/},e.C=function(n,t,r){var a=e.inherit({cN:"comment",b:n,e:t,c:[]},r||{});return a.c.push(e.PWM),a.c.push({cN:"doctag",b:"(?:TODO|FIXME|NOTE|BUG|XXX):",r:0}),a},e.CLCM=e.C("//","$"),e.CBCM=e.C("/\\*","\\*/"),e.HCM=e.C("#","$"),e.NM={cN:"number",b:e.NR,r:0},e.CNM={cN:"number",b:e.CNR,r:0},e.BNM={cN:"number",b:e.BNR,r:0},e.CSSNM={cN:"number",b:e.NR+"(%|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|px|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx)?",r:0},e.RM={cN:"regexp",b:/\//,e:/\/[gimuy]*/,i:/\n/,c:[e.BE,{b:/\[/,e:/\]/,r:0,c:[e.BE]}]},e.TM={cN:"title",b:e.IR,r:0},e.UTM={cN:"title",b:e.UIR,r:0},e.METHOD_GUARD={b:"\\.\\s*"+e.UIR,r:0},e});hljs.registerLanguage("css",function(e){var c="[a-zA-Z-][a-zA-Z0-9_-]*",t={b:/[A-Z\_\.\-]+\s*:/,rB:!0,e:";",eW:!0,c:[{cN:"attribute",b:/\S/,e:":",eE:!0,starts:{eW:!0,eE:!0,c:[{b:/[\w-]+\(/,rB:!0,c:[{cN:"built_in",b:/[\w-]+/},{b:/\(/,e:/\)/,c:[e.ASM,e.QSM]}]},e.CSSNM,e.QSM,e.ASM,e.CBCM,{cN:"number",b:"#[0-9A-Fa-f]+"},{cN:"meta",b:"!important"}]}}]};return{cI:!0,i:/[=\/|'\$]/,c:[e.CBCM,{cN:"selector-id",b:/#[A-Za-z0-9_-]+/},{cN:"selector-class",b:/\.[A-Za-z0-9_-]+/},{cN:"selector-attr",b:/\[/,e:/\]/,i:"$"},{cN:"selector-pseudo",b:/:(:)?[a-zA-Z0-9\_\-\+\(\)"'.]+/},{b:"@(font-face|page)",l:"[a-z-]+",k:"font-face page"},{b:"@",e:"[{;]",i:/:/,c:[{cN:"keyword",b:/\w+/},{b:/\s/,eW:!0,eE:!0,r:0,c:[e.ASM,e.QSM,e.CSSNM]}]},{cN:"selector-tag",b:c,r:0},{b:"{",e:"}",i:/\S/,c:[e.CBCM,t]}]}});hljs.registerLanguage("xml",function(s){var e="[A-Za-z0-9\\._:-]+",t={eW:!0,i:/</,r:0,c:[{cN:"attr",b:e,r:0},{b:/=\s*/,r:0,c:[{cN:"string",endsParent:!0,v:[{b:/"/,e:/"/},{b:/'/,e:/'/},{b:/[^\s"'=<>`]+/}]}]}]};return{aliases:["html","xhtml","rss","atom","xjb","xsd","xsl","plist"],cI:!0,c:[{cN:"meta",b:"<!DOCTYPE",e:">",r:10,c:[{b:"\\[",e:"\\]"}]},s.C("<!--","-->",{r:10}),{b:"<\\!\\[CDATA\\[",e:"\\]\\]>",r:10},{cN:"meta",b:/<\?xml/,e:/\?>/,r:10},{b:/<\?(php)?/,e:/\?>/,sL:"php",c:[{b:"/\\*",e:"\\*/",skip:!0},{b:'b"',e:'"',skip:!0},{b:"b'",e:"'",skip:!0},s.inherit(s.ASM,{i:null,cN:null,c:null,skip:!0}),s.inherit(s.QSM,{i:null,cN:null,c:null,skip:!0})]},{cN:"tag",b:"<style(?=\\s|>|$)",e:">",k:{name:"style"},c:[t],starts:{e:"</style>",rE:!0,sL:["css","xml"]}},{cN:"tag",b:"<script(?=\\s|>|$)",e:">",k:{name:"script"},c:[t],starts:{e:"</script>",rE:!0,sL:["actionscript","javascript","handlebars","xml"]}},{cN:"tag",b:"</?",e:"/?>",c:[{cN:"name",b:/[^\/><\s]+/,r:0},t]}]}});hljs.registerLanguage("javascript",function(e){var r="[A-Za-z$_][0-9A-Za-z$_]*",t={keyword:"in of if for while finally var new function do return void else break catch instanceof with throw case default try this switch continue typeof delete let yield const export super debugger as async await static import from as",literal:"true false null undefined NaN Infinity",built_in:"eval isFinite isNaN parseFloat parseInt decodeURI decodeURIComponent encodeURI encodeURIComponent escape unescape Object Function Boolean Error EvalError InternalError RangeError ReferenceError StopIteration SyntaxError TypeError URIError Number Math Date String RegExp Array Float32Array Float64Array Int16Array Int32Array Int8Array Uint16Array Uint32Array Uint8Array Uint8ClampedArray ArrayBuffer DataView JSON Intl arguments require module console window document Symbol Set Map WeakSet WeakMap Proxy Reflect Promise"},a={cN:"number",v:[{b:"\\b(0[bB][01]+)"},{b:"\\b(0[oO][0-7]+)"},{b:e.CNR}],r:0},n={cN:"subst",b:"\\$\\{",e:"\\}",k:t,c:[]},c={cN:"string",b:"`",e:"`",c:[e.BE,n]};n.c=[e.ASM,e.QSM,c,a,e.RM];var s=n.c.concat([e.CBCM,e.CLCM]);return{aliases:["js","jsx"],k:t,c:[{cN:"meta",r:10,b:/^\s*['"]use (strict|asm)['"]/},{cN:"meta",b:/^#!/,e:/$/},e.ASM,e.QSM,c,e.CLCM,e.CBCM,a,{b:/[{,]\s*/,r:0,c:[{b:r+"\\s*:",rB:!0,r:0,c:[{cN:"attr",b:r,r:0}]}]},{b:"("+e.RSR+"|\\b(case|return|throw)\\b)\\s*",k:"return throw case",c:[e.CLCM,e.CBCM,e.RM,{cN:"function",b:"(\\(.*?\\)|"+r+")\\s*=>",rB:!0,e:"\\s*=>",c:[{cN:"params",v:[{b:r},{b:/\(\s*\)/},{b:/\(/,e:/\)/,eB:!0,eE:!0,k:t,c:s}]}]},{b:/</,e:/(\/\w+|\w+\/)>/,sL:"xml",c:[{b:/<\w+\s*\/>/,skip:!0},{b:/<\w+/,e:/(\/\w+|\w+\/)>/,skip:!0,c:[{b:/<\w+\s*\/>/,skip:!0},"self"]}]}],r:0},{cN:"function",bK:"function",e:/\{/,eE:!0,c:[e.inherit(e.TM,{b:r}),{cN:"params",b:/\(/,e:/\)/,eB:!0,eE:!0,c:s}],i:/\[|%/},{b:/\$[(.]/},e.METHOD_GUARD,{cN:"class",bK:"class",e:/[{;=]/,eE:!0,i:/[:"\[\]]/,c:[{bK:"extends"},e.UTM]},{bK:"constructor get set",e:/\{/,eE:!0}],i:/#(?!!)/}});hljs.registerLanguage("scss",function(e){var t="[a-zA-Z-][a-zA-Z0-9_-]*",i={cN:"variable",b:"(\\$"+t+")\\b"},r={cN:"number",b:"#[0-9A-Fa-f]+"};({cN:"attribute",b:"[A-Z\\_\\.\\-]+",e:":",eE:!0,i:"[^\\s]",starts:{eW:!0,eE:!0,c:[r,e.CSSNM,e.QSM,e.ASM,e.CBCM,{cN:"meta",b:"!important"}]}});return{cI:!0,i:"[=/|']",c:[e.CLCM,e.CBCM,{cN:"selector-id",b:"\\#[A-Za-z0-9_-]+",r:0},{cN:"selector-class",b:"\\.[A-Za-z0-9_-]+",r:0},{cN:"selector-attr",b:"\\[",e:"\\]",i:"$"},{cN:"selector-tag",b:"\\b(a|abbr|acronym|address|area|article|aside|audio|b|base|big|blockquote|body|br|button|canvas|caption|cite|code|col|colgroup|command|datalist|dd|del|details|dfn|div|dl|dt|em|embed|fieldset|figcaption|figure|footer|form|frame|frameset|(h[1-6])|head|header|hgroup|hr|html|i|iframe|img|input|ins|kbd|keygen|label|legend|li|link|map|mark|meta|meter|nav|noframes|noscript|object|ol|optgroup|option|output|p|param|pre|progress|q|rp|rt|ruby|samp|script|section|select|small|span|strike|strong|style|sub|sup|table|tbody|td|textarea|tfoot|th|thead|time|title|tr|tt|ul|var|video)\\b",r:0},{b:":(visited|valid|root|right|required|read-write|read-only|out-range|optional|only-of-type|only-child|nth-of-type|nth-last-of-type|nth-last-child|nth-child|not|link|left|last-of-type|last-child|lang|invalid|indeterminate|in-range|hover|focus|first-of-type|first-line|first-letter|first-child|first|enabled|empty|disabled|default|checked|before|after|active)"},{b:"::(after|before|choices|first-letter|first-line|repeat-index|repeat-item|selection|value)"},i,{cN:"attribute",b:"\\b(z-index|word-wrap|word-spacing|word-break|width|widows|white-space|visibility|vertical-align|unicode-bidi|transition-timing-function|transition-property|transition-duration|transition-delay|transition|transform-style|transform-origin|transform|top|text-underline-position|text-transform|text-shadow|text-rendering|text-overflow|text-indent|text-decoration-style|text-decoration-line|text-decoration-color|text-decoration|text-align-last|text-align|tab-size|table-layout|right|resize|quotes|position|pointer-events|perspective-origin|perspective|page-break-inside|page-break-before|page-break-after|padding-top|padding-right|padding-left|padding-bottom|padding|overflow-y|overflow-x|overflow-wrap|overflow|outline-width|outline-style|outline-offset|outline-color|outline|orphans|order|opacity|object-position|object-fit|normal|none|nav-up|nav-right|nav-left|nav-index|nav-down|min-width|min-height|max-width|max-height|mask|marks|margin-top|margin-right|margin-left|margin-bottom|margin|list-style-type|list-style-position|list-style-image|list-style|line-height|letter-spacing|left|justify-content|initial|inherit|ime-mode|image-orientation|image-resolution|image-rendering|icon|hyphens|height|font-weight|font-variant-ligatures|font-variant|font-style|font-stretch|font-size-adjust|font-size|font-language-override|font-kerning|font-feature-settings|font-family|font|float|flex-wrap|flex-shrink|flex-grow|flex-flow|flex-direction|flex-basis|flex|filter|empty-cells|display|direction|cursor|counter-reset|counter-increment|content|column-width|column-span|column-rule-width|column-rule-style|column-rule-color|column-rule|column-gap|column-fill|column-count|columns|color|clip-path|clip|clear|caption-side|break-inside|break-before|break-after|box-sizing|box-shadow|box-decoration-break|bottom|border-width|border-top-width|border-top-style|border-top-right-radius|border-top-left-radius|border-top-color|border-top|border-style|border-spacing|border-right-width|border-right-style|border-right-color|border-right|border-radius|border-left-width|border-left-style|border-left-color|border-left|border-image-width|border-image-source|border-image-slice|border-image-repeat|border-image-outset|border-image|border-color|border-collapse|border-bottom-width|border-bottom-style|border-bottom-right-radius|border-bottom-left-radius|border-bottom-color|border-bottom|border|background-size|background-repeat|background-position|background-origin|background-image|background-color|background-clip|background-attachment|background-blend-mode|background|backface-visibility|auto|animation-timing-function|animation-play-state|animation-name|animation-iteration-count|animation-fill-mode|animation-duration|animation-direction|animation-delay|animation|align-self|align-items|align-content)\\b",i:"[^\\s]"},{b:"\\b(whitespace|wait|w-resize|visible|vertical-text|vertical-ideographic|uppercase|upper-roman|upper-alpha|underline|transparent|top|thin|thick|text|text-top|text-bottom|tb-rl|table-header-group|table-footer-group|sw-resize|super|strict|static|square|solid|small-caps|separate|se-resize|scroll|s-resize|rtl|row-resize|ridge|right|repeat|repeat-y|repeat-x|relative|progress|pointer|overline|outside|outset|oblique|nowrap|not-allowed|normal|none|nw-resize|no-repeat|no-drop|newspaper|ne-resize|n-resize|move|middle|medium|ltr|lr-tb|lowercase|lower-roman|lower-alpha|loose|list-item|line|line-through|line-edge|lighter|left|keep-all|justify|italic|inter-word|inter-ideograph|inside|inset|inline|inline-block|inherit|inactive|ideograph-space|ideograph-parenthesis|ideograph-numeric|ideograph-alpha|horizontal|hidden|help|hand|groove|fixed|ellipsis|e-resize|double|dotted|distribute|distribute-space|distribute-letter|distribute-all-lines|disc|disabled|default|decimal|dashed|crosshair|collapse|col-resize|circle|char|center|capitalize|break-word|break-all|bottom|both|bolder|bold|block|bidi-override|below|baseline|auto|always|all-scroll|absolute|table|table-cell)\\b"},{b:":",e:";",c:[i,r,e.CSSNM,e.QSM,e.ASM,{cN:"meta",b:"!important"}]},{b:"@",e:"[{;]",k:"mixin include extend for if else each while charset import debug media page content font-face namespace warn",c:[i,e.QSM,e.ASM,r,e.CSSNM,{b:"\\s[A-Za-z0-9_.-]+",r:0}]}]}});
\ No newline at end of file
diff --git a/docs/lib/vue.min.js b/docs/lib/vue.min.js
new file mode 100644
index 00000000..21799a08
--- /dev/null
+++ b/docs/lib/vue.min.js
@@ -0,0 +1,6 @@
+/*!
+ * Vue.js v2.6.2
+ * (c) 2014-2019 Evan You
+ * Released under the MIT License.
+ */
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self).Vue=t()}(this,function(){"use strict";var e=Object.freeze({});function t(e){return null==e}function n(e){return null!=e}function r(e){return!0===e}function i(e){return"string"==typeof e||"number"==typeof e||"symbol"==typeof e||"boolean"==typeof e}function o(e){return null!==e&&"object"==typeof e}var a=Object.prototype.toString;function s(e){return"[object Object]"===a.call(e)}function c(e){var t=parseFloat(String(e));return t>=0&&Math.floor(t)===t&&isFinite(e)}function u(e){return n(e)&&"function"==typeof e.then&&"function"==typeof e.catch}function l(e){return null==e?"":Array.isArray(e)||s(e)&&e.toString===a?JSON.stringify(e,null,2):String(e)}function f(e){var t=parseFloat(e);return isNaN(t)?e:t}function p(e,t){for(var n=Object.create(null),r=e.split(","),i=0;i<r.length;i++)n[r[i]]=!0;return t?function(e){return n[e.toLowerCase()]}:function(e){return n[e]}}var d=p("slot,component",!0),v=p("key,ref,slot,slot-scope,is");function h(e,t){if(e.length){var n=e.indexOf(t);if(n>-1)return e.splice(n,1)}}var m=Object.prototype.hasOwnProperty;function y(e,t){return m.call(e,t)}function g(e){var t=Object.create(null);return function(n){return t[n]||(t[n]=e(n))}}var _=/-(\w)/g,b=g(function(e){return e.replace(_,function(e,t){return t?t.toUpperCase():""})}),$=g(function(e){return e.charAt(0).toUpperCase()+e.slice(1)}),w=/\B([A-Z])/g,C=g(function(e){return e.replace(w,"-$1").toLowerCase()});var x=Function.prototype.bind?function(e,t){return e.bind(t)}:function(e,t){function n(n){var r=arguments.length;return r?r>1?e.apply(t,arguments):e.call(t,n):e.call(t)}return n._length=e.length,n};function A(e,t){t=t||0;for(var n=e.length-t,r=new Array(n);n--;)r[n]=e[n+t];return r}function k(e,t){for(var n in t)e[n]=t[n];return e}function O(e){for(var t={},n=0;n<e.length;n++)e[n]&&k(t,e[n]);return t}function S(e,t,n){}var T=function(e,t,n){return!1},E=function(e){return e};function j(e,t){if(e===t)return!0;var n=o(e),r=o(t);if(!n||!r)return!n&&!r&&String(e)===String(t);try{var i=Array.isArray(e),a=Array.isArray(t);if(i&&a)return e.length===t.length&&e.every(function(e,n){return j(e,t[n])});if(e instanceof Date&&t instanceof Date)return e.getTime()===t.getTime();if(i||a)return!1;var s=Object.keys(e),c=Object.keys(t);return s.length===c.length&&s.every(function(n){return j(e[n],t[n])})}catch(e){return!1}}function N(e,t){for(var n=0;n<e.length;n++)if(j(e[n],t))return n;return-1}function L(e){var t=!1;return function(){t||(t=!0,e.apply(this,arguments))}}var M="data-server-rendered",I=["component","directive","filter"],D=["beforeCreate","created","beforeMount","mounted","beforeUpdate","updated","beforeDestroy","destroyed","activated","deactivated","errorCaptured","serverPrefetch"],P={optionMergeStrategies:Object.create(null),silent:!1,productionTip:!1,devtools:!1,performance:!1,errorHandler:null,warnHandler:null,ignoredElements:[],keyCodes:Object.create(null),isReservedTag:T,isReservedAttr:T,isUnknownElement:T,getTagNamespace:S,parsePlatformTagName:E,mustUseProp:T,async:!0,_lifecycleHooks:D};function R(e,t,n,r){Object.defineProperty(e,t,{value:n,enumerable:!!r,writable:!0,configurable:!0})}var F=new RegExp("[^a-zA-Z\xb7\xc0-\xd6\xd8-\xf6\xf8-\u037d\u037f-\u1fff\u200c-\u200d\u203f-\u2040\u2070-\u218f\u2c00-\u2fef\u3001-\ud7ff\uf900-\ufdcf\ufdf0-\ufffd.$_\\d]");var H,B="__proto__"in{},U="undefined"!=typeof window,z="undefined"!=typeof WXEnvironment&&!!WXEnvironment.platform,V=z&&WXEnvironment.platform.toLowerCase(),K=U&&window.navigator.userAgent.toLowerCase(),J=K&&/msie|trident/.test(K),q=K&&K.indexOf("msie 9.0")>0,W=K&&K.indexOf("edge/")>0,Z=(K&&K.indexOf("android"),K&&/iphone|ipad|ipod|ios/.test(K)||"ios"===V),G=(K&&/chrome\/\d+/.test(K),K&&/phantomjs/.test(K),{}.watch),X=!1;if(U)try{var Y={};Object.defineProperty(Y,"passive",{get:function(){X=!0}}),window.addEventListener("test-passive",null,Y)}catch(e){}var Q=function(){return void 0===H&&(H=!U&&!z&&"undefined"!=typeof global&&(global.process&&"server"===global.process.env.VUE_ENV)),H},ee=U&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__;function te(e){return"function"==typeof e&&/native code/.test(e.toString())}var ne,re="undefined"!=typeof Symbol&&te(Symbol)&&"undefined"!=typeof Reflect&&te(Reflect.ownKeys);ne="undefined"!=typeof Set&&te(Set)?Set:function(){function e(){this.set=Object.create(null)}return e.prototype.has=function(e){return!0===this.set[e]},e.prototype.add=function(e){this.set[e]=!0},e.prototype.clear=function(){this.set=Object.create(null)},e}();var ie=S,oe=0,ae=function(){this.id=oe++,this.subs=[]};ae.prototype.addSub=function(e){this.subs.push(e)},ae.prototype.removeSub=function(e){h(this.subs,e)},ae.prototype.depend=function(){ae.target&&ae.target.addDep(this)},ae.prototype.notify=function(){for(var e=this.subs.slice(),t=0,n=e.length;t<n;t++)e[t].update()},ae.target=null;var se=[];function ce(e){se.push(e),ae.target=e}function ue(){se.pop(),ae.target=se[se.length-1]}var le=function(e,t,n,r,i,o,a,s){this.tag=e,this.data=t,this.children=n,this.text=r,this.elm=i,this.ns=void 0,this.context=o,this.fnContext=void 0,this.fnOptions=void 0,this.fnScopeId=void 0,this.key=t&&t.key,this.componentOptions=a,this.componentInstance=void 0,this.parent=void 0,this.raw=!1,this.isStatic=!1,this.isRootInsert=!0,this.isComment=!1,this.isCloned=!1,this.isOnce=!1,this.asyncFactory=s,this.asyncMeta=void 0,this.isAsyncPlaceholder=!1},fe={child:{configurable:!0}};fe.child.get=function(){return this.componentInstance},Object.defineProperties(le.prototype,fe);var pe=function(e){void 0===e&&(e="");var t=new le;return t.text=e,t.isComment=!0,t};function de(e){return new le(void 0,void 0,void 0,String(e))}function ve(e){var t=new le(e.tag,e.data,e.children&&e.children.slice(),e.text,e.elm,e.context,e.componentOptions,e.asyncFactory);return t.ns=e.ns,t.isStatic=e.isStatic,t.key=e.key,t.isComment=e.isComment,t.fnContext=e.fnContext,t.fnOptions=e.fnOptions,t.fnScopeId=e.fnScopeId,t.asyncMeta=e.asyncMeta,t.isCloned=!0,t}var he=Array.prototype,me=Object.create(he);["push","pop","shift","unshift","splice","sort","reverse"].forEach(function(e){var t=he[e];R(me,e,function(){for(var n=[],r=arguments.length;r--;)n[r]=arguments[r];var i,o=t.apply(this,n),a=this.__ob__;switch(e){case"push":case"unshift":i=n;break;case"splice":i=n.slice(2)}return i&&a.observeArray(i),a.dep.notify(),o})});var ye=Object.getOwnPropertyNames(me),ge=!0;function _e(e){ge=e}var be=function(e){var t;this.value=e,this.dep=new ae,this.vmCount=0,R(e,"__ob__",this),Array.isArray(e)?(B?(t=me,e.__proto__=t):function(e,t,n){for(var r=0,i=n.length;r<i;r++){var o=n[r];R(e,o,t[o])}}(e,me,ye),this.observeArray(e)):this.walk(e)};function $e(e,t){var n;if(o(e)&&!(e instanceof le))return y(e,"__ob__")&&e.__ob__ instanceof be?n=e.__ob__:ge&&!Q()&&(Array.isArray(e)||s(e))&&Object.isExtensible(e)&&!e._isVue&&(n=new be(e)),t&&n&&n.vmCount++,n}function we(e,t,n,r,i){var o=new ae,a=Object.getOwnPropertyDescriptor(e,t);if(!a||!1!==a.configurable){var s=a&&a.get,c=a&&a.set;s&&!c||2!==arguments.length||(n=e[t]);var u=!i&&$e(n);Object.defineProperty(e,t,{enumerable:!0,configurable:!0,get:function(){var t=s?s.call(e):n;return ae.target&&(o.depend(),u&&(u.dep.depend(),Array.isArray(t)&&function e(t){for(var n=void 0,r=0,i=t.length;r<i;r++)(n=t[r])&&n.__ob__&&n.__ob__.dep.depend(),Array.isArray(n)&&e(n)}(t))),t},set:function(t){var r=s?s.call(e):n;t===r||t!=t&&r!=r||s&&!c||(c?c.call(e,t):n=t,u=!i&&$e(t),o.notify())}})}}function Ce(e,t,n){if(Array.isArray(e)&&c(t))return e.length=Math.max(e.length,t),e.splice(t,1,n),n;if(t in e&&!(t in Object.prototype))return e[t]=n,n;var r=e.__ob__;return e._isVue||r&&r.vmCount?n:r?(we(r.value,t,n),r.dep.notify(),n):(e[t]=n,n)}function xe(e,t){if(Array.isArray(e)&&c(t))e.splice(t,1);else{var n=e.__ob__;e._isVue||n&&n.vmCount||y(e,t)&&(delete e[t],n&&n.dep.notify())}}be.prototype.walk=function(e){for(var t=Object.keys(e),n=0;n<t.length;n++)we(e,t[n])},be.prototype.observeArray=function(e){for(var t=0,n=e.length;t<n;t++)$e(e[t])};var Ae=P.optionMergeStrategies;function ke(e,t){if(!t)return e;for(var n,r,i,o=re?Reflect.ownKeys(t):Object.keys(t),a=0;a<o.length;a++)"__ob__"!==(n=o[a])&&(r=e[n],i=t[n],y(e,n)?r!==i&&s(r)&&s(i)&&ke(r,i):Ce(e,n,i));return e}function Oe(e,t,n){return n?function(){var r="function"==typeof t?t.call(n,n):t,i="function"==typeof e?e.call(n,n):e;return r?ke(r,i):i}:t?e?function(){return ke("function"==typeof t?t.call(this,this):t,"function"==typeof e?e.call(this,this):e)}:t:e}function Se(e,t){var n=t?e?e.concat(t):Array.isArray(t)?t:[t]:e;return n?function(e){for(var t=[],n=0;n<e.length;n++)-1===t.indexOf(e[n])&&t.push(e[n]);return t}(n):n}function Te(e,t,n,r){var i=Object.create(e||null);return t?k(i,t):i}Ae.data=function(e,t,n){return n?Oe(e,t,n):t&&"function"!=typeof t?e:Oe(e,t)},D.forEach(function(e){Ae[e]=Se}),I.forEach(function(e){Ae[e+"s"]=Te}),Ae.watch=function(e,t,n,r){if(e===G&&(e=void 0),t===G&&(t=void 0),!t)return Object.create(e||null);if(!e)return t;var i={};for(var o in k(i,e),t){var a=i[o],s=t[o];a&&!Array.isArray(a)&&(a=[a]),i[o]=a?a.concat(s):Array.isArray(s)?s:[s]}return i},Ae.props=Ae.methods=Ae.inject=Ae.computed=function(e,t,n,r){if(!e)return t;var i=Object.create(null);return k(i,e),t&&k(i,t),i},Ae.provide=Oe;var Ee=function(e,t){return void 0===t?e:t};function je(e,t,n){if("function"==typeof t&&(t=t.options),function(e,t){var n=e.props;if(n){var r,i,o={};if(Array.isArray(n))for(r=n.length;r--;)"string"==typeof(i=n[r])&&(o[b(i)]={type:null});else if(s(n))for(var a in n)i=n[a],o[b(a)]=s(i)?i:{type:i};e.props=o}}(t),function(e,t){var n=e.inject;if(n){var r=e.inject={};if(Array.isArray(n))for(var i=0;i<n.length;i++)r[n[i]]={from:n[i]};else if(s(n))for(var o in n){var a=n[o];r[o]=s(a)?k({from:o},a):{from:a}}}}(t),function(e){var t=e.directives;if(t)for(var n in t){var r=t[n];"function"==typeof r&&(t[n]={bind:r,update:r})}}(t),!t._base&&(t.extends&&(e=je(e,t.extends,n)),t.mixins))for(var r=0,i=t.mixins.length;r<i;r++)e=je(e,t.mixins[r],n);var o,a={};for(o in e)c(o);for(o in t)y(e,o)||c(o);function c(r){var i=Ae[r]||Ee;a[r]=i(e[r],t[r],n,r)}return a}function Ne(e,t,n,r){if("string"==typeof n){var i=e[t];if(y(i,n))return i[n];var o=b(n);if(y(i,o))return i[o];var a=$(o);return y(i,a)?i[a]:i[n]||i[o]||i[a]}}function Le(e,t,n,r){var i=t[e],o=!y(n,e),a=n[e],s=De(Boolean,i.type);if(s>-1)if(o&&!y(i,"default"))a=!1;else if(""===a||a===C(e)){var c=De(String,i.type);(c<0||s<c)&&(a=!0)}if(void 0===a){a=function(e,t,n){if(!y(t,"default"))return;var r=t.default;if(e&&e.$options.propsData&&void 0===e.$options.propsData[n]&&void 0!==e._props[n])return e._props[n];return"function"==typeof r&&"Function"!==Me(t.type)?r.call(e):r}(r,i,e);var u=ge;_e(!0),$e(a),_e(u)}return a}function Me(e){var t=e&&e.toString().match(/^\s*function (\w+)/);return t?t[1]:""}function Ie(e,t){return Me(e)===Me(t)}function De(e,t){if(!Array.isArray(t))return Ie(t,e)?0:-1;for(var n=0,r=t.length;n<r;n++)if(Ie(t[n],e))return n;return-1}function Pe(e,t,n){if(t)for(var r=t;r=r.$parent;){var i=r.$options.errorCaptured;if(i)for(var o=0;o<i.length;o++)try{if(!1===i[o].call(r,e,t,n))return}catch(e){Fe(e,r,"errorCaptured hook")}}Fe(e,t,n)}function Re(e,t,n,r,i){var o;try{(o=n?e.apply(t,n):e.call(t))&&!o._isVue&&u(o)&&o.catch(function(e){return Pe(e,r,i+" (Promise/async)")})}catch(e){Pe(e,r,i)}return o}function Fe(e,t,n){if(P.errorHandler)try{return P.errorHandler.call(null,e,t,n)}catch(e){He(e,null,"config.errorHandler")}He(e,t,n)}function He(e,t,n){if(!U&&!z||"undefined"==typeof console)throw e;console.error(e)}var Be,Ue=!1,ze=[],Ve=!1;function Ke(){Ve=!1;var e=ze.slice(0);ze.length=0;for(var t=0;t<e.length;t++)e[t]()}if("undefined"!=typeof Promise&&te(Promise)){var Je=Promise.resolve();Be=function(){Je.then(Ke),Z&&setTimeout(S)},Ue=!0}else if(J||"undefined"==typeof MutationObserver||!te(MutationObserver)&&"[object MutationObserverConstructor]"!==MutationObserver.toString())Be="undefined"!=typeof setImmediate&&te(setImmediate)?function(){setImmediate(Ke)}:function(){setTimeout(Ke,0)};else{var qe=1,We=new MutationObserver(Ke),Ze=document.createTextNode(String(qe));We.observe(Ze,{characterData:!0}),Be=function(){qe=(qe+1)%2,Ze.data=String(qe)},Ue=!0}function Ge(e,t){var n;if(ze.push(function(){if(e)try{e.call(t)}catch(e){Pe(e,t,"nextTick")}else n&&n(t)}),Ve||(Ve=!0,Be()),!e&&"undefined"!=typeof Promise)return new Promise(function(e){n=e})}var Xe=new ne;function Ye(e){!function e(t,n){var r,i;var a=Array.isArray(t);if(!a&&!o(t)||Object.isFrozen(t)||t instanceof le)return;if(t.__ob__){var s=t.__ob__.dep.id;if(n.has(s))return;n.add(s)}if(a)for(r=t.length;r--;)e(t[r],n);else for(i=Object.keys(t),r=i.length;r--;)e(t[i[r]],n)}(e,Xe),Xe.clear()}var Qe,et=g(function(e){var t="&"===e.charAt(0),n="~"===(e=t?e.slice(1):e).charAt(0),r="!"===(e=n?e.slice(1):e).charAt(0);return{name:e=r?e.slice(1):e,once:n,capture:r,passive:t}});function tt(e,t){function n(){var e=arguments,r=n.fns;if(!Array.isArray(r))return Re(r,null,arguments,t,"v-on handler");for(var i=r.slice(),o=0;o<i.length;o++)Re(i[o],null,e,t,"v-on handler")}return n.fns=e,n}function nt(e,n,i,o,a,s){var c,u,l,f;for(c in e)u=e[c],l=n[c],f=et(c),t(u)||(t(l)?(t(u.fns)&&(u=e[c]=tt(u,s)),r(f.once)&&(u=e[c]=a(f.name,u,f.capture)),i(f.name,u,f.capture,f.passive,f.params)):u!==l&&(l.fns=u,e[c]=l));for(c in n)t(e[c])&&o((f=et(c)).name,n[c],f.capture)}function rt(e,i,o){var a;e instanceof le&&(e=e.data.hook||(e.data.hook={}));var s=e[i];function c(){o.apply(this,arguments),h(a.fns,c)}t(s)?a=tt([c]):n(s.fns)&&r(s.merged)?(a=s).fns.push(c):a=tt([s,c]),a.merged=!0,e[i]=a}function it(e,t,r,i,o){if(n(t)){if(y(t,r))return e[r]=t[r],o||delete t[r],!0;if(y(t,i))return e[r]=t[i],o||delete t[i],!0}return!1}function ot(e){return i(e)?[de(e)]:Array.isArray(e)?function e(o,a){var s=[];var c,u,l,f;for(c=0;c<o.length;c++)t(u=o[c])||"boolean"==typeof u||(l=s.length-1,f=s[l],Array.isArray(u)?u.length>0&&(at((u=e(u,(a||"")+"_"+c))[0])&&at(f)&&(s[l]=de(f.text+u[0].text),u.shift()),s.push.apply(s,u)):i(u)?at(f)?s[l]=de(f.text+u):""!==u&&s.push(de(u)):at(u)&&at(f)?s[l]=de(f.text+u.text):(r(o._isVList)&&n(u.tag)&&t(u.key)&&n(a)&&(u.key="__vlist"+a+"_"+c+"__"),s.push(u)));return s}(e):void 0}function at(e){return n(e)&&n(e.text)&&!1===e.isComment}function st(e,t){return(e.__esModule||re&&"Module"===e[Symbol.toStringTag])&&(e=e.default),o(e)?t.extend(e):e}function ct(e){return e.isComment&&e.asyncFactory}function ut(e){if(Array.isArray(e))for(var t=0;t<e.length;t++){var r=e[t];if(n(r)&&(n(r.componentOptions)||ct(r)))return r}}function lt(e,t){Qe.$on(e,t)}function ft(e,t){Qe.$off(e,t)}function pt(e,t){var n=Qe;return function r(){null!==t.apply(null,arguments)&&n.$off(e,r)}}function dt(e,t,n){Qe=e,nt(t,n||{},lt,ft,pt,e),Qe=void 0}function vt(e,t){if(!e||!e.length)return{};for(var n={},r=0,i=e.length;r<i;r++){var o=e[r],a=o.data;if(a&&a.attrs&&a.attrs.slot&&delete a.attrs.slot,o.context!==t&&o.fnContext!==t||!a||null==a.slot)(n.default||(n.default=[])).push(o);else{var s=a.slot,c=n[s]||(n[s]=[]);"template"===o.tag?c.push.apply(c,o.children||[]):c.push(o)}}for(var u in n)n[u].every(ht)&&delete n[u];return n}function ht(e){return e.isComment&&!e.asyncFactory||" "===e.text}function mt(e,t,n){n=n||{$stable:!t};for(var r=0;r<e.length;r++){var i=e[r];Array.isArray(i)?mt(i,t,n):i&&(n[i.key]=i.fn)}return n}var yt=null;function gt(e){var t=yt;return yt=e,function(){yt=t}}function _t(e){for(;e&&(e=e.$parent);)if(e._inactive)return!0;return!1}function bt(e,t){if(t){if(e._directInactive=!1,_t(e))return}else if(e._directInactive)return;if(e._inactive||null===e._inactive){e._inactive=!1;for(var n=0;n<e.$children.length;n++)bt(e.$children[n]);$t(e,"activated")}}function $t(e,t){ce();var n=e.$options[t],r=t+" hook";if(n)for(var i=0,o=n.length;i<o;i++)Re(n[i],e,null,e,r);e._hasHookEvent&&e.$emit("hook:"+t),ue()}var wt=[],Ct=[],xt={},At=!1,kt=!1,Ot=0;var St=0,Tt=Date.now;function Et(){var e,t;for(St=Tt(),kt=!0,wt.sort(function(e,t){return e.id-t.id}),Ot=0;Ot<wt.length;Ot++)(e=wt[Ot]).before&&e.before(),t=e.id,xt[t]=null,e.run();var n=Ct.slice(),r=wt.slice();Ot=wt.length=Ct.length=0,xt={},At=kt=!1,function(e){for(var t=0;t<e.length;t++)e[t]._inactive=!0,bt(e[t],!0)}(n),function(e){var t=e.length;for(;t--;){var n=e[t],r=n.vm;r._watcher===n&&r._isMounted&&!r._isDestroyed&&$t(r,"updated")}}(r),ee&&P.devtools&&ee.emit("flush")}U&&Tt()>document.createEvent("Event").timeStamp&&(Tt=function(){return performance.now()});var jt=0,Nt=function(e,t,n,r,i){this.vm=e,i&&(e._watcher=this),e._watchers.push(this),r?(this.deep=!!r.deep,this.user=!!r.user,this.lazy=!!r.lazy,this.sync=!!r.sync,this.before=r.before):this.deep=this.user=this.lazy=this.sync=!1,this.cb=n,this.id=++jt,this.active=!0,this.dirty=this.lazy,this.deps=[],this.newDeps=[],this.depIds=new ne,this.newDepIds=new ne,this.expression="","function"==typeof t?this.getter=t:(this.getter=function(e){if(!F.test(e)){var t=e.split(".");return function(e){for(var n=0;n<t.length;n++){if(!e)return;e=e[t[n]]}return e}}}(t),this.getter||(this.getter=S)),this.value=this.lazy?void 0:this.get()};Nt.prototype.get=function(){var e;ce(this);var t=this.vm;try{e=this.getter.call(t,t)}catch(e){if(!this.user)throw e;Pe(e,t,'getter for watcher "'+this.expression+'"')}finally{this.deep&&Ye(e),ue(),this.cleanupDeps()}return e},Nt.prototype.addDep=function(e){var t=e.id;this.newDepIds.has(t)||(this.newDepIds.add(t),this.newDeps.push(e),this.depIds.has(t)||e.addSub(this))},Nt.prototype.cleanupDeps=function(){for(var e=this.deps.length;e--;){var t=this.deps[e];this.newDepIds.has(t.id)||t.removeSub(this)}var n=this.depIds;this.depIds=this.newDepIds,this.newDepIds=n,this.newDepIds.clear(),n=this.deps,this.deps=this.newDeps,this.newDeps=n,this.newDeps.length=0},Nt.prototype.update=function(){this.lazy?this.dirty=!0:this.sync?this.run():function(e){var t=e.id;if(null==xt[t]){if(xt[t]=!0,kt){for(var n=wt.length-1;n>Ot&&wt[n].id>e.id;)n--;wt.splice(n+1,0,e)}else wt.push(e);At||(At=!0,Ge(Et))}}(this)},Nt.prototype.run=function(){if(this.active){var e=this.get();if(e!==this.value||o(e)||this.deep){var t=this.value;if(this.value=e,this.user)try{this.cb.call(this.vm,e,t)}catch(e){Pe(e,this.vm,'callback for watcher "'+this.expression+'"')}else this.cb.call(this.vm,e,t)}}},Nt.prototype.evaluate=function(){this.value=this.get(),this.dirty=!1},Nt.prototype.depend=function(){for(var e=this.deps.length;e--;)this.deps[e].depend()},Nt.prototype.teardown=function(){if(this.active){this.vm._isBeingDestroyed||h(this.vm._watchers,this);for(var e=this.deps.length;e--;)this.deps[e].removeSub(this);this.active=!1}};var Lt={enumerable:!0,configurable:!0,get:S,set:S};function Mt(e,t,n){Lt.get=function(){return this[t][n]},Lt.set=function(e){this[t][n]=e},Object.defineProperty(e,n,Lt)}function It(e){e._watchers=[];var t=e.$options;t.props&&function(e,t){var n=e.$options.propsData||{},r=e._props={},i=e.$options._propKeys=[];e.$parent&&_e(!1);var o=function(o){i.push(o);var a=Le(o,t,n,e);we(r,o,a),o in e||Mt(e,"_props",o)};for(var a in t)o(a);_e(!0)}(e,t.props),t.methods&&function(e,t){e.$options.props;for(var n in t)e[n]="function"!=typeof t[n]?S:x(t[n],e)}(e,t.methods),t.data?function(e){var t=e.$options.data;s(t=e._data="function"==typeof t?function(e,t){ce();try{return e.call(t,t)}catch(e){return Pe(e,t,"data()"),{}}finally{ue()}}(t,e):t||{})||(t={});var n=Object.keys(t),r=e.$options.props,i=(e.$options.methods,n.length);for(;i--;){var o=n[i];r&&y(r,o)||(a=void 0,36!==(a=(o+"").charCodeAt(0))&&95!==a&&Mt(e,"_data",o))}var a;$e(t,!0)}(e):$e(e._data={},!0),t.computed&&function(e,t){var n=e._computedWatchers=Object.create(null),r=Q();for(var i in t){var o=t[i],a="function"==typeof o?o:o.get;r||(n[i]=new Nt(e,a||S,S,Dt)),i in e||Pt(e,i,o)}}(e,t.computed),t.watch&&t.watch!==G&&function(e,t){for(var n in t){var r=t[n];if(Array.isArray(r))for(var i=0;i<r.length;i++)Ht(e,n,r[i]);else Ht(e,n,r)}}(e,t.watch)}var Dt={lazy:!0};function Pt(e,t,n){var r=!Q();"function"==typeof n?(Lt.get=r?Rt(t):Ft(n),Lt.set=S):(Lt.get=n.get?r&&!1!==n.cache?Rt(t):Ft(n.get):S,Lt.set=n.set||S),Object.defineProperty(e,t,Lt)}function Rt(e){return function(){var t=this._computedWatchers&&this._computedWatchers[e];if(t)return t.dirty&&t.evaluate(),ae.target&&t.depend(),t.value}}function Ft(e){return function(){return e.call(this,this)}}function Ht(e,t,n,r){return s(n)&&(r=n,n=n.handler),"string"==typeof n&&(n=e[n]),e.$watch(t,n,r)}function Bt(e,t){if(e){for(var n=Object.create(null),r=re?Reflect.ownKeys(e):Object.keys(e),i=0;i<r.length;i++){var o=r[i];if("__ob__"!==o){for(var a=e[o].from,s=t;s;){if(s._provided&&y(s._provided,a)){n[o]=s._provided[a];break}s=s.$parent}if(!s&&"default"in e[o]){var c=e[o].default;n[o]="function"==typeof c?c.call(t):c}}}return n}}function Ut(e,t){var n;if(e){if(e._normalized)return e;for(var r in n={},e)e[r]&&"$"!==r[0]&&(n[r]=zt(t,r,e[r]))}else n={};for(var i in t)i in n||(n[i]=Vt(t,i));return n._normalized=!0,n.$stable=!e||e.$stable,n}function zt(e,t,n){var r=function(e){void 0===e&&(e={});var t=n(e);return t&&"object"==typeof t&&!Array.isArray(t)?[t]:ot(t)};return y(e,t)||Object.defineProperty(e,t,{get:r}),r}function Vt(e,t){return function(){return e[t]}}function Kt(e,t){var r,i,a,s,c;if(Array.isArray(e)||"string"==typeof e)for(r=new Array(e.length),i=0,a=e.length;i<a;i++)r[i]=t(e[i],i);else if("number"==typeof e)for(r=new Array(e),i=0;i<e;i++)r[i]=t(i+1,i);else if(o(e))if(re&&e[Symbol.iterator]){r=[];for(var u=e[Symbol.iterator](),l=u.next();!l.done;)r.push(t(l.value,r.length)),l=u.next()}else for(s=Object.keys(e),r=new Array(s.length),i=0,a=s.length;i<a;i++)c=s[i],r[i]=t(e[c],c,i);return n(r)||(r=[]),r._isVList=!0,r}function Jt(e,t,n,r){var i,o=this.$scopedSlots[e];o?(n=n||{},r&&(n=k(k({},r),n)),i=o(n)||t):i=this.$slots[e]||t;var a=n&&n.slot;return a?this.$createElement("template",{slot:a},i):i}function qt(e){return Ne(this.$options,"filters",e)||E}function Wt(e,t){return Array.isArray(e)?-1===e.indexOf(t):e!==t}function Zt(e,t,n,r,i){var o=P.keyCodes[t]||n;return i&&r&&!P.keyCodes[t]?Wt(i,r):o?Wt(o,e):r?C(r)!==t:void 0}function Gt(e,t,n,r,i){if(n)if(o(n)){var a;Array.isArray(n)&&(n=O(n));var s=function(o){if("class"===o||"style"===o||v(o))a=e;else{var s=e.attrs&&e.attrs.type;a=r||P.mustUseProp(t,s,o)?e.domProps||(e.domProps={}):e.attrs||(e.attrs={})}var c=b(o);o in a||c in a||(a[o]=n[o],i&&((e.on||(e.on={}))["update:"+c]=function(e){n[o]=e}))};for(var c in n)s(c)}else;return e}function Xt(e,t){var n=this._staticTrees||(this._staticTrees=[]),r=n[e];return r&&!t?r:(Qt(r=n[e]=this.$options.staticRenderFns[e].call(this._renderProxy,null,this),"__static__"+e,!1),r)}function Yt(e,t,n){return Qt(e,"__once__"+t+(n?"_"+n:""),!0),e}function Qt(e,t,n){if(Array.isArray(e))for(var r=0;r<e.length;r++)e[r]&&"string"!=typeof e[r]&&en(e[r],t+"_"+r,n);else en(e,t,n)}function en(e,t,n){e.isStatic=!0,e.key=t,e.isOnce=n}function tn(e,t){if(t)if(s(t)){var n=e.on=e.on?k({},e.on):{};for(var r in t){var i=n[r],o=t[r];n[r]=i?[].concat(i,o):o}}else;return e}function nn(e,t){for(var n=0;n<t.length;n+=2){var r=t[n];"string"==typeof r&&r&&(e[t[n]]=t[n+1])}return e}function rn(e,t){return"string"==typeof e?t+e:e}function on(e){e._o=Yt,e._n=f,e._s=l,e._l=Kt,e._t=Jt,e._q=j,e._i=N,e._m=Xt,e._f=qt,e._k=Zt,e._b=Gt,e._v=de,e._e=pe,e._u=mt,e._g=tn,e._d=nn,e._p=rn}function an(t,n,i,o,a){var s,c=a.options;y(o,"_uid")?(s=Object.create(o))._original=o:(s=o,o=o._original);var u=r(c._compiled),l=!u;this.data=t,this.props=n,this.children=i,this.parent=o,this.listeners=t.on||e,this.injections=Bt(c.inject,o),this.slots=function(){return vt(i,o)},Object.defineProperty(this,"scopedSlots",{enumerable:!0,get:function(){return Ut(t.scopedSlots,this.slots())}}),u&&(this.$options=c,this.$slots=this.slots(),this.$scopedSlots=Ut(t.scopedSlots,this.$slots)),c._scopeId?this._c=function(e,t,n,r){var i=hn(s,e,t,n,r,l);return i&&!Array.isArray(i)&&(i.fnScopeId=c._scopeId,i.fnContext=o),i}:this._c=function(e,t,n,r){return hn(s,e,t,n,r,l)}}function sn(e,t,n,r,i){var o=ve(e);return o.fnContext=n,o.fnOptions=r,t.slot&&((o.data||(o.data={})).slot=t.slot),o}function cn(e,t){for(var n in t)e[b(n)]=t[n]}on(an.prototype);var un={init:function(e,t){if(e.componentInstance&&!e.componentInstance._isDestroyed&&e.data.keepAlive){var r=e;un.prepatch(r,r)}else{(e.componentInstance=function(e,t){var r={_isComponent:!0,_parentVnode:e,parent:t},i=e.data.inlineTemplate;n(i)&&(r.render=i.render,r.staticRenderFns=i.staticRenderFns);return new e.componentOptions.Ctor(r)}(e,yt)).$mount(t?e.elm:void 0,t)}},prepatch:function(t,n){var r=n.componentOptions;!function(t,n,r,i,o){var a=!!(i.data.scopedSlots&&!i.data.scopedSlots.$stable||t.$scopedSlots!==e&&!t.$scopedSlots.$stable),s=!!(o||t.$options._renderChildren||a);if(t.$options._parentVnode=i,t.$vnode=i,t._vnode&&(t._vnode.parent=i),t.$options._renderChildren=o,t.$attrs=i.data.attrs||e,t.$listeners=r||e,n&&t.$options.props){_e(!1);for(var c=t._props,u=t.$options._propKeys||[],l=0;l<u.length;l++){var f=u[l],p=t.$options.props;c[f]=Le(f,p,n,t)}_e(!0),t.$options.propsData=n}r=r||e;var d=t.$options._parentListeners;t.$options._parentListeners=r,dt(t,r,d),s&&(t.$slots=vt(o,i.context),t.$forceUpdate())}(n.componentInstance=t.componentInstance,r.propsData,r.listeners,n,r.children)},insert:function(e){var t,n=e.context,r=e.componentInstance;r._isMounted||(r._isMounted=!0,$t(r,"mounted")),e.data.keepAlive&&(n._isMounted?((t=r)._inactive=!1,Ct.push(t)):bt(r,!0))},destroy:function(e){var t=e.componentInstance;t._isDestroyed||(e.data.keepAlive?function e(t,n){if(!(n&&(t._directInactive=!0,_t(t))||t._inactive)){t._inactive=!0;for(var r=0;r<t.$children.length;r++)e(t.$children[r]);$t(t,"deactivated")}}(t,!0):t.$destroy())}},ln=Object.keys(un);function fn(i,a,s,c,l){if(!t(i)){var f=s.$options._base;if(o(i)&&(i=f.extend(i)),"function"==typeof i){var p;if(t(i.cid)&&void 0===(i=function(e,i,a){if(r(e.error)&&n(e.errorComp))return e.errorComp;if(n(e.resolved))return e.resolved;if(r(e.loading)&&n(e.loadingComp))return e.loadingComp;if(!n(e.contexts)){var s=e.contexts=[a],c=!0,l=function(e){for(var t=0,n=s.length;t<n;t++)s[t].$forceUpdate();e&&(s.length=0)},f=L(function(t){e.resolved=st(t,i),c?s.length=0:l(!0)}),p=L(function(t){n(e.errorComp)&&(e.error=!0,l(!0))}),d=e(f,p);return o(d)&&(u(d)?t(e.resolved)&&d.then(f,p):u(d.component)&&(d.component.then(f,p),n(d.error)&&(e.errorComp=st(d.error,i)),n(d.loading)&&(e.loadingComp=st(d.loading,i),0===d.delay?e.loading=!0:setTimeout(function(){t(e.resolved)&&t(e.error)&&(e.loading=!0,l(!1))},d.delay||200)),n(d.timeout)&&setTimeout(function(){t(e.resolved)&&p(null)},d.timeout))),c=!1,e.loading?e.loadingComp:e.resolved}e.contexts.push(a)}(p=i,f,s)))return function(e,t,n,r,i){var o=pe();return o.asyncFactory=e,o.asyncMeta={data:t,context:n,children:r,tag:i},o}(p,a,s,c,l);a=a||{},yn(i),n(a.model)&&function(e,t){var r=e.model&&e.model.prop||"value",i=e.model&&e.model.event||"input";(t.attrs||(t.attrs={}))[r]=t.model.value;var o=t.on||(t.on={}),a=o[i],s=t.model.callback;n(a)?(Array.isArray(a)?-1===a.indexOf(s):a!==s)&&(o[i]=[s].concat(a)):o[i]=s}(i.options,a);var d=function(e,r,i){var o=r.options.props;if(!t(o)){var a={},s=e.attrs,c=e.props;if(n(s)||n(c))for(var u in o){var l=C(u);it(a,c,u,l,!0)||it(a,s,u,l,!1)}return a}}(a,i);if(r(i.options.functional))return function(t,r,i,o,a){var s=t.options,c={},u=s.props;if(n(u))for(var l in u)c[l]=Le(l,u,r||e);else n(i.attrs)&&cn(c,i.attrs),n(i.props)&&cn(c,i.props);var f=new an(i,c,a,o,t),p=s.render.call(null,f._c,f);if(p instanceof le)return sn(p,i,f.parent,s);if(Array.isArray(p)){for(var d=ot(p)||[],v=new Array(d.length),h=0;h<d.length;h++)v[h]=sn(d[h],i,f.parent,s);return v}}(i,d,a,s,c);var v=a.on;if(a.on=a.nativeOn,r(i.options.abstract)){var h=a.slot;a={},h&&(a.slot=h)}!function(e){for(var t=e.hook||(e.hook={}),n=0;n<ln.length;n++){var r=ln[n],i=t[r],o=un[r];i===o||i&&i._merged||(t[r]=i?pn(o,i):o)}}(a);var m=i.options.name||l;return new le("vue-component-"+i.cid+(m?"-"+m:""),a,void 0,void 0,void 0,s,{Ctor:i,propsData:d,listeners:v,tag:l,children:c},p)}}}function pn(e,t){var n=function(n,r){e(n,r),t(n,r)};return n._merged=!0,n}var dn=1,vn=2;function hn(e,a,s,c,u,l){return(Array.isArray(s)||i(s))&&(u=c,c=s,s=void 0),r(l)&&(u=vn),function(e,i,a,s,c){if(n(a)&&n(a.__ob__))return pe();n(a)&&n(a.is)&&(i=a.is);if(!i)return pe();Array.isArray(s)&&"function"==typeof s[0]&&((a=a||{}).scopedSlots={default:s[0]},s.length=0);c===vn?s=ot(s):c===dn&&(s=function(e){for(var t=0;t<e.length;t++)if(Array.isArray(e[t]))return Array.prototype.concat.apply([],e);return e}(s));var u,l;if("string"==typeof i){var f;l=e.$vnode&&e.$vnode.ns||P.getTagNamespace(i),u=P.isReservedTag(i)?new le(P.parsePlatformTagName(i),a,s,void 0,void 0,e):a&&a.pre||!n(f=Ne(e.$options,"components",i))?new le(i,a,s,void 0,void 0,e):fn(f,a,e,s,i)}else u=fn(i,a,e,s);return Array.isArray(u)?u:n(u)?(n(l)&&function e(i,o,a){i.ns=o;"foreignObject"===i.tag&&(o=void 0,a=!0);if(n(i.children))for(var s=0,c=i.children.length;s<c;s++){var u=i.children[s];n(u.tag)&&(t(u.ns)||r(a)&&"svg"!==u.tag)&&e(u,o,a)}}(u,l),n(a)&&function(e){o(e.style)&&Ye(e.style);o(e.class)&&Ye(e.class)}(a),u):pe()}(e,a,s,c,u)}var mn=0;function yn(e){var t=e.options;if(e.super){var n=yn(e.super);if(n!==e.superOptions){e.superOptions=n;var r=function(e){var t,n=e.options,r=e.sealedOptions;for(var i in n)n[i]!==r[i]&&(t||(t={}),t[i]=n[i]);return t}(e);r&&k(e.extendOptions,r),(t=e.options=je(n,e.extendOptions)).name&&(t.components[t.name]=e)}}return t}function gn(e){this._init(e)}function _n(e){e.cid=0;var t=1;e.extend=function(e){e=e||{};var n=this,r=n.cid,i=e._Ctor||(e._Ctor={});if(i[r])return i[r];var o=e.name||n.options.name,a=function(e){this._init(e)};return(a.prototype=Object.create(n.prototype)).constructor=a,a.cid=t++,a.options=je(n.options,e),a.super=n,a.options.props&&function(e){var t=e.options.props;for(var n in t)Mt(e.prototype,"_props",n)}(a),a.options.computed&&function(e){var t=e.options.computed;for(var n in t)Pt(e.prototype,n,t[n])}(a),a.extend=n.extend,a.mixin=n.mixin,a.use=n.use,I.forEach(function(e){a[e]=n[e]}),o&&(a.options.components[o]=a),a.superOptions=n.options,a.extendOptions=e,a.sealedOptions=k({},a.options),i[r]=a,a}}function bn(e){return e&&(e.Ctor.options.name||e.tag)}function $n(e,t){return Array.isArray(e)?e.indexOf(t)>-1:"string"==typeof e?e.split(",").indexOf(t)>-1:(n=e,"[object RegExp]"===a.call(n)&&e.test(t));var n}function wn(e,t){var n=e.cache,r=e.keys,i=e._vnode;for(var o in n){var a=n[o];if(a){var s=bn(a.componentOptions);s&&!t(s)&&Cn(n,o,r,i)}}}function Cn(e,t,n,r){var i=e[t];!i||r&&i.tag===r.tag||i.componentInstance.$destroy(),e[t]=null,h(n,t)}!function(t){t.prototype._init=function(t){var n=this;n._uid=mn++,n._isVue=!0,t&&t._isComponent?function(e,t){var n=e.$options=Object.create(e.constructor.options),r=t._parentVnode;n.parent=t.parent,n._parentVnode=r;var i=r.componentOptions;n.propsData=i.propsData,n._parentListeners=i.listeners,n._renderChildren=i.children,n._componentTag=i.tag,t.render&&(n.render=t.render,n.staticRenderFns=t.staticRenderFns)}(n,t):n.$options=je(yn(n.constructor),t||{},n),n._renderProxy=n,n._self=n,function(e){var t=e.$options,n=t.parent;if(n&&!t.abstract){for(;n.$options.abstract&&n.$parent;)n=n.$parent;n.$children.push(e)}e.$parent=n,e.$root=n?n.$root:e,e.$children=[],e.$refs={},e._watcher=null,e._inactive=null,e._directInactive=!1,e._isMounted=!1,e._isDestroyed=!1,e._isBeingDestroyed=!1}(n),function(e){e._events=Object.create(null),e._hasHookEvent=!1;var t=e.$options._parentListeners;t&&dt(e,t)}(n),function(t){t._vnode=null,t._staticTrees=null;var n=t.$options,r=t.$vnode=n._parentVnode,i=r&&r.context;t.$slots=vt(n._renderChildren,i),t.$scopedSlots=e,t._c=function(e,n,r,i){return hn(t,e,n,r,i,!1)},t.$createElement=function(e,n,r,i){return hn(t,e,n,r,i,!0)};var o=r&&r.data;we(t,"$attrs",o&&o.attrs||e,null,!0),we(t,"$listeners",n._parentListeners||e,null,!0)}(n),$t(n,"beforeCreate"),function(e){var t=Bt(e.$options.inject,e);t&&(_e(!1),Object.keys(t).forEach(function(n){we(e,n,t[n])}),_e(!0))}(n),It(n),function(e){var t=e.$options.provide;t&&(e._provided="function"==typeof t?t.call(e):t)}(n),$t(n,"created"),n.$options.el&&n.$mount(n.$options.el)}}(gn),function(e){var t={get:function(){return this._data}},n={get:function(){return this._props}};Object.defineProperty(e.prototype,"$data",t),Object.defineProperty(e.prototype,"$props",n),e.prototype.$set=Ce,e.prototype.$delete=xe,e.prototype.$watch=function(e,t,n){if(s(t))return Ht(this,e,t,n);(n=n||{}).user=!0;var r=new Nt(this,e,t,n);if(n.immediate)try{t.call(this,r.value)}catch(e){Pe(e,this,'callback for immediate watcher "'+r.expression+'"')}return function(){r.teardown()}}}(gn),function(e){var t=/^hook:/;e.prototype.$on=function(e,n){var r=this;if(Array.isArray(e))for(var i=0,o=e.length;i<o;i++)r.$on(e[i],n);else(r._events[e]||(r._events[e]=[])).push(n),t.test(e)&&(r._hasHookEvent=!0);return r},e.prototype.$once=function(e,t){var n=this;function r(){n.$off(e,r),t.apply(n,arguments)}return r.fn=t,n.$on(e,r),n},e.prototype.$off=function(e,t){var n=this;if(!arguments.length)return n._events=Object.create(null),n;if(Array.isArray(e)){for(var r=0,i=e.length;r<i;r++)n.$off(e[r],t);return n}var o,a=n._events[e];if(!a)return n;if(!t)return n._events[e]=null,n;for(var s=a.length;s--;)if((o=a[s])===t||o.fn===t){a.splice(s,1);break}return n},e.prototype.$emit=function(e){var t=this._events[e];if(t){t=t.length>1?A(t):t;for(var n=A(arguments,1),r='event handler for "'+e+'"',i=0,o=t.length;i<o;i++)Re(t[i],this,n,this,r)}return this}}(gn),function(e){e.prototype._update=function(e,t){var n=this,r=n.$el,i=n._vnode,o=gt(n);n._vnode=e,n.$el=i?n.__patch__(i,e):n.__patch__(n.$el,e,t,!1),o(),r&&(r.__vue__=null),n.$el&&(n.$el.__vue__=n),n.$vnode&&n.$parent&&n.$vnode===n.$parent._vnode&&(n.$parent.$el=n.$el)},e.prototype.$forceUpdate=function(){this._watcher&&this._watcher.update()},e.prototype.$destroy=function(){var e=this;if(!e._isBeingDestroyed){$t(e,"beforeDestroy"),e._isBeingDestroyed=!0;var t=e.$parent;!t||t._isBeingDestroyed||e.$options.abstract||h(t.$children,e),e._watcher&&e._watcher.teardown();for(var n=e._watchers.length;n--;)e._watchers[n].teardown();e._data.__ob__&&e._data.__ob__.vmCount--,e._isDestroyed=!0,e.__patch__(e._vnode,null),$t(e,"destroyed"),e.$off(),e.$el&&(e.$el.__vue__=null),e.$vnode&&(e.$vnode.parent=null)}}}(gn),function(e){on(e.prototype),e.prototype.$nextTick=function(e){return Ge(e,this)},e.prototype._render=function(){var e,t=this,n=t.$options,r=n.render,i=n._parentVnode;i&&(t.$scopedSlots=Ut(i.data.scopedSlots,t.$slots)),t.$vnode=i;try{e=r.call(t._renderProxy,t.$createElement)}catch(n){Pe(n,t,"render"),e=t._vnode}return Array.isArray(e)&&1===e.length&&(e=e[0]),e instanceof le||(e=pe()),e.parent=i,e}}(gn);var xn=[String,RegExp,Array],An={KeepAlive:{name:"keep-alive",abstract:!0,props:{include:xn,exclude:xn,max:[String,Number]},created:function(){this.cache=Object.create(null),this.keys=[]},destroyed:function(){for(var e in this.cache)Cn(this.cache,e,this.keys)},mounted:function(){var e=this;this.$watch("include",function(t){wn(e,function(e){return $n(t,e)})}),this.$watch("exclude",function(t){wn(e,function(e){return!$n(t,e)})})},render:function(){var e=this.$slots.default,t=ut(e),n=t&&t.componentOptions;if(n){var r=bn(n),i=this.include,o=this.exclude;if(i&&(!r||!$n(i,r))||o&&r&&$n(o,r))return t;var a=this.cache,s=this.keys,c=null==t.key?n.Ctor.cid+(n.tag?"::"+n.tag:""):t.key;a[c]?(t.componentInstance=a[c].componentInstance,h(s,c),s.push(c)):(a[c]=t,s.push(c),this.max&&s.length>parseInt(this.max)&&Cn(a,s[0],s,this._vnode)),t.data.keepAlive=!0}return t||e&&e[0]}}};!function(e){var t={get:function(){return P}};Object.defineProperty(e,"config",t),e.util={warn:ie,extend:k,mergeOptions:je,defineReactive:we},e.set=Ce,e.delete=xe,e.nextTick=Ge,e.observable=function(e){return $e(e),e},e.options=Object.create(null),I.forEach(function(t){e.options[t+"s"]=Object.create(null)}),e.options._base=e,k(e.options.components,An),function(e){e.use=function(e){var t=this._installedPlugins||(this._installedPlugins=[]);if(t.indexOf(e)>-1)return this;var n=A(arguments,1);return n.unshift(this),"function"==typeof e.install?e.install.apply(e,n):"function"==typeof e&&e.apply(null,n),t.push(e),this}}(e),function(e){e.mixin=function(e){return this.options=je(this.options,e),this}}(e),_n(e),function(e){I.forEach(function(t){e[t]=function(e,n){return n?("component"===t&&s(n)&&(n.name=n.name||e,n=this.options._base.extend(n)),"directive"===t&&"function"==typeof n&&(n={bind:n,update:n}),this.options[t+"s"][e]=n,n):this.options[t+"s"][e]}})}(e)}(gn),Object.defineProperty(gn.prototype,"$isServer",{get:Q}),Object.defineProperty(gn.prototype,"$ssrContext",{get:function(){return this.$vnode&&this.$vnode.ssrContext}}),Object.defineProperty(gn,"FunctionalRenderContext",{value:an}),gn.version="2.6.2";var kn=p("style,class"),On=p("input,textarea,option,select,progress"),Sn=function(e,t,n){return"value"===n&&On(e)&&"button"!==t||"selected"===n&&"option"===e||"checked"===n&&"input"===e||"muted"===n&&"video"===e},Tn=p("contenteditable,draggable,spellcheck"),En=p("events,caret,typing,plaintext-only"),jn=function(e,t){return Dn(t)||"false"===t?"false":"contenteditable"===e&&En(t)?t:"true"},Nn=p("allowfullscreen,async,autofocus,autoplay,checked,compact,controls,declare,default,defaultchecked,defaultmuted,defaultselected,defer,disabled,enabled,formnovalidate,hidden,indeterminate,inert,ismap,itemscope,loop,multiple,muted,nohref,noresize,noshade,novalidate,nowrap,open,pauseonexit,readonly,required,reversed,scoped,seamless,selected,sortable,translate,truespeed,typemustmatch,visible"),Ln="http://www.w3.org/1999/xlink",Mn=function(e){return":"===e.charAt(5)&&"xlink"===e.slice(0,5)},In=function(e){return Mn(e)?e.slice(6,e.length):""},Dn=function(e){return null==e||!1===e};function Pn(e){for(var t=e.data,r=e,i=e;n(i.componentInstance);)(i=i.componentInstance._vnode)&&i.data&&(t=Rn(i.data,t));for(;n(r=r.parent);)r&&r.data&&(t=Rn(t,r.data));return function(e,t){if(n(e)||n(t))return Fn(e,Hn(t));return""}(t.staticClass,t.class)}function Rn(e,t){return{staticClass:Fn(e.staticClass,t.staticClass),class:n(e.class)?[e.class,t.class]:t.class}}function Fn(e,t){return e?t?e+" "+t:e:t||""}function Hn(e){return Array.isArray(e)?function(e){for(var t,r="",i=0,o=e.length;i<o;i++)n(t=Hn(e[i]))&&""!==t&&(r&&(r+=" "),r+=t);return r}(e):o(e)?function(e){var t="";for(var n in e)e[n]&&(t&&(t+=" "),t+=n);return t}(e):"string"==typeof e?e:""}var Bn={svg:"http://www.w3.org/2000/svg",math:"http://www.w3.org/1998/Math/MathML"},Un=p("html,body,base,head,link,meta,style,title,address,article,aside,footer,header,h1,h2,h3,h4,h5,h6,hgroup,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,rtc,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,menuitem,summary,content,element,shadow,template,blockquote,iframe,tfoot"),zn=p("svg,animate,circle,clippath,cursor,defs,desc,ellipse,filter,font-face,foreignObject,g,glyph,image,line,marker,mask,missing-glyph,path,pattern,polygon,polyline,rect,switch,symbol,text,textpath,tspan,use,view",!0),Vn=function(e){return Un(e)||zn(e)};function Kn(e){return zn(e)?"svg":"math"===e?"math":void 0}var Jn=Object.create(null);var qn=p("text,number,password,search,email,tel,url");function Wn(e){if("string"==typeof e){var t=document.querySelector(e);return t||document.createElement("div")}return e}var Zn=Object.freeze({createElement:function(e,t){var n=document.createElement(e);return"select"!==e?n:(t.data&&t.data.attrs&&void 0!==t.data.attrs.multiple&&n.setAttribute("multiple","multiple"),n)},createElementNS:function(e,t){return document.createElementNS(Bn[e],t)},createTextNode:function(e){return document.createTextNode(e)},createComment:function(e){return document.createComment(e)},insertBefore:function(e,t,n){e.insertBefore(t,n)},removeChild:function(e,t){e.removeChild(t)},appendChild:function(e,t){e.appendChild(t)},parentNode:function(e){return e.parentNode},nextSibling:function(e){return e.nextSibling},tagName:function(e){return e.tagName},setTextContent:function(e,t){e.textContent=t},setStyleScope:function(e,t){e.setAttribute(t,"")}}),Gn={create:function(e,t){Xn(t)},update:function(e,t){e.data.ref!==t.data.ref&&(Xn(e,!0),Xn(t))},destroy:function(e){Xn(e,!0)}};function Xn(e,t){var r=e.data.ref;if(n(r)){var i=e.context,o=e.componentInstance||e.elm,a=i.$refs;t?Array.isArray(a[r])?h(a[r],o):a[r]===o&&(a[r]=void 0):e.data.refInFor?Array.isArray(a[r])?a[r].indexOf(o)<0&&a[r].push(o):a[r]=[o]:a[r]=o}}var Yn=new le("",{},[]),Qn=["create","activate","update","remove","destroy"];function er(e,i){return e.key===i.key&&(e.tag===i.tag&&e.isComment===i.isComment&&n(e.data)===n(i.data)&&function(e,t){if("input"!==e.tag)return!0;var r,i=n(r=e.data)&&n(r=r.attrs)&&r.type,o=n(r=t.data)&&n(r=r.attrs)&&r.type;return i===o||qn(i)&&qn(o)}(e,i)||r(e.isAsyncPlaceholder)&&e.asyncFactory===i.asyncFactory&&t(i.asyncFactory.error))}function tr(e,t,r){var i,o,a={};for(i=t;i<=r;++i)n(o=e[i].key)&&(a[o]=i);return a}var nr={create:rr,update:rr,destroy:function(e){rr(e,Yn)}};function rr(e,t){(e.data.directives||t.data.directives)&&function(e,t){var n,r,i,o=e===Yn,a=t===Yn,s=or(e.data.directives,e.context),c=or(t.data.directives,t.context),u=[],l=[];for(n in c)r=s[n],i=c[n],r?(i.oldValue=r.value,i.oldArg=r.arg,sr(i,"update",t,e),i.def&&i.def.componentUpdated&&l.push(i)):(sr(i,"bind",t,e),i.def&&i.def.inserted&&u.push(i));if(u.length){var f=function(){for(var n=0;n<u.length;n++)sr(u[n],"inserted",t,e)};o?rt(t,"insert",f):f()}l.length&&rt(t,"postpatch",function(){for(var n=0;n<l.length;n++)sr(l[n],"componentUpdated",t,e)});if(!o)for(n in s)c[n]||sr(s[n],"unbind",e,e,a)}(e,t)}var ir=Object.create(null);function or(e,t){var n,r,i=Object.create(null);if(!e)return i;for(n=0;n<e.length;n++)(r=e[n]).modifiers||(r.modifiers=ir),i[ar(r)]=r,r.def=Ne(t.$options,"directives",r.name);return i}function ar(e){return e.rawName||e.name+"."+Object.keys(e.modifiers||{}).join(".")}function sr(e,t,n,r,i){var o=e.def&&e.def[t];if(o)try{o(n.elm,e,n,r,i)}catch(r){Pe(r,n.context,"directive "+e.name+" "+t+" hook")}}var cr=[Gn,nr];function ur(e,r){var i=r.componentOptions;if(!(n(i)&&!1===i.Ctor.options.inheritAttrs||t(e.data.attrs)&&t(r.data.attrs))){var o,a,s=r.elm,c=e.data.attrs||{},u=r.data.attrs||{};for(o in n(u.__ob__)&&(u=r.data.attrs=k({},u)),u)a=u[o],c[o]!==a&&lr(s,o,a);for(o in(J||W)&&u.value!==c.value&&lr(s,"value",u.value),c)t(u[o])&&(Mn(o)?s.removeAttributeNS(Ln,In(o)):Tn(o)||s.removeAttribute(o))}}function lr(e,t,n){e.tagName.indexOf("-")>-1?fr(e,t,n):Nn(t)?Dn(n)?e.removeAttribute(t):(n="allowfullscreen"===t&&"EMBED"===e.tagName?"true":t,e.setAttribute(t,n)):Tn(t)?e.setAttribute(t,jn(t,n)):Mn(t)?Dn(n)?e.removeAttributeNS(Ln,In(t)):e.setAttributeNS(Ln,t,n):fr(e,t,n)}function fr(e,t,n){if(Dn(n))e.removeAttribute(t);else{if(J&&!q&&"TEXTAREA"===e.tagName&&"placeholder"===t&&""!==n&&!e.__ieph){var r=function(t){t.stopImmediatePropagation(),e.removeEventListener("input",r)};e.addEventListener("input",r),e.__ieph=!0}e.setAttribute(t,n)}}var pr={create:ur,update:ur};function dr(e,r){var i=r.elm,o=r.data,a=e.data;if(!(t(o.staticClass)&&t(o.class)&&(t(a)||t(a.staticClass)&&t(a.class)))){var s=Pn(r),c=i._transitionClasses;n(c)&&(s=Fn(s,Hn(c))),s!==i._prevClass&&(i.setAttribute("class",s),i._prevClass=s)}}var vr,hr,mr,yr,gr,_r,br={create:dr,update:dr},$r=/[\w).+\-_$\]]/;function wr(e){var t,n,r,i,o,a=!1,s=!1,c=!1,u=!1,l=0,f=0,p=0,d=0;for(r=0;r<e.length;r++)if(n=t,t=e.charCodeAt(r),a)39===t&&92!==n&&(a=!1);else if(s)34===t&&92!==n&&(s=!1);else if(c)96===t&&92!==n&&(c=!1);else if(u)47===t&&92!==n&&(u=!1);else if(124!==t||124===e.charCodeAt(r+1)||124===e.charCodeAt(r-1)||l||f||p){switch(t){case 34:s=!0;break;case 39:a=!0;break;case 96:c=!0;break;case 40:p++;break;case 41:p--;break;case 91:f++;break;case 93:f--;break;case 123:l++;break;case 125:l--}if(47===t){for(var v=r-1,h=void 0;v>=0&&" "===(h=e.charAt(v));v--);h&&$r.test(h)||(u=!0)}}else void 0===i?(d=r+1,i=e.slice(0,r).trim()):m();function m(){(o||(o=[])).push(e.slice(d,r).trim()),d=r+1}if(void 0===i?i=e.slice(0,r).trim():0!==d&&m(),o)for(r=0;r<o.length;r++)i=Cr(i,o[r]);return i}function Cr(e,t){var n=t.indexOf("(");if(n<0)return'_f("'+t+'")('+e+")";var r=t.slice(0,n),i=t.slice(n+1);return'_f("'+r+'")('+e+(")"!==i?","+i:i)}function xr(e,t){console.error("[Vue compiler]: "+e)}function Ar(e,t){return e?e.map(function(e){return e[t]}).filter(function(e){return e}):[]}function kr(e,t,n,r,i){(e.props||(e.props=[])).push(Ir({name:t,value:n,dynamic:i},r)),e.plain=!1}function Or(e,t,n,r,i){(i?e.dynamicAttrs||(e.dynamicAttrs=[]):e.attrs||(e.attrs=[])).push(Ir({name:t,value:n,dynamic:i},r)),e.plain=!1}function Sr(e,t,n,r){e.attrsMap[t]=n,e.attrsList.push(Ir({name:t,value:n},r))}function Tr(e,t,n,r,i,o,a,s){(e.directives||(e.directives=[])).push(Ir({name:t,rawName:n,value:r,arg:i,isDynamicArg:o,modifiers:a},s)),e.plain=!1}function Er(e,t,n){return n?"_p("+t+',"'+e+'")':e+t}function jr(t,n,r,i,o,a,s,c){var u;(i=i||e).right?c?n="("+n+")==='click'?'contextmenu':("+n+")":"click"===n&&(n="contextmenu",delete i.right):i.middle&&(c?n="("+n+")==='click'?'mouseup':("+n+")":"click"===n&&(n="mouseup")),i.capture&&(delete i.capture,n=Er("!",n,c)),i.once&&(delete i.once,n=Er("~",n,c)),i.passive&&(delete i.passive,n=Er("&",n,c)),i.native?(delete i.native,u=t.nativeEvents||(t.nativeEvents={})):u=t.events||(t.events={});var l=Ir({value:r.trim(),dynamic:c},s);i!==e&&(l.modifiers=i);var f=u[n];Array.isArray(f)?o?f.unshift(l):f.push(l):u[n]=f?o?[l,f]:[f,l]:l,t.plain=!1}function Nr(e,t,n){var r=Lr(e,":"+t)||Lr(e,"v-bind:"+t);if(null!=r)return wr(r);if(!1!==n){var i=Lr(e,t);if(null!=i)return JSON.stringify(i)}}function Lr(e,t,n){var r;if(null!=(r=e.attrsMap[t]))for(var i=e.attrsList,o=0,a=i.length;o<a;o++)if(i[o].name===t){i.splice(o,1);break}return n&&delete e.attrsMap[t],r}function Mr(e,t){for(var n=e.attrsList,r=0,i=n.length;r<i;r++){var o=n[r];if(t.test(o.name))return n.splice(r,1),o}}function Ir(e,t){return t&&(null!=t.start&&(e.start=t.start),null!=t.end&&(e.end=t.end)),e}function Dr(e,t,n){var r=n||{},i=r.number,o="$$v";r.trim&&(o="(typeof $$v === 'string'? $$v.trim(): $$v)"),i&&(o="_n("+o+")");var a=Pr(t,o);e.model={value:"("+t+")",expression:JSON.stringify(t),callback:"function ($$v) {"+a+"}"}}function Pr(e,t){var n=function(e){if(e=e.trim(),vr=e.length,e.indexOf("[")<0||e.lastIndexOf("]")<vr-1)return(yr=e.lastIndexOf("."))>-1?{exp:e.slice(0,yr),key:'"'+e.slice(yr+1)+'"'}:{exp:e,key:null};hr=e,yr=gr=_r=0;for(;!Fr();)Hr(mr=Rr())?Ur(mr):91===mr&&Br(mr);return{exp:e.slice(0,gr),key:e.slice(gr+1,_r)}}(e);return null===n.key?e+"="+t:"$set("+n.exp+", "+n.key+", "+t+")"}function Rr(){return hr.charCodeAt(++yr)}function Fr(){return yr>=vr}function Hr(e){return 34===e||39===e}function Br(e){var t=1;for(gr=yr;!Fr();)if(Hr(e=Rr()))Ur(e);else if(91===e&&t++,93===e&&t--,0===t){_r=yr;break}}function Ur(e){for(var t=e;!Fr()&&(e=Rr())!==t;);}var zr,Vr="__r",Kr="__c";function Jr(e,t,n){var r=zr;return function i(){null!==t.apply(null,arguments)&&Wr(e,i,n,r)}}function qr(e,t,n,r){if(Ue){var i=St,o=t;t=o._wrapper=function(e){if(e.timeStamp>=i)return o.apply(this,arguments)}}zr.addEventListener(e,t,X?{capture:n,passive:r}:n)}function Wr(e,t,n,r){(r||zr).removeEventListener(e,t._wrapper||t,n)}function Zr(e,r){if(!t(e.data.on)||!t(r.data.on)){var i=r.data.on||{},o=e.data.on||{};zr=r.elm,function(e){if(n(e[Vr])){var t=J?"change":"input";e[t]=[].concat(e[Vr],e[t]||[]),delete e[Vr]}n(e[Kr])&&(e.change=[].concat(e[Kr],e.change||[]),delete e[Kr])}(i),nt(i,o,qr,Wr,Jr,r.context),zr=void 0}}var Gr,Xr={create:Zr,update:Zr};function Yr(e,r){if(!t(e.data.domProps)||!t(r.data.domProps)){var i,o,a=r.elm,s=e.data.domProps||{},c=r.data.domProps||{};for(i in n(c.__ob__)&&(c=r.data.domProps=k({},c)),s)t(c[i])&&(a[i]="");for(i in c){if(o=c[i],"textContent"===i||"innerHTML"===i){if(r.children&&(r.children.length=0),o===s[i])continue;1===a.childNodes.length&&a.removeChild(a.childNodes[0])}if("value"===i||o!==s[i])if("value"===i){a._value=o;var u=t(o)?"":String(o);Qr(a,u)&&(a.value=u)}else if("innerHTML"===i&&zn(a.tagName)&&t(a.innerHTML)){(Gr=Gr||document.createElement("div")).innerHTML="<svg>"+o+"</svg>";for(var l=Gr.firstChild;a.firstChild;)a.removeChild(a.firstChild);for(;l.firstChild;)a.appendChild(l.firstChild)}else a[i]=o}}}function Qr(e,t){return!e.composing&&("OPTION"===e.tagName||function(e,t){var n=!0;try{n=document.activeElement!==e}catch(e){}return n&&e.value!==t}(e,t)||function(e,t){var r=e.value,i=e._vModifiers;if(n(i)){if(i.number)return f(r)!==f(t);if(i.trim)return r.trim()!==t.trim()}return r!==t}(e,t))}var ei={create:Yr,update:Yr},ti=g(function(e){var t={},n=/:(.+)/;return e.split(/;(?![^(]*\))/g).forEach(function(e){if(e){var r=e.split(n);r.length>1&&(t[r[0].trim()]=r[1].trim())}}),t});function ni(e){var t=ri(e.style);return e.staticStyle?k(e.staticStyle,t):t}function ri(e){return Array.isArray(e)?O(e):"string"==typeof e?ti(e):e}var ii,oi=/^--/,ai=/\s*!important$/,si=function(e,t,n){if(oi.test(t))e.style.setProperty(t,n);else if(ai.test(n))e.style.setProperty(C(t),n.replace(ai,""),"important");else{var r=ui(t);if(Array.isArray(n))for(var i=0,o=n.length;i<o;i++)e.style[r]=n[i];else e.style[r]=n}},ci=["Webkit","Moz","ms"],ui=g(function(e){if(ii=ii||document.createElement("div").style,"filter"!==(e=b(e))&&e in ii)return e;for(var t=e.charAt(0).toUpperCase()+e.slice(1),n=0;n<ci.length;n++){var r=ci[n]+t;if(r in ii)return r}});function li(e,r){var i=r.data,o=e.data;if(!(t(i.staticStyle)&&t(i.style)&&t(o.staticStyle)&&t(o.style))){var a,s,c=r.elm,u=o.staticStyle,l=o.normalizedStyle||o.style||{},f=u||l,p=ri(r.data.style)||{};r.data.normalizedStyle=n(p.__ob__)?k({},p):p;var d=function(e,t){var n,r={};if(t)for(var i=e;i.componentInstance;)(i=i.componentInstance._vnode)&&i.data&&(n=ni(i.data))&&k(r,n);(n=ni(e.data))&&k(r,n);for(var o=e;o=o.parent;)o.data&&(n=ni(o.data))&&k(r,n);return r}(r,!0);for(s in f)t(d[s])&&si(c,s,"");for(s in d)(a=d[s])!==f[s]&&si(c,s,null==a?"":a)}}var fi={create:li,update:li},pi=/\s+/;function di(e,t){if(t&&(t=t.trim()))if(e.classList)t.indexOf(" ")>-1?t.split(pi).forEach(function(t){return e.classList.add(t)}):e.classList.add(t);else{var n=" "+(e.getAttribute("class")||"")+" ";n.indexOf(" "+t+" ")<0&&e.setAttribute("class",(n+t).trim())}}function vi(e,t){if(t&&(t=t.trim()))if(e.classList)t.indexOf(" ")>-1?t.split(pi).forEach(function(t){return e.classList.remove(t)}):e.classList.remove(t),e.classList.length||e.removeAttribute("class");else{for(var n=" "+(e.getAttribute("class")||"")+" ",r=" "+t+" ";n.indexOf(r)>=0;)n=n.replace(r," ");(n=n.trim())?e.setAttribute("class",n):e.removeAttribute("class")}}function hi(e){if(e){if("object"==typeof e){var t={};return!1!==e.css&&k(t,mi(e.name||"v")),k(t,e),t}return"string"==typeof e?mi(e):void 0}}var mi=g(function(e){return{enterClass:e+"-enter",enterToClass:e+"-enter-to",enterActiveClass:e+"-enter-active",leaveClass:e+"-leave",leaveToClass:e+"-leave-to",leaveActiveClass:e+"-leave-active"}}),yi=U&&!q,gi="transition",_i="animation",bi="transition",$i="transitionend",wi="animation",Ci="animationend";yi&&(void 0===window.ontransitionend&&void 0!==window.onwebkittransitionend&&(bi="WebkitTransition",$i="webkitTransitionEnd"),void 0===window.onanimationend&&void 0!==window.onwebkitanimationend&&(wi="WebkitAnimation",Ci="webkitAnimationEnd"));var xi=U?window.requestAnimationFrame?window.requestAnimationFrame.bind(window):setTimeout:function(e){return e()};function Ai(e){xi(function(){xi(e)})}function ki(e,t){var n=e._transitionClasses||(e._transitionClasses=[]);n.indexOf(t)<0&&(n.push(t),di(e,t))}function Oi(e,t){e._transitionClasses&&h(e._transitionClasses,t),vi(e,t)}function Si(e,t,n){var r=Ei(e,t),i=r.type,o=r.timeout,a=r.propCount;if(!i)return n();var s=i===gi?$i:Ci,c=0,u=function(){e.removeEventListener(s,l),n()},l=function(t){t.target===e&&++c>=a&&u()};setTimeout(function(){c<a&&u()},o+1),e.addEventListener(s,l)}var Ti=/\b(transform|all)(,|$)/;function Ei(e,t){var n,r=window.getComputedStyle(e),i=(r[bi+"Delay"]||"").split(", "),o=(r[bi+"Duration"]||"").split(", "),a=ji(i,o),s=(r[wi+"Delay"]||"").split(", "),c=(r[wi+"Duration"]||"").split(", "),u=ji(s,c),l=0,f=0;return t===gi?a>0&&(n=gi,l=a,f=o.length):t===_i?u>0&&(n=_i,l=u,f=c.length):f=(n=(l=Math.max(a,u))>0?a>u?gi:_i:null)?n===gi?o.length:c.length:0,{type:n,timeout:l,propCount:f,hasTransform:n===gi&&Ti.test(r[bi+"Property"])}}function ji(e,t){for(;e.length<t.length;)e=e.concat(e);return Math.max.apply(null,t.map(function(t,n){return Ni(t)+Ni(e[n])}))}function Ni(e){return 1e3*Number(e.slice(0,-1).replace(",","."))}function Li(e,r){var i=e.elm;n(i._leaveCb)&&(i._leaveCb.cancelled=!0,i._leaveCb());var a=hi(e.data.transition);if(!t(a)&&!n(i._enterCb)&&1===i.nodeType){for(var s=a.css,c=a.type,u=a.enterClass,l=a.enterToClass,p=a.enterActiveClass,d=a.appearClass,v=a.appearToClass,h=a.appearActiveClass,m=a.beforeEnter,y=a.enter,g=a.afterEnter,_=a.enterCancelled,b=a.beforeAppear,$=a.appear,w=a.afterAppear,C=a.appearCancelled,x=a.duration,A=yt,k=yt.$vnode;k&&k.parent;)A=(k=k.parent).context;var O=!A._isMounted||!e.isRootInsert;if(!O||$||""===$){var S=O&&d?d:u,T=O&&h?h:p,E=O&&v?v:l,j=O&&b||m,N=O&&"function"==typeof $?$:y,M=O&&w||g,I=O&&C||_,D=f(o(x)?x.enter:x),P=!1!==s&&!q,R=Di(N),F=i._enterCb=L(function(){P&&(Oi(i,E),Oi(i,T)),F.cancelled?(P&&Oi(i,S),I&&I(i)):M&&M(i),i._enterCb=null});e.data.show||rt(e,"insert",function(){var t=i.parentNode,n=t&&t._pending&&t._pending[e.key];n&&n.tag===e.tag&&n.elm._leaveCb&&n.elm._leaveCb(),N&&N(i,F)}),j&&j(i),P&&(ki(i,S),ki(i,T),Ai(function(){Oi(i,S),F.cancelled||(ki(i,E),R||(Ii(D)?setTimeout(F,D):Si(i,c,F)))})),e.data.show&&(r&&r(),N&&N(i,F)),P||R||F()}}}function Mi(e,r){var i=e.elm;n(i._enterCb)&&(i._enterCb.cancelled=!0,i._enterCb());var a=hi(e.data.transition);if(t(a)||1!==i.nodeType)return r();if(!n(i._leaveCb)){var s=a.css,c=a.type,u=a.leaveClass,l=a.leaveToClass,p=a.leaveActiveClass,d=a.beforeLeave,v=a.leave,h=a.afterLeave,m=a.leaveCancelled,y=a.delayLeave,g=a.duration,_=!1!==s&&!q,b=Di(v),$=f(o(g)?g.leave:g),w=i._leaveCb=L(function(){i.parentNode&&i.parentNode._pending&&(i.parentNode._pending[e.key]=null),_&&(Oi(i,l),Oi(i,p)),w.cancelled?(_&&Oi(i,u),m&&m(i)):(r(),h&&h(i)),i._leaveCb=null});y?y(C):C()}function C(){w.cancelled||(!e.data.show&&i.parentNode&&((i.parentNode._pending||(i.parentNode._pending={}))[e.key]=e),d&&d(i),_&&(ki(i,u),ki(i,p),Ai(function(){Oi(i,u),w.cancelled||(ki(i,l),b||(Ii($)?setTimeout(w,$):Si(i,c,w)))})),v&&v(i,w),_||b||w())}}function Ii(e){return"number"==typeof e&&!isNaN(e)}function Di(e){if(t(e))return!1;var r=e.fns;return n(r)?Di(Array.isArray(r)?r[0]:r):(e._length||e.length)>1}function Pi(e,t){!0!==t.data.show&&Li(t)}var Ri=function(e){var o,a,s={},c=e.modules,u=e.nodeOps;for(o=0;o<Qn.length;++o)for(s[Qn[o]]=[],a=0;a<c.length;++a)n(c[a][Qn[o]])&&s[Qn[o]].push(c[a][Qn[o]]);function l(e){var t=u.parentNode(e);n(t)&&u.removeChild(t,e)}function f(e,t,i,o,a,c,l){if(n(e.elm)&&n(c)&&(e=c[l]=ve(e)),e.isRootInsert=!a,!function(e,t,i,o){var a=e.data;if(n(a)){var c=n(e.componentInstance)&&a.keepAlive;if(n(a=a.hook)&&n(a=a.init)&&a(e,!1),n(e.componentInstance))return d(e,t),v(i,e.elm,o),r(c)&&function(e,t,r,i){for(var o,a=e;a.componentInstance;)if(a=a.componentInstance._vnode,n(o=a.data)&&n(o=o.transition)){for(o=0;o<s.activate.length;++o)s.activate[o](Yn,a);t.push(a);break}v(r,e.elm,i)}(e,t,i,o),!0}}(e,t,i,o)){var f=e.data,p=e.children,m=e.tag;n(m)?(e.elm=e.ns?u.createElementNS(e.ns,m):u.createElement(m,e),g(e),h(e,p,t),n(f)&&y(e,t),v(i,e.elm,o)):r(e.isComment)?(e.elm=u.createComment(e.text),v(i,e.elm,o)):(e.elm=u.createTextNode(e.text),v(i,e.elm,o))}}function d(e,t){n(e.data.pendingInsert)&&(t.push.apply(t,e.data.pendingInsert),e.data.pendingInsert=null),e.elm=e.componentInstance.$el,m(e)?(y(e,t),g(e)):(Xn(e),t.push(e))}function v(e,t,r){n(e)&&(n(r)?u.parentNode(r)===e&&u.insertBefore(e,t,r):u.appendChild(e,t))}function h(e,t,n){if(Array.isArray(t))for(var r=0;r<t.length;++r)f(t[r],n,e.elm,null,!0,t,r);else i(e.text)&&u.appendChild(e.elm,u.createTextNode(String(e.text)))}function m(e){for(;e.componentInstance;)e=e.componentInstance._vnode;return n(e.tag)}function y(e,t){for(var r=0;r<s.create.length;++r)s.create[r](Yn,e);n(o=e.data.hook)&&(n(o.create)&&o.create(Yn,e),n(o.insert)&&t.push(e))}function g(e){var t;if(n(t=e.fnScopeId))u.setStyleScope(e.elm,t);else for(var r=e;r;)n(t=r.context)&&n(t=t.$options._scopeId)&&u.setStyleScope(e.elm,t),r=r.parent;n(t=yt)&&t!==e.context&&t!==e.fnContext&&n(t=t.$options._scopeId)&&u.setStyleScope(e.elm,t)}function _(e,t,n,r,i,o){for(;r<=i;++r)f(n[r],o,e,t,!1,n,r)}function b(e){var t,r,i=e.data;if(n(i))for(n(t=i.hook)&&n(t=t.destroy)&&t(e),t=0;t<s.destroy.length;++t)s.destroy[t](e);if(n(t=e.children))for(r=0;r<e.children.length;++r)b(e.children[r])}function $(e,t,r,i){for(;r<=i;++r){var o=t[r];n(o)&&(n(o.tag)?(w(o),b(o)):l(o.elm))}}function w(e,t){if(n(t)||n(e.data)){var r,i=s.remove.length+1;for(n(t)?t.listeners+=i:t=function(e,t){function n(){0==--n.listeners&&l(e)}return n.listeners=t,n}(e.elm,i),n(r=e.componentInstance)&&n(r=r._vnode)&&n(r.data)&&w(r,t),r=0;r<s.remove.length;++r)s.remove[r](e,t);n(r=e.data.hook)&&n(r=r.remove)?r(e,t):t()}else l(e.elm)}function C(e,t,r,i){for(var o=r;o<i;o++){var a=t[o];if(n(a)&&er(e,a))return o}}function x(e,i,o,a,c,l){if(e!==i){n(i.elm)&&n(a)&&(i=a[c]=ve(i));var p=i.elm=e.elm;if(r(e.isAsyncPlaceholder))n(i.asyncFactory.resolved)?O(e.elm,i,o):i.isAsyncPlaceholder=!0;else if(r(i.isStatic)&&r(e.isStatic)&&i.key===e.key&&(r(i.isCloned)||r(i.isOnce)))i.componentInstance=e.componentInstance;else{var d,v=i.data;n(v)&&n(d=v.hook)&&n(d=d.prepatch)&&d(e,i);var h=e.children,y=i.children;if(n(v)&&m(i)){for(d=0;d<s.update.length;++d)s.update[d](e,i);n(d=v.hook)&&n(d=d.update)&&d(e,i)}t(i.text)?n(h)&&n(y)?h!==y&&function(e,r,i,o,a){for(var s,c,l,p=0,d=0,v=r.length-1,h=r[0],m=r[v],y=i.length-1,g=i[0],b=i[y],w=!a;p<=v&&d<=y;)t(h)?h=r[++p]:t(m)?m=r[--v]:er(h,g)?(x(h,g,o,i,d),h=r[++p],g=i[++d]):er(m,b)?(x(m,b,o,i,y),m=r[--v],b=i[--y]):er(h,b)?(x(h,b,o,i,y),w&&u.insertBefore(e,h.elm,u.nextSibling(m.elm)),h=r[++p],b=i[--y]):er(m,g)?(x(m,g,o,i,d),w&&u.insertBefore(e,m.elm,h.elm),m=r[--v],g=i[++d]):(t(s)&&(s=tr(r,p,v)),t(c=n(g.key)?s[g.key]:C(g,r,p,v))?f(g,o,e,h.elm,!1,i,d):er(l=r[c],g)?(x(l,g,o,i,d),r[c]=void 0,w&&u.insertBefore(e,l.elm,h.elm)):f(g,o,e,h.elm,!1,i,d),g=i[++d]);p>v?_(e,t(i[y+1])?null:i[y+1].elm,i,d,y,o):d>y&&$(0,r,p,v)}(p,h,y,o,l):n(y)?(n(e.text)&&u.setTextContent(p,""),_(p,null,y,0,y.length-1,o)):n(h)?$(0,h,0,h.length-1):n(e.text)&&u.setTextContent(p,""):e.text!==i.text&&u.setTextContent(p,i.text),n(v)&&n(d=v.hook)&&n(d=d.postpatch)&&d(e,i)}}}function A(e,t,i){if(r(i)&&n(e.parent))e.parent.data.pendingInsert=t;else for(var o=0;o<t.length;++o)t[o].data.hook.insert(t[o])}var k=p("attrs,class,staticClass,staticStyle,key");function O(e,t,i,o){var a,s=t.tag,c=t.data,u=t.children;if(o=o||c&&c.pre,t.elm=e,r(t.isComment)&&n(t.asyncFactory))return t.isAsyncPlaceholder=!0,!0;if(n(c)&&(n(a=c.hook)&&n(a=a.init)&&a(t,!0),n(a=t.componentInstance)))return d(t,i),!0;if(n(s)){if(n(u))if(e.hasChildNodes())if(n(a=c)&&n(a=a.domProps)&&n(a=a.innerHTML)){if(a!==e.innerHTML)return!1}else{for(var l=!0,f=e.firstChild,p=0;p<u.length;p++){if(!f||!O(f,u[p],i,o)){l=!1;break}f=f.nextSibling}if(!l||f)return!1}else h(t,u,i);if(n(c)){var v=!1;for(var m in c)if(!k(m)){v=!0,y(t,i);break}!v&&c.class&&Ye(c.class)}}else e.data!==t.text&&(e.data=t.text);return!0}return function(e,i,o,a){if(!t(i)){var c,l=!1,p=[];if(t(e))l=!0,f(i,p);else{var d=n(e.nodeType);if(!d&&er(e,i))x(e,i,p,null,null,a);else{if(d){if(1===e.nodeType&&e.hasAttribute(M)&&(e.removeAttribute(M),o=!0),r(o)&&O(e,i,p))return A(i,p,!0),e;c=e,e=new le(u.tagName(c).toLowerCase(),{},[],void 0,c)}var v=e.elm,h=u.parentNode(v);if(f(i,p,v._leaveCb?null:h,u.nextSibling(v)),n(i.parent))for(var y=i.parent,g=m(i);y;){for(var _=0;_<s.destroy.length;++_)s.destroy[_](y);if(y.elm=i.elm,g){for(var w=0;w<s.create.length;++w)s.create[w](Yn,y);var C=y.data.hook.insert;if(C.merged)for(var k=1;k<C.fns.length;k++)C.fns[k]()}else Xn(y);y=y.parent}n(h)?$(0,[e],0,0):n(e.tag)&&b(e)}}return A(i,p,l),i.elm}n(e)&&b(e)}}({nodeOps:Zn,modules:[pr,br,Xr,ei,fi,U?{create:Pi,activate:Pi,remove:function(e,t){!0!==e.data.show?Mi(e,t):t()}}:{}].concat(cr)});q&&document.addEventListener("selectionchange",function(){var e=document.activeElement;e&&e.vmodel&&Ji(e,"input")});var Fi={inserted:function(e,t,n,r){"select"===n.tag?(r.elm&&!r.elm._vOptions?rt(n,"postpatch",function(){Fi.componentUpdated(e,t,n)}):Hi(e,t,n.context),e._vOptions=[].map.call(e.options,zi)):("textarea"===n.tag||qn(e.type))&&(e._vModifiers=t.modifiers,t.modifiers.lazy||(e.addEventListener("compositionstart",Vi),e.addEventListener("compositionend",Ki),e.addEventListener("change",Ki),q&&(e.vmodel=!0)))},componentUpdated:function(e,t,n){if("select"===n.tag){Hi(e,t,n.context);var r=e._vOptions,i=e._vOptions=[].map.call(e.options,zi);if(i.some(function(e,t){return!j(e,r[t])}))(e.multiple?t.value.some(function(e){return Ui(e,i)}):t.value!==t.oldValue&&Ui(t.value,i))&&Ji(e,"change")}}};function Hi(e,t,n){Bi(e,t,n),(J||W)&&setTimeout(function(){Bi(e,t,n)},0)}function Bi(e,t,n){var r=t.value,i=e.multiple;if(!i||Array.isArray(r)){for(var o,a,s=0,c=e.options.length;s<c;s++)if(a=e.options[s],i)o=N(r,zi(a))>-1,a.selected!==o&&(a.selected=o);else if(j(zi(a),r))return void(e.selectedIndex!==s&&(e.selectedIndex=s));i||(e.selectedIndex=-1)}}function Ui(e,t){return t.every(function(t){return!j(t,e)})}function zi(e){return"_value"in e?e._value:e.value}function Vi(e){e.target.composing=!0}function Ki(e){e.target.composing&&(e.target.composing=!1,Ji(e.target,"input"))}function Ji(e,t){var n=document.createEvent("HTMLEvents");n.initEvent(t,!0,!0),e.dispatchEvent(n)}function qi(e){return!e.componentInstance||e.data&&e.data.transition?e:qi(e.componentInstance._vnode)}var Wi={model:Fi,show:{bind:function(e,t,n){var r=t.value,i=(n=qi(n)).data&&n.data.transition,o=e.__vOriginalDisplay="none"===e.style.display?"":e.style.display;r&&i?(n.data.show=!0,Li(n,function(){e.style.display=o})):e.style.display=r?o:"none"},update:function(e,t,n){var r=t.value;!r!=!t.oldValue&&((n=qi(n)).data&&n.data.transition?(n.data.show=!0,r?Li(n,function(){e.style.display=e.__vOriginalDisplay}):Mi(n,function(){e.style.display="none"})):e.style.display=r?e.__vOriginalDisplay:"none")},unbind:function(e,t,n,r,i){i||(e.style.display=e.__vOriginalDisplay)}}},Zi={name:String,appear:Boolean,css:Boolean,mode:String,type:String,enterClass:String,leaveClass:String,enterToClass:String,leaveToClass:String,enterActiveClass:String,leaveActiveClass:String,appearClass:String,appearActiveClass:String,appearToClass:String,duration:[Number,String,Object]};function Gi(e){var t=e&&e.componentOptions;return t&&t.Ctor.options.abstract?Gi(ut(t.children)):e}function Xi(e){var t={},n=e.$options;for(var r in n.propsData)t[r]=e[r];var i=n._parentListeners;for(var o in i)t[b(o)]=i[o];return t}function Yi(e,t){if(/\d-keep-alive$/.test(t.tag))return e("keep-alive",{props:t.componentOptions.propsData})}var Qi=function(e){return e.tag||ct(e)},eo=function(e){return"show"===e.name},to={name:"transition",props:Zi,abstract:!0,render:function(e){var t=this,n=this.$slots.default;if(n&&(n=n.filter(Qi)).length){var r=this.mode,o=n[0];if(function(e){for(;e=e.parent;)if(e.data.transition)return!0}(this.$vnode))return o;var a=Gi(o);if(!a)return o;if(this._leaving)return Yi(e,o);var s="__transition-"+this._uid+"-";a.key=null==a.key?a.isComment?s+"comment":s+a.tag:i(a.key)?0===String(a.key).indexOf(s)?a.key:s+a.key:a.key;var c=(a.data||(a.data={})).transition=Xi(this),u=this._vnode,l=Gi(u);if(a.data.directives&&a.data.directives.some(eo)&&(a.data.show=!0),l&&l.data&&!function(e,t){return t.key===e.key&&t.tag===e.tag}(a,l)&&!ct(l)&&(!l.componentInstance||!l.componentInstance._vnode.isComment)){var f=l.data.transition=k({},c);if("out-in"===r)return this._leaving=!0,rt(f,"afterLeave",function(){t._leaving=!1,t.$forceUpdate()}),Yi(e,o);if("in-out"===r){if(ct(a))return u;var p,d=function(){p()};rt(c,"afterEnter",d),rt(c,"enterCancelled",d),rt(f,"delayLeave",function(e){p=e})}}return o}}},no=k({tag:String,moveClass:String},Zi);function ro(e){e.elm._moveCb&&e.elm._moveCb(),e.elm._enterCb&&e.elm._enterCb()}function io(e){e.data.newPos=e.elm.getBoundingClientRect()}function oo(e){var t=e.data.pos,n=e.data.newPos,r=t.left-n.left,i=t.top-n.top;if(r||i){e.data.moved=!0;var o=e.elm.style;o.transform=o.WebkitTransform="translate("+r+"px,"+i+"px)",o.transitionDuration="0s"}}delete no.mode;var ao={Transition:to,TransitionGroup:{props:no,beforeMount:function(){var e=this,t=this._update;this._update=function(n,r){var i=gt(e);e.__patch__(e._vnode,e.kept,!1,!0),e._vnode=e.kept,i(),t.call(e,n,r)}},render:function(e){for(var t=this.tag||this.$vnode.data.tag||"span",n=Object.create(null),r=this.prevChildren=this.children,i=this.$slots.default||[],o=this.children=[],a=Xi(this),s=0;s<i.length;s++){var c=i[s];c.tag&&null!=c.key&&0!==String(c.key).indexOf("__vlist")&&(o.push(c),n[c.key]=c,(c.data||(c.data={})).transition=a)}if(r){for(var u=[],l=[],f=0;f<r.length;f++){var p=r[f];p.data.transition=a,p.data.pos=p.elm.getBoundingClientRect(),n[p.key]?u.push(p):l.push(p)}this.kept=e(t,null,u),this.removed=l}return e(t,null,o)},updated:function(){var e=this.prevChildren,t=this.moveClass||(this.name||"v")+"-move";e.length&&this.hasMove(e[0].elm,t)&&(e.forEach(ro),e.forEach(io),e.forEach(oo),this._reflow=document.body.offsetHeight,e.forEach(function(e){if(e.data.moved){var n=e.elm,r=n.style;ki(n,t),r.transform=r.WebkitTransform=r.transitionDuration="",n.addEventListener($i,n._moveCb=function e(r){r&&r.target!==n||r&&!/transform$/.test(r.propertyName)||(n.removeEventListener($i,e),n._moveCb=null,Oi(n,t))})}}))},methods:{hasMove:function(e,t){if(!yi)return!1;if(this._hasMove)return this._hasMove;var n=e.cloneNode();e._transitionClasses&&e._transitionClasses.forEach(function(e){vi(n,e)}),di(n,t),n.style.display="none",this.$el.appendChild(n);var r=Ei(n);return this.$el.removeChild(n),this._hasMove=r.hasTransform}}}};gn.config.mustUseProp=Sn,gn.config.isReservedTag=Vn,gn.config.isReservedAttr=kn,gn.config.getTagNamespace=Kn,gn.config.isUnknownElement=function(e){if(!U)return!0;if(Vn(e))return!1;if(e=e.toLowerCase(),null!=Jn[e])return Jn[e];var t=document.createElement(e);return e.indexOf("-")>-1?Jn[e]=t.constructor===window.HTMLUnknownElement||t.constructor===window.HTMLElement:Jn[e]=/HTMLUnknownElement/.test(t.toString())},k(gn.options.directives,Wi),k(gn.options.components,ao),gn.prototype.__patch__=U?Ri:S,gn.prototype.$mount=function(e,t){return function(e,t,n){var r;return e.$el=t,e.$options.render||(e.$options.render=pe),$t(e,"beforeMount"),r=function(){e._update(e._render(),n)},new Nt(e,r,S,{before:function(){e._isMounted&&!e._isDestroyed&&$t(e,"beforeUpdate")}},!0),n=!1,null==e.$vnode&&(e._isMounted=!0,$t(e,"mounted")),e}(this,e=e&&U?Wn(e):void 0,t)},U&&setTimeout(function(){P.devtools&&ee&&ee.emit("init",gn)},0);var so=/\{\{((?:.|\r?\n)+?)\}\}/g,co=/[-.*+?^${}()|[\]\/\\]/g,uo=g(function(e){var t=e[0].replace(co,"\\$&"),n=e[1].replace(co,"\\$&");return new RegExp(t+"((?:.|\\n)+?)"+n,"g")});var lo={staticKeys:["staticClass"],transformNode:function(e,t){t.warn;var n=Lr(e,"class");n&&(e.staticClass=JSON.stringify(n));var r=Nr(e,"class",!1);r&&(e.classBinding=r)},genData:function(e){var t="";return e.staticClass&&(t+="staticClass:"+e.staticClass+","),e.classBinding&&(t+="class:"+e.classBinding+","),t}};var fo,po={staticKeys:["staticStyle"],transformNode:function(e,t){t.warn;var n=Lr(e,"style");n&&(e.staticStyle=JSON.stringify(ti(n)));var r=Nr(e,"style",!1);r&&(e.styleBinding=r)},genData:function(e){var t="";return e.staticStyle&&(t+="staticStyle:"+e.staticStyle+","),e.styleBinding&&(t+="style:("+e.styleBinding+"),"),t}},vo=function(e){return(fo=fo||document.createElement("div")).innerHTML=e,fo.textContent},ho=p("area,base,br,col,embed,frame,hr,img,input,isindex,keygen,link,meta,param,source,track,wbr"),mo=p("colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr,source"),yo=p("address,article,aside,base,blockquote,body,caption,col,colgroup,dd,details,dialog,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,legend,li,menuitem,meta,optgroup,option,param,rp,rt,source,style,summary,tbody,td,tfoot,th,thead,title,tr,track"),go=/^\s*([^\s"'<>\/=]+)(?:\s*(=)\s*(?:"([^"]*)"+|'([^']*)'+|([^\s"'=<>`]+)))?/,_o=/^\s*((?:v-[\w-]+:|@|:|#)\[[^=]+\][^\s"'<>\/=]*)(?:\s*(=)\s*(?:"([^"]*)"+|'([^']*)'+|([^\s"'=<>`]+)))?/,bo="[a-zA-Z_][\\-\\.0-9_a-zA-Za-zA-Z\xb7\xc0-\xd6\xd8-\xf6\xf8-\u037d\u037f-\u1fff\u200c-\u200d\u203f-\u2040\u2070-\u218f\u2c00-\u2fef\u3001-\ud7ff\uf900-\ufdcf\ufdf0-\ufffd]*",$o="((?:"+bo+"\\:)?"+bo+")",wo=new RegExp("^<"+$o),Co=/^\s*(\/?)>/,xo=new RegExp("^<\\/"+$o+"[^>]*>"),Ao=/^<!DOCTYPE [^>]+>/i,ko=/^<!\--/,Oo=/^<!\[/,So=p("script,style,textarea",!0),To={},Eo={"&lt;":"<","&gt;":">","&quot;":'"',"&amp;":"&","&#10;":"\n","&#9;":"\t","&#39;":"'"},jo=/&(?:lt|gt|quot|amp|#39);/g,No=/&(?:lt|gt|quot|amp|#39|#10|#9);/g,Lo=p("pre,textarea",!0),Mo=function(e,t){return e&&Lo(e)&&"\n"===t[0]};function Io(e,t){var n=t?No:jo;return e.replace(n,function(e){return Eo[e]})}var Do,Po,Ro,Fo,Ho,Bo,Uo,zo,Vo=/^@|^v-on:/,Ko=/^v-|^@|^:/,Jo=/([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/,qo=/,([^,\}\]]*)(?:,([^,\}\]]*))?$/,Wo=/^\(|\)$/g,Zo=/^\[.*\]$/,Go=/:(.*)$/,Xo=/^:|^\.|^v-bind:/,Yo=/\.[^.]+/g,Qo=/^v-slot(:|$)|^#/,ea=/[\r\n]/,ta=/\s+/g,na=g(vo);function ra(e,t,n){return{type:1,tag:e,attrsList:t,attrsMap:la(t),rawAttrsMap:{},parent:n,children:[]}}function ia(e,t){Do=t.warn||xr,Bo=t.isPreTag||T,Uo=t.mustUseProp||T,zo=t.getTagNamespace||T;t.isReservedTag;Ro=Ar(t.modules,"transformNode"),Fo=Ar(t.modules,"preTransformNode"),Ho=Ar(t.modules,"postTransformNode"),Po=t.delimiters;var n,r,i=[],o=!1!==t.preserveWhitespace,a=t.whitespace,s=!1,c=!1;function u(e){if(l(e),s||e.processed||(e=oa(e,t)),i.length||e===n||n.if&&(e.elseif||e.else)&&sa(n,{exp:e.elseif,block:e}),r&&!e.forbidden)if(e.elseif||e.else)a=e,(u=function(e){var t=e.length;for(;t--;){if(1===e[t].type)return e[t];e.pop()}}(r.children))&&u.if&&sa(u,{exp:a.elseif,block:a});else{if(e.slotScope){var o=e.slotTarget||'"default"';(r.scopedSlots||(r.scopedSlots={}))[o]=e}r.children.push(e),e.parent=r}var a,u;e.children=e.children.filter(function(e){return!e.slotScope}),l(e),e.pre&&(s=!1),Bo(e.tag)&&(c=!1);for(var f=0;f<Ho.length;f++)Ho[f](e,t)}function l(e){if(!c)for(var t;(t=e.children[e.children.length-1])&&3===t.type&&" "===t.text;)e.children.pop()}return function(e,t){for(var n,r,i=[],o=t.expectHTML,a=t.isUnaryTag||T,s=t.canBeLeftOpenTag||T,c=0;e;){if(n=e,r&&So(r)){var u=0,l=r.toLowerCase(),f=To[l]||(To[l]=new RegExp("([\\s\\S]*?)(</"+l+"[^>]*>)","i")),p=e.replace(f,function(e,n,r){return u=r.length,So(l)||"noscript"===l||(n=n.replace(/<!\--([\s\S]*?)-->/g,"$1").replace(/<!\[CDATA\[([\s\S]*?)]]>/g,"$1")),Mo(l,n)&&(n=n.slice(1)),t.chars&&t.chars(n),""});c+=e.length-p.length,e=p,k(l,c-u,c)}else{var d=e.indexOf("<");if(0===d){if(ko.test(e)){var v=e.indexOf("--\x3e");if(v>=0){t.shouldKeepComment&&t.comment(e.substring(4,v),c,c+v+3),C(v+3);continue}}if(Oo.test(e)){var h=e.indexOf("]>");if(h>=0){C(h+2);continue}}var m=e.match(Ao);if(m){C(m[0].length);continue}var y=e.match(xo);if(y){var g=c;C(y[0].length),k(y[1],g,c);continue}var _=x();if(_){A(_),Mo(_.tagName,e)&&C(1);continue}}var b=void 0,$=void 0,w=void 0;if(d>=0){for($=e.slice(d);!(xo.test($)||wo.test($)||ko.test($)||Oo.test($)||(w=$.indexOf("<",1))<0);)d+=w,$=e.slice(d);b=e.substring(0,d)}d<0&&(b=e),b&&C(b.length),t.chars&&b&&t.chars(b,c-b.length,c)}if(e===n){t.chars&&t.chars(e);break}}function C(t){c+=t,e=e.substring(t)}function x(){var t=e.match(wo);if(t){var n,r,i={tagName:t[1],attrs:[],start:c};for(C(t[0].length);!(n=e.match(Co))&&(r=e.match(_o)||e.match(go));)r.start=c,C(r[0].length),r.end=c,i.attrs.push(r);if(n)return i.unarySlash=n[1],C(n[0].length),i.end=c,i}}function A(e){var n=e.tagName,c=e.unarySlash;o&&("p"===r&&yo(n)&&k(r),s(n)&&r===n&&k(n));for(var u=a(n)||!!c,l=e.attrs.length,f=new Array(l),p=0;p<l;p++){var d=e.attrs[p],v=d[3]||d[4]||d[5]||"",h="a"===n&&"href"===d[1]?t.shouldDecodeNewlinesForHref:t.shouldDecodeNewlines;f[p]={name:d[1],value:Io(v,h)}}u||(i.push({tag:n,lowerCasedTag:n.toLowerCase(),attrs:f,start:e.start,end:e.end}),r=n),t.start&&t.start(n,f,u,e.start,e.end)}function k(e,n,o){var a,s;if(null==n&&(n=c),null==o&&(o=c),e)for(s=e.toLowerCase(),a=i.length-1;a>=0&&i[a].lowerCasedTag!==s;a--);else a=0;if(a>=0){for(var u=i.length-1;u>=a;u--)t.end&&t.end(i[u].tag,n,o);i.length=a,r=a&&i[a-1].tag}else"br"===s?t.start&&t.start(e,[],!0,n,o):"p"===s&&(t.start&&t.start(e,[],!1,n,o),t.end&&t.end(e,n,o))}k()}(e,{warn:Do,expectHTML:t.expectHTML,isUnaryTag:t.isUnaryTag,canBeLeftOpenTag:t.canBeLeftOpenTag,shouldDecodeNewlines:t.shouldDecodeNewlines,shouldDecodeNewlinesForHref:t.shouldDecodeNewlinesForHref,shouldKeepComment:t.comments,outputSourceRange:t.outputSourceRange,start:function(e,o,a,l){var f=r&&r.ns||zo(e);J&&"svg"===f&&(o=function(e){for(var t=[],n=0;n<e.length;n++){var r=e[n];fa.test(r.name)||(r.name=r.name.replace(pa,""),t.push(r))}return t}(o));var p,d=ra(e,o,r);f&&(d.ns=f),"style"!==(p=d).tag&&("script"!==p.tag||p.attrsMap.type&&"text/javascript"!==p.attrsMap.type)||Q()||(d.forbidden=!0);for(var v=0;v<Fo.length;v++)d=Fo[v](d,t)||d;s||(!function(e){null!=Lr(e,"v-pre")&&(e.pre=!0)}(d),d.pre&&(s=!0)),Bo(d.tag)&&(c=!0),s?function(e){var t=e.attrsList,n=t.length;if(n)for(var r=e.attrs=new Array(n),i=0;i<n;i++)r[i]={name:t[i].name,value:JSON.stringify(t[i].value)},null!=t[i].start&&(r[i].start=t[i].start,r[i].end=t[i].end);else e.pre||(e.plain=!0)}(d):d.processed||(aa(d),function(e){var t=Lr(e,"v-if");if(t)e.if=t,sa(e,{exp:t,block:e});else{null!=Lr(e,"v-else")&&(e.else=!0);var n=Lr(e,"v-else-if");n&&(e.elseif=n)}}(d),function(e){null!=Lr(e,"v-once")&&(e.once=!0)}(d)),n||(n=d),a?u(d):(r=d,i.push(d))},end:function(e,t,n){var o=i[i.length-1];i.length-=1,r=i[i.length-1],u(o)},chars:function(e,t,n){if(r&&(!J||"textarea"!==r.tag||r.attrsMap.placeholder!==e)){var i,u,l,f=r.children;if(e=c||e.trim()?"script"===(i=r).tag||"style"===i.tag?e:na(e):f.length?a?"condense"===a&&ea.test(e)?"":" ":o?" ":"":"")"condense"===a&&(e=e.replace(ta," ")),!s&&" "!==e&&(u=function(e,t){var n=t?uo(t):so;if(n.test(e)){for(var r,i,o,a=[],s=[],c=n.lastIndex=0;r=n.exec(e);){(i=r.index)>c&&(s.push(o=e.slice(c,i)),a.push(JSON.stringify(o)));var u=wr(r[1].trim());a.push("_s("+u+")"),s.push({"@binding":u}),c=i+r[0].length}return c<e.length&&(s.push(o=e.slice(c)),a.push(JSON.stringify(o))),{expression:a.join("+"),tokens:s}}}(e,Po))?l={type:2,expression:u.expression,tokens:u.tokens,text:e}:" "===e&&f.length&&" "===f[f.length-1].text||(l={type:3,text:e}),l&&f.push(l)}},comment:function(e,t,n){if(r){var i={type:3,text:e,isComment:!0};r.children.push(i)}}}),n}function oa(e,t){var n,r;(r=Nr(n=e,"key"))&&(n.key=r),e.plain=!e.key&&!e.scopedSlots&&!e.attrsList.length,function(e){var t=Nr(e,"ref");t&&(e.ref=t,e.refInFor=function(e){var t=e;for(;t;){if(void 0!==t.for)return!0;t=t.parent}return!1}(e))}(e),function(e){var t;"template"===e.tag?(t=Lr(e,"scope"),e.slotScope=t||Lr(e,"slot-scope")):(t=Lr(e,"slot-scope"))&&(e.slotScope=t);var n=Nr(e,"slot");n&&(e.slotTarget='""'===n?'"default"':n,e.slotTargetDynamic=!(!e.attrsMap[":slot"]&&!e.attrsMap["v-bind:slot"]),"template"===e.tag||e.slotScope||Or(e,"slot",n,function(e,t){return e.rawAttrsMap[":"+t]||e.rawAttrsMap["v-bind:"+t]||e.rawAttrsMap[t]}(e,"slot")));if("template"===e.tag){var r=Mr(e,Qo);if(r){var i=ca(r),o=i.name,a=i.dynamic;e.slotTarget=o,e.slotTargetDynamic=a,e.slotScope=r.value||"_"}}else{var s=Mr(e,Qo);if(s){var c=e.scopedSlots||(e.scopedSlots={}),u=ca(s),l=u.name,f=u.dynamic,p=c[l]=ra("template",[],e);p.slotTarget=l,p.slotTargetDynamic=f,p.children=e.children.filter(function(e){return!e.slotScope}),p.slotScope=s.value||"_",e.children=[],e.plain=!1}}}(e),function(e){"slot"===e.tag&&(e.slotName=Nr(e,"name"))}(e),function(e){var t;(t=Nr(e,"is"))&&(e.component=t);null!=Lr(e,"inline-template")&&(e.inlineTemplate=!0)}(e);for(var i=0;i<Ro.length;i++)e=Ro[i](e,t)||e;return function(e){var t,n,r,i,o,a,s,c,u=e.attrsList;for(t=0,n=u.length;t<n;t++)if(r=i=u[t].name,o=u[t].value,Ko.test(r))if(e.hasBindings=!0,(a=ua(r.replace(Ko,"")))&&(r=r.replace(Yo,"")),Xo.test(r))r=r.replace(Xo,""),o=wr(o),(c=Zo.test(r))&&(r=r.slice(1,-1)),a&&(a.prop&&!c&&"innerHtml"===(r=b(r))&&(r="innerHTML"),a.camel&&!c&&(r=b(r)),a.sync&&(s=Pr(o,"$event"),c?jr(e,'"update:"+('+r+")",s,null,!1,0,u[t],!0):(jr(e,"update:"+b(r),s,null,!1,0,u[t]),C(r)!==b(r)&&jr(e,"update:"+C(r),s,null,!1,0,u[t])))),a&&a.prop||!e.component&&Uo(e.tag,e.attrsMap.type,r)?kr(e,r,o,u[t],c):Or(e,r,o,u[t],c);else if(Vo.test(r))r=r.replace(Vo,""),(c=Zo.test(r))&&(r=r.slice(1,-1)),jr(e,r,o,a,!1,0,u[t],c);else{var l=(r=r.replace(Ko,"")).match(Go),f=l&&l[1];c=!1,f&&(r=r.slice(0,-(f.length+1)),Zo.test(f)&&(f=f.slice(1,-1),c=!0)),Tr(e,r,i,o,f,c,a,u[t])}else Or(e,r,JSON.stringify(o),u[t]),!e.component&&"muted"===r&&Uo(e.tag,e.attrsMap.type,r)&&kr(e,r,"true",u[t])}(e),e}function aa(e){var t;if(t=Lr(e,"v-for")){var n=function(e){var t=e.match(Jo);if(!t)return;var n={};n.for=t[2].trim();var r=t[1].trim().replace(Wo,""),i=r.match(qo);i?(n.alias=r.replace(qo,"").trim(),n.iterator1=i[1].trim(),i[2]&&(n.iterator2=i[2].trim())):n.alias=r;return n}(t);n&&k(e,n)}}function sa(e,t){e.ifConditions||(e.ifConditions=[]),e.ifConditions.push(t)}function ca(e){var t=e.name.replace(Qo,"");return t||"#"!==e.name[0]&&(t="default"),Zo.test(t)?{name:t.slice(1,-1),dynamic:!0}:{name:'"'+t+'"',dynamic:!1}}function ua(e){var t=e.match(Yo);if(t){var n={};return t.forEach(function(e){n[e.slice(1)]=!0}),n}}function la(e){for(var t={},n=0,r=e.length;n<r;n++)t[e[n].name]=e[n].value;return t}var fa=/^xmlns:NS\d+/,pa=/^NS\d+:/;function da(e){return ra(e.tag,e.attrsList.slice(),e.parent)}var va=[lo,po,{preTransformNode:function(e,t){if("input"===e.tag){var n,r=e.attrsMap;if(!r["v-model"])return;if((r[":type"]||r["v-bind:type"])&&(n=Nr(e,"type")),r.type||n||!r["v-bind"]||(n="("+r["v-bind"]+").type"),n){var i=Lr(e,"v-if",!0),o=i?"&&("+i+")":"",a=null!=Lr(e,"v-else",!0),s=Lr(e,"v-else-if",!0),c=da(e);aa(c),Sr(c,"type","checkbox"),oa(c,t),c.processed=!0,c.if="("+n+")==='checkbox'"+o,sa(c,{exp:c.if,block:c});var u=da(e);Lr(u,"v-for",!0),Sr(u,"type","radio"),oa(u,t),sa(c,{exp:"("+n+")==='radio'"+o,block:u});var l=da(e);return Lr(l,"v-for",!0),Sr(l,":type",n),oa(l,t),sa(c,{exp:i,block:l}),a?c.else=!0:s&&(c.elseif=s),c}}}}];var ha,ma,ya={expectHTML:!0,modules:va,directives:{model:function(e,t,n){var r=t.value,i=t.modifiers,o=e.tag,a=e.attrsMap.type;if(e.component)return Dr(e,r,i),!1;if("select"===o)!function(e,t,n){var r='var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = "_value" in o ? o._value : o.value;return '+(n&&n.number?"_n(val)":"val")+"});";r=r+" "+Pr(t,"$event.target.multiple ? $$selectedVal : $$selectedVal[0]"),jr(e,"change",r,null,!0)}(e,r,i);else if("input"===o&&"checkbox"===a)!function(e,t,n){var r=n&&n.number,i=Nr(e,"value")||"null",o=Nr(e,"true-value")||"true",a=Nr(e,"false-value")||"false";kr(e,"checked","Array.isArray("+t+")?_i("+t+","+i+")>-1"+("true"===o?":("+t+")":":_q("+t+","+o+")")),jr(e,"change","var $$a="+t+",$$el=$event.target,$$c=$$el.checked?("+o+"):("+a+");if(Array.isArray($$a)){var $$v="+(r?"_n("+i+")":i)+",$$i=_i($$a,$$v);if($$el.checked){$$i<0&&("+Pr(t,"$$a.concat([$$v])")+")}else{$$i>-1&&("+Pr(t,"$$a.slice(0,$$i).concat($$a.slice($$i+1))")+")}}else{"+Pr(t,"$$c")+"}",null,!0)}(e,r,i);else if("input"===o&&"radio"===a)!function(e,t,n){var r=n&&n.number,i=Nr(e,"value")||"null";kr(e,"checked","_q("+t+","+(i=r?"_n("+i+")":i)+")"),jr(e,"change",Pr(t,i),null,!0)}(e,r,i);else if("input"===o||"textarea"===o)!function(e,t,n){var r=e.attrsMap.type,i=n||{},o=i.lazy,a=i.number,s=i.trim,c=!o&&"range"!==r,u=o?"change":"range"===r?Vr:"input",l="$event.target.value";s&&(l="$event.target.value.trim()"),a&&(l="_n("+l+")");var f=Pr(t,l);c&&(f="if($event.target.composing)return;"+f),kr(e,"value","("+t+")"),jr(e,u,f,null,!0),(s||a)&&jr(e,"blur","$forceUpdate()")}(e,r,i);else if(!P.isReservedTag(o))return Dr(e,r,i),!1;return!0},text:function(e,t){t.value&&kr(e,"textContent","_s("+t.value+")",t)},html:function(e,t){t.value&&kr(e,"innerHTML","_s("+t.value+")",t)}},isPreTag:function(e){return"pre"===e},isUnaryTag:ho,mustUseProp:Sn,canBeLeftOpenTag:mo,isReservedTag:Vn,getTagNamespace:Kn,staticKeys:function(e){return e.reduce(function(e,t){return e.concat(t.staticKeys||[])},[]).join(",")}(va)},ga=g(function(e){return p("type,tag,attrsList,attrsMap,plain,parent,children,attrs,start,end,rawAttrsMap"+(e?","+e:""))});function _a(e,t){e&&(ha=ga(t.staticKeys||""),ma=t.isReservedTag||T,function e(t){t.static=function(e){if(2===e.type)return!1;if(3===e.type)return!0;return!(!e.pre&&(e.hasBindings||e.if||e.for||d(e.tag)||!ma(e.tag)||function(e){for(;e.parent;){if("template"!==(e=e.parent).tag)return!1;if(e.for)return!0}return!1}(e)||!Object.keys(e).every(ha)))}(t);if(1===t.type){if(!ma(t.tag)&&"slot"!==t.tag&&null==t.attrsMap["inline-template"])return;for(var n=0,r=t.children.length;n<r;n++){var i=t.children[n];e(i),i.static||(t.static=!1)}if(t.ifConditions)for(var o=1,a=t.ifConditions.length;o<a;o++){var s=t.ifConditions[o].block;e(s),s.static||(t.static=!1)}}}(e),function e(t,n){if(1===t.type){if((t.static||t.once)&&(t.staticInFor=n),t.static&&t.children.length&&(1!==t.children.length||3!==t.children[0].type))return void(t.staticRoot=!0);if(t.staticRoot=!1,t.children)for(var r=0,i=t.children.length;r<i;r++)e(t.children[r],n||!!t.for);if(t.ifConditions)for(var o=1,a=t.ifConditions.length;o<a;o++)e(t.ifConditions[o].block,n)}}(e,!1))}var ba=/^([\w$_]+|\([^)]*?\))\s*=>|^function\s*\(/,$a=/\([^)]*?\);*$/,wa=/^[A-Za-z_$][\w$]*(?:\.[A-Za-z_$][\w$]*|\['[^']*?']|\["[^"]*?"]|\[\d+]|\[[A-Za-z_$][\w$]*])*$/,Ca={esc:27,tab:9,enter:13,space:32,up:38,left:37,right:39,down:40,delete:[8,46]},xa={esc:["Esc","Escape"],tab:"Tab",enter:"Enter",space:[" ","Spacebar"],up:["Up","ArrowUp"],left:["Left","ArrowLeft"],right:["Right","ArrowRight"],down:["Down","ArrowDown"],delete:["Backspace","Delete","Del"]},Aa=function(e){return"if("+e+")return null;"},ka={stop:"$event.stopPropagation();",prevent:"$event.preventDefault();",self:Aa("$event.target !== $event.currentTarget"),ctrl:Aa("!$event.ctrlKey"),shift:Aa("!$event.shiftKey"),alt:Aa("!$event.altKey"),meta:Aa("!$event.metaKey"),left:Aa("'button' in $event && $event.button !== 0"),middle:Aa("'button' in $event && $event.button !== 1"),right:Aa("'button' in $event && $event.button !== 2")};function Oa(e,t){var n=t?"nativeOn:":"on:",r="",i="";for(var o in e){var a=Sa(e[o]);e[o]&&e[o].dynamic?i+=o+","+a+",":r+='"'+o+'":'+a+","}return r="{"+r.slice(0,-1)+"}",i?n+"_d("+r+",["+i.slice(0,-1)+"])":n+r}function Sa(e){if(!e)return"function(){}";if(Array.isArray(e))return"["+e.map(function(e){return Sa(e)}).join(",")+"]";var t=wa.test(e.value),n=ba.test(e.value),r=wa.test(e.value.replace($a,""));if(e.modifiers){var i="",o="",a=[];for(var s in e.modifiers)if(ka[s])o+=ka[s],Ca[s]&&a.push(s);else if("exact"===s){var c=e.modifiers;o+=Aa(["ctrl","shift","alt","meta"].filter(function(e){return!c[e]}).map(function(e){return"$event."+e+"Key"}).join("||"))}else a.push(s);return a.length&&(i+=function(e){return"if(('keyCode' in $event)&&"+e.map(Ta).join("&&")+")return null;"}(a)),o&&(i+=o),"function($event){"+i+(t?"return "+e.value+"($event)":n?"return ("+e.value+")($event)":r?"return "+e.value:e.value)+"}"}return t||n?e.value:"function($event){"+(r?"return "+e.value:e.value)+"}"}function Ta(e){var t=parseInt(e,10);if(t)return"$event.keyCode!=="+t;var n=Ca[e],r=xa[e];return"_k($event.keyCode,"+JSON.stringify(e)+","+JSON.stringify(n)+",$event.key,"+JSON.stringify(r)+")"}var Ea={on:function(e,t){e.wrapListeners=function(e){return"_g("+e+","+t.value+")"}},bind:function(e,t){e.wrapData=function(n){return"_b("+n+",'"+e.tag+"',"+t.value+","+(t.modifiers&&t.modifiers.prop?"true":"false")+(t.modifiers&&t.modifiers.sync?",true":"")+")"}},cloak:S},ja=function(e){this.options=e,this.warn=e.warn||xr,this.transforms=Ar(e.modules,"transformCode"),this.dataGenFns=Ar(e.modules,"genData"),this.directives=k(k({},Ea),e.directives);var t=e.isReservedTag||T;this.maybeComponent=function(e){return!!e.component||!t(e.tag)},this.onceId=0,this.staticRenderFns=[],this.pre=!1};function Na(e,t){var n=new ja(t);return{render:"with(this){return "+(e?La(e,n):'_c("div")')+"}",staticRenderFns:n.staticRenderFns}}function La(e,t){if(e.parent&&(e.pre=e.pre||e.parent.pre),e.staticRoot&&!e.staticProcessed)return Ma(e,t);if(e.once&&!e.onceProcessed)return Ia(e,t);if(e.for&&!e.forProcessed)return Pa(e,t);if(e.if&&!e.ifProcessed)return Da(e,t);if("template"!==e.tag||e.slotTarget||t.pre){if("slot"===e.tag)return function(e,t){var n=e.slotName||'"default"',r=Ha(e,t),i="_t("+n+(r?","+r:""),o=e.attrs&&"{"+e.attrs.map(function(e){return b(e.name)+":"+e.value}).join(",")+"}",a=e.attrsMap["v-bind"];!o&&!a||r||(i+=",null");o&&(i+=","+o);a&&(i+=(o?"":",null")+","+a);return i+")"}(e,t);var n;if(e.component)n=function(e,t,n){var r=t.inlineTemplate?null:Ha(t,n,!0);return"_c("+e+","+Ra(t,n)+(r?","+r:"")+")"}(e.component,e,t);else{var r;(!e.plain||e.pre&&t.maybeComponent(e))&&(r=Ra(e,t));var i=e.inlineTemplate?null:Ha(e,t,!0);n="_c('"+e.tag+"'"+(r?","+r:"")+(i?","+i:"")+")"}for(var o=0;o<t.transforms.length;o++)n=t.transforms[o](e,n);return n}return Ha(e,t)||"void 0"}function Ma(e,t){e.staticProcessed=!0;var n=t.pre;return e.pre&&(t.pre=e.pre),t.staticRenderFns.push("with(this){return "+La(e,t)+"}"),t.pre=n,"_m("+(t.staticRenderFns.length-1)+(e.staticInFor?",true":"")+")"}function Ia(e,t){if(e.onceProcessed=!0,e.if&&!e.ifProcessed)return Da(e,t);if(e.staticInFor){for(var n="",r=e.parent;r;){if(r.for){n=r.key;break}r=r.parent}return n?"_o("+La(e,t)+","+t.onceId+++","+n+")":La(e,t)}return Ma(e,t)}function Da(e,t,n,r){return e.ifProcessed=!0,function e(t,n,r,i){if(!t.length)return i||"_e()";var o=t.shift();return o.exp?"("+o.exp+")?"+a(o.block)+":"+e(t,n,r,i):""+a(o.block);function a(e){return r?r(e,n):e.once?Ia(e,n):La(e,n)}}(e.ifConditions.slice(),t,n,r)}function Pa(e,t,n,r){var i=e.for,o=e.alias,a=e.iterator1?","+e.iterator1:"",s=e.iterator2?","+e.iterator2:"";return e.forProcessed=!0,(r||"_l")+"(("+i+"),function("+o+a+s+"){return "+(n||La)(e,t)+"})"}function Ra(e,t){var n="{",r=function(e,t){var n=e.directives;if(!n)return;var r,i,o,a,s="directives:[",c=!1;for(r=0,i=n.length;r<i;r++){o=n[r],a=!0;var u=t.directives[o.name];u&&(a=!!u(e,o,t.warn)),a&&(c=!0,s+='{name:"'+o.name+'",rawName:"'+o.rawName+'"'+(o.value?",value:("+o.value+"),expression:"+JSON.stringify(o.value):"")+(o.arg?",arg:"+(o.isDynamicArg?o.arg:'"'+o.arg+'"'):"")+(o.modifiers?",modifiers:"+JSON.stringify(o.modifiers):"")+"},")}if(c)return s.slice(0,-1)+"]"}(e,t);r&&(n+=r+","),e.key&&(n+="key:"+e.key+","),e.ref&&(n+="ref:"+e.ref+","),e.refInFor&&(n+="refInFor:true,"),e.pre&&(n+="pre:true,"),e.component&&(n+='tag:"'+e.tag+'",');for(var i=0;i<t.dataGenFns.length;i++)n+=t.dataGenFns[i](e);if(e.attrs&&(n+="attrs:"+za(e.attrs)+","),e.props&&(n+="domProps:"+za(e.props)+","),e.events&&(n+=Oa(e.events,!1)+","),e.nativeEvents&&(n+=Oa(e.nativeEvents,!0)+","),e.slotTarget&&!e.slotScope&&(n+="slot:"+e.slotTarget+","),e.scopedSlots&&(n+=function(e,t){var n=Object.keys(e).some(function(t){var n=e[t];return n.slotTargetDynamic||n.if||n.for});return"scopedSlots:_u(["+Object.keys(e).map(function(n){return Fa(e[n],t)}).join(",")+"]"+(n?",true":"")+")"}(e.scopedSlots,t)+","),e.model&&(n+="model:{value:"+e.model.value+",callback:"+e.model.callback+",expression:"+e.model.expression+"},"),e.inlineTemplate){var o=function(e,t){var n=e.children[0];if(n&&1===n.type){var r=Na(n,t.options);return"inlineTemplate:{render:function(){"+r.render+"},staticRenderFns:["+r.staticRenderFns.map(function(e){return"function(){"+e+"}"}).join(",")+"]}"}}(e,t);o&&(n+=o+",")}return n=n.replace(/,$/,"")+"}",e.dynamicAttrs&&(n="_b("+n+',"'+e.tag+'",'+za(e.dynamicAttrs)+")"),e.wrapData&&(n=e.wrapData(n)),e.wrapListeners&&(n=e.wrapListeners(n)),n}function Fa(e,t){var n=e.attrsMap["slot-scope"];if(e.if&&!e.ifProcessed&&!n)return Da(e,t,Fa,"null");if(e.for&&!e.forProcessed)return Pa(e,t,Fa);var r="function("+String(e.slotScope)+"){return "+("template"===e.tag?e.if&&n?"("+e.if+")?"+(Ha(e,t)||"undefined")+":undefined":Ha(e,t)||"undefined":La(e,t))+"}";return"{key:"+(e.slotTarget||'"default"')+",fn:"+r+"}"}function Ha(e,t,n,r,i){var o=e.children;if(o.length){var a=o[0];if(1===o.length&&a.for&&"template"!==a.tag&&"slot"!==a.tag){var s=n?t.maybeComponent(a)?",1":",0":"";return""+(r||La)(a,t)+s}var c=n?function(e,t){for(var n=0,r=0;r<e.length;r++){var i=e[r];if(1===i.type){if(Ba(i)||i.ifConditions&&i.ifConditions.some(function(e){return Ba(e.block)})){n=2;break}(t(i)||i.ifConditions&&i.ifConditions.some(function(e){return t(e.block)}))&&(n=1)}}return n}(o,t.maybeComponent):0,u=i||Ua;return"["+o.map(function(e){return u(e,t)}).join(",")+"]"+(c?","+c:"")}}function Ba(e){return void 0!==e.for||"template"===e.tag||"slot"===e.tag}function Ua(e,t){return 1===e.type?La(e,t):3===e.type&&e.isComment?(r=e,"_e("+JSON.stringify(r.text)+")"):"_v("+(2===(n=e).type?n.expression:Va(JSON.stringify(n.text)))+")";var n,r}function za(e){for(var t="",n="",r=0;r<e.length;r++){var i=e[r],o=Va(i.value);i.dynamic?n+=i.name+","+o+",":t+='"'+i.name+'":'+o+","}return t="{"+t.slice(0,-1)+"}",n?"_d("+t+",["+n.slice(0,-1)+"])":t}function Va(e){return e.replace(/\u2028/g,"\\u2028").replace(/\u2029/g,"\\u2029")}new RegExp("\\b"+"do,if,for,let,new,try,var,case,else,with,await,break,catch,class,const,super,throw,while,yield,delete,export,import,return,switch,default,extends,finally,continue,debugger,function,arguments".split(",").join("\\b|\\b")+"\\b");function Ka(e,t){try{return new Function(e)}catch(n){return t.push({err:n,code:e}),S}}function Ja(e){var t=Object.create(null);return function(n,r,i){(r=k({},r)).warn;delete r.warn;var o=r.delimiters?String(r.delimiters)+n:n;if(t[o])return t[o];var a=e(n,r),s={},c=[];return s.render=Ka(a.render,c),s.staticRenderFns=a.staticRenderFns.map(function(e){return Ka(e,c)}),t[o]=s}}var qa,Wa,Za=(qa=function(e,t){var n=ia(e.trim(),t);!1!==t.optimize&&_a(n,t);var r=Na(n,t);return{ast:n,render:r.render,staticRenderFns:r.staticRenderFns}},function(e){function t(t,n){var r=Object.create(e),i=[],o=[];if(n)for(var a in n.modules&&(r.modules=(e.modules||[]).concat(n.modules)),n.directives&&(r.directives=k(Object.create(e.directives||null),n.directives)),n)"modules"!==a&&"directives"!==a&&(r[a]=n[a]);r.warn=function(e,t,n){(n?o:i).push(e)};var s=qa(t.trim(),r);return s.errors=i,s.tips=o,s}return{compile:t,compileToFunctions:Ja(t)}})(ya),Ga=(Za.compile,Za.compileToFunctions);function Xa(e){return(Wa=Wa||document.createElement("div")).innerHTML=e?'<a href="\n"/>':'<div a="\n"/>',Wa.innerHTML.indexOf("&#10;")>0}var Ya=!!U&&Xa(!1),Qa=!!U&&Xa(!0),es=g(function(e){var t=Wn(e);return t&&t.innerHTML}),ts=gn.prototype.$mount;return gn.prototype.$mount=function(e,t){if((e=e&&Wn(e))===document.body||e===document.documentElement)return this;var n=this.$options;if(!n.render){var r=n.template;if(r)if("string"==typeof r)"#"===r.charAt(0)&&(r=es(r));else{if(!r.nodeType)return this;r=r.innerHTML}else e&&(r=function(e){if(e.outerHTML)return e.outerHTML;var t=document.createElement("div");return t.appendChild(e.cloneNode(!0)),t.innerHTML}(e));if(r){var i=Ga(r,{outputSourceRange:!1,shouldDecodeNewlines:Ya,shouldDecodeNewlinesForHref:Qa,delimiters:n.delimiters,comments:n.comments},this),o=i.render,a=i.staticRenderFns;n.render=o,n.staticRenderFns=a}}return ts.call(this,e,t)},gn.compile=Ga,gn});
diff --git a/docs/script.js b/docs/script.js
new file mode 100644
index 00000000..a2c18f5a
--- /dev/null
+++ b/docs/script.js
@@ -0,0 +1,639 @@
+const sampleCollection = [
+  {
+    title: 'texts',
+    showCode: false,
+    code: `<span class="nes-text is-primary">Primary</span>
+<span class="nes-text is-success">Success</span>
+<span class="nes-text is-warning">Warning</span>
+<span class="nes-text is-error">Error</span>
+<span class="nes-text is-disabled">Disabled</span>`,
+  },
+  {
+    title: 'buttons',
+    showCode: false,
+    code: `<a class="nes-btn">Normal</a>
+
+<button type="button" class="nes-btn is-primary">Primary</button>
+<button type="button" class="nes-btn is-success">Success</button>
+<button type="button" class="nes-btn is-warning">Warning</button>
+<button type="button" class="nes-btn is-error">Error</button>
+<button type="button" class="nes-btn is-disabled">Disabled</button>`,
+  },
+  {
+    title: 'radios',
+    showCode: false,
+    code: `<label>
+  <input type="radio" class="nes-radio" name="answer" checked />
+  <span>Yes</span>
+</label>
+
+<label>
+  <input type="radio" class="nes-radio" name="answer" />
+  <span>No</span>
+</label>
+
+<div style="background-color:#212529; padding: 1rem 0;">
+  <label>
+    <input type="radio" class="nes-radio is-dark" name="answer-dark" checked />
+    <span>Yes</span>
+  </label>
+
+  <label>
+    <input type="radio" class="nes-radio is-dark" name="answer-dark" />
+    <span>No</span>
+  </label>
+</div>`,
+  },
+  {
+    title: 'checkboxes',
+    showCode: false,
+    code: `<label>
+  <input type="checkbox" class="nes-checkbox" checked />
+  <span>Enable</span>
+</label>
+
+<div style="background-color:#212529; padding: 1rem 0;">
+  <label>
+    <input type="checkbox" class="nes-checkbox is-dark" checked />
+    <span>Dark</span>
+  </label>
+</div>`,
+  },
+  {
+    title: 'inputs',
+    showCode: false,
+    code: `<div class="nes-field">
+  <label for="name_field">Your name</label>
+  <input type="text" id="name_field" class="nes-input">
+</div>
+
+<div class="nes-field is-inline">
+  <label for="inline_field">.input.is-success</label>
+  <input type="text" id="inline_field" class="nes-input is-success" placeholder="NES.css">
+</div>
+
+<div class="nes-field is-inline">
+  <label for="warning_field">.input.is-warning</label>
+  <input type="text" id="warning_field" class="nes-input is-warning" placeholder="8bit.css">
+</div>
+
+<div class="nes-field is-inline">
+  <label for="error_field">.input.is-error</label>
+  <input type="text" id="error_field" class="nes-input is-error" placeholder="awesome.css">
+</div>`,
+  },
+  {
+    title: 'textarea',
+    showCode: false,
+    code: `<label for="textarea_field">Textarea</label>
+<textarea id="textarea_field" class="nes-textarea"></textarea>`,
+  },
+  {
+    title: 'selects',
+    showCode: false,
+    code: `<label for="default_select">Default select</label>
+<div class="nes-select">
+  <select required id="default_select">
+    <option value="" disabled selected hidden>Select...</option>
+    <option value="0">To be</option>
+    <option value="1">Not to be</option>
+  </select>
+</div>
+
+<label for="success_select">nes-select.is-success</label>
+<div class="nes-select is-success">
+  <select required id="success_select">
+    <option value="" disabled selected hidden>Select...</option>
+    <option value="0">To be</option>
+    <option value="1">Not to be</option>
+  </select>
+</div>
+
+<label for="warning_select">nes-select.is-warning</label>
+<div class="nes-select is-warning">
+  <select required id="warning_select">
+    <option value="" disabled selected hidden>Select...</option>
+    <option value="0">To be</option>
+    <option value="1">Not to be</option>
+  </select>
+</div>
+
+<label for="error_select">nes-select.is-error</label>
+<div class="nes-select is-error">
+  <select required id="error_select">
+    <option value="" disabled selected hidden>Select...</option>
+    <option value="0">To be</option>
+    <option value="1">Not to be</option>
+  </select>
+</div>`,
+  },
+  {
+    title: 'containers',
+    showCode: false,
+    code: `<div class="nes-container with-title is-centered">
+  <p class="title">Container.is-centered</p>
+  <p>Good morning. Thou hast had a good night's sleep, I hope.</p>
+</div>
+
+<div class="nes-container is-dark with-title">
+  <p class="title">Container.is-dark</p>
+  <p>Good morning. Thou hast had a good night's sleep, I hope.</p>
+</div>
+
+<div class="nes-container is-rounded">
+  <p>Good morning. Thou hast had a good night's sleep, I hope.</p>
+</div>
+
+<div class="nes-container is-rounded is-dark">
+  <p>Good morning. Thou hast had a good night's sleep, I hope.</p>
+</div>`,
+  },
+  {
+    title: 'dialogs',
+    note:
+      'NES.css does not include any JavaScript. If you want to use dialog element other than Chrome, you need polyfill.',
+    showCode: false,
+    code: `<!-- Dialog -->
+<section>
+  <button type="button" class="nes-btn is-primary" onclick="document.getElementById('dialog-default').showModal();">
+    Open dialog
+  </button>
+  <dialog class="nes-dialog" id="dialog-default">
+    <form method="dialog">
+      <p class="title">Dialog</p>
+      <p>Alert: this is a dialog.</p>
+      <menu class="dialog-menu">
+        <button class="nes-btn">Cancel</button>
+        <button class="nes-btn is-primary">Confirm</button>
+      </menu>
+    </form>
+  </dialog>
+</section>
+
+<!-- Dark dialog -->
+<section>
+  <button type="button" class="nes-btn is-primary" onclick="document.getElementById('dialog-dark').showModal();">
+    Open dark dialog
+  </button>
+  <dialog class="nes-dialog is-dark" id="dialog-dark">
+    <form method="dialog">
+      <p class="title">Dark dialog</p>
+      <p>Alert: this is a dialog.</p>
+      <menu class="dialog-menu">
+        <button class="nes-btn">Cancel</button>
+        <button class="nes-btn is-primary">Confirm</button>
+      </menu>
+    </form>
+  </dialog>
+</section>
+
+<!-- Rounded dialog -->
+<section>
+  <button type="button" class="nes-btn is-primary" onclick="document.getElementById('dialog-rounded').showModal();">
+    Open rounded dialog
+  </button>
+  <dialog class="nes-dialog is-rounded" id="dialog-rounded">
+    <form method="dialog">
+      <p class="title">Rounded dialog</p>
+      <p>Alert: this is a dialog.</p>
+      <menu class="dialog-menu">
+        <button class="nes-btn">Cancel</button>
+        <button class="nes-btn is-primary">Confirm</button>
+      </menu>
+    </form>
+  </dialog>
+</section>
+
+<!-- Dark and Rounded dialog -->
+<section>
+  <button type="button" class="nes-btn is-primary" onclick="document.getElementById('dialog-dark-rounded').showModal();">
+    Open dark and rounded dialog
+  </button>
+  <dialog class="nes-dialog is-dark is-rounded" id="dialog-dark-rounded">
+    <form method="dialog">
+      <p class="title">Dark and Rounded dialog</p>
+      <p>Alert: this is a dialog.</p>
+      <menu class="dialog-menu">
+        <button class="nes-btn">Cancel</button>
+        <button class="nes-btn is-primary">Confirm</button>
+      </menu>
+    </form>
+  </dialog>
+</section>`,
+  },
+  {
+    title: 'lists',
+    showCode: false,
+    code: `<div class="lists">
+  <ul class="nes-list is-disc">
+    <li>Good morning.</li>
+    <li>Thou hast had a good night's sleep, I hope.</li>
+    <li>Thou hast had a good afternoon</li>
+    <li>Good night.</li>
+  </ul>
+</div>
+
+<div class="lists">
+  <ul class="nes-list is-circle">
+    <li>Good morning.</li>
+    <li>Thou hast had a good night's sleep, I hope.</li>
+    <li>Thou hast had a good afternoon</li>
+    <li>Good night.</li>
+  </ul>
+</div>`,
+  },
+  {
+    title: 'tables',
+    showCode: false,
+    code: `<div class="nes-table-responsive">
+  <table class="nes-table is-bordered is-centered">
+    <thead>
+      <tr>
+        <th>Table.is-bordered</th>
+        <th>Table.is-centered</th>
+        <th>Table.is-centered</th>
+        <th>Table.is-centered</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td>Thou hast had a good morning</td>
+        <td>Thou hast had a good afternoon</td>
+        <td>Thou hast had a good evening</td>
+        <td>Thou hast had a good night</td>
+      </tr>
+      <tr>
+        <td>Thou hast had a good morning</td>
+        <td>Thou hast had a good afternoon</td>
+        <td>Thou hast had a good evening</td>
+        <td>Thou hast had a good night</td>
+      </tr>
+    </tbody>
+  </table>
+</div>
+
+<div class="nes-table-responsive">
+  <table class="nes-table is-bordered is-dark">
+    <thead>
+      <tr>
+        <th>Table.is-dark</th>
+        <th>Table.is-bordered</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td>Thou hast had a good morning</td>
+        <td>Thou hast had a good afternon</td>
+      </tr>
+      <tr>
+        <td>Thou hast had a good morning</td>
+        <td>Thou hast had a good afternoon</td>
+      </tr>
+    </tbody>
+  </table>
+</div>`,
+  },
+  {
+    title: 'progress',
+    showCode: false,
+    code: `<progress class="nes-progress" value="90" max="100"></progress>
+<progress class="nes-progress is-primary" value="80" max="100"></progress>
+<progress class="nes-progress is-success" value="50" max="100"></progress>
+<progress class="nes-progress is-warning" value="30" max="100"></progress>
+<progress class="nes-progress is-error" value="10" max="100"></progress>
+<progress class="nes-progress is-pattern" value="50" max="100"></progress>`,
+  },
+  {
+    title: 'avatars',
+    description: 'It is recommended to "image-rendering: pixelated".',
+    showCode: false,
+    code: `<img class="nes-avatar" alt="Gravatar image example" src="https://www.gravatar.com/avatar?s=15" style="image-rendering: pixelated;">
+
+<img class="nes-avatar is-small" alt="Gravatar image example" src="https://www.gravatar.com/avatar?s=15" style="image-rendering: pixelated;">
+<img class="nes-avatar is-medium" alt="Gravatar image example" src="https://www.gravatar.com/avatar?s=15" style="image-rendering: pixelated;">
+<img class="nes-avatar is-large" alt="Gravatar image example" src="https://www.gravatar.com/avatar?s=15" style="image-rendering: pixelated;">
+
+
+<img class="nes-avatar is-rounded" alt="Gravatar image example" src="https://www.gravatar.com/avatar?s=15" style="image-rendering: pixelated;">
+
+<img class="nes-avatar is-rounded is-small" alt="Gravatar image example" src="https://www.gravatar.com/avatar?s=15" style="image-rendering: pixelated;">
+<img class="nes-avatar is-rounded is-medium" alt="Gravatar image example" src="https://www.gravatar.com/avatar?s=15" style="image-rendering: pixelated;">
+<img class="nes-avatar is-rounded is-large" alt="Gravatar image example" src="https://www.gravatar.com/avatar?s=15" style="image-rendering: pixelated;">`,
+  },
+  {
+    title: 'balloons',
+    showCode: false,
+    code: `<section class="message-list">
+  <section class="message -left">
+    <i class="nes-bcrikko"></i>
+    <!-- Balloon -->
+    <div class="nes-balloon from-left">
+      <p>Hello NES.css</p>
+    </div>
+  </section>
+
+  <section class="message -right">
+    <!-- Balloon -->
+    <div class="nes-balloon from-right">
+      <p>Good morning. Thou hast had a good night's sleep, I hope.</p>
+    </div>
+    <i class="nes-bcrikko"></i>
+  </section>
+</section>`,
+  },
+  {
+    title: 'badges',
+    showCode: false,
+    code: `<a href="#" class="nes-badge">
+  <span class="is-dark">NES.css</span>
+</a>
+
+<a href="#" class="nes-badge">
+  <span class="is-primary">is</span>
+</a>
+
+<a href="#" class="nes-badge">
+  <span class="is-success">a</span>
+</a>
+
+<a href="#" class="nes-badge">
+  <span class="is-warning">great</span>
+</a>
+
+<a href="#" class="nes-badge">
+  <span class="is-error">framework!</span>
+</a>
+
+<a href="#" class="nes-badge is-splited">
+  <span class="is-dark">npm</span>
+  <span class="is-primary">1.1.0</span>
+</a>
+
+<a href="#" class="nes-badge is-splited">
+  <span class="is-dark">test</span>
+  <span class="is-success">100%</span>
+</a>
+
+<a href="#" class="nes-badge is-icon">
+  <span class="is-warning"><i class="nes-icon star is-small"></i></span>
+  <span class="is-primary">Icons</span>
+</a>
+
+<a href="#" class="nes-badge is-icon">
+  <span class="is-dark">hi</span>
+  <span class="is-warning">Text</span>
+</a>`,
+  },
+  {
+    title: 'reaction-icons',
+    showCode: false,
+    description:
+      'If you wanto to change icon size, please use "is-small", "is-medium" and "is-large".',
+    code: `<section class="icon-list">
+  <!-- heart -->
+  <i class="nes-icon is-large heart"></i>
+  <i class="nes-icon is-large heart is-empty"></i>
+
+  <!-- star -->
+  <i class="nes-icon is-large star"></i>
+  <i class="nes-icon is-large star is-half"></i>
+  <i class="nes-icon is-large star is-transparent"></i>
+  <i class="nes-icon is-large star is-empty"></i>
+
+  <!-- like -->
+  <i class="nes-icon is-large like"></i>
+  <i class="nes-icon is-large like is-empty"></i>
+</section>`,
+  },
+  {
+    title: 'sns-icons',
+    showCode: false,
+    description:
+      'If you wanto to change icon size, please use "is-small", "is-medium" and "is-large".',
+    code: `<section class="icon-list">
+  <!-- twitter -->
+  <i class="nes-icon twitter is-large"></i>
+
+  <!-- facebook -->
+  <i class="nes-icon facebook is-large"></i>
+
+  <!-- instagram -->
+  <i class="nes-icon instagram is-large"></i>
+
+  <!-- github -->
+  <i class="nes-icon github is-large"></i>
+
+  <!-- google -->
+  <i class="nes-icon google is-large"></i>
+
+  <!-- gmail -->
+  <i class="nes-icon gmail is-large"></i>
+
+  <!-- medium -->
+  <i class="nes-icon medium is-large"></i>
+
+  <!-- linkedin -->
+  <i class="nes-icon linkedin is-large"></i>
+
+  <!-- twitch -->
+  <i class="nes-icon twitch is-large"></i>
+
+  <!-- youtube -->
+  <i class="nes-icon youtube is-large"></i>
+
+  <!-- reddit -->
+  <i class="nes-icon reddit is-large"></i>
+
+  <!-- whatsapp -->
+  <i class="nes-icon whatsapp is-large"></i>
+</section>`,
+  },
+  {
+    title: 'other-icons',
+    showCode: false,
+    description:
+      'If you wanto to change icon size, please use "is-small", "is-medium" and "is-large".',
+    code: `<section class="icon-list">
+  <!-- close -->
+  <i class="nes-icon close is-large"></i>
+
+  <!-- trophy -->
+  <i class="nes-icon trophy is-large"></i>
+
+  <!-- coin -->
+  <i class="nes-icon coin is-large"></i>
+</section>`,
+  },
+  {
+    title: 'pixel-arts',
+    showCode: false,
+    code: `<section class="icon-list">
+  <!-- controllers -->
+  <i class="nes-logo"></i>
+  <i class="nes-jp-logo"></i>
+  <i class="snes-logo"></i>
+  <i class="snes-jp-logo"></i>
+
+  <!-- octocat -->
+  <i class="nes-octocat animate"></i>
+
+  <!-- phone -->
+  <i class="nes-smartphone"></i>
+  <i class="nes-phone"></i>
+</section>`,
+  },
+  {
+    title: 'Nintendo-characters',
+    showCode: false,
+    note:
+      'Nintendo owns the copyright of these characters. Please comply with the Nintendo guidelines and laws of the applicable jurisdiction.',
+    code: `<section class="icon-list">
+  <!-- Copyright Nintendo -->
+  <i class="nes-mario"></i>
+  <i class="nes-ash"></i>
+  <i class="nes-pokeball"></i>
+  <i class="nes-bulbasaur"></i>
+  <i class="nes-charmander"></i>
+  <i class="nes-squirtle"></i>
+  <i class="nes-kirby"></i>
+</section>`,
+  },
+];
+
+const coreteam = [
+  {
+    name: 'B.C.Rikko',
+    feat: 'Creator of NES.css',
+    github: 'BcRikko',
+    twitter: 'bc_rikko',
+  },
+  {
+    name: 'Igor Guastalla',
+    feat: 'Development support',
+    github: 'guastallaigor',
+    twitter: 'guastallaigor',
+  },
+];
+
+const emeriti = [
+  {
+    name: 'Trezy',
+    feat: 'Setup DevOps',
+    github: 'trezy',
+    twitter: 'TrezyCodes',
+  },
+  {
+    name: 'Abdullah Samman',
+    feat: 'Setup test suite',
+    github: 'evexoio',
+    twitter: 'evexoio',
+  },
+];
+
+new Vue({
+  el: '#nescss',
+  data() {
+    return {
+      collection: sampleCollection,
+      coreteam,
+      emeriti,
+      contributors: [],
+      animateOctocat: false,
+      copiedBalloon: {
+        display: 'none',
+        top: 0,
+        left: 0,
+      },
+      scrollPos: 0,
+    };
+  },
+  filters: {
+    capitalize(val) {
+      if (!val) return '';
+      val = val.toString();
+      return val.charAt(0).toUpperCase() + val.slice(1);
+    },
+  },
+  created() {
+    this.fetchContributors();
+  },
+  mounted() {
+    document.addEventListener('scroll', () => {
+      this.scrollPos = document.documentElement.scrollTop || document.body.scrollTop;
+    });
+    hljs.initHighlightingOnLoad();
+    [].forEach.call(document.querySelectorAll('dialog'), (a) => {
+      dialogPolyfill.registerDialog(a);
+    });
+  },
+  methods: {
+    share(media) {
+      const url = (() => {
+        switch (media) {
+          case 'twitter':
+            return 'https://twitter.com/share?text=NES.css%EF%BD%9CNES-style%20CSS%20Framework%20%40bc_rikko&url=https://nostalgic-css.github.io/NES.css/';
+          case 'facebook':
+            return 'https://www.facebook.com/sharer.php?u=https://nostalgic-css.github.io/NES.css/&t=NES.css%EF%BD%9CNES-style%20CSS%20Framework';
+          case 'linkedin':
+            return 'https://www.linkedin.com/shareArticle?url=https%3A//nostalgic-css.github.io/NES.css/&title=NES.css%EF%BD%9CNES-style%20CSS%20Framework';
+          case 'github':
+            return 'https://github.com/nostalgic-css/NES.css';
+        }
+      })();
+
+      window.open(url, '');
+    },
+    copy(event, id) {
+      this.showCopiedBalloon(event.pageY, event.pageX);
+
+      const fake = document.createElement('textarea');
+      fake.value = this.collection.find(a => a.title === id).code;
+      fake.setAttribute('readonly', '');
+      Object.assign(fake.style, {
+        position: 'absolute',
+        left: '-9999px',
+      });
+      this.$el.appendChild(fake);
+      fake.select();
+      document.execCommand('copy');
+      this.$el.removeChild(fake);
+    },
+    startAnimate() {
+      this.animateOctocat = true;
+    },
+    stopAnimate() {
+      this.animateOctocat = false;
+    },
+    showCopiedBalloon(top, left) {
+      this.copiedBalloon = {
+        display: 'block',
+        top: `${top - 100}px`,
+        left: `${left - 180}px`,
+      };
+      setTimeout(() => {
+        this.copiedBalloon.display = 'none';
+      }, 1000);
+    },
+    async fetchContributors() {
+      try {
+        const res = await fetch('https://api.github.com/repos/nostalgic-css/NES.css/contributors');
+        const json = await res.json();
+
+        const coreMembers = [...this.coreteam, ...this.emeriti].map(a => a.github);
+        this.contributors = json.filter(a => !coreMembers.includes(a.login)).map(a => a.login);
+      } catch (e) {
+        console.error(e);
+        return;
+      }
+
+      await this.$nextTick();
+      this.replaceImages();
+    },
+    replaceImages() {
+      Array.from(document.querySelectorAll('img.lazy')).forEach((img) => {
+        img.onload = () => img.classList.remove('lazy');
+        img.src = img.dataset.src;
+      });
+    },
+  },
+});
diff --git a/docs/style.css b/docs/style.css
new file mode 100644
index 00000000..263469d8
--- /dev/null
+++ b/docs/style.css
@@ -0,0 +1,318 @@
+@charset "utf-8";
+@import url(https://fonts.googleapis.com/css?family=Press+Start+2P);
+
+body {
+  padding: 0 2rem;
+  margin: 0 2rem;
+}
+
+#nescss > .container {
+  max-width: 980px;
+  margin: 0 auto;
+  margin-top: 150px;
+}
+
+/* Header */
+header {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 9;
+  border-bottom: 4px solid #D3D3D3;
+  background-color: white;
+}
+
+header > .container {
+  display: flex;
+  align-items: baseline;
+  max-width: 980px;
+  margin: 0 auto;
+  padding-top: 1rem;
+  transition: all 0.2s ease;
+}
+
+header > .container > .nav-brand {
+  margin-right: auto;
+}
+header > .container > .social-button {
+  margin-left: auto;
+}
+
+.nav-brand .brand-logo {
+  margin-right: 1rem;
+}
+.nav-brand > a {
+  color: #212529;
+  text-decoration: none;
+}
+
+.social-buttons p {
+  margin-bottom: 0;
+}
+
+/* Header-sticky */
+header.sticky > .container {
+  font-size: 0.8rem;
+  padding: 0;
+  align-items: center;
+}
+header.sticky .nav-brand h1 {
+  margin: 0;
+}
+header.sticky .nav-brand p {
+  display: none;
+  margin-bottom: 0;
+  font-size: 0.6rem;
+}
+
+/* Main */
+.main-content {
+  margin-bottom: 4rem;
+}
+
+/* Footer */
+footer {
+  text-align: center;
+  margin-bottom: 2rem;
+}
+footer a {
+  color: #333;
+  text-decoration: none;
+}
+
+h2 > a {
+  margin-right: 1rem;
+}
+
+.topic {
+  margin-bottom: 3rem;
+}
+
+/* github link */
+.github-link {
+  position: fixed;
+  top: 100px;
+  right: -240px;
+  z-index: 999;
+  display: flex;
+  height: 100px;
+  color: #333;
+  text-decoration: none;
+  transition: all 0.3s ease;
+}
+.github-link.active {
+  right: 10px;
+}
+.github-link:hover {
+  text-decoration: none;
+}
+.github-link > p.nes-balloon {
+  align-self: flex-start;
+  padding: 0.2rem 0.5rem;
+  font-size: 0.8rem;
+  color: #333;
+}
+.github-link > i.nes-octocat {
+  align-self: flex-end;
+}
+
+/* Showcase */
+section.showcase {
+  margin-top: 2.5rem;
+}
+section.showcase > section.nes-container {
+  padding-bottom: 2.5rem;
+}
+section.showcase > section.nes-container,
+section.showcase > section.samplecode {
+  position: relative;
+}
+.nes-btn.showcode {
+  position: absolute;
+  font-size: 12px;
+  bottom: 0px;
+  right: -4px;
+}
+.nes-btn.copycode {
+  position: absolute;
+  font-size: 12px;
+  top: 0;
+  right: 0px;
+}
+
+section.showcase > section.samplecode > pre code {
+  font-size: 13px;
+  line-height: 1.5;
+  padding: 1.5rem;
+}
+
+.item {
+  margin-bottom: -1rem;
+}
+.item > * {
+  margin-bottom: 1.5rem !important;
+}
+
+/* Containers */
+.item.containers > .nes-container {
+  display: inline-block;
+  max-width: 400px;
+}
+
+/* Balloons sample */
+section.message-list {
+  display: flex;
+  flex-direction: column;
+}
+.message-list > .message {
+  display: flex;
+  margin-top: 2rem;
+}
+.message-list > .message > .nes-balloon {
+  max-width: 550px;
+}
+.message-list > .message i {
+  align-self: flex-end;
+}
+.message-list > .message.-left {
+  align-self: flex-start;
+}
+.message-list > .message.-right {
+  align-self: flex-end;
+}
+.message-list > .message.-left i {
+  margin-right: 2rem;
+}
+.message-list > .message.-right i {
+  margin-left: 2rem;
+}
+
+.icon-list > .blur-filter {
+  filter: blur(10px);
+}
+
+/* Copied balloon */
+.nes-balloon.copied-balloon {
+  position: absolute;
+  display: none;
+  padding: 1rem;
+  box-shadow: 0 5px 20px 5px rgba(0,0,0,.6);
+  z-index: 1;
+}
+
+/* Topic */
+h3.topic-title {
+  display: flex;
+  align-items: center;
+  margin-bottom: 1rem;
+}
+
+h3.topic-title > i {
+  margin-right: 1.5rem;
+}
+
+/* coreteam */
+.coreteam-members {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+.nes-container.member-card {
+  display: flex;
+  padding: 1rem 1.5rem;
+  width: 470px;
+  margin-bottom: 2rem;
+}
+
+.member-card .avatar > img {
+  display: block;
+  width: 80px;
+  height: 80px;
+  border-radius: 50%;
+}
+.member-card > .profile {
+  margin-left: 1.5rem;
+}
+.member-card > .profile > .name {
+  font-size: 20px;
+}
+
+/* Contributors */
+.contributor {
+  display: inline-block;
+  margin: 1rem;
+  text-align: center;
+  width: 160px;
+}
+.contributor > p {
+  margin: .5rem;
+  font-size: 12px;
+}
+.contributor img.nes-avatar {
+  transition: all .4s;
+  display: inline-block;
+}
+.contributor:hover {
+  text-decoration: none;
+  opacity: 0.7;
+}
+
+/* Articles */
+.article-link > .title a {
+  color: #333;
+}
+.article-link > .title span {
+  margin-left: 1rem;
+}
+
+/* Scroll back to top */
+.scroll-btn {
+  position: fixed;
+  bottom: -60px;
+  right: 2rem;
+  box-shadow: 0 5px 20px rgba(0,0,0,.6);
+  transition: all 0.3s ease;
+}
+.scroll-btn.active {
+  bottom: 25px;
+}
+.scroll-btn > span {
+  display: block;
+  transform: rotateZ(90deg);
+}
+
+img.lazy {
+  background-color: #D3D3D3;
+}
+
+@media screen and (max-width: calc(980px - 4rem)) {
+  header > .container {
+    margin: 0 4rem;
+  }
+}
+
+@media screen and (max-width: 768px) {
+  body {
+    margin: 2rem 0.5rem;
+    padding: 0;
+  }
+
+  header > .container {
+    margin: 0 0.5rem;
+  }
+
+  .github-link {
+    display: none;
+  }
+
+  .message-list > .message > .nes-balloon {
+    max-width: 60%;
+  }
+}
+
+@media screen and (max-width: 580px) {
+  #nescss > .container {
+    margin-top: 190px;
+  }
+}
diff --git a/index.html b/index.html
deleted file mode 100644
index 0567b860..00000000
--- a/index.html
+++ /dev/null
@@ -1,1073 +0,0 @@
-<!DOCTYPE html>
-<html lang="ja">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <meta name="description" content="NES.css is a NES-style CSS Framework." />
-    <meta name="keywords" content="html5,css,framework,sass,NES,8bit" />
-    <meta name="author" content="© 2018 B.C.Rikko" />
-    <link rel="shortcut icon" type="image/png" href="favicon.png">
-    <link rel="shortcut icon" sizes="196x196" href="favicon.png">
-    <link rel="apple-touch-icon" href="favicon.png">
-
-    <title>NES.css - NES-style CSS Framework</title>
-
-    <link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet">
-    <link href="https://unpkg.com/nes.css@latest/css/nes.min.css" rel="stylesheet" />
-    <link href="./demo/style.css" rel="stylesheet" />
-    <script async src="./demo/lib/dialog-polyfill.js"></script>
-    <link async rel="stylesheet" type="text/css" href="dialog-polyfill.css" />
-    <script async src="./demo/lib/highlight.js"></script>
-    <link async href="./demo/lib/highlight-theme.css" rel="stylesheet" />
-    <script>hljs.initHighlightingOnLoad();</script>
-
-    <meta property="og:type" content="website" />
-    <meta property="og:title" content="NES.css" />
-    <meta property="og:url" content="https://nostalgic-css.github.io/NES.css/" />
-    <meta property="og:description" content="NES-style CSS Framework | ファミコン風CSSフレームワーク" />
-    <meta property="og:image" content="https://user-images.githubusercontent.com/5305599/49061716-da649680-f254-11e8-9a89-d95a7407ec6a.png" />
-    <meta name="twitter:card" content="summary_large_image" />
-    <meta name="twitter:site" content="@bc_rikko" />
-    <meta name="twitter:creator" content="@bc_rikko" />
-    <meta name="twitter:image" content="https://user-images.githubusercontent.com/5305599/49061716-da649680-f254-11e8-9a89-d95a7407ec6a.png" />
-
-    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-41640153-4"></script>
-    <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag("js", new Date());gtag("config", "UA-41640153-4");</script>
-  </head>
-
-  <body>
-    <header>
-      <h1><i class="snes-jp-logo brand"></i>NES.css</h1>
-      <p>NES-style CSS Framework.</p>
-    </header>
-
-    <a class="github-link" href="https://github.com/nostalgic-css/NES.css" target="_blank">
-      <p class="nes-balloon from-right">Fork me<br />on GitHub</p>
-      <i class="nes-octocat"></i>
-    </a>
-
-    <section class="nes-container with-title">
-      <h2 class="title">Buttons</h2>
-      <div id="buttons">
-        <button type="button" class="nes-btn">Normal</button>
-        <button type="button" class="nes-btn is-primary">Primary</button>
-        <button type="button" class="nes-btn is-success">Success</button>
-        <button type="button" class="nes-btn is-warning">Warning</button>
-        <button type="button" class="nes-btn is-error">Error</button>
-        <button type="button" class="nes-btn is-disabled">Disabled</button>
-      </div>
-      <button type="button" class="nes-btn is-error show-code" id="show-buttons-code">&lt;&gt;</button>
-      <span class="nes-balloon from-right copied" id="copied-buttons">Copied!</span>
-    </section>
-    <section class="nes-container code" id="code-buttons">
-      <pre class="sample-code"><code class="html">&lt;button type=&quot;button&quot; class=&quot;nes-btn&quot;&gt;Normal&lt;/button&gt;
-&lt;button type=&quot;button&quot; class=&quot;nes-btn is-primary&quot;&gt;Primary&lt;/button&gt;
-&lt;button type=&quot;button&quot; class=&quot;nes-btn is-success&quot;&gt;Success&lt;/button&gt;
-&lt;button type=&quot;button&quot; class=&quot;nes-btn is-warning&quot;&gt;Warning&lt;/button&gt;
-&lt;button type=&quot;button&quot; class=&quot;nes-btn is-error&quot;&gt;Error&lt;/button&gt;
-&lt;button type=&quot;button&quot; class=&quot;nes-btn is-disabled&quot;&gt;Disabled&lt;/button&gt;</code></pre>
-      <button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('buttons')">Copy</button>
-    </section>
-
-    <section class="nes-container with-title">
-      <h2 class="title">Containers</h2>
-      <div class="containers" id="containers">
-        <div class="nes-container with-title is-centered">
-          <p class="title">Container.is-centered</p>
-          <p>Good morning. Thou hast had a good night's sleep, I hope.</p>
-        </div>
-        <div class="nes-container is-dark with-title">
-          <p class="title">Container.is-dark</p>
-          <p>Good morning. Thou hast had a good night's sleep, I hope.</p>
-        </div>
-        <div class="nes-container is-rounded">
-          <p>Good morning. Thou hast had a good night's sleep, I hope.</p>
-        </div>
-        <div class="nes-container is-rounded is-dark">
-          <p>Good morning. Thou hast had a good night's sleep, I hope.</p>
-        </div>
-      </div>
-      <button type="button" class="nes-btn is-error show-code" id="show-containers-code">&lt;&gt;</button>
-      <span class="nes-balloon from-right copied" id="copied-containers">Copied!</span>
-    </section>
-    <section class="nes-container code" id="code-containers">
-      <pre class="sample-code"><code class="html">&lt;div class=&quot;nes-container with-title is-centered&quot;&gt;
-  &lt;p class=&quot;title&quot;&gt;Container.is-centered&lt;/p&gt;
-  &lt;p&gt;Good morning. Thou hast had a good night's sleep, I hope.&lt;/p&gt;
-&lt;/div&gt;
-&lt;div class=&quot;nes-container is-dark with-title&quot;&gt;
-  &lt;p class=&quot;title&quot;&gt;Container.is-dark&lt;/p&gt;
-  &lt;p&gt;Good morning. Thou hast had a good night's sleep, I hope.&lt;/p&gt;
-&lt;/div&gt;
-&lt;div class=&quot;nes-container is-rounded&quot;&gt;
-  &lt;p&gt;Good morning. Thou hast had a good night's sleep, I hope.&lt;/p&gt;
-&lt;/div&gt;
-&lt;div class=&quot;nes-container is-rounded is-dark&quot;&gt;
-  &lt;p&gt;Good morning. Thou hast had a good night's sleep, I hope.&lt;/p&gt;
-&lt;/div&gt;</code></pre>
-      <button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('containers')">Copy</button>
-    </section>
-
-    <section class="nes-container with-title">
-      <h2 class="title">Dialogs</h2>
-      <section id="dialogs">
-        <section>
-          <button type="button" class="nes-btn is-primary" onclick="document.getElementById('dialog-default').showModal();">Open dialog</button>
-          <dialog class="nes-dialog" id="dialog-default">
-            <form method="dialog">
-              <p class="title">Dialog</p>
-              <p>Alert: this is a dialog.</p>
-              <menu class="dialog-menu">
-                <button class="nes-btn">Cancel</button>
-                <button class="nes-btn is-primary">Confirm</button>
-              </menu>
-            </form>
-          </dialog>
-        </section>
-        <section>
-          <button type="button" class="nes-btn is-primary" onclick="document.getElementById('dialog-dark').showModal();">Open dark dialog</button>
-          <dialog class="nes-dialog is-dark" id="dialog-dark">
-            <form method="dialog">
-              <p class="title">Dark dialog</p>
-              <p>Alert: this is a dialog.</p>
-              <menu class="dialog-menu">
-                <button class="nes-btn">Cancel</button>
-                <button class="nes-btn is-primary">Confirm</button>
-              </menu>
-            </form>
-          </dialog>
-        </section>
-        <section>
-          <button type="button" class="nes-btn is-primary" onclick="document.getElementById('dialog-rounded').showModal();">Open rounded dialog</button>
-          <dialog class="nes-dialog is-rounded" id="dialog-rounded">
-            <form method="dialog">
-              <p class="title">Rounded dialog</p>
-              <p>Alert: this is a dialog.</p>
-              <menu class="dialog-menu">
-                <button class="nes-btn">Cancel</button>
-                <button class="nes-btn is-primary">Confirm</button>
-              </menu>
-            </form>
-          </dialog>
-        </section>
-        <section>
-          <button type="button" class="nes-btn is-primary" onclick="document.getElementById('dialog-dark-rounded').showModal();">Open dark and rounded dialog</button>
-          <dialog class="nes-dialog is-dark is-rounded" id="dialog-dark-rounded">
-            <form method="dialog">
-              <p class="title">Dark and Rounded dialog</p>
-              <p>Alert: this is a dialog.</p>
-              <menu class="dialog-menu">
-                <button class="nes-btn">Cancel</button>
-                <button class="nes-btn is-primary">Confirm</button>
-              </menu>
-            </form>
-          </dialog>
-        </section>
-      </section>
-
-      <p class="nes-text is-error" style="margin-top: 2rem;">NES.css does not include any JavaScript. If you want to use dialog element other than Chrome, you need polyfill.</p>
-
-      <button type="button" class="nes-btn is-error show-code" id="show-dialogs-code">&lt;&gt;</button>
-      <span class="nes-balloon from-right copied" id="copied-dialogs">Copied!</span>
-    </section>
-
-    <section class="nes-container code" id="code-dialogs">
-      <pre class="sample-code"><code class="html">&lt;section&gt;
-  &lt;button type=&quot;button&quot; class=&quot;nes-btn is-primary&quot; onclick=&quot;document.getElementById(&#039;dialog-default&#039;).showModal();&quot;&gt;Open dialog&lt;/button&gt;
-  &lt;dialog class=&quot;nes-dialog&quot; id=&quot;dialog-default&quot;&gt;
-    &lt;form method=&quot;dialog&quot;&gt;
-      &lt;p class=&quot;title&quot;&gt;Dialog&lt;/p&gt;
-      &lt;p&gt;Alert: this is a dialog.&lt;/p&gt;
-      &lt;menu class=&quot;dialog-menu&quot;&gt;
-        &lt;button class=&quot;nes-btn&quot;&gt;Cancel&lt;/button&gt;
-        &lt;button class=&quot;nes-btn is-primary&quot;&gt;Confirm&lt;/button&gt;
-      &lt;/menu&gt;
-    &lt;/form&gt;
-  &lt;/dialog&gt;
-&lt;/section&gt;
-
-&lt;section&gt;
-  &lt;button type=&quot;button&quot; class=&quot;nes-btn is-primary&quot; onclick=&quot;document.getElementById(&#039;dialog-dark&#039;).showModal();&quot;&gt;Open dark dialog&lt;/button&gt;
-  &lt;dialog class=&quot;nes-dialog is-dark&quot; id=&quot;dialog-dark&quot;&gt;
-    &lt;form method=&quot;dialog&quot;&gt;
-      &lt;p class=&quot;title&quot;&gt;Dark dialog&lt;/p&gt;
-      &lt;p&gt;Alert: this is a dialog.&lt;/p&gt;
-      &lt;menu class=&quot;dialog-menu&quot;&gt;
-        &lt;button class=&quot;nes-btn&quot;&gt;Cancel&lt;/button&gt;
-        &lt;button class=&quot;nes-btn is-primary&quot;&gt;Confirm&lt;/button&gt;
-      &lt;/menu&gt;
-    &lt;/form&gt;
-  &lt;/dialog&gt;
-&lt;/section&gt;
-
-&lt;section&gt;
-  &lt;button type=&quot;button&quot; class=&quot;nes-btn is-primary&quot; onclick=&quot;document.getElementById(&#039;dialog-rounded&#039;).showModal();&quot;&gt;Open rounded dialog&lt;/button&gt;
-  &lt;dialog class=&quot;nes-dialog is-rounded&quot; id=&quot;dialog-rounded&quot;&gt;
-    &lt;form method=&quot;dialog&quot;&gt;
-      &lt;p class=&quot;title&quot;&gt;Rounded dialog&lt;/p&gt;
-      &lt;p&gt;Alert: this is a dialog.&lt;/p&gt;
-      &lt;menu class=&quot;dialog-menu&quot;&gt;
-        &lt;button class=&quot;nes-btn&quot;&gt;Cancel&lt;/button&gt;
-        &lt;button class=&quot;nes-btn is-primary&quot;&gt;Confirm&lt;/button&gt;
-      &lt;/menu&gt;
-    &lt;/form&gt;
-  &lt;/dialog&gt;
-&lt;/section&gt;
-
-&lt;section&gt;
-  &lt;button type=&quot;button&quot; class=&quot;nes-btn is-primary&quot; onclick=&quot;document.getElementById(&#039;dialog-dark-rounded&#039;).showModal();&quot;&gt;Open dark and rounded dialog&lt;/button&gt;
-  &lt;dialog class=&quot;nes-dialog is-dark is-rounded&quot; id=&quot;dialog-dark-rounded&quot;&gt;
-    &lt;form method=&quot;dialog&quot;&gt;
-      &lt;p class=&quot;title&quot;&gt;Dark and Rounded dialog&lt;/p&gt;
-      &lt;p&gt;Alert: this is a dialog.&lt;/p&gt;
-      &lt;menu class=&quot;dialog-menu&quot;&gt;
-        &lt;button class=&quot;nes-btn&quot;&gt;Cancel&lt;/button&gt;
-        &lt;button class=&quot;nes-btn is-primary&quot;&gt;Confirm&lt;/button&gt;
-      &lt;/menu&gt;
-    &lt;/form&gt;
-  &lt;/dialog&gt;
-&lt;/section&gt;</code></pre>
-      <button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('dialogs')">Copy</button>
-    </section>
-
-    <section class="nes-container with-title">
-      <h2 class="title">Radios</h2>
-      <div id="radios">
-        <label>
-          <input type="radio" class="nes-radio" name="answer" checked />
-          <span>Yes</span>
-        </label>
-        <label>
-          <input type="radio" class="nes-radio" name="answer" />
-          <span>No</span>
-        </label>
-      </div>
-      <button type="button" class="nes-btn is-error show-code" id="show-radios-code">&lt;&gt;</button>
-      <span class="nes-balloon from-right copied" id="copied-radios">Copied!</span>
-    </section>
-    <section class="nes-container code" id="code-radios">
-      <pre class="sample-code"><code class="html">&lt;label&gt;
-  &lt;input type=&quot;radio&quot; class=&quot;nes-radio&quot; name=&quot;answer&quot; checked /&gt;
-  &lt;span&gt;Yes&lt;/span&gt;
-&lt;/label&gt;
-&lt;label&gt;
-  &lt;input type=&quot;radio&quot; class=&quot;nes-radio&quot; name=&quot;answer&quot; /&gt;
-  &lt;span&gt;No&lt;/span&gt;
-&lt;/label&gt;</code></pre>
-      <button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('radios')">Copy</button>
-    </section>
-
-    <section class="nes-container with-title">
-      <h2 class="title">Checkboxes</h2>
-      <div id="checkboxes">
-        <label>
-          <input type="checkbox" class="nes-checkbox" checked />
-          <span>Enable</span>
-        </label>
-        <label>
-          <input type="checkbox" class="nes-checkbox is-dark" checked />
-          <span>Dark</span>
-        </label>
-      </div>
-      <button type="button" class="nes-btn is-error show-code" id="show-checkboxes-code">&lt;&gt;</button>
-      <span class="nes-balloon from-right copied" id="copied-checkboxes">Copied!</span>
-    </section>
-    <section class="nes-container code" id="code-checkboxes">
-      <pre class="sample-code"><code class="html">&lt;label&gt;
-  &lt;input type=&quot;checkbox&quot; class=&quot;nes-checkbox&quot; checked /&gt;
-  &lt;span>Enable&lt;/span&gt;
-&lt;/label&gt;
-&lt;label&gt;
-  &lt;input type=&quot;checkbox&quot; class=&quot;nes-checkbox is-dark&quot; checked /&gt;
-  &lt;span&gt;Dark&lt;/span&gt;
-&lt;/label&gt;</code></pre>
-      <button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('checkboxes')">Copy</button>
-    </section>
-
-    <section class="nes-container with-title">
-      <h2 class="title">Avatars</h2>
-      <div id="avatars">
-        <img src="https://www.gravatar.com/avatar?s=15" class="nes-avatar is-small" alt="Gravatar Image Example" style="image-rendering: pixelated;">
-        <img src="https://www.gravatar.com/avatar?s=15" class="nes-avatar" alt="Gravatar Image Example" style="image-rendering: pixelated;">
-        <img src="https://www.gravatar.com/avatar?s=15" class="nes-avatar is-medium" alt="Gravatar Image Example" style="image-rendering: pixelated;">
-        <img src="https://www.gravatar.com/avatar?s=15" class="nes-avatar is-large" alt="Gravatar Image Example" style="image-rendering: pixelated;">
-        <img src="https://www.gravatar.com/avatar?s=15" class="nes-avatar is-small is-rounded" alt="Gravatar Image Example" style="image-rendering: pixelated;">
-        <img src="https://www.gravatar.com/avatar?s=15" class="nes-avatar is-rounded" alt="Gravatar Image Example" style="image-rendering: pixelated;">
-        <img src="https://www.gravatar.com/avatar?s=15" class="nes-avatar is-medium is-rounded" alt="Gravatar Image Example" style="image-rendering: pixelated;">
-        <img src="https://www.gravatar.com/avatar?s=15" class="nes-avatar is-large is-rounded" alt="Gravatar Image Example" style="image-rendering: pixelated;">
-      </div>
-      <button type="button" class="nes-btn is-error show-code" id="show-avatars-code">&lt;&gt;</button>
-      <span class="nes-balloon from-right copied" id="copied-avatars">Copied!</span>
-    </section>
-    <section class="nes-container code" id="code-avatars">
-      <pre class="sample-code"><code class="html">&lt;img src=&quot;https://www.gravatar.com/avatar?s=15&quot; class=&quot;nes-avatar is-small&quot; alt=&quot;Gravatar Image Example&quot; style=&quot;image-rendering: pixelated;&quot;&gt;
-&lt;img src=&quot;https://www.gravatar.com/avatar?s=15&quot; class=&quot;nes-avatar&quot; alt=&quot;Gravatar Image Example&quot; style=&quot;image-rendering: pixelated;&quot;&gt;
-&lt;img src=&quot;https://www.gravatar.com/avatar?s=15&quot; class=&quot;nes-avatar is-medium&quot; alt=&quot;Gravatar Image Example&quot; style=&quot;image-rendering: pixelated;&quot;&gt;
-&lt;img src=&quot;https://www.gravatar.com/avatar?s=15&quot; class=&quot;nes-avatar is-large&quot; alt=&quot;Gravatar Image Example&quot; style=&quot;image-rendering: pixelated;&quot;&gt;
-&lt;img src=&quot;https://www.gravatar.com/avatar?s=15&quot; class=&quot;nes-avatar is-rounded&quot; alt=&quot;Gravatar Image Example&quot; style=&quot;image-rendering: pixelated;&quot;&gt;
-&lt;img src=&quot;https://www.gravatar.com/avatar?s=15&quot; class=&quot;nes-avatar is-small is-rounded&quot; alt=&quot;Gravatar Image Example&quot; style=&quot;image-rendering: pixelated;&quot;&gt;
-&lt;img src=&quot;https://www.gravatar.com/avatar?s=15&quot; class=&quot;nes-avatar is-medium is-rounded&quot; alt=&quot;Gravatar Image Example&quot; style=&quot;image-rendering: pixelated;&quot;&gt;
-&lt;img src=&quot;https://www.gravatar.com/avatar?s=15&quot; class=&quot;nes-avatar is-large is-rounded&quot; alt=&quot;Gravatar Image Example&quot; style=&quot;image-rendering: pixelated;&quot;&gt;</code></pre>
-      <button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('avatars')">Copy</button>
-    </section>
-
-    <section class="form nes-container with-title">
-      <h2 class="title">Form</h2>
-      <div id="form">
-        <div class="nes-field">
-          <label for="name_field">Your name</label>
-          <input type="text" id="name_field" class="nes-input">
-        </div>
-        <div class="nes-field is-inline">
-          <label for="inline_field">.input.is-success</label>
-          <input type="text" id="inline_field" class="nes-input is-success" placeholder="NES.css">
-        </div>
-        <div class="nes-field is-inline">
-          <label for="warning_field">.input.is-warning</label>
-          <input type="text" id="warning_field" class="nes-input is-warning" placeholder="8bit.css">
-        </div>
-        <div class="nes-field is-inline">
-          <label for="error_field">.input.is-error</label>
-          <input type="text" id="error_field" class="nes-input is-error" placeholder="awesome.css">
-        </div>
-        <div class="field">
-          <label for="textarea_field">Textarea</label>
-          <textarea id="textarea_field" class="nes-textarea"></textarea>
-        </div>
-        <div class="field">
-          <label for="selects">Select</label>
-          <div id="selects" class="selects">
-            <div class="nes-select">
-              <select required>
-                <option value="" disabled selected hidden>Select...</option>
-                <option value="0">To be</option>
-                <option value="1">Not to be</option>
-              </select>
-            </div>
-            <div class="nes-select is-success">
-              <select required>
-                <option value="" disabled selected hidden>Select...</option>
-                <option value="0">To be</option>
-                <option value="1">Not to be</option>
-              </select>
-            </div>
-            <div class="nes-select is-warning">
-              <select required>
-                <option value="" disabled selected hidden>Select...</option>
-                <option value="0">To be</option>
-                <option value="1">Not to be</option>
-              </select>
-            </div>
-            <div class="nes-select is-error">
-              <select required>
-                <option value="" disabled selected hidden>Select...</option>
-                <option value="0">To be</option>
-                <option value="1">Not to be</option>
-              </select>
-            </div>
-          </div>
-        </div>
-      </div>
-      <button type="button" class="nes-btn is-error show-code" id="show-form-code">&lt;&gt;</button>
-      <span class="nes-balloon from-right copied" id="copied-form">Copied!</span>
-    </section>
-    <section class="nes-container code" id="code-form">
-      <pre class="sample-code"><code class="html">&lt;div class=&quot;nes-field&quot;&gt;
-  &lt;label for=&quot;name_field&quot;&gt;Your name&lt;/label&gt;
-  &lt;input type=&quot;text&quot; id=&quot;name_field&quot; class=&quot;nes-input&quot;&gt;
-&lt;/div&gt;
-&lt;div class=&quot;nes-field is-inline&quot;&gt;
-  &lt;label for=&quot;inline_field&quot;&gt;.input.is-success&lt;/label&gt;
-  &lt;input type=&quot;text&quot; id=&quot;inline_field&quot; class=&quot;nes-input is-success&quot; placeholder=&quot;NES.css&quot;&gt;
-&lt;/div&gt;
-&lt;div class=&quot;nes-field is-inline&quot;&gt;
-  &lt;label for=&quot;warning_field&quot;&gt;.input.is-warning&lt;/label&gt;
-  &lt;input type=&quot;text&quot; id=&quot;warning_field&quot; class=&quot;nes-input is-warning&quot; placeholder=&quot;8bit.css&quot;&gt;
-&lt;/div&gt;
-&lt;div class=&quot;nes-field is-inline&quot;&gt;
-  &lt;label for=&quot;error_field&quot;&gt;.input.is-error&lt;/label&gt;
-  &lt;input type=&quot;text&quot; id=&quot;error_field&quot; class=&quot;nes-input is-error&quot; placeholder=&quot;awesome.css&quot;&gt;
-&lt;/div&gt;
-&lt;div class=&quot;field&quot;&gt;
-  &lt;label for=&quot;textarea_field&quot;&gt;Textarea&lt;/label&gt;
-  &lt;textarea id=&quot;textarea_field&quot; class=&quot;nes-textarea&quot;&gt;&lt;/textarea&gt;
-&lt;/div&gt;
-
-&lt;div id=&quot;selects&quot; class=&quot;selects&quot;&gt;
-  &lt;div class=&quot;nes-select&quot;&gt;
-    &lt;select required&gt;
-      &lt;option value=&quot;&quot; disabled selected hidden&gt;Select...&lt;/option&gt;
-      &lt;option value=&quot;0&quot;&gt;To be&lt;/option&gt;
-      &lt;option value=&quot;1&quot;&gt;Not to be&lt;/option&gt;
-    &lt;/select&gt;
-  &lt;/div&gt;
-  &lt;div class=&quot;nes-select is-success&quot;&gt;
-    &lt;select required&gt;
-      &lt;option value=&quot;&quot; disabled selected hidden&gt;Select...&lt;/option&gt;
-      &lt;option value=&quot;0&quot;&gt;To be&lt;/option&gt;
-      &lt;option value=&quot;1&quot;&gt;Not to be&lt;/option&gt;
-    &lt;/select&gt;
-  &lt;/div&gt;
-  &lt;div class=&quot;nes-select is-warning&quot;&gt;
-    &lt;select required&gt;
-      &lt;option value=&quot;&quot; disabled selected hidden&gt;Select...&lt;/option&gt;
-      &lt;option value=&quot;0&quot;&gt;To be&lt;/option&gt;
-      &lt;option value=&quot;1&quot;&gt;Not to be&lt;/option&gt;
-    &lt;/select&gt;
-  &lt;/div&gt;
-  &lt;div class=&quot;nes-select is-error&quot;&gt;
-    &lt;select required&gt;
-      &lt;option value=&quot;&quot; disabled selected hidden&gt;Select...&lt;/option&gt;
-      &lt;option value=&quot;0&quot;&gt;To be&lt;/option&gt;
-      &lt;option value=&quot;1&quot;&gt;Not to be&lt;/option&gt;
-    &lt;/select&gt;
-  &lt;/div&gt;
-&lt;/div&gt;</code></pre>
-      <button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('form')">Copy</button>
-    </section>
-
-    <section class="balloon nes-container with-title">
-      <h2 class="title">Balloons</h2>
-      <div class="messages" id="balloons">
-        <div class="message -left">
-          <i class="nes-bcrikko"></i>
-          <div class="nes-balloon from-left">
-            <p>Hello NES.css</p>
-          </div>
-        </div>
-        <div class="message -right">
-          <div class="nes-balloon from-right">
-            <p>Good morning. Thou hast had a good night's sleep, I hope.</p>
-          </div>
-          <i class="nes-bcrikko"></i>
-        </div>
-      </div>
-      <button type="button" class="nes-btn is-error show-code" id="show-balloons-code">&lt;&gt;</button>
-      <span class="nes-balloon from-right copied" id="copied-balloons">Copied!</span>
-    </section>
-    <section class="nes-container code" id="code-balloons">
-      <pre class="sample-code"><code class="html">&lt;div class=&quot;message -left&quot;&gt;
-  &lt;i class=&quot;nes-bcrikko&quot;&gt;&lt;/i&gt;
-  &lt;div class=&quot;nes-balloon from-left&quot;&gt;
-    &lt;p&gt;Hello NES.css&lt;/p&gt;
-  &lt;/div&gt;
-&lt;/div&gt;
-&lt;div class=&quot;message -right&quot;&gt;
-  &lt;div class=&quot;nes-balloon from-right&quot;&gt;
-    &lt;p&gt;Good morning. Thou hast had a good night's sleep, I hope.&lt;/p&gt;
-  &lt;/div&gt;
-  &lt;i class=&quot;nes-bcrikko&quot;&gt;&lt;/i&gt;
-&lt;/div&gt;</code></pre>
-      <button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('balloons')">Copy</button>
-    </section>
-
-    <section class="nes-container with-title">
-      <h2 class="title">Lists</h2>
-      <div id="lists">
-        <div class="lists">
-          <ul class="nes-list is-disc">
-            <li>Good morning.</li>
-            <li>Thou hast had a good night's sleep, I hope.</li>
-            <li>Thou hast had a good afternoon</li>
-            <li>Good night.</li>
-          </ul>
-        </div>
-
-        <div class="lists">
-          <ul class="nes-list is-circle">
-            <li>Good morning.</li>
-            <li>Thou hast had a good night's sleep, I hope.</li>
-            <li>Thou hast had a good afternoon</li>
-            <li>Good night.</li>
-          </ul>
-        </div>
-      </div>
-      <button type="button" class="nes-btn is-error show-code" id="show-lists-code">&lt;&gt;</button>
-      <span class="nes-balloon from-right copied" id="copied-lists">Copied!</span>
-    </section>
-    <section class="nes-container code" id="code-lists">
-      <pre class="sample-code"><code class="html">&lt;div class=&quot;lists&quot;&gt;
-  &lt;ul class=&quot;nes-list is-disc&quot;&gt;
-    &lt;li&gt;Good morning.&lt;/li&gt;
-    &lt;li&gt;Thou hast had a good night's sleep, I hope.&lt;/li&gt;
-    &lt;li&gt;Thou hast had a good afternoon&lt;/li&gt;
-    &lt;li&gt;Good night.&lt;/li&gt;
-  &lt;/ul&gt;
-&lt;/div&gt;
-
-&lt;div class=&quot;lists&quot;&gt;
-  &lt;ul class=&quot;nes-list is-circle&quot;&gt;
-    &lt;li&gt;Good morning.&lt;/li&gt;
-    &lt;li&gt;Thou hast had a good night's sleep, I hope.&lt;/li&gt;
-    &lt;li&gt;Thou hast had a good afternoon&lt;/li&gt;
-    &lt;li&gt;Good night.&lt;/li&gt;
-  &lt;/ul&gt;
-&lt;/div&gt;</code></pre>
-      <button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('lists')">Copy</button>
-    </section>
-
-    <section class="nes-container with-title">
-      <h2 class="title">Texts</h2>
-      <div id="texts">
-        <span class="nes-text">Normal</span>
-        <span class="nes-text is-primary">Primary</span>
-        <span class="nes-text is-success">Success</span>
-        <span class="nes-text is-warning">Warning</span>
-        <span class="nes-text is-error">Error</span>
-        <span class="nes-text is-disabled">Disabled</span>
-      </div>
-      <button type="button" class="nes-btn is-error show-code" id="show-texts-code">&lt;&gt;</button>
-      <span class="nes-balloon from-right copied" id="copied-texts">Copied!</span>
-    </section>
-    <section class="nes-container code" id="code-texts">
-      <pre class="sample-code"><code class="html">&lt;span class=&quot;nes-text&quot;&gt;Normal&lt;/span&gt;
-&lt;span class=&quot;nes-text is-primary&quot;&gt;Primary&lt;/span&gt;
-&lt;span class=&quot;nes-text is-success&quot;&gt;Success&lt;/span&gt;
-&lt;span class=&quot;nes-text is-warning&quot;&gt;Warning&lt;/span&gt;
-&lt;span class=&quot;nes-text is-error&quot;&gt;Error&lt;/span&gt;
-&lt;span class=&quot;nes-text is-disabled&quot;&gt;Disabled&lt;/span&gt;</code></pre>
-      <button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('texts')">Copy</button>
-    </section>
-
-    <section class="nes-container with-title">
-      <h2 class="title">Tables</h2>
-      <div class="nes-table-responsive" id="tables">
-        <table class="nes-table is-bordered is-centered">
-          <thead>
-            <tr>
-              <th>Table.is-bordered</th>
-              <th>Table.is-centered</th>
-              <th>Table.is-centered</th>
-              <th>Table.is-centered</th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr>
-              <td>Thou hast had a good morning</td>
-              <td>Thou hast had a good afternoon</td>
-              <td>Thou hast had a good evening</td>
-              <td>Thou hast had a good night</td>
-            </tr>
-            <tr>
-              <td>Thou hast had a good morning</td>
-              <td>Thou hast had a good afternoon</td>
-              <td>Thou hast had a good evening</td>
-              <td>Thou hast had a good night</td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div class="nes-table-responsive">
-        <table class="nes-table is-bordered is-dark">
-          <thead>
-            <tr>
-              <th>Table.is-dark</th>
-              <th>Table.is-bordered</th>
-              <th>Table.is-bordered</th>
-              <th>Table.is-bordered</th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr>
-              <td>Thou hast had a good morning</td>
-              <td>Thou hast had a good afternon</td>
-              <td>Thou hast had a good evening</td>
-              <td>Thou hast had a good night</td>
-            </tr>
-            <tr>
-              <td>Thou hast had a good morning</td>
-              <td>Thou hast had a good afternoon</td>
-              <td>Thou hast had a good afternoon</td>
-              <td>Thou hast had a good afternoon</td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <button type="button" class="nes-btn is-error show-code" id="show-tables-code">&lt;&gt;</button>
-      <span class="nes-balloon from-right copied" id="copied-tables">Copied!</span>
-    </section>
-    <section class="nes-container code" id="code-tables">
-      <pre class="sample-code"><code class="html">&lt;div class=&quot;nes-table-responsive&quot;&gt;
-  &lt;table class=&quot;nes-table is-bordered is-centered&quot;&gt;
-    &lt;thead&gt;
-      &lt;tr&gt;
-        &lt;th&gt;Table.is-bordered&lt;/th&gt;
-        &lt;th&gt;Table.is-centered&lt;/th&gt;
-        &lt;th&gt;Table.is-centered&lt;/th&gt;
-        &lt;th&gt;Table.is-centered&lt;/th&gt;
-      &lt;/tr&gt;
-    &lt;/thead&gt;
-    &lt;tbody&gt;
-      &lt;tr&gt;
-        &lt;td&gt;Thou hast had a good morning&lt;/td&gt;
-        &lt;td&gt;Thou hast had a good afternoon&lt;/td&gt;
-        &lt;td&gt;Thou hast had a good evening&lt;/td&gt;
-        &lt;td&gt;Thou hast had a good night&lt;/td&gt;
-      &lt;/tr&gt;
-      &lt;tr&gt;
-        &lt;td&gt;Thou hast had a good morning&lt;/td&gt;
-        &lt;td&gt;Thou hast had a good afternoon&lt;/td&gt;
-        &lt;td&gt;Thou hast had a good evening&lt;/td&gt;
-        &lt;td&gt;Thou hast had a good night&lt;/td&gt;
-      &lt;/tr&gt;
-    &lt;/tbody&gt;
-  &lt;/table&gt;
-&lt;/div&gt;
-&lt;div class=&quot;nes-table-responsive&quot;&gt;
-  &lt;table class=&quot;nes-table is-bordered is-dark&quot;&gt;
-    &lt;thead&gt;
-      &lt;tr&gt;
-        &lt;th&gt;Table.is-dark&lt;/th&gt;
-        &lt;th&gt;Table.is-bordered&lt;/th&gt;
-        &lt;th&gt;Table.is-bordered&lt;/th&gt;
-        &lt;th&gt;Table.is-bordered&lt;/th&gt;
-      &lt;/tr&gt;
-    &lt;/thead&gt;
-    &lt;tbody&gt;
-      &lt;tr&gt;
-        &lt;td&gt;Thou hast had a good morning&lt;/td&gt;
-        &lt;td&gt;Thou hast had a good afternon&lt;/td&gt;
-        &lt;td&gt;Thou hast had a good evening&lt;/td&gt;
-        &lt;td&gt;Thou hast had a good night&lt;/td&gt;
-      &lt;/tr&gt;
-      &lt;tr&gt;
-        &lt;td&gt;Thou hast had a good morning&lt;/td&gt;
-        &lt;td&gt;Thou hast had a good afternoon&lt;/td&gt;
-        &lt;td&gt;Thou hast had a good afternoon&lt;/td&gt;
-        &lt;td&gt;Thou hast had a good afternoon&lt;/td&gt;
-      &lt;/tr&gt;
-    &lt;/tbody&gt;
-  &lt;/table&gt;
-&lt;/div&gt;</code></pre>
-      <button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('tables')">Copy</button>
-    </section>
-
-    <section class="nes-container with-title">
-      <h2 class="title">Progress</h2>
-      <div id="progress">
-        <progress class="nes-progress" value="90" max="100"></progress>
-        <progress class="nes-progress is-primary" value="80" max="100"></progress>
-        <progress class="nes-progress is-success" value="50" max="100"></progress>
-        <progress class="nes-progress is-warning" value="30" max="100"></progress>
-        <progress class="nes-progress is-error" value="10" max="100"></progress>
-        <progress class="nes-progress is-pattern" value="50" max="100"></progress>
-      </div>
-      <button type="button" class="nes-btn is-error show-code" id="show-progress-code">&lt;&gt;</button>
-      <span class="nes-balloon from-right copied" id="copied-progress">Copied!</span>
-    </section>
-    <section class="nes-container code" id="code-progress">
-      <pre class="sample-code"><code class="html">&lt;progress class=&quot;nes-progress&quot; value=&quot;90&quot; max=&quot;100&quot;&gt;&lt;/progress&gt;
-&lt;progress class=&quot;nes-progress is-primary&quot; value=&quot;80&quot; max=&quot;100&quot;&gt;&lt;/progress&gt;
-&lt;progress class=&quot;nes-progress is-success&quot; value=&quot;50&quot; max=&quot;100&quot;&gt;&lt;/progress&gt;
-&lt;progress class=&quot;nes-progress is-warning&quot; value=&quot;30&quot; max=&quot;100&quot;&gt;&lt;/progress&gt;
-&lt;progress class=&quot;nes-progress is-error&quot; value=&quot;10&quot; max=&quot;100&quot;&gt;&lt;/progress&gt;
-&lt;progress class=&quot;nes-progress is-pattern&quot; value=&quot;50&quot; max=&quot;100&quot;&gt;&lt;/progress&gt;</code></pre>
-      <button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('progress')">Copy</button>
-    </section>
-
-    <section class="nes-container with-title" class="badges">
-      <h2 class="title">Badges</h2>
-      <div id="badges">
-        <a href="#" class="nes-badge">
-          <span class="is-dark">NES.css</span>
-        </a>
-        <a href="#" class="nes-badge">
-          <span class="is-primary">is</span>
-        </a>
-        <a href="#" class="nes-badge">
-          <span class="is-success">a</span>
-        </a>
-        <a href="#" class="nes-badge">
-          <span class="is-warning">great</span>
-        </a>
-        <a href="#" class="nes-badge">
-          <span class="is-error">framework!</span>
-        </a>
-        <a href="#" class="nes-badge is-splited">
-          <span class="is-dark">npm</span>
-          <span class="is-primary">1.1.0</span>
-        </a>
-        <a href="#" class="nes-badge is-splited">
-          <span class="is-dark">test</span>
-          <span class="is-success">100%</span>
-        </a>
-        <a href="#" class="nes-badge is-icon">
-          <span class="is-warning">
-            <i class="nes-icon star is-small"></i>
-          </span>
-          <span class="is-primary">Icons</span>
-        </a>
-        <a href="#" class="nes-badge is-icon">
-          <span class="is-dark">hi</span>
-          <span class="is-warning">Text</span>
-        </a>
-      </div>
-      <button type="button" class="nes-btn is-error show-code" id="show-badges-code">&lt;&gt;</button>
-      <span class="nes-balloon from-right copied" id="copied-badges">Copied!</span>
-    </section>
-    <section class="nes-container code" id="code-badges">
-      <pre class="sample-code"><code class="html">&lt;a href=&quot;#&quot; class=&quot;nes-badge&quot;&gt;
-  &lt;span class=&quot;is-dark&quot;&gt;NES.css&lt;/span&gt;
-&lt;/a&gt;
-&lt;a href=&quot;#&quot; class=&quot;nes-badge&quot;&gt;
-  &lt;span class=&quot;is-primary&quot;&gt;is&lt;/span&gt;
-&lt;/a&gt;
-&lt;a href=&quot;#&quot; class=&quot;nes-badge&quot;&gt;
-  &lt;span class=&quot;is-success&quot;&gt;a&lt;/span&gt;
-&lt;/a&gt;
-&lt;a href=&quot;#&quot; class=&quot;nes-badge&quot;&gt;
-  &lt;span class=&quot;is-warning&quot;&gt;great&lt;/span&gt;
-&lt;/a&gt;
-&lt;a href=&quot;#&quot; class=&quot;nes-badge&quot;&gt;
-  &lt;span class=&quot;is-error&quot;&gt;framework!&lt;/span&gt;
-&lt;/a&gt;
-&lt;a href=&quot;#&quot; class=&quot;nes-badge is-splited&quot;&gt;
-  &lt;span class=&quot;is-dark&quot;&gt;npm&lt;/span&gt;
-  &lt;span class=&quot;is-primary&quot;&gt;1.1.0&lt;/span&gt;
-&lt;/a&gt;
-&lt;a href=&quot;#&quot; class=&quot;nes-badge is-splited&quot;&gt;
-  &lt;span class=&quot;is-dark&quot;&gt;test&lt;/span&gt;
-  &lt;span class=&quot;is-success&quot;&gt;100%&lt;/span&gt;
-&lt;/a&gt;
-&lt;a href=&quot;#&quot; class=&quot;nes-badge is-icon&quot;&gt;
-  &lt;span class=&quot;is-warning&quot;&gt;
-      &lt;i class=&quot;nes-icon star is-small&quot;&gt;&lt;/i&gt;
-  &lt;/span&gt;
-  &lt;span class=&quot;is-primary&quot;&gt;Icons&lt;/span&gt;
-&lt;/a&gt;
-&lt;a href=&quot;#&quot; class=&quot;nes-badge is-icon&quot;&gt;
-  &lt;span class=&quot;is-dark&quot;&gt;hi&lt;/span&gt;
-  &lt;span class=&quot;is-warning&quot;&gt;Text&lt;/span&gt;
-&lt;/a&gt;</code></pre>
-      <button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('badges')">Copy</button>
-    </section>
-
-    <section class="nes-container with-title">
-      <h2 class="title">Icons</h2>
-      <section class="nes-container with-title">
-        <h3 class="title">Reaction</h3>
-        <div id="reaction">
-          <i class="nes-icon heart is-small"></i>
-          <i class="nes-icon heart"></i>
-          <i class="nes-icon heart is-medium"></i>
-          <i class="nes-icon heart is-large"></i>
-          <i class="nes-icon heart is-empty"></i>
-
-          <i class="nes-icon star is-small"></i>
-          <i class="nes-icon star"></i>
-          <i class="nes-icon star is-medium"></i>
-          <i class="nes-icon star is-large"></i>
-
-          <i class="nes-icon star is-half is-small"></i>
-          <i class="nes-icon star is-half"></i>
-          <i class="nes-icon star is-half is-medium"></i>
-          <i class="nes-icon star is-half is-large"></i>
-
-          <i class="nes-icon star is-transparent is-small"></i>
-          <i class="nes-icon star is-transparent"></i>
-          <i class="nes-icon star is-transparent is-medium"></i>
-          <i class="nes-icon star is-transparent is-large"></i>
-
-          <i class="nes-icon star is-empty"></i>
-
-          <i class="nes-icon like is-small"></i>
-          <i class="nes-icon like"></i>
-          <i class="nes-icon like is-medium"></i>
-          <i class="nes-icon like is-large"></i>
-          <i class="nes-icon like is-empty"></i>
-        </div>
-        <button type="button" class="nes-btn is-error show-code" id="show-reaction-code">&lt;&gt;</button>
-        <span class="nes-balloon from-right copied" id="copied-reaction">Copied!</span>
-      </section>
-      <section class="nes-container code" id="code-reaction">
-        <pre class="sample-code"><code class="html">&lt;i class=&quot;nes-icon heart is-small&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon heart&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon heart is-medium&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon heart is-large&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon heart is-empty&quot;&gt;&lt;/i&gt;
-
-&lt;i class=&quot;nes-icon star is-small&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon star&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon star is-medium&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon star is-large&quot;&gt;&lt;/i&gt;
-
-&lt;i class=&quot;nes-icon star is-half is-small&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon star is-half&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon star is-half is-medium&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon star is-half is-large&quot;&gt;&lt;/i&gt;
-
-&lt;i class=&quot;nes-icon star is-transparent is-small&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon star is-transparent&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon star is-transparent is-medium&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon star is-transparent is-large&quot;&gt;&lt;/i&gt;
-
-&lt;i class=&quot;nes-icon star is-empty&quot;&gt;&lt;/i&gt;
-
-&lt;i class=&quot;nes-icon like is-small&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon like&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon like is-medium&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon like is-large&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon like is-empty&quot;&gt;&lt;/i&gt;</code></pre>
-        <button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('reaction')">Copy</button>
-      </section>
-
-      <section class="nes-container with-title">
-        <h3 class="title">SNS</h3>
-        <div id="sns">
-          <i class="nes-icon twitter is-small"></i>
-          <i class="nes-icon twitter"></i>
-          <i class="nes-icon twitter is-medium"></i>
-          <i class="nes-icon twitter is-large"></i>
-
-          <i class="nes-icon facebook is-small"></i>
-          <i class="nes-icon facebook"></i>
-          <i class="nes-icon facebook is-medium"></i>
-          <i class="nes-icon facebook is-large"></i>
-
-          <i class="nes-icon github is-small"></i>
-          <i class="nes-icon github"></i>
-          <i class="nes-icon github is-medium"></i>
-          <i class="nes-icon github is-large"></i>
-
-          <i class="nes-icon youtube is-small"></i>
-          <i class="nes-icon youtube"></i>
-          <i class="nes-icon youtube is-medium"></i>
-          <i class="nes-icon youtube is-large"></i>
-
-          <i class="nes-icon google is-small"></i>
-          <i class="nes-icon google"></i>
-          <i class="nes-icon google is-medium"></i>
-          <i class="nes-icon google is-large"></i>
-
-          <i class="nes-icon medium is-small"></i>
-          <i class="nes-icon medium"></i>
-          <i class="nes-icon medium is-medium"></i>
-          <i class="nes-icon medium is-large"></i>
-
-          <i class="nes-icon twitch is-small"></i>
-          <i class="nes-icon twitch"></i>
-          <i class="nes-icon twitch is-medium"></i>
-          <i class="nes-icon twitch is-large"></i>
-
-          <i class="nes-icon reddit is-small"></i>
-          <i class="nes-icon reddit"></i>
-          <i class="nes-icon reddit is-medium"></i>
-          <i class="nes-icon reddit is-large"></i>
-
-          <i class="nes-icon whatsapp is-small"></i>
-          <i class="nes-icon whatsapp"></i>
-          <i class="nes-icon whatsapp is-medium"></i>
-          <i class="nes-icon whatsapp is-large"></i>
-
-          <i class="nes-icon gmail is-small"></i>
-          <i class="nes-icon gmail"></i>
-          <i class="nes-icon gmail is-medium"></i>
-          <i class="nes-icon gmail is-large"></i>
-
-          <i class="nes-icon linkedin is-small"></i>
-          <i class="nes-icon linkedin"></i>
-          <i class="nes-icon linkedin is-medium"></i>
-          <i class="nes-icon linkedin is-large"></i>
-        </div>
-        <button type="button" class="nes-btn is-error show-code" id="show-sns-code">&lt;&gt;</button>
-        <span class="nes-balloon from-right copied" id="copied-sns">Copied!</span>
-      </section>
-      <section class="nes-container code" id="code-sns">
-        <pre class="sample-code"><code class="html">&lt;i class=&quot;nes-icon twitter is-small&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon twitter&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon twitter is-medium&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon twitter is-large&quot;&gt;&lt;/i&gt;
-
-&lt;i class=&quot;nes-icon facebook is-small&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon facebook&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon facebook is-medium&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon facebook is-large&quot;&gt;&lt;/i&gt;
-
-&lt;i class=&quot;nes-icon github is-small&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon github&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon github is-medium&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon github is-large&quot;&gt;&lt;/i&gt;
-
-&lt;i class=&quot;nes-icon youtube is-small&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon youtube&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon youtube is-medium&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon youtube is-large&quot;&gt;&lt;/i&gt;
-
-&lt;i class=&quot;nes-icon google is-small&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon google&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon google is-medium&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon google is-large&quot;&gt;&lt;/i&gt;
-
-&lt;i class=&quot;nes-icon medium is-small&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon medium&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon medium is-medium&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon medium is-large&quot;&gt;&lt;/i&gt;
-
-&lt;i class=&quot;nes-icon twitch is-small&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon twitch&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon twitch is-medium&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon twitch is-large&quot;&gt;&lt;/i&gt;
-
-&lt;i class=&quot;nes-icon reddit is-small&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon reddit&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon reddit is-medium&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon reddit is-large&quot;&gt;&lt;/i&gt;
-
-&lt;i class=&quot;nes-icon whatsapp is-small&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon whatsapp&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon whatsapp is-medium&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon whatsapp is-large&quot;&gt;&lt;/i&gt;
-
-&lt;i class=&quot;nes-icon gmail is-small&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon gmail&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon gmail is-medium&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon gmail is-large&quot;&gt;&lt;/i&gt;
-
-&lt;i class=&quot;nes-icon linkedin is-small&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon linkedin&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon linkedin is-medium&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon linkedin is-large&quot;&gt;&lt;/i&gt;</code></pre>
-        <button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('sns')">Copy</button>
-      </section>
-
-      <section class="nes-container with-title">
-        <h3 class="title">Others</h3>
-        <div id="others">
-          <i class="nes-icon close is-small"></i>
-          <i class="nes-icon close"></i>
-          <i class="nes-icon close is-medium"></i>
-          <i class="nes-icon close is-large"></i>
-
-          <i class="nes-octocat animate"></i>
-
-          <i class="nes-icon trophy is-small"></i>
-          <i class="nes-icon trophy"></i>
-          <i class="nes-icon trophy is-medium"></i>
-          <i class="nes-icon trophy is-large"></i>
-
-          <i class="nes-icon coin is-small"></i>
-          <i class="nes-icon coin"></i>
-          <i class="nes-icon coin is-medium"></i>
-          <i class="nes-icon coin is-large"></i>
-
-          <i class="nes-mario"></i>
-          <i class="nes-ash"></i>
-          <i class="nes-pokeball"></i>
-
-          <i class="nes-bulbasaur"></i>
-          <i class="nes-charmander"></i>
-          <i class="nes-squirtle"></i>
-
-          <i class="nes-smartphone"></i>
-          <i class="nes-phone"></i>
-          <i class="nes-kirby"></i>
-        </div>
-        <button type="button" class="nes-btn is-error show-code" id="show-others-code">&lt;&gt;</button>
-        <span class="nes-balloon from-right copied" id="copied-others">Copied!</span>
-      </section>
-      <section class="nes-container code" id="code-others">
-        <pre class="sample-code"><code class="html">&lt;i class=&quot;nes-icon close is-small&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon close&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon close is-medium&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon close is-large&quot;&gt;&lt;/i&gt;
-
-&lt;i class=&quot;nes-octocat animate&quot;&gt;&lt;/i&gt;
-
-&lt;i class=&quot;nes-icon trophy is-small&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon trophy&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon trophy is-medium&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon trophy is-large&quot;&gt;&lt;/i&gt;
-
-&lt;i class=&quot;nes-icon coin is-small&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon coin&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon coin is-medium&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-icon coin is-large&quot;&gt;&lt;/i&gt;
-
-&lt;i class=&quot;nes-mario&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-ash&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-pokeball&quot;&gt;&lt;/i&gt;
-
-&lt;i class=&quot;nes-bulbasaur&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-charmander&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-squirtle&quot;&gt;&lt;/i&gt;
-
-&lt;i class=&quot;nes-smartphone&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-phone&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-kirby&quot;&gt;&lt;/i&gt;</code></pre>
-        <button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('others')">Copy</button>
-      </section>
-
-      <section class="nes-container with-title">
-        <h3 class="title">Controllers</h3>
-        <div id="controllers">
-          <i class="nes-logo"></i>
-          <i class="nes-jp-logo"></i>
-          <i class="snes-logo"></i>
-          <i class="snes-jp-logo"></i>
-        </div>
-        <button type="button" class="nes-btn is-error show-code" id="show-controllers-code">&lt;&gt;</button>
-        <span class="nes-balloon from-right copied" id="copied-controllers">Copied!</span>
-      </section>
-      <section class="nes-container code" id="code-controllers">
-        <pre class="sample-code"><code class="html">&lt;i class=&quot;nes-logo&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;nes-jp-logo&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;snes-logo&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;snes-jp-logo&quot;&gt;&lt;/i&gt;</code></pre>
-        <button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('controllers')">Copy</button>
-      </section>
-    </section>
-
-    <footer class="footer">
-      <p>
-        <a href="https://kuroeveryday.blogspot.com/" target="_blank">Black Everyday Company</a>
-        <span>-</span>
-        <a href="https://twitter.com/bc_rikko" target="_blank">@bc_rikko</a>
-      </p>
-    </footer>
-  </body>
-  <script>
-    function copyToClipboard(element) {
-      var divToClipboard = document.querySelector('#' + element);
-      var el = document.createElement('textarea');
-      el.value = divToClipboard.innerHTML;
-      el.setAttribute('readonly', '');
-      el.style.position = 'absolute';
-      el.style.left = '-9999px';
-      document.body.appendChild(el);
-      el.select();
-      document.execCommand('copy');
-      document.body.removeChild(el);
-      let copiedEl = document.querySelector("#copied-" + element);
-      copiedEl.style.display = 'block'
-      setTimeout(function() {
-        copiedEl.style.display = 'none'
-      }, 2000);
-    }
-
-    window.onload = function() {
-      // dialog polyfill
-      [].forEach.call(document.querySelectorAll('dialog'), function (a) { dialogPolyfill.registerDialog(a); })
-
-      var link = document.querySelector("a.github-link");
-      var octocat = document.querySelector("a.github-link > i.nes-octocat");
-      link.addEventListener("mouseover", function() {
-        octocat.classList.add("animate");
-      });
-      link.addEventListener("mouseout", function() {
-        octocat.classList.remove("animate");
-      });
-
-      var elements = ['buttons', 'containers', 'radios', 'checkboxes', 'avatars', 'form',
-        'balloons', 'lists', 'tables', 'progress', 'badges', 'reaction', 'sns', 'others',
-        'controllers', 'dialogs', 'texts'];
-      for (var i = 0; i < elements.length; i++) {
-        let showEl = document.querySelector("#show-" + elements[i] + "-code");
-        let codeEl = document.querySelector("#code-" + elements[i]);
-        showEl.addEventListener("click", function() {
-          codeEl.style.display = codeEl.style.display === 'block' ? 'none' : 'block';
-        }, false);
-      }
-    }
-  </script>
-</html>
diff --git a/package.json b/package.json
index f90d045f..bc29a19b 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
   "description": "NES.css is NES-style CSS Framework.",
   "scripts": {
     "watch": "npm run build:sass -- --watch",
-    "//": "Build task",
+    "// Build task": "",
     "build": "run-p build:core build:main",
     "build:core": "npm run build:sass-core && npm run build:autoprefix-core && npm run build:cleancss-core",
     "build:main": "npm run build:sass && npm run build:autoprefix && npm run build:cleancss",
@@ -11,15 +11,15 @@
     "prebuild:stylelint": "npm run stylelint -- --fix",
     "prebuild:clean": "rimraf css",
     "postbuild": "npm run build:storybook",
-    "//": "For nes.css",
+    "// For nes.css": "",
     "build:sass": "node-sass --output-style expanded --source-map true --functions scripts/scssFunctions.js scss/nes.scss css/nes.css",
     "build:autoprefix": "postcss --use autoprefixer --map false --output css/nes.css css/nes.css",
     "build:cleancss": "cleancss -o css/nes.min.css css/nes.css",
-    "//": "For nes-core.css",
+    "// For nes-core.css": "",
     "build:sass-core": "node-sass --output-style expanded --source-map true --functions scripts/scssFunctions.js scss/nes-core.scss css/nes-core.css",
     "build:autoprefix-core": "postcss --use autoprefixer --map false --output css/nes-core.css css/nes-core.css",
     "build:cleancss-core": "cleancss -o css/nes-core.min.css css/nes-core.css",
-    "//": "Misc",
+    "// Misc": "",
     "stylelint": "stylelint scss/**/*.scss",
     "storybook": "start-storybook -p 6006",
     "build:storybook": "build-storybook",
@@ -111,7 +111,7 @@
       "npm run postbuild"
     ],
     "*.js": [
-      "eslint '.storybook/**/*.js' 'docs/**/*.js'"
+      "eslint '.storybook/**/*.js' 'story/**/*.js'"
     ]
   },
   "prettier": {
@@ -148,18 +148,18 @@
       "scss/at-rule-no-unknown": true
     },
     "ignoreFiles": [
-      "demo/lib/*"
+      "docs/*"
     ]
   },
   "eslintConfig": {
     "extends": "airbnb-base"
   },
   "eslintIgnore": [
-    "demo/lib/*"
+    "docs/*"
   ],
   "config": {
     "commitizen": {
       "path": "./node_modules/cz-conventional-changelog"
     }
   }
-}
+}
\ No newline at end of file
diff --git a/scss/base/variables.scss b/scss/base/variables.scss
index 4a0cad9a..b7606237 100644
--- a/scss/base/variables.scss
+++ b/scss/base/variables.scss
@@ -6,7 +6,7 @@ $base-color: $color-black !default;
 $background-color: $color-white !default;
 
 $cursor-url: url(../assets/cursor.png) !default;
-$cursor-click-url: url(../assets/cursor-click.png) !default;
+$cursor-click-url: url(../assets/cursor-click.png) 14 0 !default;
 
 $border-size: 4px !default;
 
diff --git a/scss/form/radios.scss b/scss/form/radios.scss
index ac136691..f5546267 100644
--- a/scss/form/radios.scss
+++ b/scss/form/radios.scss
@@ -20,6 +20,7 @@
     (2,2,0,0,0,0),
   );
   $colors: ($base-color, map-get($default-colors, "shadow"));
+  $colors-radio-dark: ($color-white, map-get($default-colors, "shadow"));
 
   margin-right: 20px;
   -webkit-appearance: none;
@@ -50,4 +51,24 @@
   &:checked:focus + span::before {
     @include pixelize(2px, $radio-checked-focus, $colors);
   }
+  &.is-dark {
+    + span {
+      color: $color-white;
+    }
+    // prettier-ignore
+    + span::before { /* stylelint-disable-line no-descending-specificity */
+      color: $color-white;
+    }
+
+    &:checked + span::before {
+      @include pixelize(2px, $radio-checked-focus, $colors-radio-dark);
+
+      color: $color-white;
+    }
+    &:checked:focus + span::before {
+      @include pixelize(2px, $radio-checked-focus, $colors-radio-dark);
+
+      color: $color-white;
+    }
+  }
 }
diff --git a/scss/icons/icons.scss b/scss/icons/icons.scss
index e88e098a..202bb61b 100644
--- a/scss/icons/icons.scss
+++ b/scss/icons/icons.scss
@@ -15,6 +15,7 @@
 @import "whatsapp.scss";
 @import "gmail.scss";
 @import "linkedin.scss";
+@import "instagram.scss";
 
 // others
 @import "close.scss";
@@ -148,6 +149,10 @@
     @include pixelize($default-size, $icon-linkedin, $icon-linkedin-colors);
   }
 
+  &.instagram::before {
+    @include pixelize($default-size, $icon-instagram, $icon-instagram-colors);
+  }
+
   &.coin::before {
     @include pixelize($default-size, $icon-coin, $icon-coin-colors);
   }
diff --git a/scss/icons/instagram.scss b/scss/icons/instagram.scss
new file mode 100644
index 00000000..ba8e8b25
--- /dev/null
+++ b/scss/icons/instagram.scss
@@ -0,0 +1,20 @@
+$icon-instagram-colors: (#fff, #8005c8, #d40075, #e98c25, #d84646);
+// prettier-ignore
+$icon-instagram: (
+  ( 0,0,2,2,2,2,2,2,2,2,2,2,2,2,0,0),
+  ( 0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0),
+  ( 2,2,0,0,0,0,0,0,0,0,0,0,0,0,2,2),
+  ( 2,2,0,0,0,0,0,0,0,0,0,2,2,0,2,2),
+  ( 2,2,0,0,0,0,0,0,0,0,0,2,2,0,2,2),
+  ( 2,2,0,0,0,0,2,2,2,2,0,0,0,0,2,2),
+  ( 3,2,0,0,0,2,0,0,0,0,2,0,0,0,2,3),
+  ( 3,3,0,0,0,2,0,0,0,0,2,0,0,0,3,3),
+  ( 3,3,0,0,0,3,0,0,0,0,3,0,0,0,3,3),
+  ( 3,3,0,0,0,3,0,0,0,0,3,0,0,0,3,3),
+  ( 4,4,0,0,0,0,3,3,3,3,0,0,0,0,3,3),
+  ( 4,4,0,0,0,0,0,0,0,0,0,0,0,0,3,3),
+  ( 4,4,0,0,0,0,0,0,0,0,0,0,0,0,5,5),
+  ( 4,4,0,0,0,0,0,0,0,0,0,0,0,0,5,5),
+  ( 0,4,4,4,4,4,4,4,4,5,5,5,5,5,5,0),
+  ( 0,0,4,4,4,4,4,4,5,5,5,5,5,5,0,0)
+);
diff --git a/scss/utilities/icon-mixin.scss b/scss/utilities/icon-mixin.scss
index 1fd110aa..d884bc52 100644
--- a/scss/utilities/icon-mixin.scss
+++ b/scss/utilities/icon-mixin.scss
@@ -38,10 +38,10 @@
         $color: nth($colors, $dot);
         @if $color == $default-color {
           $ret: $ret + ($j * $size) + " " + ($i * $size);
-          $moz: $moz + ($j * $size) + " " + ($i * $size) + "0 0.020px";
+          $moz: $moz + ($j * $size) + " " + ($i * $size) + " 0 0.020em";
         } @else {
-          $ret: $ret + ($j * $size) + " " + ($i * $size) + "" + $color;
-          $moz: $moz + ($j * $size) + " " + ($i * $size) + "0 0.020px " + $color;
+          $ret: $ret + ($j * $size) + " " + ($i * $size) + " " + $color;
+          $moz: $moz + ($j * $size) + " " + ($i * $size) + " 0 0.020em " + $color;
         }
       }
     }
@@ -51,7 +51,9 @@
   height: $size;
   color: $default-color;
   box-shadow: unquote($ret);
-  @-moz-document url-prefix() {
-    -webkit-box-shadow: unquote($moz);
+
+  // firefox only style
+  @supports (-moz-appearance: meterbar) {
+    box-shadow: unquote($moz);
   }
 }
diff --git a/scss/utilities/rounded-corners-mixin.scss b/scss/utilities/rounded-corners-mixin.scss
index 7d00e5de..91f1bf9b 100644
--- a/scss/utilities/rounded-corners-mixin.scss
+++ b/scss/utilities/rounded-corners-mixin.scss
@@ -16,7 +16,7 @@
 
   border-image-slice: 3;
   border-image-width: 3;
-  border-image-repeat: space;
+  border-image-repeat: stretch;
 
   @if $isDark {
     @include border-image($color-white);
@@ -34,7 +34,7 @@
 
   border-image-slice: 2;
   border-image-width: 2;
-  border-image-repeat: space;
+  border-image-repeat: stretch;
 
   @if $isDark {
     @include compact-border-image($color-white);
diff --git a/docs/avatars.stories.js b/story/avatars.stories.js
similarity index 100%
rename from docs/avatars.stories.js
rename to story/avatars.stories.js
diff --git a/docs/badge.stories.js b/story/badge.stories.js
similarity index 100%
rename from docs/badge.stories.js
rename to story/badge.stories.js
diff --git a/docs/balloons.stories.js b/story/balloons.stories.js
similarity index 100%
rename from docs/balloons.stories.js
rename to story/balloons.stories.js
diff --git a/docs/buttons.stories.js b/story/buttons.stories.js
similarity index 100%
rename from docs/buttons.stories.js
rename to story/buttons.stories.js
diff --git a/docs/containers.stories.js b/story/containers.stories.js
similarity index 100%
rename from docs/containers.stories.js
rename to story/containers.stories.js
diff --git a/docs/dialogs.stories.js b/story/dialogs.stories.js
similarity index 100%
rename from docs/dialogs.stories.js
rename to story/dialogs.stories.js
diff --git a/docs/icons.stories.js b/story/icons.stories.js
similarity index 97%
rename from docs/icons.stories.js
rename to story/icons.stories.js
index a08438f4..2a0e8a8d 100644
--- a/docs/icons.stories.js
+++ b/story/icons.stories.js
@@ -16,6 +16,7 @@ stories.add('icon', () => {
     'nes-icon whatsapp': 'nes-icon whatsapp',
     'nes-icon gmail': 'nes-icon gmail',
     'nes-icon linkedin': 'nes-icon linkedin',
+    'nes-icon instagram': 'nes-icon instagram',
     'nes-icon close': 'nes-icon close',
     'nes-icon coin': 'nes-icon coin',
     'nes-pokeball': 'nes-pokeball',
diff --git a/docs/inputs.stories.js b/story/inputs.stories.js
similarity index 58%
rename from docs/inputs.stories.js
rename to story/inputs.stories.js
index 970a1d4a..2ed2d028 100644
--- a/docs/inputs.stories.js
+++ b/story/inputs.stories.js
@@ -1,28 +1,31 @@
 import { storiesOf } from '@storybook/html'; // eslint-disable-line import/no-extraneous-dependencies
 import { // eslint-disable-line import/no-extraneous-dependencies
-  withKnobs, radios,
+  withKnobs, radios, boolean,
 } from '@storybook/addon-knobs';
 
 const stories = storiesOf('Inputs', module);
 stories.addDecorator(withKnobs);
 
-stories.add('input.radio', () => `
-      <label>
-        <input type="radio" class="nes-radio" name="answer" checked />
-        <span>Yes</span>
-      </label> <label>
-        <input type="radio" class="nes-radio" name="answer" />
-        <span>No</span>
-      </label>`)
+stories.add('input.radio', () => {
+  const isDark = boolean('is-dark', false) ? 'is-dark' : '';
+
+  return (
+    `<label>
+      <input type="radio" class="nes-radio ${isDark}" name="answer" checked />
+      <span>Yes</span>
+    </label>
+    <label>
+      <input type="radio" class="nes-radio ${isDark}" name="answer" />
+      <span>No</span>
+    </label>`
+  );
+})
   .add('input.checkbox', () => {
-    const selectedClass = radios('class', {
-      default: '',
-      'is-dark': 'is-dark',
-    }, '');
+    const isDark = boolean('is-dark', false) ? 'is-dark' : '';
 
     return (
       `<label>
-        <input type="checkbox" class="nes-checkbox ${selectedClass}" checked />
+        <input type="checkbox" class="nes-checkbox ${isDark}" checked />
         <span>Enable</span>
       </label>`
     );
diff --git a/docs/lists.stories.js b/story/lists.stories.js
similarity index 100%
rename from docs/lists.stories.js
rename to story/lists.stories.js
diff --git a/docs/progress.stories.js b/story/progress.stories.js
similarity index 100%
rename from docs/progress.stories.js
rename to story/progress.stories.js
diff --git a/docs/select.stories.js b/story/select.stories.js
similarity index 100%
rename from docs/select.stories.js
rename to story/select.stories.js
diff --git a/docs/table.stories.js b/story/table.stories.js
similarity index 100%
rename from docs/table.stories.js
rename to story/table.stories.js
diff --git a/docs/text.stories.js b/story/text.stories.js
similarity index 100%
rename from docs/text.stories.js
rename to story/text.stories.js
diff --git a/docs/textarea.stories.js b/story/textarea.stories.js
similarity index 100%
rename from docs/textarea.stories.js
rename to story/textarea.stories.js
