diff --git a/.gitignore b/.gitignore
index 919a328..7749e3a 100644
--- a/.gitignore
+++ b/.gitignore
@@ -3,4 +3,4 @@ node_modules/
 npm-debug.log
 .idea/
 .vscode/
-dist/
+
diff --git a/.npmignore b/.npmignore
new file mode 100644
index 0000000..8b13789
--- /dev/null
+++ b/.npmignore
@@ -0,0 +1 @@
+
diff --git a/build/rollup.config.js b/build/rollup.config.js
index a898374..168f2bf 100644
--- a/build/rollup.config.js
+++ b/build/rollup.config.js
@@ -1,6 +1,7 @@
 const babel = require('rollup-plugin-babel')
 const commonjs = require('rollup-plugin-commonjs')
 const vue = require('rollup-plugin-vue')
+const css = require('rollup-plugin-css-only')
 const pkg = require('../package.json')
 
 const banner = `/*
@@ -23,7 +24,8 @@ module.exports = {
   ],
   plugins: [
     commonjs(),
-    vue(),
+    css(),
+    vue({ css: false }),
     babel({
       runtimeHelpers: true
     })
diff --git a/dist/dist/eagle.cjs.css b/dist/dist/eagle.cjs.css
new file mode 100644
index 0000000..368ef63
--- /dev/null
+++ b/dist/dist/eagle.cjs.css
@@ -0,0 +1,252 @@
+@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro);
+.eg-slideshow {
+  margin-top: 0;
+  background-attachment: fixed;
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+}
+.eg-slideshow h1,
+.eg-slideshow h2,
+.eg-slideshow h3 {
+  text-align: center;
+}
+.eg-slideshow h1 {
+  font-size: 4em;
+  margin-bottom: 0.1em;
+}
+.eg-slideshow h2 {
+  font-size: 3em;
+}
+.eg-slideshow h3 {
+  font-size: 2em;
+  margin-bottom: 0.5em;
+}
+.eg-slideshow h4 {
+  font-size: 1.5em;
+}
+.eg-slideshow input {
+  font-size: 1em;
+}
+.eg-slideshow strong {
+  font-weight: bold;
+}
+.eg-slideshow .small {
+  font-size: 0.65em;
+}
+.eg-slideshow img {
+  max-width: 80%;
+}
+.eg-slideshow .eg-code-block {
+  font-family: "Source Code Pro", Courier;
+  text-align: left;
+  font-size: 0.5em;
+}
+.eg-slideshow .eg-code-block .box {
+  padding: 1em;
+}
+.eg-slideshow .eg-slide {
+  height: 100%;
+  overflow: hidden;
+  width: 100%;
+  position: absolute;
+}
+.eg-slideshow .subslide {
+  position: absolute;
+  margin-top: -1em;
+}
+.eg-slideshow .inline {
+  display: inline-block;
+}
+.eg-slideshow .center {
+  text-align: center;
+}
+.eg-slideshow .center p {
+  text-align: center;
+}
+.eg-slideshow .quarter {
+  display: inline-block;
+  width: 50%;
+  margin-bottom: 0.5em;
+}
+.eg-slideshow .eg-switch .switch {
+  margin-right: 0.5em;
+}
+.eg-slideshow .eg-radio .radiobutton {
+  margin-right: 0.5em;
+}
+.eg-slideshow .eg-triggered-message {
+  position: absolute;
+}
+.eg-slideshow .button {
+  font-size: 1em;
+}
+.eg-slideshow .nodisplay {
+  display: none;
+}
+
+/*# sourceMappingURL=Slideshow.vue.map */
+.eg-modal {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.eg-code-comment {
+  display: inline-block
+}
+.eg-radio[data-v-7e3d7c2e] {
+  /* The slider */
+}
+.eg-radio p[data-v-7e3d7c2e] {
+  display: inline;
+}
+.eg-radio .radiobutton[data-v-7e3d7c2e] {
+  position: relative;
+  display: inline-block;
+  width: 1em;
+  height: 1em;
+}
+.eg-radio .radio[data-v-7e3d7c2e] {
+  position: absolute;
+  cursor: pointer;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  -webkit-transition: 0.4s;
+  transition: 0.4s;
+  border-radius: 0.5em;
+}
+.eg-radio .radiodot[data-v-7e3d7c2e] {
+  position: absolute;
+  cursor: pointer;
+  content: "";
+  height: 0em;
+  width: 0em;
+  left: 0.5em;
+  bottom: 0.5em;
+  background-color: white;
+  -webkit-transition: 0.4s;
+  transition: 0.4s;
+  border-radius: 50%;
+}
+.eg-radio .radiodot.checked[data-v-7e3d7c2e] {
+  height: 0.9em;
+  width: 0.9em;
+  left: 0.05em;
+  bottom: 0.05em;
+}
+
+/*# sourceMappingURL=RadioButton.vue.map */.eg-code-block.container[data-v-5c6e33b8] {
+  position: relative;
+  width: 100%;
+}
+.eg-code-block .code-box .eg-code-comment[data-v-5c6e33b8] {
+  display: none;
+}
+.eg-code-block .comments-box[data-v-5c6e33b8] {
+  position: absolute;
+  color: rgba(0, 0, 0, 0);
+  top: 0;
+}
+.eg-code-block .eg-code-comment[data-v-5c6e33b8] {
+  z-index: 10 !important;
+}
+
+/*# sourceMappingURL=CodeBlock.vue.map */.eg-switch[data-v-00a4c1ca] {
+  /* The slider */
+}
+.eg-switch p[data-v-00a4c1ca] {
+  display: inline;
+}
+.eg-switch .switch[data-v-00a4c1ca] {
+  position: relative;
+  display: inline-block;
+  width: 2em;
+  height: 1em;
+}
+.eg-switch .switch input[data-v-00a4c1ca] {
+  display: none;
+}
+.eg-switch .slider[data-v-00a4c1ca] {
+  position: absolute;
+  cursor: pointer;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: #ccc;
+  -webkit-transition: 0.4s;
+  transition: 0.4s;
+  border-radius: 0.5em;
+}
+.eg-switch .sliderdot[data-v-00a4c1ca] {
+  position: absolute;
+  cursor: pointer;
+  content: "";
+  height: 0.8em;
+  width: 0.8em;
+  left: 0.1em;
+  bottom: 0.1em;
+  background-color: white;
+  -webkit-transition: 0.4s;
+  transition: 0.4s;
+  border-radius: 0.4em;
+}
+.eg-switch .sliderdot.checked[data-v-00a4c1ca] {
+  -webkit-transform: translateX(1em);
+  -ms-transform: translateX(1em);
+  transform: translateX(1em);
+}
+
+/*# sourceMappingURL=Toggle.vue.map */
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/dist/eagle.cjs.js b/dist/eagle.cjs.js
new file mode 100644
index 0000000..2617449
--- /dev/null
+++ b/dist/eagle.cjs.js
@@ -0,0 +1,1533 @@
+/*
+ * eagle.js v0.6.1
+ *
+ * @license
+ * Copyright 2017-2019, Zulko
+ * Released under the ISC License
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var Vue = _interopDefault(require('vue'));
+var throttle = _interopDefault(require('lodash.throttle'));
+
+var PREV = 'prev';
+var NEXT = 'next';
+var script = {
+  props: {
+    firstSlide: {
+      "default": 1
+    },
+    startStep: {
+      "default": 1
+    },
+    lastSlide: {
+      "default": null
+    },
+    embedded: {
+      "default": false
+    },
+    inserted: {
+      "default": false
+    },
+    keyboardNavigation: {
+      "default": true
+    },
+    mouseNavigation: {
+      "default": true
+    },
+    onStartExit: {
+      "default": function _default() {
+        return function () {
+          if (this.$router) this.$router.push('/');
+        };
+      }
+    },
+    onEndExit: {
+      "default": function _default() {
+        return function () {
+          if (this.$router) this.$router.push('/');
+        };
+      }
+    },
+    skip: {
+      "default": false
+    },
+    backBySlide: {
+      "default": false
+    },
+    repeat: {
+      "default": false
+    }
+  },
+  data: function data() {
+    return {
+      currentSlideIndex: 1,
+      currentSlide: null,
+      step: this.startStep,
+      slideshowTimer: 0,
+      slideTimer: 0,
+      slides: [],
+      active: true
+    };
+  },
+  computed: {
+    computedActive: function computedActive() {
+      return this.slides.some(function (slide) {
+        return slide.active;
+      });
+    }
+  },
+  mounted: function mounted() {
+    this.isSlideshow = true;
+    var self = this;
+    this.findSlides();
+
+    if (this.$root.direction === PREV) {
+      this.currentSlideIndex = this.slides.length;
+    }
+
+    if (!this.inserted) {
+      this.currentSlide = this.slides[this.currentSlideIndex - 1];
+      this.currentSlide.step = this.startStep;
+
+      if (this.keyboardNavigation) {
+        window.addEventListener('keydown', this.handleKeydown);
+      }
+
+      if (this.mouseNavigation) {
+        if ('ontouchstart' in window) {
+          window.addEventListener('touchstart', this.handleClick);
+        } else {
+          window.addEventListener('click', this.handleClick);
+          window.addEventListener('wheel', this.handleWheel);
+        }
+      }
+
+      if (this.embedded) {
+        this.$el.className += ' embedded-slideshow';
+      }
+    }
+
+    window.addEventListener('resize', this.handleResize);
+
+    if (this.preloadedImages) {
+      setTimeout(function () {
+        for (var image in self.preloadedImages) {
+          new Image().src = self.preloadedImages[image];
+        }
+      }, 1000);
+    }
+
+    this.handleResize();
+    this.timerUpdater = setInterval(function () {
+      self.slideshowTimer++;
+      self.slideTimer++;
+    }, 1000);
+    this.registerPlugins();
+    this.afterMounted();
+  },
+  beforeDestroy: function beforeDestroy() {
+    window.removeEventListener('keydown', this.handleKeydown);
+    window.removeEventListener('click', this.handleClick);
+    window.removeEventListener('touchstart', this.handleClick);
+    window.removeEventListener('wheel', this.handleWheel);
+    clearInterval(this.timerUpdater);
+    this.unregisterPlugins();
+  },
+  methods: {
+    changeDirection: function changeDirection(direction) {
+      this.slides.forEach(function (slide) {
+        slide.direction = direction;
+      });
+      this.$root.direction = direction;
+    },
+    nextStep: function nextStep() {
+      this.changeDirection(NEXT);
+      var self = this;
+      this.$nextTick(function () {
+        if (self.step >= self.currentSlide.steps) {
+          self.nextSlide();
+        } else {
+          self.step++;
+        }
+      });
+    },
+    previousStep: function previousStep() {
+      this.changeDirection(PREV);
+      var self = this;
+      this.$nextTick(function () {
+        if (self.step <= 1) {
+          self.previousSlide();
+        } else {
+          self.step--;
+        }
+      });
+    },
+    nextSlide: function nextSlide() {
+      this.changeDirection(NEXT);
+      var nextSlideIndex = this.currentSlideIndex + 1;
+
+      while (nextSlideIndex < this.slides.length + 1 && (this.slides[nextSlideIndex - 1].skip || this.slides[nextSlideIndex - 1].$parent.skip)) {
+        nextSlideIndex++;
+      }
+
+      if (nextSlideIndex < this.slides.length + 1) {
+        this.currentSlideIndex = nextSlideIndex;
+      } else if (this.repeat) {
+        this.currentSlideIndex = 1;
+      } else if (!this.embedded) {
+        this.onEndExit();
+      }
+    },
+    previousSlide: function previousSlide() {
+      this.changeDirection(PREV);
+      var previousSlideIndex = this.currentSlideIndex - 1;
+
+      while (previousSlideIndex >= 1 && (this.slides[previousSlideIndex - 1].skip || this.slides[previousSlideIndex - 1].$parent.skip)) {
+        previousSlideIndex--;
+      }
+
+      if (previousSlideIndex >= 1) {
+        this.currentSlideIndex = previousSlideIndex;
+      } else if (!this.embedded) {
+        this.onStartExit();
+      }
+    },
+    handleResize: function handleResize() {
+      var self = this;
+      throttle(function () {
+        var width = 0;
+        var height = 0;
+
+        if (self.embedded) {
+          width = self.$el.parentElement.clientWidth;
+          height = self.$el.parentElement.clientHeight;
+        } else {
+          width = document.documentElement.clientWidth;
+          height = document.documentElement.clientHeight;
+        }
+
+        self.$el.style.fontSize = 0.04 * Math.min(height, width) + 'px';
+      }, 16)();
+    },
+    handleClick: function handleClick(evt) {
+      var noHref = evt.target['href'] === undefined;
+
+      if (this.mouseNavigation && this.currentSlide.mouseNavigation && noHref && !evt.altKey) {
+        var clientX = evt.clientX != null ? evt.clientX : evt.touches[0].clientX;
+
+        if (clientX < 0.25 * document.documentElement.clientWidth) {
+          evt.preventDefault();
+          this.previousStep();
+        } else if (clientX > 0.75 * document.documentElement.clientWidth) {
+          evt.preventDefault();
+          this.nextStep();
+        }
+      }
+    },
+    handleWheel: throttle(function (evt) {
+      if (this.mouseNavigation && this.currentSlide.mouseNavigation) {
+        evt.preventDefault();
+
+        if (evt.wheelDeltaY > 0 || evt.deltaY > 0) {
+          this.nextStep();
+        } else if (evt.wheelDeltaY < 0 || evt.deltaY < 0) {
+          this.previousStep();
+        }
+      }
+    }, 1000),
+    handleKeydown: function handleKeydown(evt) {
+      if (this.keyboardNavigation && (this.currentSlide.keyboardNavigation || evt.ctrlKey || evt.metaKey)) {
+        if (evt.key === 'ArrowLeft' || evt.key === 'PageUp') {
+          this.previousStep();
+          evt.preventDefault();
+        } else if (evt.key === 'ArrowRight' || evt.key === 'PageDown') {
+          this.nextStep();
+          evt.preventDefault();
+        }
+      }
+    },
+    afterMounted: function afterMounted() {},
+    findSlides: function findSlides() {
+      var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+          _ref$resetIndex = _ref.resetIndex,
+          resetIndex = _ref$resetIndex === void 0 ? true : _ref$resetIndex;
+
+      var self = this;
+      var i = 0;
+      self.slides = [];
+      this.$children.forEach(function (el) {
+        if (el.isSlide) {
+          i++;
+
+          if (i >= self.firstSlide && (!self.lastSlide || i <= self.lastSlide)) {
+            self.slides.push(el);
+          }
+        } else if (el.isSlideshow) {
+          el.active = false;
+          el.slides.forEach(function (slide) {
+            i++;
+            slide.active = false;
+
+            if (i >= self.firstSlide && (!self.lastSlide || i <= self.lastSlide)) {
+              self.slides.push(slide);
+            }
+          });
+        }
+      });
+
+      if (resetIndex) {
+        self.currentSlideIndex = 1;
+        self.currentSlide = self.currentSlide === null ? null : self.slides[0];
+        self.step = self.startStep;
+      }
+    },
+    updateSlideshowVisibility: function updateSlideshowVisibility(val) {
+      if (val) {
+        this.$el.style.visibility = 'visible';
+      } else {
+        this.$el.style.visibility = 'hidden';
+      }
+    },
+    registerPlugins: function registerPlugins() {
+      var _this = this;
+
+      Options.plugins.forEach(function (plugin) {
+        plugin[0].init(_this, plugin[1]);
+      });
+    },
+    unregisterPlugins: function unregisterPlugins() {
+      var _this2 = this;
+
+      Options.plugins.forEach(function (plugin) {
+        plugin[0].destroy(_this2, plugin[1]);
+      });
+    }
+  },
+  watch: {
+    currentSlide: function currentSlide(newSlide, oldSlide) {
+      if (oldSlide) {
+        oldSlide.active = false;
+
+        if (oldSlide.$parent !== newSlide.$parent && oldSlide.$parent !== this) {
+          oldSlide.$parent.active = false;
+        }
+      }
+
+      this.slideTimer = 0;
+
+      if (this.backBySlide || newSlide.direction === NEXT) {
+        this.step = 1;
+        newSlide.step = 1;
+        newSlide.$parent.step = 1;
+      } else if (newSlide.direction === PREV) {
+        this.step = newSlide.steps;
+        newSlide.step = newSlide.steps;
+        newSlide.$parent.step = newSlide.steps;
+      }
+
+      newSlide.active = true;
+      newSlide.$parent.active = true;
+    },
+    currentSlideIndex: function currentSlideIndex(index) {
+      this.currentSlide = this.slides[index - 1];
+    },
+    step: function step(val) {
+      if (this.currentSlide) {
+        this.currentSlide.step = val;
+        this.currentSlide.$parent.step = val;
+      }
+    },
+    active: 'updateSlideshowVisibility',
+    computedActive: 'updateSlideshowVisibility'
+  }
+};
+
+function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
+  if (typeof shadowMode !== 'boolean') {
+    createInjectorSSR = createInjector;
+    createInjector = shadowMode;
+    shadowMode = false;
+  }
+
+  var options = typeof script === 'function' ? script.options : script;
+
+  if (template && template.render) {
+    options.render = template.render;
+    options.staticRenderFns = template.staticRenderFns;
+    options._compiled = true;
+
+    if (isFunctionalTemplate) {
+      options.functional = true;
+    }
+  }
+
+  if (scopeId) {
+    options._scopeId = scopeId;
+  }
+
+  var hook;
+
+  if (moduleIdentifier) {
+    hook = function hook(context) {
+      context = context || this.$vnode && this.$vnode.ssrContext || this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext;
+
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+        context = __VUE_SSR_CONTEXT__;
+      }
+
+      if (style) {
+        style.call(this, createInjectorSSR(context));
+      }
+
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier);
+      }
+    };
+
+    options._ssrRegister = hook;
+  } else if (style) {
+    hook = shadowMode ? function (context) {
+      style.call(this, createInjectorShadow(context, this.$root.$options.shadowRoot));
+    } : function (context) {
+      style.call(this, createInjector(context));
+    };
+  }
+
+  if (hook) {
+    if (options.functional) {
+      var originalRender = options.render;
+
+      options.render = function renderWithStyleInjection(h, context) {
+        hook.call(context);
+        return originalRender(h, context);
+      };
+    } else {
+      var existing = options.beforeCreate;
+      options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
+    }
+  }
+
+  return script;
+}
+
+/* script */
+const __vue_script__ = script;
+/* template */
+
+  /* style */
+  const __vue_inject_styles__ = undefined;
+  /* scoped */
+  const __vue_scope_id__ = undefined;
+  /* module identifier */
+  const __vue_module_identifier__ = undefined;
+  /* functional template */
+  const __vue_is_functional_template__ = undefined;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__ = /*#__PURE__*/normalizeComponent(
+    {},
+    __vue_inject_styles__,
+    __vue_script__,
+    __vue_scope_id__,
+    __vue_is_functional_template__,
+    __vue_module_identifier__,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+var script$1 = {
+  name: 'slide',
+  props: {
+    skip: {
+      "default": false
+    },
+    enter: {
+      "default": null
+    },
+    enterPrev: {
+      "default": null
+    },
+    enterNext: {
+      "default": null
+    },
+    leave: {
+      "default": null
+    },
+    leavePrev: {
+      "default": null
+    },
+    leaveNext: {
+      "default": null
+    },
+    steps: {
+      "default": 1
+    },
+    mouseNavigation: {
+      "default": true
+    },
+    keyboardNavigation: {
+      "default": true
+    }
+  },
+  data: function data() {
+    return {
+      step: 1,
+      active: false,
+      isSlide: true,
+      slideTimer: 0,
+      direction: 'next',
+      transitions: {
+        next: {
+          enter: this.enterNext || this.enter,
+          leave: this.leaveNext || this.leave
+        },
+        prev: {
+          enter: this.enterPrev || this.enter,
+          leave: this.leavePrev || this.leave
+        }
+      }
+    };
+  },
+  computed: {
+    enterTransition: function enterTransition() {
+      return this.transitions[this.direction].enter;
+    },
+    leaveTransition: function leaveTransition() {
+      return this.transitions[this.direction].leave;
+    }
+  },
+  methods: {
+    nextStep: function nextStep() {
+      if (this.step === this.steps) {
+        this.$parent.nextSlide();
+      } else {
+        this.step++;
+      }
+    },
+    previousStep: function previousStep() {
+      if (this.step === 1) {
+        this.$parent.previousSlide();
+      } else {
+        this.step--;
+      }
+    }
+  },
+  watch: {
+    step: function step(val) {
+      this.$parent.step = val;
+    },
+    active: function active(val) {
+      var self = this;
+
+      if (val) {
+        this.slideTimer = 0;
+        this.timerUpdater = setInterval(function () {
+          self.slideTimer++;
+        }, 1000);
+      } else {
+        clearInterval(this.timerUpdater);
+      }
+    }
+  }
+};
+
+/* script */
+const __vue_script__$1 = script$1;
+
+/* template */
+var __vue_render__ = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c(
+    "eg-transition",
+    { attrs: { enter: _vm.enterTransition, leave: _vm.leaveTransition } },
+    [
+      _vm.active
+        ? _c("div", { staticClass: "eg-slide" }, [
+            _c(
+              "div",
+              { staticClass: "eg-slide-content" },
+              [_vm._t("default")],
+              2
+            )
+          ])
+        : _vm._e()
+    ]
+  )
+};
+var __vue_staticRenderFns__ = [];
+__vue_render__._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__$1 = undefined;
+  /* scoped */
+  const __vue_scope_id__$1 = undefined;
+  /* module identifier */
+  const __vue_module_identifier__$1 = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$1 = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$1 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
+    __vue_inject_styles__$1,
+    __vue_script__$1,
+    __vue_scope_id__$1,
+    __vue_is_functional_template__$1,
+    __vue_module_identifier__$1,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+var script$2 = {
+  name: 'eg-transition',
+  props: {
+    enter: {
+      "default": null
+    },
+    leave: {
+      "default": null
+    }
+  }
+};
+
+/* script */
+const __vue_script__$2 = script$2;
+
+/* template */
+var __vue_render__$1 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c(
+    "transition",
+    {
+      attrs: {
+        "enter-active-class": _vm.enter ? "animated " + _vm.enter : "",
+        "leave-active-class": _vm.leave ? "animated " + _vm.leave : ""
+      }
+    },
+    [_vm._t("default")],
+    2
+  )
+};
+var __vue_staticRenderFns__$1 = [];
+__vue_render__$1._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__$2 = undefined;
+  /* scoped */
+  const __vue_scope_id__$2 = undefined;
+  /* module identifier */
+  const __vue_module_identifier__$2 = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$2 = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$2 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$1, staticRenderFns: __vue_staticRenderFns__$1 },
+    __vue_inject_styles__$2,
+    __vue_script__$2,
+    __vue_scope_id__$2,
+    __vue_is_functional_template__$2,
+    __vue_module_identifier__$2,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+var script$3 = {
+  isWidget: true,
+  name: 'eg-modal'
+};
+
+/* script */
+const __vue_script__$3 = script$3;
+/* template */
+var __vue_render__$2 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", { staticClass: "eg-modal" }, [
+    _c("div", { staticClass: "content" }, [_vm._t("default")], 2)
+  ])
+};
+var __vue_staticRenderFns__$2 = [];
+__vue_render__$2._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__$3 = undefined;
+  /* scoped */
+  const __vue_scope_id__$3 = undefined;
+  /* module identifier */
+  const __vue_module_identifier__$3 = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$3 = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$3 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$2, staticRenderFns: __vue_staticRenderFns__$2 },
+    __vue_inject_styles__$3,
+    __vue_script__$3,
+    __vue_scope_id__$3,
+    __vue_is_functional_template__$3,
+    __vue_module_identifier__$3,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+function randId() {
+  return Math.random().toString(36).substr(2, 10);
+}
+
+var script$4 = {
+  isWidget: true,
+  name: 'eg-code-block',
+  props: {
+    id: {
+      "default": function _default() {
+        return randId();
+      }
+    },
+    id2: {
+      "default": function _default() {
+        return randId();
+      }
+    },
+    id3: {
+      "default": function _default() {
+        return randId();
+      }
+    },
+    lang: {
+      "default": null
+    }
+  },
+  mounted: function mounted() {
+    this.update();
+  },
+  updated: function updated() {
+    this.update();
+  },
+  methods: {
+    update: function update() {
+      var codeBlock = document.getElementById(this.id);
+      var commentsContent = document.getElementById(this.id2);
+      var codeContent = document.getElementById(this.id3);
+      codeContent.innerHTML = commentsContent.innerHTML;
+
+      if (this.lang && Options.hljs) {
+        Options.hljs.highlightBlock(codeBlock);
+      }
+    }
+  }
+};
+
+/* script */
+const __vue_script__$4 = script$4;
+/* template */
+var __vue_render__$3 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", { staticClass: "eg-code-block container" }, [
+    _c("div", { staticClass: "box hljs code-box", attrs: { id: _vm.id } }, [
+      _c("pre", [
+        _c("code", { class: _vm.lang ? _vm.lang : "", attrs: { id: _vm.id3 } })
+      ])
+    ]),
+    _c("div", { staticClass: "box comments-box" }, [
+      _c("pre", [
+        _c("code", { attrs: { id: _vm.id2 } }, [_vm._t("default")], 2)
+      ])
+    ])
+  ])
+};
+var __vue_staticRenderFns__$3 = [];
+__vue_render__$3._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__$4 = undefined;
+  /* scoped */
+  const __vue_scope_id__$4 = "data-v-5c6e33b8";
+  /* module identifier */
+  const __vue_module_identifier__$4 = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$4 = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$4 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$3, staticRenderFns: __vue_staticRenderFns__$3 },
+    __vue_inject_styles__$4,
+    __vue_script__$4,
+    __vue_scope_id__$4,
+    __vue_is_functional_template__$4,
+    __vue_module_identifier__$4,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+var script$5 = {
+  isWidget: true,
+  name: 'eg-code-comment',
+  props: {
+    enter: {
+      "default": null
+    },
+    leave: {
+      "default": null
+    },
+    active: {
+      "default": true
+    },
+    arrow: {
+      "default": true
+    }
+  }
+};
+
+/* script */
+const __vue_script__$5 = script$5;
+/* template */
+var __vue_render__$4 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c(
+    "eg-transition",
+    { attrs: { enter: _vm.enter, leave: _vm.leave } },
+    [
+      _vm.active
+        ? _c(
+            "div",
+            { staticClass: "eg-code-comment" },
+            [
+              _vm.arrow ? _c("span", [_vm._v("←")]) : _vm._e(),
+              _vm._t("default")
+            ],
+            2
+          )
+        : _vm._e()
+    ]
+  )
+};
+var __vue_staticRenderFns__$4 = [];
+__vue_render__$4._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__$5 = undefined;
+  /* scoped */
+  const __vue_scope_id__$5 = undefined;
+  /* module identifier */
+  const __vue_module_identifier__$5 = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$5 = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$5 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$4, staticRenderFns: __vue_staticRenderFns__$4 },
+    __vue_inject_styles__$5,
+    __vue_script__$5,
+    __vue_scope_id__$5,
+    __vue_is_functional_template__$5,
+    __vue_module_identifier__$5,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+var script$6 = {
+  isWidget: true,
+  name: 'eg-toggle',
+  props: {
+    value: {
+      "default": true
+    },
+    fontsize: {
+      "default": '0.8em'
+    }
+  },
+  data: function data() {
+    return {
+      checked: this.value
+    };
+  },
+  methods: {
+    toggle: function toggle() {
+      this.checked = !this.checked;
+    }
+  },
+  watch: {
+    checked: function checked(val) {
+      this.$emit('input', val);
+    }
+  }
+};
+
+/* script */
+const __vue_script__$6 = script$6;
+/* template */
+var __vue_render__$5 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", { staticClass: "eg-switch" }, [
+    _c(
+      "div",
+      {
+        staticClass: "switch",
+        style: { "font-size": _vm.fontsize },
+        on: { click: _vm.toggle }
+      },
+      [
+        _c("input", {
+          attrs: { type: "checkbox" },
+          domProps: { checked: _vm.checked }
+        }),
+        _c("div", { staticClass: "slider", class: { checked: _vm.checked } }),
+        _c("div", { staticClass: "sliderdot", class: { checked: _vm.checked } })
+      ]
+    ),
+    _c("span", { class: { unchecked: !_vm.checked } }, [_vm._t("default")], 2)
+  ])
+};
+var __vue_staticRenderFns__$5 = [];
+__vue_render__$5._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__$6 = undefined;
+  /* scoped */
+  const __vue_scope_id__$6 = "data-v-00a4c1ca";
+  /* module identifier */
+  const __vue_module_identifier__$6 = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$6 = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$6 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$5, staticRenderFns: __vue_staticRenderFns__$5 },
+    __vue_inject_styles__$6,
+    __vue_script__$6,
+    __vue_scope_id__$6,
+    __vue_is_functional_template__$6,
+    __vue_module_identifier__$6,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+var script$7 = {
+  isWidget: true,
+  name: 'eg-radio-button',
+  props: {
+    value: {
+      "default": null
+    },
+    label: {
+      "default": null
+    },
+    fontsize: {
+      "default": '0.7em'
+    }
+  },
+  methods: {
+    select: function select() {
+      this.$emit('input', this.label);
+    }
+  }
+};
+
+/* script */
+const __vue_script__$7 = script$7;
+/* template */
+var __vue_render__$6 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c(
+    "div",
+    { staticClass: "eg-radio" },
+    [
+      _c(
+        "div",
+        {
+          staticClass: "radiobutton",
+          style: { "font-size": _vm.fontsize },
+          on: { click: _vm.select }
+        },
+        [
+          _c("div", { staticClass: "radio" }),
+          _c("div", {
+            staticClass: "radiodot",
+            class: { checked: _vm.value === _vm.label }
+          })
+        ]
+      ),
+      _vm._t("default")
+    ],
+    2
+  )
+};
+var __vue_staticRenderFns__$6 = [];
+__vue_render__$6._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__$7 = undefined;
+  /* scoped */
+  const __vue_scope_id__$7 = "data-v-7e3d7c2e";
+  /* module identifier */
+  const __vue_module_identifier__$7 = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$7 = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$7 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$6, staticRenderFns: __vue_staticRenderFns__$6 },
+    __vue_inject_styles__$7,
+    __vue_script__$7,
+    __vue_scope_id__$7,
+    __vue_is_functional_template__$7,
+    __vue_module_identifier__$7,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+var script$8 = {
+  isWidget: true,
+  name: 'eg-image-slide',
+  mixins: [__vue_component__$1],
+  props: {
+    url: {
+      "default": 'https://i.imgur.com/P7iyH.png'
+    },
+    enter: {
+      "default": null
+    },
+    leave: {
+      "default": null
+    }
+  },
+  computed: {
+    style: function style() {
+      return {
+        'background-image': 'url(' + this.url + ')',
+        'background-position': 'center center',
+        'background-size': 'cover'
+      };
+    }
+  }
+};
+
+/* script */
+const __vue_script__$8 = script$8;
+
+/* template */
+var __vue_render__$7 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c(
+    "eg-transition",
+    { attrs: { enter: _vm.enter, leave: _vm.leave } },
+    [
+      _vm.active
+        ? _c("div", { staticClass: "eg-slide image-slide", style: _vm.style })
+        : _vm._e()
+    ]
+  )
+};
+var __vue_staticRenderFns__$7 = [];
+__vue_render__$7._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__$8 = undefined;
+  /* scoped */
+  const __vue_scope_id__$8 = undefined;
+  /* module identifier */
+  const __vue_module_identifier__$8 = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$8 = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$8 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$7, staticRenderFns: __vue_staticRenderFns__$7 },
+    __vue_inject_styles__$8,
+    __vue_script__$8,
+    __vue_scope_id__$8,
+    __vue_is_functional_template__$8,
+    __vue_module_identifier__$8,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+var script$9 = {
+  isWidget: true,
+  name: 'eg-triggered-message',
+  props: {
+    enter: {
+      "default": 'slideInLeft'
+    },
+    leave: {
+      "default": 'slideOutLeft'
+    },
+    trigger: {
+      "default": false
+    },
+    position: {
+      "default": 'left top'
+    },
+    duration: {
+      "default": 3
+    }
+  },
+  data: function data() {
+    return {
+      active: false,
+      timeout: null,
+      style: {
+        top: this.position.indexOf('top') >= 0 ? '0%' : 'none',
+        bottom: this.position.indexOf('bottom') >= 0 ? '0%' : 'none',
+        left: this.position.indexOf('left') >= 0 ? '0%' : 'none',
+        right: this.position.indexOf('right') >= 0 ? '0%' : 'none'
+      }
+    };
+  },
+  watch: {
+    trigger: function trigger(val, oldVal) {
+      if (!oldVal && val) {
+        this.active = true;
+        var self = this;
+        this.timeout = setTimeout(function () {
+          self.active = false;
+        }, 1000 * this.duration);
+      } else if (oldVal && !val) {
+        this.active = false;
+        clearTimeout(this.timeout);
+      }
+    }
+  }
+};
+
+/* script */
+const __vue_script__$9 = script$9;
+
+/* template */
+var __vue_render__$8 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c(
+    "eg-transition",
+    { attrs: { enter: _vm.enter, leave: _vm.leave } },
+    [
+      _vm.active
+        ? _c(
+            "div",
+            { staticClass: "eg-triggered-message", style: _vm.style },
+            [_vm._t("default")],
+            2
+          )
+        : _vm._e()
+    ]
+  )
+};
+var __vue_staticRenderFns__$8 = [];
+__vue_render__$8._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__$9 = undefined;
+  /* scoped */
+  const __vue_scope_id__$9 = undefined;
+  /* module identifier */
+  const __vue_module_identifier__$9 = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$9 = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$9 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$8, staticRenderFns: __vue_staticRenderFns__$8 },
+    __vue_inject_styles__$9,
+    __vue_script__$9,
+    __vue_scope_id__$9,
+    __vue_is_functional_template__$9,
+    __vue_module_identifier__$9,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+var script$a = {
+  isWidget: true,
+  name: 'eg-timer',
+  props: {
+    key: {
+      "default": 'T'
+    }
+  },
+  data: function data() {
+    return {
+      text: '',
+      active: false
+    };
+  },
+  mounted: function mounted() {
+    this.updateText();
+    window.addEventListener('keydown', this.keydown);
+    setInterval(this.updateText, 1000);
+  },
+  beforeDestroy: function beforeDestroy() {
+    window.removeEventListener('keydown', this.keydown);
+  },
+  methods: {
+    toggle: function toggle() {
+      this.display = !this.display;
+    },
+    keydown: function keydown(evt) {
+      if (evt.key === this.key) {
+        this.active = !this.active;
+      }
+    },
+    updateText: function updateText() {
+      var time = this.$parent.timer / 60 + ':' + this.$parent.timer % 60;
+      var slide = this.$parent.currentSlideIndex + '/' + this.$parent.slides.length;
+      return slide + ' - ' + time;
+    }
+  }
+};
+
+/* script */
+const __vue_script__$a = script$a;
+/* template */
+var __vue_render__$9 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("eg-transition", { attrs: { enter: "fadeIn", leave: "fadeOut" } }, [
+    _vm.display ? _c("div", { staticClass: "timer" }) : _vm._e(),
+    _vm._v(_vm._s(_vm.text))
+  ])
+};
+var __vue_staticRenderFns__$9 = [];
+__vue_render__$9._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__$a = undefined;
+  /* scoped */
+  const __vue_scope_id__$a = "data-v-1e05bb88";
+  /* module identifier */
+  const __vue_module_identifier__$a = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$a = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$a = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$9, staticRenderFns: __vue_staticRenderFns__$9 },
+    __vue_inject_styles__$a,
+    __vue_script__$a,
+    __vue_scope_id__$a,
+    __vue_is_functional_template__$a,
+    __vue_module_identifier__$a,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+var hasZoom = false;
+
+var updateCoords = function updateCoords(slideshow, config) {
+  return function () {
+    slideshow._height = document.documentElement.clientHeight;
+    slideshow._width = document.documentElement.clientWidth;
+    slideshow._center.x = slideshow._width / 2;
+    slideshow._center.y = slideshow._height / 2;
+    slideshow._boundary.x = slideshow._center.x / config.scale;
+    slideshow._boundary.y = slideshow._center.y / config.scale;
+  };
+};
+
+var magnify = function magnify(slideshow, config) {
+  return function (event) {
+    if (!event.altKey) return;
+
+    if (document.body.style.transform) {
+      document.body.style.transform = '';
+      document.body.style.overflow = 'auto';
+    } else {
+      document.body.style.height = slideshow._height + 'px';
+      document.body.style.overflow = 'hidden';
+      document.body.style.transition = '0.5s';
+      var translateX = slideshow._center.x - event.clientX;
+      var translateY = slideshow._center.y - event.clientY;
+      translateX = translateX < slideshow._boundary.x ? translateX > -slideshow._boundary.x ? translateX : -slideshow._boundary.x : slideshow._boundary.x;
+      translateY = translateY < slideshow._boundary.y ? translateY > -slideshow._boundary.y ? translateY : -slideshow._boundary.y : slideshow._boundary.y;
+      document.body.style.transform = "scale(".concat(config.scale, ") translate(").concat(translateX, "px, ").concat(translateY, "px)");
+    }
+  };
+};
+
+var zoom = {
+  isPlugin: true,
+  init: function init(slideshow, config) {
+    if (slideshow.embedded || slideshow.inserted || hasZoom) return;
+    config = Object.assign({
+      scale: 2
+    }, config);
+    hasZoom = true;
+    slideshow._zoom = true;
+    slideshow._height = document.documentElement.clientHeight;
+    slideshow._width = document.documentElement.clientWidth;
+    slideshow._center = {
+      x: slideshow._width / 2,
+      y: slideshow._height / 2
+    };
+    slideshow._boundary = {
+      x: slideshow._center.x / config.scale,
+      y: slideshow._center.y / config.scale
+    };
+    window.addEventListener('resize', updateCoords(slideshow, config));
+    window.addEventListener('mousedown', magnify(slideshow, config));
+  },
+  destroy: function destroy(slideshow, config) {
+    if (slideshow._zoom) {
+      window.removeEventListener('resize', updateCoords(slideshow, config));
+      window.removeEventListener('mousedown', magnify(slideshow, config));
+    }
+  }
+};
+
+var hasPresenter = false;
+
+var keydown = function keydown(slideshow, config) {
+  return function (evt) {
+    if (slideshow.keyboardNavigation && (slideshow.currentSlide.keyboardNavigation || evt.ctrlKey || evt.metaKey)) {
+      if (evt.key === 'ArrowLeft' || evt.key === 'PageUp') {
+        postMessage(slideshow, '{"method": "previousStep"}');
+      } else if (evt.key === 'ArrowRight' || evt.key === 'PageDown') {
+        postMessage(slideshow, '{"method": "nextStep"}');
+      } else if (evt.key === config.presenterModeKey && !slideshow.parentWindow) {
+        togglePresenterMode(slideshow);
+        evt.preventDefault();
+      }
+    }
+  };
+};
+
+var click = function click(slideshow) {
+  return function (evt) {
+    if (slideshow.mouseNavigation && slideshow.currentSlide.mouseNavigation && !evt.altKey) {
+      var clientX = evt.clientX != null ? evt.clientX : evt.touches[0].clientX;
+
+      if (clientX < 0.25 * document.documentElement.clientWidth) {
+        postMessage(slideshow, '{"method": "previousStep"}');
+      } else if (clientX > 0.75 * document.documentElement.clientWidth) {
+        postMessage(slideshow, '{"method": "nextStep"}');
+      }
+    }
+  };
+};
+
+var message = function message(slideshow) {
+  return function (evt) {
+    if (evt.origin !== window.location.origin) {
+      return void 0;
+    }
+
+    try {
+      var data = JSON.parse(evt.data);
+
+      switch (data.method) {
+        case 'nextStep':
+        case 'previousStep':
+          slideshow[data.method]();
+          break;
+
+        case 'getCurrentSlide':
+          postMessage(slideshow, "{\n          \"method\": \"setCurrentSlide\", \n          \"slideIndex\": ".concat(slideshow.currentSlideIndex, ",\n          \"step\": ").concat(slideshow.step, "\n          }"));
+          break;
+
+        case 'setCurrentSlide':
+          slideshow.currentSlideIndex = data.slideIndex;
+          slideshow.$nextTick(function () {
+            slideshow.step = data.step;
+          });
+          break;
+
+        default:
+      }
+    } catch (e) {
+      console.log("Presenter mode runs into an error: ".concat(e));
+    }
+  };
+};
+
+function postMessage(slideshow, message) {
+  if (slideshow.childWindow) {
+    slideshow.childWindow.postMessage(message, window.location.origin);
+  }
+
+  if (slideshow.parentWindow) {
+    slideshow.parentWindow.postMessage(message, window.location.origin);
+  }
+}
+
+function togglePresenterMode(slideshow) {
+  if (slideshow.childWindow) {
+    slideshow.childWindow.close();
+    slideshow.childWindow = null;
+  } else {
+    slideshow.childWindow = window.open(window.location.href, 'eagle-presenter');
+    window.addEventListener('message', message(slideshow));
+  }
+}
+
+var presenter = {
+  isPlugin: true,
+  init: function init(slideshow, config) {
+    if (slideshow.embedded || slideshow.inserted || hasPresenter) return;
+    config = Object.assign({
+      presenterModeKey: 'p'
+    }, config);
+    hasPresenter = true;
+    slideshow._presenter = true;
+
+    if (window.opener && window.opener.location.href === window.location.href) {
+      slideshow.parentWindow = window.opener;
+      postMessage(slideshow, '{"method": "getCurrentSlide"}');
+      window.addEventListener('message', message(slideshow));
+    }
+
+    window.addEventListener('keydown', keydown(slideshow, config));
+    window.addEventListener('click', click(slideshow));
+  },
+  destroy: function destroy(slideshow, config) {
+    if (slideshow._presenter) {
+      window.removeEventListener('message', message(slideshow));
+      window.removeEventListener('keydown', keydown(slideshow, config));
+      window.addEventListener('click', click(slideshow));
+    }
+  }
+};
+
+var Options = {
+  plugins: []
+};
+var main = {
+  install: function install(Vue) {
+    Vue.component('slide', __vue_component__$1);
+    Vue.component('eg-transition', __vue_component__$2);
+  },
+  use: function use(extension, config) {
+    if (extension.isPlugin) {
+      Options.plugins.push([extension, config]);
+    }
+
+    if (extension.isWidget) {
+      Vue.component(extension.name, extension);
+    }
+  }
+};
+
+exports.CodeBlock = __vue_component__$4;
+exports.CodeComment = __vue_component__$5;
+exports.ImageSlide = __vue_component__$8;
+exports.Modal = __vue_component__$3;
+exports.Options = Options;
+exports.Presenter = presenter;
+exports.RadioButton = __vue_component__$7;
+exports.Slide = __vue_component__$1;
+exports.Slideshow = __vue_component__;
+exports.Timer = __vue_component__$a;
+exports.Toggle = __vue_component__$6;
+exports.Transition = __vue_component__$2;
+exports.TriggeredMessage = __vue_component__$9;
+exports.Zoom = zoom;
+exports.default = main;
diff --git a/dist/eagle.es.js b/dist/eagle.es.js
new file mode 100644
index 0000000..670c0de
--- /dev/null
+++ b/dist/eagle.es.js
@@ -0,0 +1,1514 @@
+/*
+ * eagle.js v0.6.1
+ *
+ * @license
+ * Copyright 2017-2019, Zulko
+ * Released under the ISC License
+ */
+import Vue from 'vue';
+import throttle from 'lodash.throttle';
+
+var PREV = 'prev';
+var NEXT = 'next';
+var script = {
+  props: {
+    firstSlide: {
+      "default": 1
+    },
+    startStep: {
+      "default": 1
+    },
+    lastSlide: {
+      "default": null
+    },
+    embedded: {
+      "default": false
+    },
+    inserted: {
+      "default": false
+    },
+    keyboardNavigation: {
+      "default": true
+    },
+    mouseNavigation: {
+      "default": true
+    },
+    onStartExit: {
+      "default": function _default() {
+        return function () {
+          if (this.$router) this.$router.push('/');
+        };
+      }
+    },
+    onEndExit: {
+      "default": function _default() {
+        return function () {
+          if (this.$router) this.$router.push('/');
+        };
+      }
+    },
+    skip: {
+      "default": false
+    },
+    backBySlide: {
+      "default": false
+    },
+    repeat: {
+      "default": false
+    }
+  },
+  data: function data() {
+    return {
+      currentSlideIndex: 1,
+      currentSlide: null,
+      step: this.startStep,
+      slideshowTimer: 0,
+      slideTimer: 0,
+      slides: [],
+      active: true
+    };
+  },
+  computed: {
+    computedActive: function computedActive() {
+      return this.slides.some(function (slide) {
+        return slide.active;
+      });
+    }
+  },
+  mounted: function mounted() {
+    this.isSlideshow = true;
+    var self = this;
+    this.findSlides();
+
+    if (this.$root.direction === PREV) {
+      this.currentSlideIndex = this.slides.length;
+    }
+
+    if (!this.inserted) {
+      this.currentSlide = this.slides[this.currentSlideIndex - 1];
+      this.currentSlide.step = this.startStep;
+
+      if (this.keyboardNavigation) {
+        window.addEventListener('keydown', this.handleKeydown);
+      }
+
+      if (this.mouseNavigation) {
+        if ('ontouchstart' in window) {
+          window.addEventListener('touchstart', this.handleClick);
+        } else {
+          window.addEventListener('click', this.handleClick);
+          window.addEventListener('wheel', this.handleWheel);
+        }
+      }
+
+      if (this.embedded) {
+        this.$el.className += ' embedded-slideshow';
+      }
+    }
+
+    window.addEventListener('resize', this.handleResize);
+
+    if (this.preloadedImages) {
+      setTimeout(function () {
+        for (var image in self.preloadedImages) {
+          new Image().src = self.preloadedImages[image];
+        }
+      }, 1000);
+    }
+
+    this.handleResize();
+    this.timerUpdater = setInterval(function () {
+      self.slideshowTimer++;
+      self.slideTimer++;
+    }, 1000);
+    this.registerPlugins();
+    this.afterMounted();
+  },
+  beforeDestroy: function beforeDestroy() {
+    window.removeEventListener('keydown', this.handleKeydown);
+    window.removeEventListener('click', this.handleClick);
+    window.removeEventListener('touchstart', this.handleClick);
+    window.removeEventListener('wheel', this.handleWheel);
+    clearInterval(this.timerUpdater);
+    this.unregisterPlugins();
+  },
+  methods: {
+    changeDirection: function changeDirection(direction) {
+      this.slides.forEach(function (slide) {
+        slide.direction = direction;
+      });
+      this.$root.direction = direction;
+    },
+    nextStep: function nextStep() {
+      this.changeDirection(NEXT);
+      var self = this;
+      this.$nextTick(function () {
+        if (self.step >= self.currentSlide.steps) {
+          self.nextSlide();
+        } else {
+          self.step++;
+        }
+      });
+    },
+    previousStep: function previousStep() {
+      this.changeDirection(PREV);
+      var self = this;
+      this.$nextTick(function () {
+        if (self.step <= 1) {
+          self.previousSlide();
+        } else {
+          self.step--;
+        }
+      });
+    },
+    nextSlide: function nextSlide() {
+      this.changeDirection(NEXT);
+      var nextSlideIndex = this.currentSlideIndex + 1;
+
+      while (nextSlideIndex < this.slides.length + 1 && (this.slides[nextSlideIndex - 1].skip || this.slides[nextSlideIndex - 1].$parent.skip)) {
+        nextSlideIndex++;
+      }
+
+      if (nextSlideIndex < this.slides.length + 1) {
+        this.currentSlideIndex = nextSlideIndex;
+      } else if (this.repeat) {
+        this.currentSlideIndex = 1;
+      } else if (!this.embedded) {
+        this.onEndExit();
+      }
+    },
+    previousSlide: function previousSlide() {
+      this.changeDirection(PREV);
+      var previousSlideIndex = this.currentSlideIndex - 1;
+
+      while (previousSlideIndex >= 1 && (this.slides[previousSlideIndex - 1].skip || this.slides[previousSlideIndex - 1].$parent.skip)) {
+        previousSlideIndex--;
+      }
+
+      if (previousSlideIndex >= 1) {
+        this.currentSlideIndex = previousSlideIndex;
+      } else if (!this.embedded) {
+        this.onStartExit();
+      }
+    },
+    handleResize: function handleResize() {
+      var self = this;
+      throttle(function () {
+        var width = 0;
+        var height = 0;
+
+        if (self.embedded) {
+          width = self.$el.parentElement.clientWidth;
+          height = self.$el.parentElement.clientHeight;
+        } else {
+          width = document.documentElement.clientWidth;
+          height = document.documentElement.clientHeight;
+        }
+
+        self.$el.style.fontSize = 0.04 * Math.min(height, width) + 'px';
+      }, 16)();
+    },
+    handleClick: function handleClick(evt) {
+      var noHref = evt.target['href'] === undefined;
+
+      if (this.mouseNavigation && this.currentSlide.mouseNavigation && noHref && !evt.altKey) {
+        var clientX = evt.clientX != null ? evt.clientX : evt.touches[0].clientX;
+
+        if (clientX < 0.25 * document.documentElement.clientWidth) {
+          evt.preventDefault();
+          this.previousStep();
+        } else if (clientX > 0.75 * document.documentElement.clientWidth) {
+          evt.preventDefault();
+          this.nextStep();
+        }
+      }
+    },
+    handleWheel: throttle(function (evt) {
+      if (this.mouseNavigation && this.currentSlide.mouseNavigation) {
+        evt.preventDefault();
+
+        if (evt.wheelDeltaY > 0 || evt.deltaY > 0) {
+          this.nextStep();
+        } else if (evt.wheelDeltaY < 0 || evt.deltaY < 0) {
+          this.previousStep();
+        }
+      }
+    }, 1000),
+    handleKeydown: function handleKeydown(evt) {
+      if (this.keyboardNavigation && (this.currentSlide.keyboardNavigation || evt.ctrlKey || evt.metaKey)) {
+        if (evt.key === 'ArrowLeft' || evt.key === 'PageUp') {
+          this.previousStep();
+          evt.preventDefault();
+        } else if (evt.key === 'ArrowRight' || evt.key === 'PageDown') {
+          this.nextStep();
+          evt.preventDefault();
+        }
+      }
+    },
+    afterMounted: function afterMounted() {},
+    findSlides: function findSlides() {
+      var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+          _ref$resetIndex = _ref.resetIndex,
+          resetIndex = _ref$resetIndex === void 0 ? true : _ref$resetIndex;
+
+      var self = this;
+      var i = 0;
+      self.slides = [];
+      this.$children.forEach(function (el) {
+        if (el.isSlide) {
+          i++;
+
+          if (i >= self.firstSlide && (!self.lastSlide || i <= self.lastSlide)) {
+            self.slides.push(el);
+          }
+        } else if (el.isSlideshow) {
+          el.active = false;
+          el.slides.forEach(function (slide) {
+            i++;
+            slide.active = false;
+
+            if (i >= self.firstSlide && (!self.lastSlide || i <= self.lastSlide)) {
+              self.slides.push(slide);
+            }
+          });
+        }
+      });
+
+      if (resetIndex) {
+        self.currentSlideIndex = 1;
+        self.currentSlide = self.currentSlide === null ? null : self.slides[0];
+        self.step = self.startStep;
+      }
+    },
+    updateSlideshowVisibility: function updateSlideshowVisibility(val) {
+      if (val) {
+        this.$el.style.visibility = 'visible';
+      } else {
+        this.$el.style.visibility = 'hidden';
+      }
+    },
+    registerPlugins: function registerPlugins() {
+      var _this = this;
+
+      Options.plugins.forEach(function (plugin) {
+        plugin[0].init(_this, plugin[1]);
+      });
+    },
+    unregisterPlugins: function unregisterPlugins() {
+      var _this2 = this;
+
+      Options.plugins.forEach(function (plugin) {
+        plugin[0].destroy(_this2, plugin[1]);
+      });
+    }
+  },
+  watch: {
+    currentSlide: function currentSlide(newSlide, oldSlide) {
+      if (oldSlide) {
+        oldSlide.active = false;
+
+        if (oldSlide.$parent !== newSlide.$parent && oldSlide.$parent !== this) {
+          oldSlide.$parent.active = false;
+        }
+      }
+
+      this.slideTimer = 0;
+
+      if (this.backBySlide || newSlide.direction === NEXT) {
+        this.step = 1;
+        newSlide.step = 1;
+        newSlide.$parent.step = 1;
+      } else if (newSlide.direction === PREV) {
+        this.step = newSlide.steps;
+        newSlide.step = newSlide.steps;
+        newSlide.$parent.step = newSlide.steps;
+      }
+
+      newSlide.active = true;
+      newSlide.$parent.active = true;
+    },
+    currentSlideIndex: function currentSlideIndex(index) {
+      this.currentSlide = this.slides[index - 1];
+    },
+    step: function step(val) {
+      if (this.currentSlide) {
+        this.currentSlide.step = val;
+        this.currentSlide.$parent.step = val;
+      }
+    },
+    active: 'updateSlideshowVisibility',
+    computedActive: 'updateSlideshowVisibility'
+  }
+};
+
+function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
+  if (typeof shadowMode !== 'boolean') {
+    createInjectorSSR = createInjector;
+    createInjector = shadowMode;
+    shadowMode = false;
+  }
+
+  var options = typeof script === 'function' ? script.options : script;
+
+  if (template && template.render) {
+    options.render = template.render;
+    options.staticRenderFns = template.staticRenderFns;
+    options._compiled = true;
+
+    if (isFunctionalTemplate) {
+      options.functional = true;
+    }
+  }
+
+  if (scopeId) {
+    options._scopeId = scopeId;
+  }
+
+  var hook;
+
+  if (moduleIdentifier) {
+    hook = function hook(context) {
+      context = context || this.$vnode && this.$vnode.ssrContext || this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext;
+
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+        context = __VUE_SSR_CONTEXT__;
+      }
+
+      if (style) {
+        style.call(this, createInjectorSSR(context));
+      }
+
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier);
+      }
+    };
+
+    options._ssrRegister = hook;
+  } else if (style) {
+    hook = shadowMode ? function (context) {
+      style.call(this, createInjectorShadow(context, this.$root.$options.shadowRoot));
+    } : function (context) {
+      style.call(this, createInjector(context));
+    };
+  }
+
+  if (hook) {
+    if (options.functional) {
+      var originalRender = options.render;
+
+      options.render = function renderWithStyleInjection(h, context) {
+        hook.call(context);
+        return originalRender(h, context);
+      };
+    } else {
+      var existing = options.beforeCreate;
+      options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
+    }
+  }
+
+  return script;
+}
+
+/* script */
+const __vue_script__ = script;
+/* template */
+
+  /* style */
+  const __vue_inject_styles__ = undefined;
+  /* scoped */
+  const __vue_scope_id__ = undefined;
+  /* module identifier */
+  const __vue_module_identifier__ = undefined;
+  /* functional template */
+  const __vue_is_functional_template__ = undefined;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__ = /*#__PURE__*/normalizeComponent(
+    {},
+    __vue_inject_styles__,
+    __vue_script__,
+    __vue_scope_id__,
+    __vue_is_functional_template__,
+    __vue_module_identifier__,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+var script$1 = {
+  name: 'slide',
+  props: {
+    skip: {
+      "default": false
+    },
+    enter: {
+      "default": null
+    },
+    enterPrev: {
+      "default": null
+    },
+    enterNext: {
+      "default": null
+    },
+    leave: {
+      "default": null
+    },
+    leavePrev: {
+      "default": null
+    },
+    leaveNext: {
+      "default": null
+    },
+    steps: {
+      "default": 1
+    },
+    mouseNavigation: {
+      "default": true
+    },
+    keyboardNavigation: {
+      "default": true
+    }
+  },
+  data: function data() {
+    return {
+      step: 1,
+      active: false,
+      isSlide: true,
+      slideTimer: 0,
+      direction: 'next',
+      transitions: {
+        next: {
+          enter: this.enterNext || this.enter,
+          leave: this.leaveNext || this.leave
+        },
+        prev: {
+          enter: this.enterPrev || this.enter,
+          leave: this.leavePrev || this.leave
+        }
+      }
+    };
+  },
+  computed: {
+    enterTransition: function enterTransition() {
+      return this.transitions[this.direction].enter;
+    },
+    leaveTransition: function leaveTransition() {
+      return this.transitions[this.direction].leave;
+    }
+  },
+  methods: {
+    nextStep: function nextStep() {
+      if (this.step === this.steps) {
+        this.$parent.nextSlide();
+      } else {
+        this.step++;
+      }
+    },
+    previousStep: function previousStep() {
+      if (this.step === 1) {
+        this.$parent.previousSlide();
+      } else {
+        this.step--;
+      }
+    }
+  },
+  watch: {
+    step: function step(val) {
+      this.$parent.step = val;
+    },
+    active: function active(val) {
+      var self = this;
+
+      if (val) {
+        this.slideTimer = 0;
+        this.timerUpdater = setInterval(function () {
+          self.slideTimer++;
+        }, 1000);
+      } else {
+        clearInterval(this.timerUpdater);
+      }
+    }
+  }
+};
+
+/* script */
+const __vue_script__$1 = script$1;
+
+/* template */
+var __vue_render__ = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c(
+    "eg-transition",
+    { attrs: { enter: _vm.enterTransition, leave: _vm.leaveTransition } },
+    [
+      _vm.active
+        ? _c("div", { staticClass: "eg-slide" }, [
+            _c(
+              "div",
+              { staticClass: "eg-slide-content" },
+              [_vm._t("default")],
+              2
+            )
+          ])
+        : _vm._e()
+    ]
+  )
+};
+var __vue_staticRenderFns__ = [];
+__vue_render__._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__$1 = undefined;
+  /* scoped */
+  const __vue_scope_id__$1 = undefined;
+  /* module identifier */
+  const __vue_module_identifier__$1 = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$1 = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$1 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
+    __vue_inject_styles__$1,
+    __vue_script__$1,
+    __vue_scope_id__$1,
+    __vue_is_functional_template__$1,
+    __vue_module_identifier__$1,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+var script$2 = {
+  name: 'eg-transition',
+  props: {
+    enter: {
+      "default": null
+    },
+    leave: {
+      "default": null
+    }
+  }
+};
+
+/* script */
+const __vue_script__$2 = script$2;
+
+/* template */
+var __vue_render__$1 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c(
+    "transition",
+    {
+      attrs: {
+        "enter-active-class": _vm.enter ? "animated " + _vm.enter : "",
+        "leave-active-class": _vm.leave ? "animated " + _vm.leave : ""
+      }
+    },
+    [_vm._t("default")],
+    2
+  )
+};
+var __vue_staticRenderFns__$1 = [];
+__vue_render__$1._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__$2 = undefined;
+  /* scoped */
+  const __vue_scope_id__$2 = undefined;
+  /* module identifier */
+  const __vue_module_identifier__$2 = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$2 = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$2 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$1, staticRenderFns: __vue_staticRenderFns__$1 },
+    __vue_inject_styles__$2,
+    __vue_script__$2,
+    __vue_scope_id__$2,
+    __vue_is_functional_template__$2,
+    __vue_module_identifier__$2,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+var script$3 = {
+  isWidget: true,
+  name: 'eg-modal'
+};
+
+/* script */
+const __vue_script__$3 = script$3;
+/* template */
+var __vue_render__$2 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", { staticClass: "eg-modal" }, [
+    _c("div", { staticClass: "content" }, [_vm._t("default")], 2)
+  ])
+};
+var __vue_staticRenderFns__$2 = [];
+__vue_render__$2._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__$3 = undefined;
+  /* scoped */
+  const __vue_scope_id__$3 = undefined;
+  /* module identifier */
+  const __vue_module_identifier__$3 = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$3 = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$3 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$2, staticRenderFns: __vue_staticRenderFns__$2 },
+    __vue_inject_styles__$3,
+    __vue_script__$3,
+    __vue_scope_id__$3,
+    __vue_is_functional_template__$3,
+    __vue_module_identifier__$3,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+function randId() {
+  return Math.random().toString(36).substr(2, 10);
+}
+
+var script$4 = {
+  isWidget: true,
+  name: 'eg-code-block',
+  props: {
+    id: {
+      "default": function _default() {
+        return randId();
+      }
+    },
+    id2: {
+      "default": function _default() {
+        return randId();
+      }
+    },
+    id3: {
+      "default": function _default() {
+        return randId();
+      }
+    },
+    lang: {
+      "default": null
+    }
+  },
+  mounted: function mounted() {
+    this.update();
+  },
+  updated: function updated() {
+    this.update();
+  },
+  methods: {
+    update: function update() {
+      var codeBlock = document.getElementById(this.id);
+      var commentsContent = document.getElementById(this.id2);
+      var codeContent = document.getElementById(this.id3);
+      codeContent.innerHTML = commentsContent.innerHTML;
+
+      if (this.lang && Options.hljs) {
+        Options.hljs.highlightBlock(codeBlock);
+      }
+    }
+  }
+};
+
+/* script */
+const __vue_script__$4 = script$4;
+/* template */
+var __vue_render__$3 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", { staticClass: "eg-code-block container" }, [
+    _c("div", { staticClass: "box hljs code-box", attrs: { id: _vm.id } }, [
+      _c("pre", [
+        _c("code", { class: _vm.lang ? _vm.lang : "", attrs: { id: _vm.id3 } })
+      ])
+    ]),
+    _c("div", { staticClass: "box comments-box" }, [
+      _c("pre", [
+        _c("code", { attrs: { id: _vm.id2 } }, [_vm._t("default")], 2)
+      ])
+    ])
+  ])
+};
+var __vue_staticRenderFns__$3 = [];
+__vue_render__$3._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__$4 = undefined;
+  /* scoped */
+  const __vue_scope_id__$4 = "data-v-5c6e33b8";
+  /* module identifier */
+  const __vue_module_identifier__$4 = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$4 = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$4 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$3, staticRenderFns: __vue_staticRenderFns__$3 },
+    __vue_inject_styles__$4,
+    __vue_script__$4,
+    __vue_scope_id__$4,
+    __vue_is_functional_template__$4,
+    __vue_module_identifier__$4,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+var script$5 = {
+  isWidget: true,
+  name: 'eg-code-comment',
+  props: {
+    enter: {
+      "default": null
+    },
+    leave: {
+      "default": null
+    },
+    active: {
+      "default": true
+    },
+    arrow: {
+      "default": true
+    }
+  }
+};
+
+/* script */
+const __vue_script__$5 = script$5;
+/* template */
+var __vue_render__$4 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c(
+    "eg-transition",
+    { attrs: { enter: _vm.enter, leave: _vm.leave } },
+    [
+      _vm.active
+        ? _c(
+            "div",
+            { staticClass: "eg-code-comment" },
+            [
+              _vm.arrow ? _c("span", [_vm._v("←")]) : _vm._e(),
+              _vm._t("default")
+            ],
+            2
+          )
+        : _vm._e()
+    ]
+  )
+};
+var __vue_staticRenderFns__$4 = [];
+__vue_render__$4._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__$5 = undefined;
+  /* scoped */
+  const __vue_scope_id__$5 = undefined;
+  /* module identifier */
+  const __vue_module_identifier__$5 = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$5 = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$5 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$4, staticRenderFns: __vue_staticRenderFns__$4 },
+    __vue_inject_styles__$5,
+    __vue_script__$5,
+    __vue_scope_id__$5,
+    __vue_is_functional_template__$5,
+    __vue_module_identifier__$5,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+var script$6 = {
+  isWidget: true,
+  name: 'eg-toggle',
+  props: {
+    value: {
+      "default": true
+    },
+    fontsize: {
+      "default": '0.8em'
+    }
+  },
+  data: function data() {
+    return {
+      checked: this.value
+    };
+  },
+  methods: {
+    toggle: function toggle() {
+      this.checked = !this.checked;
+    }
+  },
+  watch: {
+    checked: function checked(val) {
+      this.$emit('input', val);
+    }
+  }
+};
+
+/* script */
+const __vue_script__$6 = script$6;
+/* template */
+var __vue_render__$5 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", { staticClass: "eg-switch" }, [
+    _c(
+      "div",
+      {
+        staticClass: "switch",
+        style: { "font-size": _vm.fontsize },
+        on: { click: _vm.toggle }
+      },
+      [
+        _c("input", {
+          attrs: { type: "checkbox" },
+          domProps: { checked: _vm.checked }
+        }),
+        _c("div", { staticClass: "slider", class: { checked: _vm.checked } }),
+        _c("div", { staticClass: "sliderdot", class: { checked: _vm.checked } })
+      ]
+    ),
+    _c("span", { class: { unchecked: !_vm.checked } }, [_vm._t("default")], 2)
+  ])
+};
+var __vue_staticRenderFns__$5 = [];
+__vue_render__$5._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__$6 = undefined;
+  /* scoped */
+  const __vue_scope_id__$6 = "data-v-00a4c1ca";
+  /* module identifier */
+  const __vue_module_identifier__$6 = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$6 = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$6 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$5, staticRenderFns: __vue_staticRenderFns__$5 },
+    __vue_inject_styles__$6,
+    __vue_script__$6,
+    __vue_scope_id__$6,
+    __vue_is_functional_template__$6,
+    __vue_module_identifier__$6,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+var script$7 = {
+  isWidget: true,
+  name: 'eg-radio-button',
+  props: {
+    value: {
+      "default": null
+    },
+    label: {
+      "default": null
+    },
+    fontsize: {
+      "default": '0.7em'
+    }
+  },
+  methods: {
+    select: function select() {
+      this.$emit('input', this.label);
+    }
+  }
+};
+
+/* script */
+const __vue_script__$7 = script$7;
+/* template */
+var __vue_render__$6 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c(
+    "div",
+    { staticClass: "eg-radio" },
+    [
+      _c(
+        "div",
+        {
+          staticClass: "radiobutton",
+          style: { "font-size": _vm.fontsize },
+          on: { click: _vm.select }
+        },
+        [
+          _c("div", { staticClass: "radio" }),
+          _c("div", {
+            staticClass: "radiodot",
+            class: { checked: _vm.value === _vm.label }
+          })
+        ]
+      ),
+      _vm._t("default")
+    ],
+    2
+  )
+};
+var __vue_staticRenderFns__$6 = [];
+__vue_render__$6._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__$7 = undefined;
+  /* scoped */
+  const __vue_scope_id__$7 = "data-v-7e3d7c2e";
+  /* module identifier */
+  const __vue_module_identifier__$7 = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$7 = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$7 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$6, staticRenderFns: __vue_staticRenderFns__$6 },
+    __vue_inject_styles__$7,
+    __vue_script__$7,
+    __vue_scope_id__$7,
+    __vue_is_functional_template__$7,
+    __vue_module_identifier__$7,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+var script$8 = {
+  isWidget: true,
+  name: 'eg-image-slide',
+  mixins: [__vue_component__$1],
+  props: {
+    url: {
+      "default": 'https://i.imgur.com/P7iyH.png'
+    },
+    enter: {
+      "default": null
+    },
+    leave: {
+      "default": null
+    }
+  },
+  computed: {
+    style: function style() {
+      return {
+        'background-image': 'url(' + this.url + ')',
+        'background-position': 'center center',
+        'background-size': 'cover'
+      };
+    }
+  }
+};
+
+/* script */
+const __vue_script__$8 = script$8;
+
+/* template */
+var __vue_render__$7 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c(
+    "eg-transition",
+    { attrs: { enter: _vm.enter, leave: _vm.leave } },
+    [
+      _vm.active
+        ? _c("div", { staticClass: "eg-slide image-slide", style: _vm.style })
+        : _vm._e()
+    ]
+  )
+};
+var __vue_staticRenderFns__$7 = [];
+__vue_render__$7._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__$8 = undefined;
+  /* scoped */
+  const __vue_scope_id__$8 = undefined;
+  /* module identifier */
+  const __vue_module_identifier__$8 = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$8 = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$8 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$7, staticRenderFns: __vue_staticRenderFns__$7 },
+    __vue_inject_styles__$8,
+    __vue_script__$8,
+    __vue_scope_id__$8,
+    __vue_is_functional_template__$8,
+    __vue_module_identifier__$8,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+var script$9 = {
+  isWidget: true,
+  name: 'eg-triggered-message',
+  props: {
+    enter: {
+      "default": 'slideInLeft'
+    },
+    leave: {
+      "default": 'slideOutLeft'
+    },
+    trigger: {
+      "default": false
+    },
+    position: {
+      "default": 'left top'
+    },
+    duration: {
+      "default": 3
+    }
+  },
+  data: function data() {
+    return {
+      active: false,
+      timeout: null,
+      style: {
+        top: this.position.indexOf('top') >= 0 ? '0%' : 'none',
+        bottom: this.position.indexOf('bottom') >= 0 ? '0%' : 'none',
+        left: this.position.indexOf('left') >= 0 ? '0%' : 'none',
+        right: this.position.indexOf('right') >= 0 ? '0%' : 'none'
+      }
+    };
+  },
+  watch: {
+    trigger: function trigger(val, oldVal) {
+      if (!oldVal && val) {
+        this.active = true;
+        var self = this;
+        this.timeout = setTimeout(function () {
+          self.active = false;
+        }, 1000 * this.duration);
+      } else if (oldVal && !val) {
+        this.active = false;
+        clearTimeout(this.timeout);
+      }
+    }
+  }
+};
+
+/* script */
+const __vue_script__$9 = script$9;
+
+/* template */
+var __vue_render__$8 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c(
+    "eg-transition",
+    { attrs: { enter: _vm.enter, leave: _vm.leave } },
+    [
+      _vm.active
+        ? _c(
+            "div",
+            { staticClass: "eg-triggered-message", style: _vm.style },
+            [_vm._t("default")],
+            2
+          )
+        : _vm._e()
+    ]
+  )
+};
+var __vue_staticRenderFns__$8 = [];
+__vue_render__$8._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__$9 = undefined;
+  /* scoped */
+  const __vue_scope_id__$9 = undefined;
+  /* module identifier */
+  const __vue_module_identifier__$9 = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$9 = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$9 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$8, staticRenderFns: __vue_staticRenderFns__$8 },
+    __vue_inject_styles__$9,
+    __vue_script__$9,
+    __vue_scope_id__$9,
+    __vue_is_functional_template__$9,
+    __vue_module_identifier__$9,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+var script$a = {
+  isWidget: true,
+  name: 'eg-timer',
+  props: {
+    key: {
+      "default": 'T'
+    }
+  },
+  data: function data() {
+    return {
+      text: '',
+      active: false
+    };
+  },
+  mounted: function mounted() {
+    this.updateText();
+    window.addEventListener('keydown', this.keydown);
+    setInterval(this.updateText, 1000);
+  },
+  beforeDestroy: function beforeDestroy() {
+    window.removeEventListener('keydown', this.keydown);
+  },
+  methods: {
+    toggle: function toggle() {
+      this.display = !this.display;
+    },
+    keydown: function keydown(evt) {
+      if (evt.key === this.key) {
+        this.active = !this.active;
+      }
+    },
+    updateText: function updateText() {
+      var time = this.$parent.timer / 60 + ':' + this.$parent.timer % 60;
+      var slide = this.$parent.currentSlideIndex + '/' + this.$parent.slides.length;
+      return slide + ' - ' + time;
+    }
+  }
+};
+
+/* script */
+const __vue_script__$a = script$a;
+/* template */
+var __vue_render__$9 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("eg-transition", { attrs: { enter: "fadeIn", leave: "fadeOut" } }, [
+    _vm.display ? _c("div", { staticClass: "timer" }) : _vm._e(),
+    _vm._v(_vm._s(_vm.text))
+  ])
+};
+var __vue_staticRenderFns__$9 = [];
+__vue_render__$9._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__$a = undefined;
+  /* scoped */
+  const __vue_scope_id__$a = "data-v-1e05bb88";
+  /* module identifier */
+  const __vue_module_identifier__$a = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$a = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$a = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$9, staticRenderFns: __vue_staticRenderFns__$9 },
+    __vue_inject_styles__$a,
+    __vue_script__$a,
+    __vue_scope_id__$a,
+    __vue_is_functional_template__$a,
+    __vue_module_identifier__$a,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+var hasZoom = false;
+
+var updateCoords = function updateCoords(slideshow, config) {
+  return function () {
+    slideshow._height = document.documentElement.clientHeight;
+    slideshow._width = document.documentElement.clientWidth;
+    slideshow._center.x = slideshow._width / 2;
+    slideshow._center.y = slideshow._height / 2;
+    slideshow._boundary.x = slideshow._center.x / config.scale;
+    slideshow._boundary.y = slideshow._center.y / config.scale;
+  };
+};
+
+var magnify = function magnify(slideshow, config) {
+  return function (event) {
+    if (!event.altKey) return;
+
+    if (document.body.style.transform) {
+      document.body.style.transform = '';
+      document.body.style.overflow = 'auto';
+    } else {
+      document.body.style.height = slideshow._height + 'px';
+      document.body.style.overflow = 'hidden';
+      document.body.style.transition = '0.5s';
+      var translateX = slideshow._center.x - event.clientX;
+      var translateY = slideshow._center.y - event.clientY;
+      translateX = translateX < slideshow._boundary.x ? translateX > -slideshow._boundary.x ? translateX : -slideshow._boundary.x : slideshow._boundary.x;
+      translateY = translateY < slideshow._boundary.y ? translateY > -slideshow._boundary.y ? translateY : -slideshow._boundary.y : slideshow._boundary.y;
+      document.body.style.transform = "scale(".concat(config.scale, ") translate(").concat(translateX, "px, ").concat(translateY, "px)");
+    }
+  };
+};
+
+var zoom = {
+  isPlugin: true,
+  init: function init(slideshow, config) {
+    if (slideshow.embedded || slideshow.inserted || hasZoom) return;
+    config = Object.assign({
+      scale: 2
+    }, config);
+    hasZoom = true;
+    slideshow._zoom = true;
+    slideshow._height = document.documentElement.clientHeight;
+    slideshow._width = document.documentElement.clientWidth;
+    slideshow._center = {
+      x: slideshow._width / 2,
+      y: slideshow._height / 2
+    };
+    slideshow._boundary = {
+      x: slideshow._center.x / config.scale,
+      y: slideshow._center.y / config.scale
+    };
+    window.addEventListener('resize', updateCoords(slideshow, config));
+    window.addEventListener('mousedown', magnify(slideshow, config));
+  },
+  destroy: function destroy(slideshow, config) {
+    if (slideshow._zoom) {
+      window.removeEventListener('resize', updateCoords(slideshow, config));
+      window.removeEventListener('mousedown', magnify(slideshow, config));
+    }
+  }
+};
+
+var hasPresenter = false;
+
+var keydown = function keydown(slideshow, config) {
+  return function (evt) {
+    if (slideshow.keyboardNavigation && (slideshow.currentSlide.keyboardNavigation || evt.ctrlKey || evt.metaKey)) {
+      if (evt.key === 'ArrowLeft' || evt.key === 'PageUp') {
+        postMessage(slideshow, '{"method": "previousStep"}');
+      } else if (evt.key === 'ArrowRight' || evt.key === 'PageDown') {
+        postMessage(slideshow, '{"method": "nextStep"}');
+      } else if (evt.key === config.presenterModeKey && !slideshow.parentWindow) {
+        togglePresenterMode(slideshow);
+        evt.preventDefault();
+      }
+    }
+  };
+};
+
+var click = function click(slideshow) {
+  return function (evt) {
+    if (slideshow.mouseNavigation && slideshow.currentSlide.mouseNavigation && !evt.altKey) {
+      var clientX = evt.clientX != null ? evt.clientX : evt.touches[0].clientX;
+
+      if (clientX < 0.25 * document.documentElement.clientWidth) {
+        postMessage(slideshow, '{"method": "previousStep"}');
+      } else if (clientX > 0.75 * document.documentElement.clientWidth) {
+        postMessage(slideshow, '{"method": "nextStep"}');
+      }
+    }
+  };
+};
+
+var message = function message(slideshow) {
+  return function (evt) {
+    if (evt.origin !== window.location.origin) {
+      return void 0;
+    }
+
+    try {
+      var data = JSON.parse(evt.data);
+
+      switch (data.method) {
+        case 'nextStep':
+        case 'previousStep':
+          slideshow[data.method]();
+          break;
+
+        case 'getCurrentSlide':
+          postMessage(slideshow, "{\n          \"method\": \"setCurrentSlide\", \n          \"slideIndex\": ".concat(slideshow.currentSlideIndex, ",\n          \"step\": ").concat(slideshow.step, "\n          }"));
+          break;
+
+        case 'setCurrentSlide':
+          slideshow.currentSlideIndex = data.slideIndex;
+          slideshow.$nextTick(function () {
+            slideshow.step = data.step;
+          });
+          break;
+
+        default:
+      }
+    } catch (e) {
+      console.log("Presenter mode runs into an error: ".concat(e));
+    }
+  };
+};
+
+function postMessage(slideshow, message) {
+  if (slideshow.childWindow) {
+    slideshow.childWindow.postMessage(message, window.location.origin);
+  }
+
+  if (slideshow.parentWindow) {
+    slideshow.parentWindow.postMessage(message, window.location.origin);
+  }
+}
+
+function togglePresenterMode(slideshow) {
+  if (slideshow.childWindow) {
+    slideshow.childWindow.close();
+    slideshow.childWindow = null;
+  } else {
+    slideshow.childWindow = window.open(window.location.href, 'eagle-presenter');
+    window.addEventListener('message', message(slideshow));
+  }
+}
+
+var presenter = {
+  isPlugin: true,
+  init: function init(slideshow, config) {
+    if (slideshow.embedded || slideshow.inserted || hasPresenter) return;
+    config = Object.assign({
+      presenterModeKey: 'p'
+    }, config);
+    hasPresenter = true;
+    slideshow._presenter = true;
+
+    if (window.opener && window.opener.location.href === window.location.href) {
+      slideshow.parentWindow = window.opener;
+      postMessage(slideshow, '{"method": "getCurrentSlide"}');
+      window.addEventListener('message', message(slideshow));
+    }
+
+    window.addEventListener('keydown', keydown(slideshow, config));
+    window.addEventListener('click', click(slideshow));
+  },
+  destroy: function destroy(slideshow, config) {
+    if (slideshow._presenter) {
+      window.removeEventListener('message', message(slideshow));
+      window.removeEventListener('keydown', keydown(slideshow, config));
+      window.addEventListener('click', click(slideshow));
+    }
+  }
+};
+
+var Options = {
+  plugins: []
+};
+var main = {
+  install: function install(Vue) {
+    Vue.component('slide', __vue_component__$1);
+    Vue.component('eg-transition', __vue_component__$2);
+  },
+  use: function use(extension, config) {
+    if (extension.isPlugin) {
+      Options.plugins.push([extension, config]);
+    }
+
+    if (extension.isWidget) {
+      Vue.component(extension.name, extension);
+    }
+  }
+};
+
+export default main;
+export { __vue_component__$4 as CodeBlock, __vue_component__$5 as CodeComment, __vue_component__$8 as ImageSlide, __vue_component__$3 as Modal, Options, presenter as Presenter, __vue_component__$7 as RadioButton, __vue_component__$1 as Slide, __vue_component__ as Slideshow, __vue_component__$a as Timer, __vue_component__$6 as Toggle, __vue_component__$2 as Transition, __vue_component__$9 as TriggeredMessage, zoom as Zoom };
diff --git a/dist/themes/agrume/agrume.css b/dist/themes/agrume/agrume.css
new file mode 100644
index 0000000..6cdeb54
--- /dev/null
+++ b/dist/themes/agrume/agrume.css
@@ -0,0 +1,222 @@
+@import url(https://fonts.googleapis.com/css?family=Pompiere);
+@import url(https://fonts.googleapis.com/css?family=Amatic+SC);
+@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro);
+.eg-theme-agrume {
+  /* Solarized Green */
+  /* Solarized Cyan */
+  /* Solarized Blue */
+  /* Solarized Yellow */
+  /* Solarized Orange */
+  /* Solarized Red */ }
+  .eg-theme-agrume .eg-slideshow {
+    background-image: url("~eagle.js/dist/themes/assets/subtle_symphony.png");
+    background-color: #eee; }
+  .eg-theme-agrume .eg-slide-content,
+  .eg-theme-agrume .subslide {
+    width: 25em;
+    max-width: 80%;
+    margin: 0 auto; }
+    .eg-theme-agrume .eg-slide-content .eg-triggered-message,
+    .eg-theme-agrume .subslide .eg-triggered-message {
+      background: #fbfbfb;
+      padding-top: 0.3em;
+      padding-bottom: 0.3em;
+      padding-left: 0.5em;
+      padding-right: 0.5em;
+      margin: 1em;
+      border: 0.07em solid #bbb;
+      border-radius: 0.5em;
+      font-size: 0.8em; }
+      .eg-theme-agrume .eg-slide-content .eg-triggered-message p,
+      .eg-theme-agrume .subslide .eg-triggered-message p {
+        margin-top: 0 !important;
+        margin-bottom: 0 !important; }
+  .eg-theme-agrume h1,
+  .eg-theme-agrume h2,
+  .eg-theme-agrume h3,
+  .eg-theme-agrume h4,
+  .eg-theme-agrume p,
+  .eg-theme-agrume li,
+  .eg-theme-agrume .button,
+  .eg-theme-agrume input {
+    font-family: "Pompiere", cursive;
+    font-weight: normal; }
+  .eg-theme-agrume h3 {
+    text-transform: uppercase; }
+  .eg-theme-agrume h3 em {
+    text-decoration: underline;
+    font-style: normal; }
+  .eg-theme-agrume .hljs {
+    display: block;
+    overflow-x: auto;
+    padding: 0.5em;
+    background: #fdf6e3;
+    color: #657b83; }
+  .eg-theme-agrume .hljs-comment,
+  .eg-theme-agrume .hljs-quote {
+    color: #93a1a1; }
+  .eg-theme-agrume .hljs-keyword,
+  .eg-theme-agrume .hljs-selector-tag,
+  .eg-theme-agrume .hljs-addition {
+    color: #859900; }
+  .eg-theme-agrume .hljs-number,
+  .eg-theme-agrume .hljs-string,
+  .eg-theme-agrume .hljs-meta .hljs-meta-string,
+  .eg-theme-agrume .hljs-literal,
+  .eg-theme-agrume .hljs-doctag,
+  .eg-theme-agrume .hljs-regexp {
+    color: #2aa198; }
+  .eg-theme-agrume .hljs-title,
+  .eg-theme-agrume .hljs-section,
+  .eg-theme-agrume .hljs-name,
+  .eg-theme-agrume .hljs-selector-id,
+  .eg-theme-agrume .hljs-selector-class {
+    color: #268bd2; }
+  .eg-theme-agrume .hljs-attribute,
+  .eg-theme-agrume .hljs-attr,
+  .eg-theme-agrume .hljs-variable,
+  .eg-theme-agrume .hljs-template-variable,
+  .eg-theme-agrume .hljs-class .hljs-title,
+  .eg-theme-agrume .hljs-type {
+    color: #b58900; }
+  .eg-theme-agrume .hljs-symbol,
+  .eg-theme-agrume .hljs-bullet,
+  .eg-theme-agrume .hljs-subst,
+  .eg-theme-agrume .hljs-meta,
+  .eg-theme-agrume .hljs-meta .hljs-keyword,
+  .eg-theme-agrume .hljs-selector-attr,
+  .eg-theme-agrume .hljs-selector-pseudo,
+  .eg-theme-agrume .hljs-link {
+    color: #cb4b16; }
+  .eg-theme-agrume .hljs-built_in,
+  .eg-theme-agrume .hljs-deletion {
+    color: #dc322f; }
+  .eg-theme-agrume .hljs-formula {
+    background: #eee8d5; }
+  .eg-theme-agrume .hljs-emphasis {
+    font-style: italic; }
+  .eg-theme-agrume .hljs-strong {
+    font-weight: bold; }
+  .eg-theme-agrume .code-box {
+    box-shadow: 0 0 0.25em 0.25em #ddd; }
+  .eg-theme-agrume .eg-code-comment {
+    font-weight: bold;
+    color: #dd4321; }
+  .eg-theme-agrume .eg-modal {
+    background-color: rgba(0, 0, 0, 0.9);
+    color: white; }
+    .eg-theme-agrume .eg-modal h1,
+    .eg-theme-agrume .eg-modal h2,
+    .eg-theme-agrume .eg-modal h3,
+    .eg-theme-agrume .eg-modal h4 {
+      font-weight: bold; }
+    .eg-theme-agrume .eg-modal img {
+      box-shadow: 0 0 0.2em 0.2em #888; }
+  .eg-theme-agrume input {
+    background-color: rgba(255, 255, 255, 0.4);
+    border: 0.5px solid #ccc;
+    border-radius: 0.2em; }
+  .eg-theme-agrume input:focus {
+    border: none; }
+  .eg-theme-agrume .button {
+    background: none;
+    cursor: pointer;
+    border: none;
+    color: black;
+    border-radius: 0.5em;
+    border: 0.1em solid gray;
+    padding: 0.2em 0.2em;
+    margin-left: 0.5em;
+    margin-right: 0.5em;
+    text-align: center;
+    text-decoration: none;
+    margin-top: 1em;
+    display: inline-block;
+    line-height: 1em; }
+  .eg-theme-agrume .eg-switch {
+    margin-right: 0.5em;
+    margin-left: 0.5em; }
+    .eg-theme-agrume .eg-switch .slider {
+      background-color: #ccc; }
+    .eg-theme-agrume .eg-switch .slider.checked {
+      background-color: #ffb014; }
+    .eg-theme-agrume .eg-switch .unchecked .label {
+      color: #bbbbbb; }
+  .eg-theme-agrume .eg-radio {
+    margin-right: 0.5em;
+    margin-left: 0.5em; }
+    .eg-theme-agrume .eg-radio .radio {
+      background: none;
+      border: 2px solid black;
+      border-spacing: 2px;
+      z-index: 1; }
+    .eg-theme-agrume .eg-radio .radiodot.checked {
+      background-color: #ffb014; }
+  .eg-theme-agrume .embedded-slideshow-container .embedded-slideshow .eg-slideshow {
+    box-shadow: 0 0 0.25em 0.25em #bbb; }
+  .eg-theme-agrume .shadowbox {
+    box-shadow: 0 0 0.25em 0.25em #bbb; }
+
+.eg-slideshow {
+  margin-top: 0;
+  background-attachment: fixed;
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  overflow: hidden; }
+  .eg-slideshow h1,
+  .eg-slideshow h2,
+  .eg-slideshow h3 {
+    text-align: center; }
+  .eg-slideshow h1 {
+    font-size: 4em;
+    margin-bottom: 0.1em; }
+  .eg-slideshow h2 {
+    font-size: 3em; }
+  .eg-slideshow h3 {
+    font-size: 2em;
+    margin-bottom: 0.5em; }
+  .eg-slideshow h4 {
+    font-size: 1.5em; }
+  .eg-slideshow input {
+    font-size: 1em; }
+  .eg-slideshow strong {
+    font-weight: bold; }
+  .eg-slideshow .small {
+    font-size: 0.65em; }
+  .eg-slideshow img {
+    max-width: 80%; }
+  .eg-slideshow .eg-code-block {
+    font-family: "Source Code Pro", Courier;
+    text-align: left;
+    font-size: 0.5em; }
+    .eg-slideshow .eg-code-block .box {
+      padding: 1em; }
+  .eg-slideshow .eg-slide {
+    height: 100%;
+    overflow: hidden;
+    width: 100%;
+    position: absolute; }
+  .eg-slideshow .subslide {
+    position: absolute;
+    margin-top: -1em; }
+  .eg-slideshow .inline {
+    display: inline-block; }
+  .eg-slideshow .center {
+    text-align: center; }
+    .eg-slideshow .center p {
+      text-align: center; }
+  .eg-slideshow .quarter {
+    display: inline-block;
+    width: 50%;
+    margin-bottom: 0.5em; }
+  .eg-slideshow .eg-switch .switch {
+    margin-right: 0.5em; }
+  .eg-slideshow .eg-radio .radiobutton {
+    margin-right: 0.5em; }
+  .eg-slideshow .eg-triggered-message {
+    position: absolute; }
+  .eg-slideshow .button {
+    font-size: 1em; }
+  .eg-slideshow .nodisplay {
+    display: none; }
diff --git a/dist/themes/assets/crossword.png b/dist/themes/assets/crossword.png
new file mode 100644
index 0000000..2f9f1ad
Binary files /dev/null and b/dist/themes/assets/crossword.png differ
diff --git a/dist/themes/assets/handmadepaper.png b/dist/themes/assets/handmadepaper.png
new file mode 100644
index 0000000..68f4d65
Binary files /dev/null and b/dist/themes/assets/handmadepaper.png differ
diff --git a/dist/themes/assets/subtle_symphony.png b/dist/themes/assets/subtle_symphony.png
new file mode 100644
index 0000000..bcd9f57
Binary files /dev/null and b/dist/themes/assets/subtle_symphony.png differ
diff --git a/dist/themes/gourmet/gourmet.css b/dist/themes/gourmet/gourmet.css
new file mode 100644
index 0000000..d36ccc4
--- /dev/null
+++ b/dist/themes/gourmet/gourmet.css
@@ -0,0 +1,195 @@
+@import url(https://fonts.googleapis.com/css?family=Bad+Script);
+@import url(https://fonts.googleapis.com/css?family=Indie+Flower);
+@import url(https://fonts.googleapis.com/css?family=Architects+Daughter);
+@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro);
+.eg-theme-gourmet {
+  /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
+  /* Tomorrow Comment */
+  /* Tomorrow Red */
+  /* Tomorrow Orange */
+  /* Tomorrow Yellow */
+  /* Tomorrow Green */
+  /* Tomorrow Blue */
+  /* Tomorrow Purple */ }
+  .eg-theme-gourmet .eg-slideshow {
+    background-image: url("~eagle.js/dist/themes/assets/handmadepaper.png"); }
+    .eg-theme-gourmet .eg-slideshow h3 {
+      margin-top: 0.3em;
+      margin-bottom: -0.1em; }
+  .eg-theme-gourmet .eg-slide-content,
+  .eg-theme-gourmet .subslide {
+    width: 25em;
+    max-width: 80%;
+    margin: 0 auto; }
+  .eg-theme-gourmet h1,
+  .eg-theme-gourmet h2,
+  .eg-theme-gourmet h3,
+  .eg-theme-gourmet h4 {
+    font-family: "Bad Script", cursive;
+    font-weight: normal; }
+  .eg-theme-gourmet p,
+  .eg-theme-gourmet li,
+  .eg-theme-gourmet .button {
+    font-family: "Architects Daughter", cursive;
+    font-weight: normal;
+    font-size: 0.7em;
+    line-height: 2em; }
+  .eg-theme-gourmet h3 em {
+    text-decoration: underline;
+    font-style: normal; }
+  .eg-theme-gourmet .hljs-comment,
+  .eg-theme-gourmet .hljs-quote {
+    color: #8e908c; }
+  .eg-theme-gourmet .hljs-variable,
+  .eg-theme-gourmet .hljs-template-variable,
+  .eg-theme-gourmet .hljs-tag,
+  .eg-theme-gourmet .hljs-name,
+  .eg-theme-gourmet .hljs-selector-id,
+  .eg-theme-gourmet .hljs-selector-class,
+  .eg-theme-gourmet .hljs-regexp,
+  .eg-theme-gourmet .hljs-deletion {
+    color: #c82829; }
+  .eg-theme-gourmet .hljs-number,
+  .eg-theme-gourmet .hljs-built_in,
+  .eg-theme-gourmet .hljs-builtin-name,
+  .eg-theme-gourmet .hljs-literal,
+  .eg-theme-gourmet .hljs-type,
+  .eg-theme-gourmet .hljs-params,
+  .eg-theme-gourmet .hljs-meta,
+  .eg-theme-gourmet .hljs-link {
+    color: #f5871f; }
+  .eg-theme-gourmet .hljs-attribute {
+    color: #eab700; }
+  .eg-theme-gourmet .hljs-string,
+  .eg-theme-gourmet .hljs-symbol,
+  .eg-theme-gourmet .hljs-bullet,
+  .eg-theme-gourmet .hljs-addition {
+    color: #718c00; }
+  .eg-theme-gourmet .hljs-title,
+  .eg-theme-gourmet .hljs-section {
+    color: #4271ae; }
+  .eg-theme-gourmet .hljs-keyword,
+  .eg-theme-gourmet .hljs-selector-tag {
+    color: #8959a8; }
+  .eg-theme-gourmet .hljs {
+    display: block;
+    overflow-x: auto;
+    background: white;
+    color: #4d4d4c;
+    padding: 0.5em; }
+  .eg-theme-gourmet .hljs-emphasis {
+    font-style: italic; }
+  .eg-theme-gourmet .hljs-strong {
+    font-weight: bold; }
+  .eg-theme-gourmet .code-box {
+    box-shadow: 0 0 0.25em 0.25em #ddd; }
+  .eg-theme-gourmet .eg-code-comment {
+    font-weight: bold;
+    color: #dd4321; }
+  .eg-theme-gourmet .eg-modal {
+    background-color: rgba(0, 0, 0, 0.9);
+    color: white; }
+    .eg-theme-gourmet .eg-modal h1,
+    .eg-theme-gourmet .eg-modal h2,
+    .eg-theme-gourmet .eg-modal h3,
+    .eg-theme-gourmet .eg-modal h4 {
+      font-weight: bold; }
+    .eg-theme-gourmet .eg-modal img {
+      box-shadow: 0 0 4px 4px #888; }
+  .eg-theme-gourmet .button {
+    background: none;
+    cursor: pointer;
+    border: none;
+    color: black;
+    border-radius: 2em;
+    border: 1px solid gray;
+    padding: 0.5em 0.5em;
+    text-align: center;
+    text-decoration: none;
+    margin-top: 1em;
+    display: inline-block; }
+  .eg-theme-gourmet .eg-switch .slider {
+    background-color: #ccc; }
+  .eg-theme-gourmet .eg-switch .slider.checked {
+    background-color: #ffb014; }
+  .eg-theme-gourmet .eg-switch .unchecked {
+    color: #bbbbbb; }
+  .eg-theme-gourmet .eg-radio {
+    margin-right: 1em; }
+    .eg-theme-gourmet .eg-radio .radio {
+      background: none;
+      border: 2px solid black;
+      border-spacing: 2px;
+      z-index: 1; }
+    .eg-theme-gourmet .eg-radio .radiodot {
+      background-color: #ffb014; }
+  .eg-theme-gourmet .shadowbox {
+    box-shadow: 0 0 4px 4px #bbb; }
+  .eg-theme-gourmet .embedded-slideshow .eg-slideshow {
+    box-shadow: 0 0 4px 4px #bbb; }
+  .eg-theme-gourmet .half {
+    width: 50%; }
+
+.eg-slideshow {
+  margin-top: 0;
+  background-attachment: fixed;
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  overflow: hidden; }
+  .eg-slideshow h1,
+  .eg-slideshow h2,
+  .eg-slideshow h3 {
+    text-align: center; }
+  .eg-slideshow h1 {
+    font-size: 4em;
+    margin-bottom: 0.1em; }
+  .eg-slideshow h2 {
+    font-size: 3em; }
+  .eg-slideshow h3 {
+    font-size: 2em;
+    margin-bottom: 0.5em; }
+  .eg-slideshow h4 {
+    font-size: 1.5em; }
+  .eg-slideshow input {
+    font-size: 1em; }
+  .eg-slideshow strong {
+    font-weight: bold; }
+  .eg-slideshow .small {
+    font-size: 0.65em; }
+  .eg-slideshow img {
+    max-width: 80%; }
+  .eg-slideshow .eg-code-block {
+    font-family: "Source Code Pro", Courier;
+    text-align: left;
+    font-size: 0.5em; }
+    .eg-slideshow .eg-code-block .box {
+      padding: 1em; }
+  .eg-slideshow .eg-slide {
+    height: 100%;
+    overflow: hidden;
+    width: 100%;
+    position: absolute; }
+  .eg-slideshow .subslide {
+    position: absolute;
+    margin-top: -1em; }
+  .eg-slideshow .inline {
+    display: inline-block; }
+  .eg-slideshow .center {
+    text-align: center; }
+    .eg-slideshow .center p {
+      text-align: center; }
+  .eg-slideshow .quarter {
+    display: inline-block;
+    width: 50%;
+    margin-bottom: 0.5em; }
+  .eg-slideshow .eg-switch .switch {
+    margin-right: 0.5em; }
+  .eg-slideshow .eg-radio .radiobutton {
+    margin-right: 0.5em; }
+  .eg-slideshow .eg-triggered-message {
+    position: absolute; }
+  .eg-slideshow .button {
+    font-size: 1em; }
+  .eg-slideshow .nodisplay {
+    display: none; }
diff --git a/dist/themes/refuel-dark/refuel-dark.css b/dist/themes/refuel-dark/refuel-dark.css
new file mode 100644
index 0000000..67dffaf
--- /dev/null
+++ b/dist/themes/refuel-dark/refuel-dark.css
@@ -0,0 +1,201 @@
+@import url(https://fonts.googleapis.com/css?family=Comfortaa);
+@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro);
+.reveal {
+  color: #aababa; }
+
+h1,
+h2,
+h3,
+h4,
+p,
+li {
+  font-family: "Comfortaa", cursive; }
+
+img {
+  border: none !important;
+  box-shadow: none !important; }
+
+p {
+  text-align: left; }
+
+.rf-slideshow {
+  background-image: url("~eagle.js/dist/themes/assets/subtle_symphony.png");
+  /* Solarized Green */
+  /* Solarized Cyan */
+  /* Solarized Blue */
+  /* Solarized Yellow */
+  /* Solarized Orange */
+  /* Solarized Red */ }
+  .rf-slideshow .rf-slide-content {
+    width: 25em;
+    max-width: 80%;
+    margin: 0 auto; }
+  .rf-slideshow h1,
+  .rf-slideshow h2,
+  .rf-slideshow h3,
+  .rf-slideshow h4,
+  .rf-slideshow p,
+  .rf-slideshow li,
+  .rf-slideshow .button {
+    font-family: "Pompiere", cursive;
+    font-weight: normal; }
+  .rf-slideshow h3 em {
+    text-decoration: underline;
+    font-style: normal; }
+  .rf-slideshow .hljs {
+    display: block;
+    overflow-x: auto;
+    padding: 0.5em;
+    background: #fdf6e3;
+    color: #657b83; }
+  .rf-slideshow .hljs-comment,
+  .rf-slideshow .hljs-quote {
+    color: #93a1a1; }
+  .rf-slideshow .hljs-keyword,
+  .rf-slideshow .hljs-selector-tag,
+  .rf-slideshow .hljs-addition {
+    color: #859900; }
+  .rf-slideshow .hljs-number,
+  .rf-slideshow .hljs-string,
+  .rf-slideshow .hljs-meta .hljs-meta-string,
+  .rf-slideshow .hljs-literal,
+  .rf-slideshow .hljs-doctag,
+  .rf-slideshow .hljs-regexp {
+    color: #2aa198; }
+  .rf-slideshow .hljs-title,
+  .rf-slideshow .hljs-section,
+  .rf-slideshow .hljs-name,
+  .rf-slideshow .hljs-selector-id,
+  .rf-slideshow .hljs-selector-class {
+    color: #268bd2; }
+  .rf-slideshow .hljs-attribute,
+  .rf-slideshow .hljs-attr,
+  .rf-slideshow .hljs-variable,
+  .rf-slideshow .hljs-template-variable,
+  .rf-slideshow .hljs-class .hljs-title,
+  .rf-slideshow .hljs-type {
+    color: #b58900; }
+  .rf-slideshow .hljs-symbol,
+  .rf-slideshow .hljs-bullet,
+  .rf-slideshow .hljs-subst,
+  .rf-slideshow .hljs-meta,
+  .rf-slideshow .hljs-meta .hljs-keyword,
+  .rf-slideshow .hljs-selector-attr,
+  .rf-slideshow .hljs-selector-pseudo,
+  .rf-slideshow .hljs-link {
+    color: #cb4b16; }
+  .rf-slideshow .hljs-built_in,
+  .rf-slideshow .hljs-deletion {
+    color: #dc322f; }
+  .rf-slideshow .hljs-formula {
+    background: #eee8d5; }
+  .rf-slideshow .hljs-emphasis {
+    font-style: italic; }
+  .rf-slideshow .hljs-strong {
+    font-weight: bold; }
+  .rf-slideshow .rf-code-comment {
+    font-weight: bold;
+    color: #dd4321; }
+  .rf-slideshow .rf-modal {
+    background-color: rgba(0, 0, 0, 0.9);
+    color: white; }
+    .rf-slideshow .rf-modal h1,
+    .rf-slideshow .rf-modal h2,
+    .rf-slideshow .rf-modal h3,
+    .rf-slideshow .rf-modal h4 {
+      font-weight: bold; }
+    .rf-slideshow .rf-modal img {
+      box-shadow: 0 0 4px 4px #888; }
+  .rf-slideshow .button {
+    background: none;
+    cursor: pointer;
+    border: none;
+    color: black;
+    border-radius: 2em;
+    border: 1px solid gray;
+    padding: 0.5em 0.5em;
+    text-align: center;
+    text-decoration: none;
+    margin-top: 1em;
+    display: inline-block; }
+  .rf-slideshow .rf-switch .slider {
+    background-color: #ccc; }
+  .rf-slideshow .rf-switch .slider.checked {
+    background-color: #ffb014; }
+  .rf-slideshow .rf-switch .unchecked {
+    color: #bbbbbb; }
+  .rf-slideshow .rf-radio {
+    margin-right: 1em; }
+    .rf-slideshow .rf-radio .radio {
+      background: none;
+      border: 2px solid black;
+      border-spacing: 2px;
+      z-index: 1; }
+    .rf-slideshow .rf-radio .radiodot {
+      background-color: #ffb014; }
+  .rf-slideshow .shadowbox {
+    box-shadow: 0 0 4px 4px #bbb; }
+
+.eg-slideshow {
+  margin-top: 0;
+  background-attachment: fixed;
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  overflow: hidden; }
+  .eg-slideshow h1,
+  .eg-slideshow h2,
+  .eg-slideshow h3 {
+    text-align: center; }
+  .eg-slideshow h1 {
+    font-size: 4em;
+    margin-bottom: 0.1em; }
+  .eg-slideshow h2 {
+    font-size: 3em; }
+  .eg-slideshow h3 {
+    font-size: 2em;
+    margin-bottom: 0.5em; }
+  .eg-slideshow h4 {
+    font-size: 1.5em; }
+  .eg-slideshow input {
+    font-size: 1em; }
+  .eg-slideshow strong {
+    font-weight: bold; }
+  .eg-slideshow .small {
+    font-size: 0.65em; }
+  .eg-slideshow img {
+    max-width: 80%; }
+  .eg-slideshow .eg-code-block {
+    font-family: "Source Code Pro", Courier;
+    text-align: left;
+    font-size: 0.5em; }
+    .eg-slideshow .eg-code-block .box {
+      padding: 1em; }
+  .eg-slideshow .eg-slide {
+    height: 100%;
+    overflow: hidden;
+    width: 100%;
+    position: absolute; }
+  .eg-slideshow .subslide {
+    position: absolute;
+    margin-top: -1em; }
+  .eg-slideshow .inline {
+    display: inline-block; }
+  .eg-slideshow .center {
+    text-align: center; }
+    .eg-slideshow .center p {
+      text-align: center; }
+  .eg-slideshow .quarter {
+    display: inline-block;
+    width: 50%;
+    margin-bottom: 0.5em; }
+  .eg-slideshow .eg-switch .switch {
+    margin-right: 0.5em; }
+  .eg-slideshow .eg-radio .radiobutton {
+    margin-right: 0.5em; }
+  .eg-slideshow .eg-triggered-message {
+    position: absolute; }
+  .eg-slideshow .button {
+    font-size: 1em; }
+  .eg-slideshow .nodisplay {
+    display: none; }
diff --git a/package.json b/package.json
index 31a3823..3666fcd 100644
--- a/package.json
+++ b/package.json
@@ -21,7 +21,8 @@
   "author": "Zulko",
   "license": "ISC",
   "scripts": {
-    "prepublishOnly": "npm run build",
+    "prepack": "npm run build",
+    "prepublish": "npm run build",
     "build": "node build/build.js",
     "storybook": "start-storybook -p 9001 -c .storybook",
     "format": "prettier --write src/themes/**/*.scss src/themes/*.scss",
@@ -60,6 +61,7 @@
     "rollup-plugin-babel": "^4.3.2",
     "rollup-plugin-commonjs": "^10.0.0",
     "rollup-plugin-vue": "^5.0.0",
+    "rollup-plugin-css-only": "^3.1.0",
     "sass-loader": "^7.1.0",
     "shelljs": "^0.7.6",
     "vue": "^2.6.10",