diff --git a/application/extensions/PanelBoxWidget/views/row_header.php b/application/extensions/PanelBoxWidget/views/row_header.php
index 95061fa34f4..de61fce2c8a 100644
--- a/application/extensions/PanelBoxWidget/views/row_header.php
+++ b/application/extensions/PanelBoxWidget/views/row_header.php
@@ -1,2 +1,2 @@
-<div class="<?php echo $containerclass; ?> ls-flex">
+<div class="<?php echo $containerclass; ?> ls-flex selector__lstour--mainfunctionboxes">
 <div class="ls-flex ls-flex-row wrap <?php echo $orientation; ?> align-item-center text-center hidden-xs row-eq-height" >
diff --git a/application/views/admin/templateoptions/_form.php b/application/views/admin/templateoptions/_form.php
index e31b6f77ebe..194fcdb2470 100644
--- a/application/views/admin/templateoptions/_form.php
+++ b/application/views/admin/templateoptions/_form.php
@@ -8,10 +8,6 @@
 
 <?php $form=$this->beginWidget('CActiveForm', array(
 	'id'=>'template-options-form',
-	// Please note: When you enable ajax validation, make sure the corresponding
-	// controller action is handling ajax validation correctly.
-	// There is a call to performAjaxValidation() commented in generated controller code.
-	// See class documentation of CActiveForm for details on this.
 	'enableAjaxValidation'=>false,
 )); ?>
 
diff --git a/assets/packages/lstutorial/build/lstutorial.js b/assets/packages/lstutorial/build/lstutorial.js
new file mode 100644
index 00000000000..6b2355c7a73
--- /dev/null
+++ b/assets/packages/lstutorial/build/lstutorial.js
@@ -0,0 +1,1182 @@
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, {
+/******/ 				configurable: false,
+/******/ 				enumerable: true,
+/******/ 				get: getter
+/******/ 			});
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 0);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(1);
+
+
+/***/ }),
+/* 1 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_bootstrap_tour__ = __webpack_require__(2);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_bootstrap_tour___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_bootstrap_tour__);
+
+
+const firstStartTour = new __WEBPACK_IMPORTED_MODULE_0_bootstrap_tour___default.a({
+    steps: [
+        {
+            orphan: true,
+            title: 'Welcome to LimeSurvey!',
+            content: `
+            <p>This tour will help you get a hold of LimeSurvey.</p>
+            <p>We know that LimeSurvey may be hard to use at the beginning, that's why we would like to help with a quick tour through the most essential functions and features</p>
+            `,
+            backdrop: true
+        },
+        {
+            element: '.selector__lstour--mainfunctionboxes',
+            title: 'The basic functions',
+            content: `The three top boxes are the most basic functions of LimeSurvey.
+            From left to right it should be "Create survey", "List surveys" and "Global settings"
+            At best we start by creating a survey.
+            Click on Create survey or Next in this box`,
+            reflex: '.selector__lstour--createsurvey',
+            redirect: (/\/index\.php(\/)?\?r=admin/.test(window.location.href) ? '/index.php?r=admin/survey?sa=newsurvey' : '/index.php/admin/survey/sa/newsurvey'),
+            backdrop: false
+        },
+        {
+            element: '#surveyls_title',
+            title: 'The survey title',
+            content: `This is the title of your survey.
+            Your participants will see this title as well in the browsers titlebar, als also on the welcome screen.
+            <p class="bg-info">Tip: Make your surveys shine with a meaningful title</p>`
+        },
+        {
+            element: '#cke_description',
+            title: 'The survey description',
+            content: `This is the description of the survey.
+            Your participants will see this at first on their welcome screen.
+            Try to describe what your survey is about, but don't ask any qustion, yet.`
+        },
+        {
+            element: '.bootstrap-switch-id-createsample',
+            title: 'Create a sample question and question group',
+            content: `Since we are just beginning it is a good practice to let the wizard create a sample question and questiongroup for you.
+            If you like you can do this yourself, too`
+        },
+        {
+            element: '#cke_welcome',
+            title: 'The welcome message',
+            content: `This message is shown directly under the survey description on the welcome page.
+            You may leave this blank and concentrate on a good text for your description, or vice versa.`
+        },
+        {
+            element: '#cke_endtext',
+            title: 'The end message',
+            content: `This message is shown at the end of your survey to every participant.
+            It's a great way to say thank you, or to give some links or hints where to go next.`
+        },
+        {
+            element: '#save-form-button',
+            title: 'Thats it for now',
+            content: `You may play around with more settings, or just get to editing your survey now.
+            Just click on save.`
+        }
+    ],
+});
+
+window.tourLibrary = {
+    firstStartTour() {
+        firstStartTour.init();
+        firstStartTour.start();
+    }
+};
+
+
+/***/ }),
+/* 2 */
+/***/ (function(module, exports, __webpack_require__) {
+
+var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/* ========================================================================
+ * bootstrap-tour - v0.11.0
+ * http://bootstraptour.com
+ * ========================================================================
+ * Copyright 2012-2015 Ulrich Sossou
+ *
+ * ========================================================================
+ * Licensed under the MIT License (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://opensource.org/licenses/MIT
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ========================================================================
+ */
+
+var bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; };
+
+(function(window, factory) {
+  if (true) {
+    return !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(3)], __WEBPACK_AMD_DEFINE_RESULT__ = function(jQuery) {
+      return window.Tour = factory(jQuery);
+    }.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),
+				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+  } else if (typeof exports === 'object') {
+    return module.exports = factory(require('jquery'));
+  } else {
+    return window.Tour = factory(window.jQuery);
+  }
+})(window, function($) {
+  var Tour, document;
+  document = window.document;
+  Tour = (function() {
+    function Tour(options) {
+      this._showPopoverAndOverlay = bind(this._showPopoverAndOverlay, this);
+      var storage;
+      try {
+        storage = window.localStorage;
+      } catch (error) {
+        storage = false;
+      }
+      this._options = $.extend({
+        name: 'tour',
+        steps: [],
+        container: 'body',
+        autoscroll: true,
+        keyboard: true,
+        storage: storage,
+        debug: false,
+        backdrop: false,
+        backdropContainer: 'body',
+        backdropPadding: 0,
+        redirect: true,
+        orphan: false,
+        duration: false,
+        delay: false,
+        basePath: '',
+        template: '<div class="popover" role="tooltip"> <div class="arrow"></div> <h3 class="popover-title"></h3> <div class="popover-content"></div> <div class="popover-navigation"> <div class="btn-group"> <button class="btn btn-sm btn-default" data-role="prev">&laquo; Prev</button> <button class="btn btn-sm btn-default" data-role="next">Next &raquo;</button> <button class="btn btn-sm btn-default" data-role="pause-resume" data-pause-text="Pause" data-resume-text="Resume">Pause</button> </div> <button class="btn btn-sm btn-default" data-role="end">End tour</button> </div> </div>',
+        afterSetState: function(key, value) {},
+        afterGetState: function(key, value) {},
+        afterRemoveState: function(key) {},
+        onStart: function(tour) {},
+        onEnd: function(tour) {},
+        onShow: function(tour) {},
+        onShown: function(tour) {},
+        onHide: function(tour) {},
+        onHidden: function(tour) {},
+        onNext: function(tour) {},
+        onPrev: function(tour) {},
+        onPause: function(tour, duration) {},
+        onResume: function(tour, duration) {},
+        onRedirectError: function(tour) {}
+      }, options);
+      this._force = false;
+      this._inited = false;
+      this._current = null;
+      this.backdrops = [];
+      this;
+    }
+
+    Tour.prototype.addSteps = function(steps) {
+      var j, len, step;
+      for (j = 0, len = steps.length; j < len; j++) {
+        step = steps[j];
+        this.addStep(step);
+      }
+      return this;
+    };
+
+    Tour.prototype.addStep = function(step) {
+      this._options.steps.push(step);
+      return this;
+    };
+
+    Tour.prototype.getStep = function(i) {
+      if (this._options.steps[i] != null) {
+        return $.extend({
+          id: "step-" + i,
+          path: '',
+          host: '',
+          placement: 'right',
+          title: '',
+          content: '<p></p>',
+          next: i === this._options.steps.length - 1 ? -1 : i + 1,
+          prev: i - 1,
+          animation: true,
+          container: this._options.container,
+          autoscroll: this._options.autoscroll,
+          backdrop: this._options.backdrop,
+          backdropContainer: this._options.backdropContainer,
+          backdropPadding: this._options.backdropPadding,
+          redirect: this._options.redirect,
+          reflexElement: this._options.steps[i].element,
+          backdropElement: this._options.steps[i].element,
+          orphan: this._options.orphan,
+          duration: this._options.duration,
+          delay: this._options.delay,
+          template: this._options.template,
+          onShow: this._options.onShow,
+          onShown: this._options.onShown,
+          onHide: this._options.onHide,
+          onHidden: this._options.onHidden,
+          onNext: this._options.onNext,
+          onPrev: this._options.onPrev,
+          onPause: this._options.onPause,
+          onResume: this._options.onResume,
+          onRedirectError: this._options.onRedirectError
+        }, this._options.steps[i]);
+      }
+    };
+
+    Tour.prototype.init = function(force) {
+      this._force = force;
+      if (this.ended()) {
+        this._debug('Tour ended, init prevented.');
+        return this;
+      }
+      this.setCurrentStep();
+      this._initMouseNavigation();
+      this._initKeyboardNavigation();
+      this._onResize((function(_this) {
+        return function() {
+          return _this.showStep(_this._current);
+        };
+      })(this));
+      this._onScroll((function(_this) {
+        return function() {
+          return _this._showPopoverAndOverlay(_this._current);
+        };
+      })(this));
+      if (this._current !== null) {
+        this.showStep(this._current);
+      }
+      this._inited = true;
+      return this;
+    };
+
+    Tour.prototype.start = function(force) {
+      var promise;
+      if (force == null) {
+        force = false;
+      }
+      if (!this._inited) {
+        this.init(force);
+      }
+      if (this._current === null) {
+        promise = this._makePromise(this._options.onStart != null ? this._options.onStart(this) : void 0);
+        this._callOnPromiseDone(promise, this.showStep, 0);
+      }
+      return this;
+    };
+
+    Tour.prototype.next = function() {
+      var promise;
+      promise = this.hideStep(this._current, this._current + 1);
+      return this._callOnPromiseDone(promise, this._showNextStep);
+    };
+
+    Tour.prototype.prev = function() {
+      var promise;
+      promise = this.hideStep(this._current, this._current - 1);
+      return this._callOnPromiseDone(promise, this._showPrevStep);
+    };
+
+    Tour.prototype.goTo = function(i) {
+      var promise;
+      promise = this.hideStep(this._current, i);
+      return this._callOnPromiseDone(promise, this.showStep, i);
+    };
+
+    Tour.prototype.end = function() {
+      var endHelper, promise;
+      endHelper = (function(_this) {
+        return function(e) {
+          $(document).off("click.tour-" + _this._options.name);
+          $(document).off("keyup.tour-" + _this._options.name);
+          $(window).off("resize.tour-" + _this._options.name);
+          $(window).off("scroll.tour-" + _this._options.name);
+          _this._setState('end', 'yes');
+          _this._inited = false;
+          _this._force = false;
+          _this._clearTimer();
+          if (_this._options.onEnd != null) {
+            return _this._options.onEnd(_this);
+          }
+        };
+      })(this);
+      promise = this.hideStep(this._current);
+      return this._callOnPromiseDone(promise, endHelper);
+    };
+
+    Tour.prototype.ended = function() {
+      return !this._force && !!this._getState('end');
+    };
+
+    Tour.prototype.restart = function() {
+      this._removeState('current_step');
+      this._removeState('end');
+      this._removeState('redirect_to');
+      return this.start();
+    };
+
+    Tour.prototype.pause = function() {
+      var step;
+      step = this.getStep(this._current);
+      if (!(step && step.duration)) {
+        return this;
+      }
+      this._paused = true;
+      this._duration -= new Date().getTime() - this._start;
+      window.clearTimeout(this._timer);
+      this._debug("Paused/Stopped step " + (this._current + 1) + " timer (" + this._duration + " remaining).");
+      if (step.onPause != null) {
+        return step.onPause(this, this._duration);
+      }
+    };
+
+    Tour.prototype.resume = function() {
+      var step;
+      step = this.getStep(this._current);
+      if (!(step && step.duration)) {
+        return this;
+      }
+      this._paused = false;
+      this._start = new Date().getTime();
+      this._duration = this._duration || step.duration;
+      this._timer = window.setTimeout((function(_this) {
+        return function() {
+          if (_this._isLast()) {
+            return _this.next();
+          } else {
+            return _this.end();
+          }
+        };
+      })(this), this._duration);
+      this._debug("Started step " + (this._current + 1) + " timer with duration " + this._duration);
+      if ((step.onResume != null) && this._duration !== step.duration) {
+        return step.onResume(this, this._duration);
+      }
+    };
+
+    Tour.prototype.hideStep = function(i, iNext) {
+      var hideDelay, hideStepHelper, promise, step;
+      step = this.getStep(i);
+      if (!step) {
+        return;
+      }
+      this._clearTimer();
+      promise = this._makePromise(step.onHide != null ? step.onHide(this, i) : void 0);
+      hideStepHelper = (function(_this) {
+        return function(e) {
+          var $element, next_step;
+          $element = $(step.element);
+          if (!($element.data('bs.popover') || $element.data('popover'))) {
+            $element = $('body');
+          }
+          $element.popover('destroy').removeClass("tour-" + _this._options.name + "-element tour-" + _this._options.name + "-" + i + "-element").removeData('bs.popover');
+          if (step.reflex) {
+            $(step.reflexElement).removeClass('tour-step-element-reflex').off((_this._reflexEvent(step.reflex)) + ".tour-" + _this._options.name);
+          }
+          if (step.backdrop) {
+            next_step = (iNext != null) && _this.getStep(iNext);
+            if (!next_step || !next_step.backdrop || next_step.backdropElement !== step.backdropElement) {
+              _this._hideOverlayElement(step);
+            }
+          }
+          if (step.onHidden != null) {
+            return step.onHidden(_this);
+          }
+        };
+      })(this);
+      hideDelay = step.delay.hide || step.delay;
+      if ({}.toString.call(hideDelay) === '[object Number]' && hideDelay > 0) {
+        this._debug("Wait " + hideDelay + " milliseconds to hide the step " + (this._current + 1));
+        window.setTimeout((function(_this) {
+          return function() {
+            return _this._callOnPromiseDone(promise, hideStepHelper);
+          };
+        })(this), hideDelay);
+      } else {
+        this._callOnPromiseDone(promise, hideStepHelper);
+      }
+      return promise;
+    };
+
+    Tour.prototype.showStep = function(i) {
+      var path, promise, showDelay, showStepHelper, skipToPrevious, step;
+      if (this.ended()) {
+        this._debug('Tour ended, showStep prevented.');
+        return this;
+      }
+      step = this.getStep(i);
+      if (!step) {
+        return;
+      }
+      skipToPrevious = i < this._current;
+      promise = this._makePromise(step.onShow != null ? step.onShow(this, i) : void 0);
+      this.setCurrentStep(i);
+      path = (function() {
+        switch ({}.toString.call(step.path)) {
+          case '[object Function]':
+            return step.path();
+          case '[object String]':
+            return this._options.basePath + step.path;
+          default:
+            return step.path;
+        }
+      }).call(this);
+      if (step.redirect && this._isRedirect(step.host, path, document.location)) {
+        this._redirect(step, i, path);
+        if (!this._isJustPathHashDifferent(step.host, path, document.location)) {
+          return;
+        }
+      }
+      showStepHelper = (function(_this) {
+        return function(e) {
+          if (_this._isOrphan(step)) {
+            if (step.orphan === false) {
+              _this._debug("Skip the orphan step " + (_this._current + 1) + ".\nOrphan option is false and the element does not exist or is hidden.");
+              if (skipToPrevious) {
+                _this._showPrevStep();
+              } else {
+                _this._showNextStep();
+              }
+              return;
+            }
+            _this._debug("Show the orphan step " + (_this._current + 1) + ". Orphans option is true.");
+          }
+          if (step.autoscroll) {
+            _this._scrollIntoView(i);
+          } else {
+            _this._showPopoverAndOverlay(i);
+          }
+          if (step.duration) {
+            return _this.resume();
+          }
+        };
+      })(this);
+      showDelay = step.delay.show || step.delay;
+      if ({}.toString.call(showDelay) === '[object Number]' && showDelay > 0) {
+        this._debug("Wait " + showDelay + " milliseconds to show the step " + (this._current + 1));
+        window.setTimeout((function(_this) {
+          return function() {
+            return _this._callOnPromiseDone(promise, showStepHelper);
+          };
+        })(this), showDelay);
+      } else {
+        this._callOnPromiseDone(promise, showStepHelper);
+      }
+      return promise;
+    };
+
+    Tour.prototype.getCurrentStep = function() {
+      return this._current;
+    };
+
+    Tour.prototype.setCurrentStep = function(value) {
+      if (value != null) {
+        this._current = value;
+        this._setState('current_step', value);
+      } else {
+        this._current = this._getState('current_step');
+        this._current = this._current === null ? null : parseInt(this._current, 10);
+      }
+      return this;
+    };
+
+    Tour.prototype.redraw = function() {
+      return this._showOverlayElement(this.getStep(this.getCurrentStep()));
+    };
+
+    Tour.prototype._setState = function(key, value) {
+      var e, keyName;
+      if (this._options.storage) {
+        keyName = this._options.name + "_" + key;
+        try {
+          this._options.storage.setItem(keyName, value);
+        } catch (error) {
+          e = error;
+          if (e.code === DOMException.QUOTA_EXCEEDED_ERR) {
+            this._debug('LocalStorage quota exceeded. State storage failed.');
+          }
+        }
+        return this._options.afterSetState(keyName, value);
+      } else {
+        if (this._state == null) {
+          this._state = {};
+        }
+        return this._state[key] = value;
+      }
+    };
+
+    Tour.prototype._removeState = function(key) {
+      var keyName;
+      if (this._options.storage) {
+        keyName = this._options.name + "_" + key;
+        this._options.storage.removeItem(keyName);
+        return this._options.afterRemoveState(keyName);
+      } else {
+        if (this._state != null) {
+          return delete this._state[key];
+        }
+      }
+    };
+
+    Tour.prototype._getState = function(key) {
+      var keyName, value;
+      if (this._options.storage) {
+        keyName = this._options.name + "_" + key;
+        value = this._options.storage.getItem(keyName);
+      } else {
+        if (this._state != null) {
+          value = this._state[key];
+        }
+      }
+      if (value === void 0 || value === 'null') {
+        value = null;
+      }
+      this._options.afterGetState(key, value);
+      return value;
+    };
+
+    Tour.prototype._showNextStep = function() {
+      var promise, showNextStepHelper, step;
+      step = this.getStep(this._current);
+      showNextStepHelper = (function(_this) {
+        return function(e) {
+          return _this.showStep(step.next);
+        };
+      })(this);
+      promise = this._makePromise(step.onNext != null ? step.onNext(this) : void 0);
+      return this._callOnPromiseDone(promise, showNextStepHelper);
+    };
+
+    Tour.prototype._showPrevStep = function() {
+      var promise, showPrevStepHelper, step;
+      step = this.getStep(this._current);
+      showPrevStepHelper = (function(_this) {
+        return function(e) {
+          return _this.showStep(step.prev);
+        };
+      })(this);
+      promise = this._makePromise(step.onPrev != null ? step.onPrev(this) : void 0);
+      return this._callOnPromiseDone(promise, showPrevStepHelper);
+    };
+
+    Tour.prototype._debug = function(text) {
+      if (this._options.debug) {
+        return window.console.log("Bootstrap Tour '" + this._options.name + "' | " + text);
+      }
+    };
+
+    Tour.prototype._isRedirect = function(host, path, location) {
+      var currentPath;
+      if ((host != null) && host !== '' && (({}.toString.call(host) === '[object RegExp]' && !host.test(location.origin)) || ({}.toString.call(host) === '[object String]' && this._isHostDifferent(host, location)))) {
+        return true;
+      }
+      currentPath = [location.pathname, location.search, location.hash].join('');
+      return (path != null) && path !== '' && (({}.toString.call(path) === '[object RegExp]' && !path.test(currentPath)) || ({}.toString.call(path) === '[object String]' && this._isPathDifferent(path, currentPath)));
+    };
+
+    Tour.prototype._isHostDifferent = function(host, location) {
+      switch ({}.toString.call(host)) {
+        case '[object RegExp]':
+          return !host.test(location.origin);
+        case '[object String]':
+          return this._getProtocol(host) !== this._getProtocol(location.href) || this._getHost(host) !== this._getHost(location.href);
+        default:
+          return true;
+      }
+    };
+
+    Tour.prototype._isPathDifferent = function(path, currentPath) {
+      return this._getPath(path) !== this._getPath(currentPath) || !this._equal(this._getQuery(path), this._getQuery(currentPath)) || !this._equal(this._getHash(path), this._getHash(currentPath));
+    };
+
+    Tour.prototype._isJustPathHashDifferent = function(host, path, location) {
+      var currentPath;
+      if ((host != null) && host !== '') {
+        if (this._isHostDifferent(host, location)) {
+          return false;
+        }
+      }
+      currentPath = [location.pathname, location.search, location.hash].join('');
+      if ({}.toString.call(path) === '[object String]') {
+        return this._getPath(path) === this._getPath(currentPath) && this._equal(this._getQuery(path), this._getQuery(currentPath)) && !this._equal(this._getHash(path), this._getHash(currentPath));
+      }
+      return false;
+    };
+
+    Tour.prototype._redirect = function(step, i, path) {
+      var href;
+      if ($.isFunction(step.redirect)) {
+        return step.redirect.call(this, path);
+      } else {
+        href = {}.toString.call(step.host) === '[object String]' ? "" + step.host + path : path;
+        this._debug("Redirect to " + href);
+        if (this._getState('redirect_to') === ("" + i)) {
+          this._debug("Error redirection loop to " + path);
+          this._removeState('redirect_to');
+          if (step.onRedirectError != null) {
+            return step.onRedirectError(this);
+          }
+        } else {
+          this._setState('redirect_to', "" + i);
+          return document.location.href = href;
+        }
+      }
+    };
+
+    Tour.prototype._isOrphan = function(step) {
+      return (step.element == null) || !$(step.element).length || $(step.element).is(':hidden') && ($(step.element)[0].namespaceURI !== 'http://www.w3.org/2000/svg');
+    };
+
+    Tour.prototype._isLast = function() {
+      return this._current < this._options.steps.length - 1;
+    };
+
+    Tour.prototype._showPopoverAndOverlay = function(i) {
+      var step;
+      if (this.getCurrentStep() !== i || this.ended()) {
+        return;
+      }
+      step = this.getStep(i);
+      if (step.backdrop) {
+        this._showOverlayElement(step);
+      }
+      this._showPopover(step, i);
+      if (step.onShown != null) {
+        step.onShown(this);
+      }
+      return this._debug("Step " + (this._current + 1) + " of " + this._options.steps.length);
+    };
+
+    Tour.prototype._showPopover = function(step, i) {
+      var $element, $tip, isOrphan, options, shouldAddSmart;
+      $(".tour-" + this._options.name).remove();
+      options = $.extend({}, this._options);
+      isOrphan = this._isOrphan(step);
+      step.template = this._template(step, i);
+      if (isOrphan) {
+        step.element = 'body';
+        step.placement = 'top';
+      }
+      $element = $(step.element);
+      $element.addClass("tour-" + this._options.name + "-element tour-" + this._options.name + "-" + i + "-element");
+      if (step.options) {
+        $.extend(options, step.options);
+      }
+      if (step.reflex && !isOrphan) {
+        $(step.reflexElement).addClass('tour-step-element-reflex').off((this._reflexEvent(step.reflex)) + ".tour-" + this._options.name).on((this._reflexEvent(step.reflex)) + ".tour-" + this._options.name, (function(_this) {
+          return function() {
+            if (_this._isLast()) {
+              return _this.next();
+            } else {
+              return _this.end();
+            }
+          };
+        })(this));
+      }
+      shouldAddSmart = step.smartPlacement === true && step.placement.search(/auto/i) === -1;
+      $element.popover({
+        placement: shouldAddSmart ? "auto " + step.placement : step.placement,
+        trigger: 'manual',
+        title: step.title,
+        content: step.content,
+        html: true,
+        animation: step.animation,
+        container: step.container,
+        template: step.template,
+        selector: step.element
+      }).popover('show');
+      $tip = $element.data('bs.popover') ? $element.data('bs.popover').tip() : $element.data('popover').tip();
+      $tip.attr('id', step.id);
+      if ($element.css('position') === 'fixed') {
+        $tip.css('position', 'fixed');
+      }
+      this._reposition($tip, step);
+      if (isOrphan) {
+        return this._center($tip);
+      }
+    };
+
+    Tour.prototype._template = function(step, i) {
+      var $navigation, $next, $prev, $resume, $template, template;
+      template = step.template;
+      if (this._isOrphan(step) && {}.toString.call(step.orphan) !== '[object Boolean]') {
+        template = step.orphan;
+      }
+      $template = $.isFunction(template) ? $(template(i, step)) : $(template);
+      $navigation = $template.find('.popover-navigation');
+      $prev = $navigation.find('[data-role="prev"]');
+      $next = $navigation.find('[data-role="next"]');
+      $resume = $navigation.find('[data-role="pause-resume"]');
+      if (this._isOrphan(step)) {
+        $template.addClass('orphan');
+      }
+      $template.addClass("tour-" + this._options.name + " tour-" + this._options.name + "-" + i);
+      if (step.reflex) {
+        $template.addClass("tour-" + this._options.name + "-reflex");
+      }
+      if (step.prev < 0) {
+        $prev.addClass('disabled').prop('disabled', true).prop('tabindex', -1);
+      }
+      if (step.next < 0) {
+        $next.addClass('disabled').prop('disabled', true).prop('tabindex', -1);
+      }
+      if (!step.duration) {
+        $resume.remove();
+      }
+      return $template.clone().wrap('<div>').parent().html();
+    };
+
+    Tour.prototype._reflexEvent = function(reflex) {
+      if ({}.toString.call(reflex) === '[object Boolean]') {
+        return 'click';
+      } else {
+        return reflex;
+      }
+    };
+
+    Tour.prototype._reposition = function($tip, step) {
+      var offsetBottom, offsetHeight, offsetRight, offsetWidth, originalLeft, originalTop, tipOffset;
+      offsetWidth = $tip[0].offsetWidth;
+      offsetHeight = $tip[0].offsetHeight;
+      tipOffset = $tip.offset();
+      originalLeft = tipOffset.left;
+      originalTop = tipOffset.top;
+      offsetBottom = $(document).outerHeight() - tipOffset.top - $tip.outerHeight();
+      if (offsetBottom < 0) {
+        tipOffset.top = tipOffset.top + offsetBottom;
+      }
+      offsetRight = $('html').outerWidth() - tipOffset.left - $tip.outerWidth();
+      if (offsetRight < 0) {
+        tipOffset.left = tipOffset.left + offsetRight;
+      }
+      if (tipOffset.top < 0) {
+        tipOffset.top = 0;
+      }
+      if (tipOffset.left < 0) {
+        tipOffset.left = 0;
+      }
+      $tip.offset(tipOffset);
+      if (step.placement === 'bottom' || step.placement === 'top') {
+        if (originalLeft !== tipOffset.left) {
+          return this._replaceArrow($tip, (tipOffset.left - originalLeft) * 2, offsetWidth, 'left');
+        }
+      } else {
+        if (originalTop !== tipOffset.top) {
+          return this._replaceArrow($tip, (tipOffset.top - originalTop) * 2, offsetHeight, 'top');
+        }
+      }
+    };
+
+    Tour.prototype._center = function($tip) {
+      return $tip.css('top', $(window).outerHeight() / 2 - $tip.outerHeight() / 2);
+    };
+
+    Tour.prototype._replaceArrow = function($tip, delta, dimension, position) {
+      return $tip.find('.arrow').css(position, delta ? 50 * (1 - delta / dimension) + '%' : '');
+    };
+
+    Tour.prototype._scrollIntoView = function(i) {
+      var $element, $window, counter, height, offsetTop, scrollTop, step, windowHeight;
+      step = this.getStep(i);
+      $element = $(step.element);
+      if (!$element.length) {
+        return this._showPopoverAndOverlay(i);
+      }
+      $window = $(window);
+      offsetTop = $element.offset().top;
+      height = $element.outerHeight();
+      windowHeight = $window.height();
+      scrollTop = 0;
+      switch (step.placement) {
+        case 'top':
+          scrollTop = Math.max(0, offsetTop - (windowHeight / 2));
+          break;
+        case 'left':
+        case 'right':
+          scrollTop = Math.max(0, (offsetTop + height / 2) - (windowHeight / 2));
+          break;
+        case 'bottom':
+          scrollTop = Math.max(0, (offsetTop + height) - (windowHeight / 2));
+      }
+      this._debug("Scroll into view. ScrollTop: " + scrollTop + ". Element offset: " + offsetTop + ". Window height: " + windowHeight + ".");
+      counter = 0;
+      return $('body, html').stop(true, true).animate({
+        scrollTop: Math.ceil(scrollTop)
+      }, (function(_this) {
+        return function() {
+          if (++counter === 2) {
+            _this._showPopoverAndOverlay(i);
+            return _this._debug("Scroll into view.\nAnimation end element offset: " + ($element.offset().top) + ".\nWindow height: " + ($window.height()) + ".");
+          }
+        };
+      })(this));
+    };
+
+    Tour.prototype._onResize = function(callback, timeout) {
+      return $(window).on("resize.tour-" + this._options.name, function() {
+        clearTimeout(timeout);
+        return timeout = setTimeout(callback, 100);
+      });
+    };
+
+    Tour.prototype._onScroll = function(callback, timeout) {
+      return $(window).on("scroll.tour-" + this._options.name, function() {
+        clearTimeout(timeout);
+        return timeout = setTimeout(callback, 100);
+      });
+    };
+
+    Tour.prototype._initMouseNavigation = function() {
+      var _this;
+      _this = this;
+      return $(document).off("click.tour-" + this._options.name, ".popover.tour-" + this._options.name + " *[data-role='prev']").off("click.tour-" + this._options.name, ".popover.tour-" + this._options.name + " *[data-role='next']").off("click.tour-" + this._options.name, ".popover.tour-" + this._options.name + " *[data-role='end']").off("click.tour-" + this._options.name, ".popover.tour-" + this._options.name + " *[data-role='pause-resume']").on("click.tour-" + this._options.name, ".popover.tour-" + this._options.name + " *[data-role='next']", (function(_this) {
+        return function(e) {
+          e.preventDefault();
+          return _this.next();
+        };
+      })(this)).on("click.tour-" + this._options.name, ".popover.tour-" + this._options.name + " *[data-role='prev']", (function(_this) {
+        return function(e) {
+          e.preventDefault();
+          if (_this._current > 0) {
+            return _this.prev();
+          }
+        };
+      })(this)).on("click.tour-" + this._options.name, ".popover.tour-" + this._options.name + " *[data-role='end']", (function(_this) {
+        return function(e) {
+          e.preventDefault();
+          return _this.end();
+        };
+      })(this)).on("click.tour-" + this._options.name, ".popover.tour-" + this._options.name + " *[data-role='pause-resume']", function(e) {
+        var $this;
+        e.preventDefault();
+        $this = $(this);
+        $this.text(_this._paused ? $this.data('pause-text') : $this.data('resume-text'));
+        if (_this._paused) {
+          return _this.resume();
+        } else {
+          return _this.pause();
+        }
+      });
+    };
+
+    Tour.prototype._initKeyboardNavigation = function() {
+      if (!this._options.keyboard) {
+        return;
+      }
+      return $(document).on("keyup.tour-" + this._options.name, (function(_this) {
+        return function(e) {
+          if (!e.which) {
+            return;
+          }
+          switch (e.which) {
+            case 39:
+              e.preventDefault();
+              if (_this._isLast()) {
+                return _this.next();
+              } else {
+                return _this.end();
+              }
+              break;
+            case 37:
+              e.preventDefault();
+              if (_this._current > 0) {
+                return _this.prev();
+              }
+          }
+        };
+      })(this));
+    };
+
+    Tour.prototype._makePromise = function(result) {
+      if (result && $.isFunction(result.then)) {
+        return result;
+      } else {
+        return null;
+      }
+    };
+
+    Tour.prototype._callOnPromiseDone = function(promise, cb, arg) {
+      if (promise) {
+        return promise.then((function(_this) {
+          return function(e) {
+            return cb.call(_this, arg);
+          };
+        })(this));
+      } else {
+        return cb.call(this, arg);
+      }
+    };
+
+    Tour.prototype._showBackground = function(step, data) {
+      var $backdrop, base, height, j, len, pos, ref, results, width;
+      height = $(document).height();
+      width = $(document).width();
+      ref = ['top', 'bottom', 'left', 'right'];
+      results = [];
+      for (j = 0, len = ref.length; j < len; j++) {
+        pos = ref[j];
+        $backdrop = (base = this.backdrops)[pos] != null ? base[pos] : base[pos] = $('<div>', {
+          "class": "tour-backdrop " + pos
+        });
+        $(step.backdropContainer).append($backdrop);
+        switch (pos) {
+          case 'top':
+            results.push($backdrop.height(data.offset.top > 0 ? data.offset.top : 0).width(width).offset({
+              top: 0,
+              left: 0
+            }));
+            break;
+          case 'bottom':
+            results.push($backdrop.offset({
+              top: data.offset.top + data.height,
+              left: 0
+            }).height(height - (data.offset.top + data.height)).width(width));
+            break;
+          case 'left':
+            results.push($backdrop.offset({
+              top: data.offset.top,
+              left: 0
+            }).height(data.height).width(data.offset.left > 0 ? data.offset.left : 0));
+            break;
+          case 'right':
+            results.push($backdrop.offset({
+              top: data.offset.top,
+              left: data.offset.left + data.width
+            }).height(data.height).width(width - (data.offset.left + data.width)));
+            break;
+          default:
+            results.push(void 0);
+        }
+      }
+      return results;
+    };
+
+    Tour.prototype._showOverlayElement = function(step) {
+      var $backdropElement, elementData;
+      $backdropElement = $(step.backdropElement);
+      if ($backdropElement.length === 0) {
+        elementData = {
+          width: 0,
+          height: 0,
+          offset: {
+            top: 0,
+            left: 0
+          }
+        };
+      } else {
+        elementData = {
+          width: $backdropElement.innerWidth(),
+          height: $backdropElement.innerHeight(),
+          offset: $backdropElement.offset()
+        };
+        $backdropElement.addClass('tour-step-backdrop');
+        if (step.backdropPadding) {
+          elementData = this._applyBackdropPadding(step.backdropPadding, elementData);
+        }
+      }
+      return this._showBackground(step, elementData);
+    };
+
+    Tour.prototype._hideOverlayElement = function(step) {
+      var $backdrop, pos, ref;
+      $(step.backdropElement).removeClass('tour-step-backdrop');
+      ref = this.backdrops;
+      for (pos in ref) {
+        $backdrop = ref[pos];
+        if ($backdrop && $backdrop.remove !== void 0) {
+          $backdrop.remove();
+        }
+      }
+      return this.backdrops = [];
+    };
+
+    Tour.prototype._applyBackdropPadding = function(padding, data) {
+      if (typeof padding === 'object') {
+        if (padding.top == null) {
+          padding.top = 0;
+        }
+        if (padding.right == null) {
+          padding.right = 0;
+        }
+        if (padding.bottom == null) {
+          padding.bottom = 0;
+        }
+        if (padding.left == null) {
+          padding.left = 0;
+        }
+        data.offset.top = data.offset.top - padding.top;
+        data.offset.left = data.offset.left - padding.left;
+        data.width = data.width + padding.left + padding.right;
+        data.height = data.height + padding.top + padding.bottom;
+      } else {
+        data.offset.top = data.offset.top - padding;
+        data.offset.left = data.offset.left - padding;
+        data.width = data.width + (padding * 2);
+        data.height = data.height + (padding * 2);
+      }
+      return data;
+    };
+
+    Tour.prototype._clearTimer = function() {
+      window.clearTimeout(this._timer);
+      this._timer = null;
+      return this._duration = null;
+    };
+
+    Tour.prototype._getProtocol = function(url) {
+      url = url.split('://');
+      if (url.length > 1) {
+        return url[0];
+      } else {
+        return 'http';
+      }
+    };
+
+    Tour.prototype._getHost = function(url) {
+      url = url.split('//');
+      url = url.length > 1 ? url[1] : url[0];
+      return url.split('/')[0];
+    };
+
+    Tour.prototype._getPath = function(path) {
+      return path.replace(/\/?$/, '').split('?')[0].split('#')[0];
+    };
+
+    Tour.prototype._getQuery = function(path) {
+      return this._getParams(path, '?');
+    };
+
+    Tour.prototype._getHash = function(path) {
+      return this._getParams(path, '#');
+    };
+
+    Tour.prototype._getParams = function(path, start) {
+      var j, len, param, params, paramsObject;
+      params = path.split(start);
+      if (params.length === 1) {
+        return {};
+      }
+      params = params[1].split('&');
+      paramsObject = {};
+      for (j = 0, len = params.length; j < len; j++) {
+        param = params[j];
+        param = param.split('=');
+        paramsObject[param[0]] = param[1] || '';
+      }
+      return paramsObject;
+    };
+
+    Tour.prototype._equal = function(obj1, obj2) {
+      var j, k, len, obj1Keys, obj2Keys, v;
+      if ({}.toString.call(obj1) === '[object Object]' && {}.toString.call(obj2) === '[object Object]') {
+        obj1Keys = Object.keys(obj1);
+        obj2Keys = Object.keys(obj2);
+        if (obj1Keys.length !== obj2Keys.length) {
+          return false;
+        }
+        for (k in obj1) {
+          v = obj1[k];
+          if (!this._equal(obj2[k], v)) {
+            return false;
+          }
+        }
+        return true;
+      } else if ({}.toString.call(obj1) === '[object Array]' && {}.toString.call(obj2) === '[object Array]') {
+        if (obj1.length !== obj2.length) {
+          return false;
+        }
+        for (k = j = 0, len = obj1.length; j < len; k = ++j) {
+          v = obj1[k];
+          if (!this._equal(v, obj2[k])) {
+            return false;
+          }
+        }
+        return true;
+      } else {
+        return obj1 === obj2;
+      }
+    };
+
+    return Tour;
+
+  })();
+  return Tour;
+});
+
+
+/***/ }),
+/* 3 */
+/***/ (function(module, exports) {
+
+module.exports = jQuery;
+
+/***/ })
+/******/ ]);
+//# sourceMappingURL=lstutorial.js.map
\ No newline at end of file
diff --git a/assets/packages/lstutorial/build/lstutorial.js.map b/assets/packages/lstutorial/build/lstutorial.js.map
new file mode 100644
index 00000000000..d271b32fcb0
--- /dev/null
+++ b/assets/packages/lstutorial/build/lstutorial.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///webpack/bootstrap d9dc1d76d044afb4c5d0","webpack:///./src/main.js","webpack:///./node_modules/bootstrap-tour/build/js/bootstrap-tour.js","webpack:///external \"jQuery\""],"names":[],"mappings":";AAAA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAK;AACL;AACA;;AAEA;AACA;AACA;AACA,mCAA2B,0BAA0B,EAAE;AACvD,yCAAiC,eAAe;AAChD;AACA;AACA;;AAEA;AACA,8DAAsD,+DAA+D;;AAErH;AACA;;AAEA;AACA;;;;;;;;;;;;;;;;;;AC7DA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;;;;;;;ACtEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,4BAA4B,mBAAmB,gCAAgC,GAAG;;AAElF;AACA;AACA;AACA;AACA,KAAK;AAAA;AACL,GAAG;AACH;AACA,GAAG;AACH;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8QAA8Q,mFAAmF;AACjW,8CAA8C;AAC9C,8CAA8C;AAC9C,0CAA0C;AAC1C,kCAAkC;AAClC,gCAAgC;AAChC,iCAAiC;AACjC,kCAAkC;AAClC,iCAAiC;AACjC,mCAAmC;AACnC,iCAAiC;AACjC,iCAAiC;AACjC,4CAA4C;AAC5C,6CAA6C;AAC7C;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,qCAAqC,SAAS;AAC9C;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW;AACX;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA,YAAY;AACZ;AACA;AACA;AACA;AACA;AACA,SAAS;AACT,OAAO;AACP;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkB;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW;AACX;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA,YAAY;AACZ;AACA;AACA;AACA;AACA;AACA,SAAS;AACT,OAAO;AACP;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,+CAA+C,iFAAiF;AAChI;AACA;AACA;AACA,kDAAkD,6EAA6E;AAC/H;;AAEA;AACA,gBAAgB;AAChB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,YAAY;AACZ;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,OAAO;AACP,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,2BAA2B;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,oCAAoC;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,YAAY;AACZ;AACA,OAAO;AACP;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;;AAEA;AACA;AACA;AACA;AACA,OAAO;AACP;;AAEA;AACA;AACA;AACA;AACA,OAAO;AACP;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA,OAAO;AACP;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;;AAEA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT,OAAO;AACP;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC,SAAS;AAC5C;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sCAAsC,SAAS;AAC/C;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,YAAY,gDAAgD;AAC5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,YAAY,+CAA+C;AAClE;AACA;AACA;AACA,0CAA0C,SAAS;AACnD;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;;AAEA;;AAEA,GAAG;AACH;AACA,CAAC;;;;;;;ACp/BD,wB","file":"lstutorial.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 0);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap d9dc1d76d044afb4c5d0","import Tour from 'bootstrap-tour';\n\nconst firstStartTour = new Tour({\n    steps: [\n        {\n            orphan: true,\n            title: 'Welcome to LimeSurvey!',\n            content: `\n            <p>This tour will help you get a hold of LimeSurvey.</p>\n            <p>We know that LimeSurvey may be hard to use at the beginning, that's why we would like to help with a quick tour through the most essential functions and features</p>\n            `,\n            backdrop: true\n        },\n        {\n            element: '.selector__lstour--mainfunctionboxes',\n            title: 'The basic functions',\n            content: `The three top boxes are the most basic functions of LimeSurvey.\n            From left to right it should be \"Create survey\", \"List surveys\" and \"Global settings\"\n            At best we start by creating a survey.\n            Click on Create survey or Next in this box`,\n            reflex: '.selector__lstour--createsurvey',\n            redirect: (/\\/index\\.php(\\/)?\\?r=admin/.test(window.location.href) ? '/index.php?r=admin/survey?sa=newsurvey' : '/index.php/admin/survey/sa/newsurvey'),\n            backdrop: false\n        },\n        {\n            element: '#surveyls_title',\n            title: 'The survey title',\n            content: `This is the title of your survey.\n            Your participants will see this title as well in the browsers titlebar, als also on the welcome screen.\n            <p class=\"bg-info\">Tip: Make your surveys shine with a meaningful title</p>`\n        },\n        {\n            element: '#cke_description',\n            title: 'The survey description',\n            content: `This is the description of the survey.\n            Your participants will see this at first on their welcome screen.\n            Try to describe what your survey is about, but don't ask any qustion, yet.`\n        },\n        {\n            element: '.bootstrap-switch-id-createsample',\n            title: 'Create a sample question and question group',\n            content: `Since we are just beginning it is a good practice to let the wizard create a sample question and questiongroup for you.\n            If you like you can do this yourself, too`\n        },\n        {\n            element: '#cke_welcome',\n            title: 'The welcome message',\n            content: `This message is shown directly under the survey description on the welcome page.\n            You may leave this blank and concentrate on a good text for your description, or vice versa.`\n        },\n        {\n            element: '#cke_endtext',\n            title: 'The end message',\n            content: `This message is shown at the end of your survey to every participant.\n            It's a great way to say thank you, or to give some links or hints where to go next.`\n        },\n        {\n            element: '#save-form-button',\n            title: 'Thats it for now',\n            content: `You may play around with more settings, or just get to editing your survey now.\n            Just click on save.`\n        }\n    ],\n});\n\nwindow.tourLibrary = {\n    firstStartTour() {\n        firstStartTour.init();\n        firstStartTour.start();\n    }\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/main.js\n// module id = 1\n// module chunks = 0","/* ========================================================================\n * bootstrap-tour - v0.11.0\n * http://bootstraptour.com\n * ========================================================================\n * Copyright 2012-2015 Ulrich Sossou\n *\n * ========================================================================\n * Licensed under the MIT License (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     https://opensource.org/licenses/MIT\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n * ========================================================================\n */\n\nvar bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; };\n\n(function(window, factory) {\n  if (typeof define === 'function' && define.amd) {\n    return define(['jquery'], function(jQuery) {\n      return window.Tour = factory(jQuery);\n    });\n  } else if (typeof exports === 'object') {\n    return module.exports = factory(require('jquery'));\n  } else {\n    return window.Tour = factory(window.jQuery);\n  }\n})(window, function($) {\n  var Tour, document;\n  document = window.document;\n  Tour = (function() {\n    function Tour(options) {\n      this._showPopoverAndOverlay = bind(this._showPopoverAndOverlay, this);\n      var storage;\n      try {\n        storage = window.localStorage;\n      } catch (error) {\n        storage = false;\n      }\n      this._options = $.extend({\n        name: 'tour',\n        steps: [],\n        container: 'body',\n        autoscroll: true,\n        keyboard: true,\n        storage: storage,\n        debug: false,\n        backdrop: false,\n        backdropContainer: 'body',\n        backdropPadding: 0,\n        redirect: true,\n        orphan: false,\n        duration: false,\n        delay: false,\n        basePath: '',\n        template: '<div class=\"popover\" role=\"tooltip\"> <div class=\"arrow\"></div> <h3 class=\"popover-title\"></h3> <div class=\"popover-content\"></div> <div class=\"popover-navigation\"> <div class=\"btn-group\"> <button class=\"btn btn-sm btn-default\" data-role=\"prev\">&laquo; Prev</button> <button class=\"btn btn-sm btn-default\" data-role=\"next\">Next &raquo;</button> <button class=\"btn btn-sm btn-default\" data-role=\"pause-resume\" data-pause-text=\"Pause\" data-resume-text=\"Resume\">Pause</button> </div> <button class=\"btn btn-sm btn-default\" data-role=\"end\">End tour</button> </div> </div>',\n        afterSetState: function(key, value) {},\n        afterGetState: function(key, value) {},\n        afterRemoveState: function(key) {},\n        onStart: function(tour) {},\n        onEnd: function(tour) {},\n        onShow: function(tour) {},\n        onShown: function(tour) {},\n        onHide: function(tour) {},\n        onHidden: function(tour) {},\n        onNext: function(tour) {},\n        onPrev: function(tour) {},\n        onPause: function(tour, duration) {},\n        onResume: function(tour, duration) {},\n        onRedirectError: function(tour) {}\n      }, options);\n      this._force = false;\n      this._inited = false;\n      this._current = null;\n      this.backdrops = [];\n      this;\n    }\n\n    Tour.prototype.addSteps = function(steps) {\n      var j, len, step;\n      for (j = 0, len = steps.length; j < len; j++) {\n        step = steps[j];\n        this.addStep(step);\n      }\n      return this;\n    };\n\n    Tour.prototype.addStep = function(step) {\n      this._options.steps.push(step);\n      return this;\n    };\n\n    Tour.prototype.getStep = function(i) {\n      if (this._options.steps[i] != null) {\n        return $.extend({\n          id: \"step-\" + i,\n          path: '',\n          host: '',\n          placement: 'right',\n          title: '',\n          content: '<p></p>',\n          next: i === this._options.steps.length - 1 ? -1 : i + 1,\n          prev: i - 1,\n          animation: true,\n          container: this._options.container,\n          autoscroll: this._options.autoscroll,\n          backdrop: this._options.backdrop,\n          backdropContainer: this._options.backdropContainer,\n          backdropPadding: this._options.backdropPadding,\n          redirect: this._options.redirect,\n          reflexElement: this._options.steps[i].element,\n          backdropElement: this._options.steps[i].element,\n          orphan: this._options.orphan,\n          duration: this._options.duration,\n          delay: this._options.delay,\n          template: this._options.template,\n          onShow: this._options.onShow,\n          onShown: this._options.onShown,\n          onHide: this._options.onHide,\n          onHidden: this._options.onHidden,\n          onNext: this._options.onNext,\n          onPrev: this._options.onPrev,\n          onPause: this._options.onPause,\n          onResume: this._options.onResume,\n          onRedirectError: this._options.onRedirectError\n        }, this._options.steps[i]);\n      }\n    };\n\n    Tour.prototype.init = function(force) {\n      this._force = force;\n      if (this.ended()) {\n        this._debug('Tour ended, init prevented.');\n        return this;\n      }\n      this.setCurrentStep();\n      this._initMouseNavigation();\n      this._initKeyboardNavigation();\n      this._onResize((function(_this) {\n        return function() {\n          return _this.showStep(_this._current);\n        };\n      })(this));\n      this._onScroll((function(_this) {\n        return function() {\n          return _this._showPopoverAndOverlay(_this._current);\n        };\n      })(this));\n      if (this._current !== null) {\n        this.showStep(this._current);\n      }\n      this._inited = true;\n      return this;\n    };\n\n    Tour.prototype.start = function(force) {\n      var promise;\n      if (force == null) {\n        force = false;\n      }\n      if (!this._inited) {\n        this.init(force);\n      }\n      if (this._current === null) {\n        promise = this._makePromise(this._options.onStart != null ? this._options.onStart(this) : void 0);\n        this._callOnPromiseDone(promise, this.showStep, 0);\n      }\n      return this;\n    };\n\n    Tour.prototype.next = function() {\n      var promise;\n      promise = this.hideStep(this._current, this._current + 1);\n      return this._callOnPromiseDone(promise, this._showNextStep);\n    };\n\n    Tour.prototype.prev = function() {\n      var promise;\n      promise = this.hideStep(this._current, this._current - 1);\n      return this._callOnPromiseDone(promise, this._showPrevStep);\n    };\n\n    Tour.prototype.goTo = function(i) {\n      var promise;\n      promise = this.hideStep(this._current, i);\n      return this._callOnPromiseDone(promise, this.showStep, i);\n    };\n\n    Tour.prototype.end = function() {\n      var endHelper, promise;\n      endHelper = (function(_this) {\n        return function(e) {\n          $(document).off(\"click.tour-\" + _this._options.name);\n          $(document).off(\"keyup.tour-\" + _this._options.name);\n          $(window).off(\"resize.tour-\" + _this._options.name);\n          $(window).off(\"scroll.tour-\" + _this._options.name);\n          _this._setState('end', 'yes');\n          _this._inited = false;\n          _this._force = false;\n          _this._clearTimer();\n          if (_this._options.onEnd != null) {\n            return _this._options.onEnd(_this);\n          }\n        };\n      })(this);\n      promise = this.hideStep(this._current);\n      return this._callOnPromiseDone(promise, endHelper);\n    };\n\n    Tour.prototype.ended = function() {\n      return !this._force && !!this._getState('end');\n    };\n\n    Tour.prototype.restart = function() {\n      this._removeState('current_step');\n      this._removeState('end');\n      this._removeState('redirect_to');\n      return this.start();\n    };\n\n    Tour.prototype.pause = function() {\n      var step;\n      step = this.getStep(this._current);\n      if (!(step && step.duration)) {\n        return this;\n      }\n      this._paused = true;\n      this._duration -= new Date().getTime() - this._start;\n      window.clearTimeout(this._timer);\n      this._debug(\"Paused/Stopped step \" + (this._current + 1) + \" timer (\" + this._duration + \" remaining).\");\n      if (step.onPause != null) {\n        return step.onPause(this, this._duration);\n      }\n    };\n\n    Tour.prototype.resume = function() {\n      var step;\n      step = this.getStep(this._current);\n      if (!(step && step.duration)) {\n        return this;\n      }\n      this._paused = false;\n      this._start = new Date().getTime();\n      this._duration = this._duration || step.duration;\n      this._timer = window.setTimeout((function(_this) {\n        return function() {\n          if (_this._isLast()) {\n            return _this.next();\n          } else {\n            return _this.end();\n          }\n        };\n      })(this), this._duration);\n      this._debug(\"Started step \" + (this._current + 1) + \" timer with duration \" + this._duration);\n      if ((step.onResume != null) && this._duration !== step.duration) {\n        return step.onResume(this, this._duration);\n      }\n    };\n\n    Tour.prototype.hideStep = function(i, iNext) {\n      var hideDelay, hideStepHelper, promise, step;\n      step = this.getStep(i);\n      if (!step) {\n        return;\n      }\n      this._clearTimer();\n      promise = this._makePromise(step.onHide != null ? step.onHide(this, i) : void 0);\n      hideStepHelper = (function(_this) {\n        return function(e) {\n          var $element, next_step;\n          $element = $(step.element);\n          if (!($element.data('bs.popover') || $element.data('popover'))) {\n            $element = $('body');\n          }\n          $element.popover('destroy').removeClass(\"tour-\" + _this._options.name + \"-element tour-\" + _this._options.name + \"-\" + i + \"-element\").removeData('bs.popover');\n          if (step.reflex) {\n            $(step.reflexElement).removeClass('tour-step-element-reflex').off((_this._reflexEvent(step.reflex)) + \".tour-\" + _this._options.name);\n          }\n          if (step.backdrop) {\n            next_step = (iNext != null) && _this.getStep(iNext);\n            if (!next_step || !next_step.backdrop || next_step.backdropElement !== step.backdropElement) {\n              _this._hideOverlayElement(step);\n            }\n          }\n          if (step.onHidden != null) {\n            return step.onHidden(_this);\n          }\n        };\n      })(this);\n      hideDelay = step.delay.hide || step.delay;\n      if ({}.toString.call(hideDelay) === '[object Number]' && hideDelay > 0) {\n        this._debug(\"Wait \" + hideDelay + \" milliseconds to hide the step \" + (this._current + 1));\n        window.setTimeout((function(_this) {\n          return function() {\n            return _this._callOnPromiseDone(promise, hideStepHelper);\n          };\n        })(this), hideDelay);\n      } else {\n        this._callOnPromiseDone(promise, hideStepHelper);\n      }\n      return promise;\n    };\n\n    Tour.prototype.showStep = function(i) {\n      var path, promise, showDelay, showStepHelper, skipToPrevious, step;\n      if (this.ended()) {\n        this._debug('Tour ended, showStep prevented.');\n        return this;\n      }\n      step = this.getStep(i);\n      if (!step) {\n        return;\n      }\n      skipToPrevious = i < this._current;\n      promise = this._makePromise(step.onShow != null ? step.onShow(this, i) : void 0);\n      this.setCurrentStep(i);\n      path = (function() {\n        switch ({}.toString.call(step.path)) {\n          case '[object Function]':\n            return step.path();\n          case '[object String]':\n            return this._options.basePath + step.path;\n          default:\n            return step.path;\n        }\n      }).call(this);\n      if (step.redirect && this._isRedirect(step.host, path, document.location)) {\n        this._redirect(step, i, path);\n        if (!this._isJustPathHashDifferent(step.host, path, document.location)) {\n          return;\n        }\n      }\n      showStepHelper = (function(_this) {\n        return function(e) {\n          if (_this._isOrphan(step)) {\n            if (step.orphan === false) {\n              _this._debug(\"Skip the orphan step \" + (_this._current + 1) + \".\\nOrphan option is false and the element does not exist or is hidden.\");\n              if (skipToPrevious) {\n                _this._showPrevStep();\n              } else {\n                _this._showNextStep();\n              }\n              return;\n            }\n            _this._debug(\"Show the orphan step \" + (_this._current + 1) + \". Orphans option is true.\");\n          }\n          if (step.autoscroll) {\n            _this._scrollIntoView(i);\n          } else {\n            _this._showPopoverAndOverlay(i);\n          }\n          if (step.duration) {\n            return _this.resume();\n          }\n        };\n      })(this);\n      showDelay = step.delay.show || step.delay;\n      if ({}.toString.call(showDelay) === '[object Number]' && showDelay > 0) {\n        this._debug(\"Wait \" + showDelay + \" milliseconds to show the step \" + (this._current + 1));\n        window.setTimeout((function(_this) {\n          return function() {\n            return _this._callOnPromiseDone(promise, showStepHelper);\n          };\n        })(this), showDelay);\n      } else {\n        this._callOnPromiseDone(promise, showStepHelper);\n      }\n      return promise;\n    };\n\n    Tour.prototype.getCurrentStep = function() {\n      return this._current;\n    };\n\n    Tour.prototype.setCurrentStep = function(value) {\n      if (value != null) {\n        this._current = value;\n        this._setState('current_step', value);\n      } else {\n        this._current = this._getState('current_step');\n        this._current = this._current === null ? null : parseInt(this._current, 10);\n      }\n      return this;\n    };\n\n    Tour.prototype.redraw = function() {\n      return this._showOverlayElement(this.getStep(this.getCurrentStep()));\n    };\n\n    Tour.prototype._setState = function(key, value) {\n      var e, keyName;\n      if (this._options.storage) {\n        keyName = this._options.name + \"_\" + key;\n        try {\n          this._options.storage.setItem(keyName, value);\n        } catch (error) {\n          e = error;\n          if (e.code === DOMException.QUOTA_EXCEEDED_ERR) {\n            this._debug('LocalStorage quota exceeded. State storage failed.');\n          }\n        }\n        return this._options.afterSetState(keyName, value);\n      } else {\n        if (this._state == null) {\n          this._state = {};\n        }\n        return this._state[key] = value;\n      }\n    };\n\n    Tour.prototype._removeState = function(key) {\n      var keyName;\n      if (this._options.storage) {\n        keyName = this._options.name + \"_\" + key;\n        this._options.storage.removeItem(keyName);\n        return this._options.afterRemoveState(keyName);\n      } else {\n        if (this._state != null) {\n          return delete this._state[key];\n        }\n      }\n    };\n\n    Tour.prototype._getState = function(key) {\n      var keyName, value;\n      if (this._options.storage) {\n        keyName = this._options.name + \"_\" + key;\n        value = this._options.storage.getItem(keyName);\n      } else {\n        if (this._state != null) {\n          value = this._state[key];\n        }\n      }\n      if (value === void 0 || value === 'null') {\n        value = null;\n      }\n      this._options.afterGetState(key, value);\n      return value;\n    };\n\n    Tour.prototype._showNextStep = function() {\n      var promise, showNextStepHelper, step;\n      step = this.getStep(this._current);\n      showNextStepHelper = (function(_this) {\n        return function(e) {\n          return _this.showStep(step.next);\n        };\n      })(this);\n      promise = this._makePromise(step.onNext != null ? step.onNext(this) : void 0);\n      return this._callOnPromiseDone(promise, showNextStepHelper);\n    };\n\n    Tour.prototype._showPrevStep = function() {\n      var promise, showPrevStepHelper, step;\n      step = this.getStep(this._current);\n      showPrevStepHelper = (function(_this) {\n        return function(e) {\n          return _this.showStep(step.prev);\n        };\n      })(this);\n      promise = this._makePromise(step.onPrev != null ? step.onPrev(this) : void 0);\n      return this._callOnPromiseDone(promise, showPrevStepHelper);\n    };\n\n    Tour.prototype._debug = function(text) {\n      if (this._options.debug) {\n        return window.console.log(\"Bootstrap Tour '\" + this._options.name + \"' | \" + text);\n      }\n    };\n\n    Tour.prototype._isRedirect = function(host, path, location) {\n      var currentPath;\n      if ((host != null) && host !== '' && (({}.toString.call(host) === '[object RegExp]' && !host.test(location.origin)) || ({}.toString.call(host) === '[object String]' && this._isHostDifferent(host, location)))) {\n        return true;\n      }\n      currentPath = [location.pathname, location.search, location.hash].join('');\n      return (path != null) && path !== '' && (({}.toString.call(path) === '[object RegExp]' && !path.test(currentPath)) || ({}.toString.call(path) === '[object String]' && this._isPathDifferent(path, currentPath)));\n    };\n\n    Tour.prototype._isHostDifferent = function(host, location) {\n      switch ({}.toString.call(host)) {\n        case '[object RegExp]':\n          return !host.test(location.origin);\n        case '[object String]':\n          return this._getProtocol(host) !== this._getProtocol(location.href) || this._getHost(host) !== this._getHost(location.href);\n        default:\n          return true;\n      }\n    };\n\n    Tour.prototype._isPathDifferent = function(path, currentPath) {\n      return this._getPath(path) !== this._getPath(currentPath) || !this._equal(this._getQuery(path), this._getQuery(currentPath)) || !this._equal(this._getHash(path), this._getHash(currentPath));\n    };\n\n    Tour.prototype._isJustPathHashDifferent = function(host, path, location) {\n      var currentPath;\n      if ((host != null) && host !== '') {\n        if (this._isHostDifferent(host, location)) {\n          return false;\n        }\n      }\n      currentPath = [location.pathname, location.search, location.hash].join('');\n      if ({}.toString.call(path) === '[object String]') {\n        return this._getPath(path) === this._getPath(currentPath) && this._equal(this._getQuery(path), this._getQuery(currentPath)) && !this._equal(this._getHash(path), this._getHash(currentPath));\n      }\n      return false;\n    };\n\n    Tour.prototype._redirect = function(step, i, path) {\n      var href;\n      if ($.isFunction(step.redirect)) {\n        return step.redirect.call(this, path);\n      } else {\n        href = {}.toString.call(step.host) === '[object String]' ? \"\" + step.host + path : path;\n        this._debug(\"Redirect to \" + href);\n        if (this._getState('redirect_to') === (\"\" + i)) {\n          this._debug(\"Error redirection loop to \" + path);\n          this._removeState('redirect_to');\n          if (step.onRedirectError != null) {\n            return step.onRedirectError(this);\n          }\n        } else {\n          this._setState('redirect_to', \"\" + i);\n          return document.location.href = href;\n        }\n      }\n    };\n\n    Tour.prototype._isOrphan = function(step) {\n      return (step.element == null) || !$(step.element).length || $(step.element).is(':hidden') && ($(step.element)[0].namespaceURI !== 'http://www.w3.org/2000/svg');\n    };\n\n    Tour.prototype._isLast = function() {\n      return this._current < this._options.steps.length - 1;\n    };\n\n    Tour.prototype._showPopoverAndOverlay = function(i) {\n      var step;\n      if (this.getCurrentStep() !== i || this.ended()) {\n        return;\n      }\n      step = this.getStep(i);\n      if (step.backdrop) {\n        this._showOverlayElement(step);\n      }\n      this._showPopover(step, i);\n      if (step.onShown != null) {\n        step.onShown(this);\n      }\n      return this._debug(\"Step \" + (this._current + 1) + \" of \" + this._options.steps.length);\n    };\n\n    Tour.prototype._showPopover = function(step, i) {\n      var $element, $tip, isOrphan, options, shouldAddSmart;\n      $(\".tour-\" + this._options.name).remove();\n      options = $.extend({}, this._options);\n      isOrphan = this._isOrphan(step);\n      step.template = this._template(step, i);\n      if (isOrphan) {\n        step.element = 'body';\n        step.placement = 'top';\n      }\n      $element = $(step.element);\n      $element.addClass(\"tour-\" + this._options.name + \"-element tour-\" + this._options.name + \"-\" + i + \"-element\");\n      if (step.options) {\n        $.extend(options, step.options);\n      }\n      if (step.reflex && !isOrphan) {\n        $(step.reflexElement).addClass('tour-step-element-reflex').off((this._reflexEvent(step.reflex)) + \".tour-\" + this._options.name).on((this._reflexEvent(step.reflex)) + \".tour-\" + this._options.name, (function(_this) {\n          return function() {\n            if (_this._isLast()) {\n              return _this.next();\n            } else {\n              return _this.end();\n            }\n          };\n        })(this));\n      }\n      shouldAddSmart = step.smartPlacement === true && step.placement.search(/auto/i) === -1;\n      $element.popover({\n        placement: shouldAddSmart ? \"auto \" + step.placement : step.placement,\n        trigger: 'manual',\n        title: step.title,\n        content: step.content,\n        html: true,\n        animation: step.animation,\n        container: step.container,\n        template: step.template,\n        selector: step.element\n      }).popover('show');\n      $tip = $element.data('bs.popover') ? $element.data('bs.popover').tip() : $element.data('popover').tip();\n      $tip.attr('id', step.id);\n      if ($element.css('position') === 'fixed') {\n        $tip.css('position', 'fixed');\n      }\n      this._reposition($tip, step);\n      if (isOrphan) {\n        return this._center($tip);\n      }\n    };\n\n    Tour.prototype._template = function(step, i) {\n      var $navigation, $next, $prev, $resume, $template, template;\n      template = step.template;\n      if (this._isOrphan(step) && {}.toString.call(step.orphan) !== '[object Boolean]') {\n        template = step.orphan;\n      }\n      $template = $.isFunction(template) ? $(template(i, step)) : $(template);\n      $navigation = $template.find('.popover-navigation');\n      $prev = $navigation.find('[data-role=\"prev\"]');\n      $next = $navigation.find('[data-role=\"next\"]');\n      $resume = $navigation.find('[data-role=\"pause-resume\"]');\n      if (this._isOrphan(step)) {\n        $template.addClass('orphan');\n      }\n      $template.addClass(\"tour-\" + this._options.name + \" tour-\" + this._options.name + \"-\" + i);\n      if (step.reflex) {\n        $template.addClass(\"tour-\" + this._options.name + \"-reflex\");\n      }\n      if (step.prev < 0) {\n        $prev.addClass('disabled').prop('disabled', true).prop('tabindex', -1);\n      }\n      if (step.next < 0) {\n        $next.addClass('disabled').prop('disabled', true).prop('tabindex', -1);\n      }\n      if (!step.duration) {\n        $resume.remove();\n      }\n      return $template.clone().wrap('<div>').parent().html();\n    };\n\n    Tour.prototype._reflexEvent = function(reflex) {\n      if ({}.toString.call(reflex) === '[object Boolean]') {\n        return 'click';\n      } else {\n        return reflex;\n      }\n    };\n\n    Tour.prototype._reposition = function($tip, step) {\n      var offsetBottom, offsetHeight, offsetRight, offsetWidth, originalLeft, originalTop, tipOffset;\n      offsetWidth = $tip[0].offsetWidth;\n      offsetHeight = $tip[0].offsetHeight;\n      tipOffset = $tip.offset();\n      originalLeft = tipOffset.left;\n      originalTop = tipOffset.top;\n      offsetBottom = $(document).outerHeight() - tipOffset.top - $tip.outerHeight();\n      if (offsetBottom < 0) {\n        tipOffset.top = tipOffset.top + offsetBottom;\n      }\n      offsetRight = $('html').outerWidth() - tipOffset.left - $tip.outerWidth();\n      if (offsetRight < 0) {\n        tipOffset.left = tipOffset.left + offsetRight;\n      }\n      if (tipOffset.top < 0) {\n        tipOffset.top = 0;\n      }\n      if (tipOffset.left < 0) {\n        tipOffset.left = 0;\n      }\n      $tip.offset(tipOffset);\n      if (step.placement === 'bottom' || step.placement === 'top') {\n        if (originalLeft !== tipOffset.left) {\n          return this._replaceArrow($tip, (tipOffset.left - originalLeft) * 2, offsetWidth, 'left');\n        }\n      } else {\n        if (originalTop !== tipOffset.top) {\n          return this._replaceArrow($tip, (tipOffset.top - originalTop) * 2, offsetHeight, 'top');\n        }\n      }\n    };\n\n    Tour.prototype._center = function($tip) {\n      return $tip.css('top', $(window).outerHeight() / 2 - $tip.outerHeight() / 2);\n    };\n\n    Tour.prototype._replaceArrow = function($tip, delta, dimension, position) {\n      return $tip.find('.arrow').css(position, delta ? 50 * (1 - delta / dimension) + '%' : '');\n    };\n\n    Tour.prototype._scrollIntoView = function(i) {\n      var $element, $window, counter, height, offsetTop, scrollTop, step, windowHeight;\n      step = this.getStep(i);\n      $element = $(step.element);\n      if (!$element.length) {\n        return this._showPopoverAndOverlay(i);\n      }\n      $window = $(window);\n      offsetTop = $element.offset().top;\n      height = $element.outerHeight();\n      windowHeight = $window.height();\n      scrollTop = 0;\n      switch (step.placement) {\n        case 'top':\n          scrollTop = Math.max(0, offsetTop - (windowHeight / 2));\n          break;\n        case 'left':\n        case 'right':\n          scrollTop = Math.max(0, (offsetTop + height / 2) - (windowHeight / 2));\n          break;\n        case 'bottom':\n          scrollTop = Math.max(0, (offsetTop + height) - (windowHeight / 2));\n      }\n      this._debug(\"Scroll into view. ScrollTop: \" + scrollTop + \". Element offset: \" + offsetTop + \". Window height: \" + windowHeight + \".\");\n      counter = 0;\n      return $('body, html').stop(true, true).animate({\n        scrollTop: Math.ceil(scrollTop)\n      }, (function(_this) {\n        return function() {\n          if (++counter === 2) {\n            _this._showPopoverAndOverlay(i);\n            return _this._debug(\"Scroll into view.\\nAnimation end element offset: \" + ($element.offset().top) + \".\\nWindow height: \" + ($window.height()) + \".\");\n          }\n        };\n      })(this));\n    };\n\n    Tour.prototype._onResize = function(callback, timeout) {\n      return $(window).on(\"resize.tour-\" + this._options.name, function() {\n        clearTimeout(timeout);\n        return timeout = setTimeout(callback, 100);\n      });\n    };\n\n    Tour.prototype._onScroll = function(callback, timeout) {\n      return $(window).on(\"scroll.tour-\" + this._options.name, function() {\n        clearTimeout(timeout);\n        return timeout = setTimeout(callback, 100);\n      });\n    };\n\n    Tour.prototype._initMouseNavigation = function() {\n      var _this;\n      _this = this;\n      return $(document).off(\"click.tour-\" + this._options.name, \".popover.tour-\" + this._options.name + \" *[data-role='prev']\").off(\"click.tour-\" + this._options.name, \".popover.tour-\" + this._options.name + \" *[data-role='next']\").off(\"click.tour-\" + this._options.name, \".popover.tour-\" + this._options.name + \" *[data-role='end']\").off(\"click.tour-\" + this._options.name, \".popover.tour-\" + this._options.name + \" *[data-role='pause-resume']\").on(\"click.tour-\" + this._options.name, \".popover.tour-\" + this._options.name + \" *[data-role='next']\", (function(_this) {\n        return function(e) {\n          e.preventDefault();\n          return _this.next();\n        };\n      })(this)).on(\"click.tour-\" + this._options.name, \".popover.tour-\" + this._options.name + \" *[data-role='prev']\", (function(_this) {\n        return function(e) {\n          e.preventDefault();\n          if (_this._current > 0) {\n            return _this.prev();\n          }\n        };\n      })(this)).on(\"click.tour-\" + this._options.name, \".popover.tour-\" + this._options.name + \" *[data-role='end']\", (function(_this) {\n        return function(e) {\n          e.preventDefault();\n          return _this.end();\n        };\n      })(this)).on(\"click.tour-\" + this._options.name, \".popover.tour-\" + this._options.name + \" *[data-role='pause-resume']\", function(e) {\n        var $this;\n        e.preventDefault();\n        $this = $(this);\n        $this.text(_this._paused ? $this.data('pause-text') : $this.data('resume-text'));\n        if (_this._paused) {\n          return _this.resume();\n        } else {\n          return _this.pause();\n        }\n      });\n    };\n\n    Tour.prototype._initKeyboardNavigation = function() {\n      if (!this._options.keyboard) {\n        return;\n      }\n      return $(document).on(\"keyup.tour-\" + this._options.name, (function(_this) {\n        return function(e) {\n          if (!e.which) {\n            return;\n          }\n          switch (e.which) {\n            case 39:\n              e.preventDefault();\n              if (_this._isLast()) {\n                return _this.next();\n              } else {\n                return _this.end();\n              }\n              break;\n            case 37:\n              e.preventDefault();\n              if (_this._current > 0) {\n                return _this.prev();\n              }\n          }\n        };\n      })(this));\n    };\n\n    Tour.prototype._makePromise = function(result) {\n      if (result && $.isFunction(result.then)) {\n        return result;\n      } else {\n        return null;\n      }\n    };\n\n    Tour.prototype._callOnPromiseDone = function(promise, cb, arg) {\n      if (promise) {\n        return promise.then((function(_this) {\n          return function(e) {\n            return cb.call(_this, arg);\n          };\n        })(this));\n      } else {\n        return cb.call(this, arg);\n      }\n    };\n\n    Tour.prototype._showBackground = function(step, data) {\n      var $backdrop, base, height, j, len, pos, ref, results, width;\n      height = $(document).height();\n      width = $(document).width();\n      ref = ['top', 'bottom', 'left', 'right'];\n      results = [];\n      for (j = 0, len = ref.length; j < len; j++) {\n        pos = ref[j];\n        $backdrop = (base = this.backdrops)[pos] != null ? base[pos] : base[pos] = $('<div>', {\n          \"class\": \"tour-backdrop \" + pos\n        });\n        $(step.backdropContainer).append($backdrop);\n        switch (pos) {\n          case 'top':\n            results.push($backdrop.height(data.offset.top > 0 ? data.offset.top : 0).width(width).offset({\n              top: 0,\n              left: 0\n            }));\n            break;\n          case 'bottom':\n            results.push($backdrop.offset({\n              top: data.offset.top + data.height,\n              left: 0\n            }).height(height - (data.offset.top + data.height)).width(width));\n            break;\n          case 'left':\n            results.push($backdrop.offset({\n              top: data.offset.top,\n              left: 0\n            }).height(data.height).width(data.offset.left > 0 ? data.offset.left : 0));\n            break;\n          case 'right':\n            results.push($backdrop.offset({\n              top: data.offset.top,\n              left: data.offset.left + data.width\n            }).height(data.height).width(width - (data.offset.left + data.width)));\n            break;\n          default:\n            results.push(void 0);\n        }\n      }\n      return results;\n    };\n\n    Tour.prototype._showOverlayElement = function(step) {\n      var $backdropElement, elementData;\n      $backdropElement = $(step.backdropElement);\n      if ($backdropElement.length === 0) {\n        elementData = {\n          width: 0,\n          height: 0,\n          offset: {\n            top: 0,\n            left: 0\n          }\n        };\n      } else {\n        elementData = {\n          width: $backdropElement.innerWidth(),\n          height: $backdropElement.innerHeight(),\n          offset: $backdropElement.offset()\n        };\n        $backdropElement.addClass('tour-step-backdrop');\n        if (step.backdropPadding) {\n          elementData = this._applyBackdropPadding(step.backdropPadding, elementData);\n        }\n      }\n      return this._showBackground(step, elementData);\n    };\n\n    Tour.prototype._hideOverlayElement = function(step) {\n      var $backdrop, pos, ref;\n      $(step.backdropElement).removeClass('tour-step-backdrop');\n      ref = this.backdrops;\n      for (pos in ref) {\n        $backdrop = ref[pos];\n        if ($backdrop && $backdrop.remove !== void 0) {\n          $backdrop.remove();\n        }\n      }\n      return this.backdrops = [];\n    };\n\n    Tour.prototype._applyBackdropPadding = function(padding, data) {\n      if (typeof padding === 'object') {\n        if (padding.top == null) {\n          padding.top = 0;\n        }\n        if (padding.right == null) {\n          padding.right = 0;\n        }\n        if (padding.bottom == null) {\n          padding.bottom = 0;\n        }\n        if (padding.left == null) {\n          padding.left = 0;\n        }\n        data.offset.top = data.offset.top - padding.top;\n        data.offset.left = data.offset.left - padding.left;\n        data.width = data.width + padding.left + padding.right;\n        data.height = data.height + padding.top + padding.bottom;\n      } else {\n        data.offset.top = data.offset.top - padding;\n        data.offset.left = data.offset.left - padding;\n        data.width = data.width + (padding * 2);\n        data.height = data.height + (padding * 2);\n      }\n      return data;\n    };\n\n    Tour.prototype._clearTimer = function() {\n      window.clearTimeout(this._timer);\n      this._timer = null;\n      return this._duration = null;\n    };\n\n    Tour.prototype._getProtocol = function(url) {\n      url = url.split('://');\n      if (url.length > 1) {\n        return url[0];\n      } else {\n        return 'http';\n      }\n    };\n\n    Tour.prototype._getHost = function(url) {\n      url = url.split('//');\n      url = url.length > 1 ? url[1] : url[0];\n      return url.split('/')[0];\n    };\n\n    Tour.prototype._getPath = function(path) {\n      return path.replace(/\\/?$/, '').split('?')[0].split('#')[0];\n    };\n\n    Tour.prototype._getQuery = function(path) {\n      return this._getParams(path, '?');\n    };\n\n    Tour.prototype._getHash = function(path) {\n      return this._getParams(path, '#');\n    };\n\n    Tour.prototype._getParams = function(path, start) {\n      var j, len, param, params, paramsObject;\n      params = path.split(start);\n      if (params.length === 1) {\n        return {};\n      }\n      params = params[1].split('&');\n      paramsObject = {};\n      for (j = 0, len = params.length; j < len; j++) {\n        param = params[j];\n        param = param.split('=');\n        paramsObject[param[0]] = param[1] || '';\n      }\n      return paramsObject;\n    };\n\n    Tour.prototype._equal = function(obj1, obj2) {\n      var j, k, len, obj1Keys, obj2Keys, v;\n      if ({}.toString.call(obj1) === '[object Object]' && {}.toString.call(obj2) === '[object Object]') {\n        obj1Keys = Object.keys(obj1);\n        obj2Keys = Object.keys(obj2);\n        if (obj1Keys.length !== obj2Keys.length) {\n          return false;\n        }\n        for (k in obj1) {\n          v = obj1[k];\n          if (!this._equal(obj2[k], v)) {\n            return false;\n          }\n        }\n        return true;\n      } else if ({}.toString.call(obj1) === '[object Array]' && {}.toString.call(obj2) === '[object Array]') {\n        if (obj1.length !== obj2.length) {\n          return false;\n        }\n        for (k = j = 0, len = obj1.length; j < len; k = ++j) {\n          v = obj1[k];\n          if (!this._equal(v, obj2[k])) {\n            return false;\n          }\n        }\n        return true;\n      } else {\n        return obj1 === obj2;\n      }\n    };\n\n    return Tour;\n\n  })();\n  return Tour;\n});\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/bootstrap-tour/build/js/bootstrap-tour.js\n// module id = 2\n// module chunks = 0","module.exports = jQuery;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external \"jQuery\"\n// module id = 3\n// module chunks = 0"],"sourceRoot":""}
\ No newline at end of file
diff --git a/assets/packages/lstutorial/build/lstutorial.min.js b/assets/packages/lstutorial/build/lstutorial.min.js
new file mode 100644
index 00000000000..55cef4b72fa
--- /dev/null
+++ b/assets/packages/lstutorial/build/lstutorial.min.js
@@ -0,0 +1 @@
+"use strict";var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t};!function(t){function e(n){if(o[n])return o[n].exports;var i=o[n]={i:n,l:!1,exports:{}};return t[n].call(i.exports,i,i.exports,e),i.l=!0,i.exports}var o={};e.m=t,e.c=o,e.d=function(t,o,n){e.o(t,o)||Object.defineProperty(t,o,{configurable:!1,enumerable:!0,get:n})},e.n=function(t){var o=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(o,"a",o),o},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=0)}([function(t,e,o){t.exports=o(1)},function(t,e,o){Object.defineProperty(e,"__esModule",{value:!0});var n=o(2),i=new(o.n(n).a)({steps:[{orphan:!0,title:"Welcome to LimeSurvey!",content:"\n            <p>This tour will help you get a hold of LimeSurvey.</p>\n            <p>We know that LimeSurvey may be hard to use at the beginning, that's why we would like to help with a quick tour through the most essential functions and features</p>\n            ",backdrop:!0},{element:".selector__lstour--mainfunctionboxes",title:"The basic functions",content:'The three top boxes are the most basic functions of LimeSurvey.\n            From left to right it should be "Create survey", "List surveys" and "Global settings"\n            At best we start by creating a survey.\n            Click on Create survey or Next in this box',reflex:".selector__lstour--createsurvey",redirect:/\/index\.php(\/)?\?r=admin/.test(window.location.href)?"/index.php?r=admin/survey?sa=newsurvey":"/index.php/admin/survey/sa/newsurvey",backdrop:!1},{element:"#surveyls_title",title:"The survey title",content:'This is the title of your survey.\n            Your participants will see this title as well in the browsers titlebar, als also on the welcome screen.\n            <p class="bg-info">Tip: Make your surveys shine with a meaningful title</p>'},{element:"#cke_description",title:"The survey description",content:"This is the description of the survey.\n            Your participants will see this at first on their welcome screen.\n            Try to describe what your survey is about, but don't ask any qustion, yet."},{element:".bootstrap-switch-id-createsample",title:"Create a sample question and question group",content:"Since we are just beginning it is a good practice to let the wizard create a sample question and questiongroup for you.\n            If you like you can do this yourself, too"},{element:"#cke_welcome",title:"The welcome message",content:"This message is shown directly under the survey description on the welcome page.\n            You may leave this blank and concentrate on a good text for your description, or vice versa."},{element:"#cke_endtext",title:"The end message",content:"This message is shown at the end of your survey to every participant.\n            It's a great way to say thank you, or to give some links or hints where to go next."},{element:"#save-form-button",title:"Thats it for now",content:"You may play around with more settings, or just get to editing your survey now.\n            Just click on save."}]});window.tourLibrary={firstStartTour:function(){i.init(),i.start()}}},function(t,e,o){var n,i,r=function(t,e){return function(){return t.apply(e,arguments)}};!function(r,s){n=[o(3)],void 0!==(i=function(t){return r.Tour=s(t)}.apply(e,n))&&(t.exports=i)}(window,function(t){var e;return e=window.document,function(){function o(e){this._showPopoverAndOverlay=r(this._showPopoverAndOverlay,this);var o;try{o=window.localStorage}catch(t){o=!1}this._options=t.extend({name:"tour",steps:[],container:"body",autoscroll:!0,keyboard:!0,storage:o,debug:!1,backdrop:!1,backdropContainer:"body",backdropPadding:0,redirect:!0,orphan:!1,duration:!1,delay:!1,basePath:"",template:'<div class="popover" role="tooltip"> <div class="arrow"></div> <h3 class="popover-title"></h3> <div class="popover-content"></div> <div class="popover-navigation"> <div class="btn-group"> <button class="btn btn-sm btn-default" data-role="prev">&laquo; Prev</button> <button class="btn btn-sm btn-default" data-role="next">Next &raquo;</button> <button class="btn btn-sm btn-default" data-role="pause-resume" data-pause-text="Pause" data-resume-text="Resume">Pause</button> </div> <button class="btn btn-sm btn-default" data-role="end">End tour</button> </div> </div>',afterSetState:function(t,e){},afterGetState:function(t,e){},afterRemoveState:function(t){},onStart:function(t){},onEnd:function(t){},onShow:function(t){},onShown:function(t){},onHide:function(t){},onHidden:function(t){},onNext:function(t){},onPrev:function(t){},onPause:function(t,e){},onResume:function(t,e){},onRedirectError:function(t){}},e),this._force=!1,this._inited=!1,this._current=null,this.backdrops=[]}return o.prototype.addSteps=function(t){var e,o,n;for(e=0,o=t.length;e<o;e++)n=t[e],this.addStep(n);return this},o.prototype.addStep=function(t){return this._options.steps.push(t),this},o.prototype.getStep=function(e){if(null!=this._options.steps[e])return t.extend({id:"step-"+e,path:"",host:"",placement:"right",title:"",content:"<p></p>",next:e===this._options.steps.length-1?-1:e+1,prev:e-1,animation:!0,container:this._options.container,autoscroll:this._options.autoscroll,backdrop:this._options.backdrop,backdropContainer:this._options.backdropContainer,backdropPadding:this._options.backdropPadding,redirect:this._options.redirect,reflexElement:this._options.steps[e].element,backdropElement:this._options.steps[e].element,orphan:this._options.orphan,duration:this._options.duration,delay:this._options.delay,template:this._options.template,onShow:this._options.onShow,onShown:this._options.onShown,onHide:this._options.onHide,onHidden:this._options.onHidden,onNext:this._options.onNext,onPrev:this._options.onPrev,onPause:this._options.onPause,onResume:this._options.onResume,onRedirectError:this._options.onRedirectError},this._options.steps[e])},o.prototype.init=function(t){return this._force=t,this.ended()?(this._debug("Tour ended, init prevented."),this):(this.setCurrentStep(),this._initMouseNavigation(),this._initKeyboardNavigation(),this._onResize(function(t){return function(){return t.showStep(t._current)}}(this)),this._onScroll(function(t){return function(){return t._showPopoverAndOverlay(t._current)}}(this)),null!==this._current&&this.showStep(this._current),this._inited=!0,this)},o.prototype.start=function(t){var e;return null==t&&(t=!1),this._inited||this.init(t),null===this._current&&(e=this._makePromise(null!=this._options.onStart?this._options.onStart(this):void 0),this._callOnPromiseDone(e,this.showStep,0)),this},o.prototype.next=function(){var t;return t=this.hideStep(this._current,this._current+1),this._callOnPromiseDone(t,this._showNextStep)},o.prototype.prev=function(){var t;return t=this.hideStep(this._current,this._current-1),this._callOnPromiseDone(t,this._showPrevStep)},o.prototype.goTo=function(t){var e;return e=this.hideStep(this._current,t),this._callOnPromiseDone(e,this.showStep,t)},o.prototype.end=function(){var o,n;return o=function(o){return function(n){if(t(e).off("click.tour-"+o._options.name),t(e).off("keyup.tour-"+o._options.name),t(window).off("resize.tour-"+o._options.name),t(window).off("scroll.tour-"+o._options.name),o._setState("end","yes"),o._inited=!1,o._force=!1,o._clearTimer(),null!=o._options.onEnd)return o._options.onEnd(o)}}(this),n=this.hideStep(this._current),this._callOnPromiseDone(n,o)},o.prototype.ended=function(){return!this._force&&!!this._getState("end")},o.prototype.restart=function(){return this._removeState("current_step"),this._removeState("end"),this._removeState("redirect_to"),this.start()},o.prototype.pause=function(){var t;return(t=this.getStep(this._current))&&t.duration?(this._paused=!0,this._duration-=(new Date).getTime()-this._start,window.clearTimeout(this._timer),this._debug("Paused/Stopped step "+(this._current+1)+" timer ("+this._duration+" remaining)."),null!=t.onPause?t.onPause(this,this._duration):void 0):this},o.prototype.resume=function(){var t;return(t=this.getStep(this._current))&&t.duration?(this._paused=!1,this._start=(new Date).getTime(),this._duration=this._duration||t.duration,this._timer=window.setTimeout(function(t){return function(){return t._isLast()?t.next():t.end()}}(this),this._duration),this._debug("Started step "+(this._current+1)+" timer with duration "+this._duration),null!=t.onResume&&this._duration!==t.duration?t.onResume(this,this._duration):void 0):this},o.prototype.hideStep=function(e,o){var n,i,r,s;if(s=this.getStep(e))return this._clearTimer(),r=this._makePromise(null!=s.onHide?s.onHide(this,e):void 0),i=function(n){return function(i){var r,a;if((r=t(s.element)).data("bs.popover")||r.data("popover")||(r=t("body")),r.popover("destroy").removeClass("tour-"+n._options.name+"-element tour-"+n._options.name+"-"+e+"-element").removeData("bs.popover"),s.reflex&&t(s.reflexElement).removeClass("tour-step-element-reflex").off(n._reflexEvent(s.reflex)+".tour-"+n._options.name),s.backdrop&&((a=null!=o&&n.getStep(o))&&a.backdrop&&a.backdropElement===s.backdropElement||n._hideOverlayElement(s)),null!=s.onHidden)return s.onHidden(n)}}(this),n=s.delay.hide||s.delay,"[object Number]"==={}.toString.call(n)&&n>0?(this._debug("Wait "+n+" milliseconds to hide the step "+(this._current+1)),window.setTimeout(function(t){return function(){return t._callOnPromiseDone(r,i)}}(this),n)):this._callOnPromiseDone(r,i),r},o.prototype.showStep=function(t){var o,n,i,r,s,a;return this.ended()?(this._debug("Tour ended, showStep prevented."),this):(a=this.getStep(t))&&(s=t<this._current,n=this._makePromise(null!=a.onShow?a.onShow(this,t):void 0),this.setCurrentStep(t),o=function(){switch({}.toString.call(a.path)){case"[object Function]":return a.path();case"[object String]":return this._options.basePath+a.path;default:return a.path}}.call(this),!a.redirect||!this._isRedirect(a.host,o,e.location)||(this._redirect(a,t,o),this._isJustPathHashDifferent(a.host,o,e.location)))?(r=function(e){return function(o){if(e._isOrphan(a)){if(!1===a.orphan)return e._debug("Skip the orphan step "+(e._current+1)+".\nOrphan option is false and the element does not exist or is hidden."),void(s?e._showPrevStep():e._showNextStep());e._debug("Show the orphan step "+(e._current+1)+". Orphans option is true.")}if(a.autoscroll?e._scrollIntoView(t):e._showPopoverAndOverlay(t),a.duration)return e.resume()}}(this),i=a.delay.show||a.delay,"[object Number]"==={}.toString.call(i)&&i>0?(this._debug("Wait "+i+" milliseconds to show the step "+(this._current+1)),window.setTimeout(function(t){return function(){return t._callOnPromiseDone(n,r)}}(this),i)):this._callOnPromiseDone(n,r),n):void 0},o.prototype.getCurrentStep=function(){return this._current},o.prototype.setCurrentStep=function(t){return null!=t?(this._current=t,this._setState("current_step",t)):(this._current=this._getState("current_step"),this._current=null===this._current?null:parseInt(this._current,10)),this},o.prototype.redraw=function(){return this._showOverlayElement(this.getStep(this.getCurrentStep()))},o.prototype._setState=function(t,e){var o;if(this._options.storage){o=this._options.name+"_"+t;try{this._options.storage.setItem(o,e)}catch(t){t.code===DOMException.QUOTA_EXCEEDED_ERR&&this._debug("LocalStorage quota exceeded. State storage failed.")}return this._options.afterSetState(o,e)}return null==this._state&&(this._state={}),this._state[t]=e},o.prototype._removeState=function(t){var e;return this._options.storage?(e=this._options.name+"_"+t,this._options.storage.removeItem(e),this._options.afterRemoveState(e)):null!=this._state?delete this._state[t]:void 0},o.prototype._getState=function(t){var e,o;return this._options.storage?(e=this._options.name+"_"+t,o=this._options.storage.getItem(e)):null!=this._state&&(o=this._state[t]),void 0!==o&&"null"!==o||(o=null),this._options.afterGetState(t,o),o},o.prototype._showNextStep=function(){var t,e,o;return o=this.getStep(this._current),e=function(t){return function(e){return t.showStep(o.next)}}(this),t=this._makePromise(null!=o.onNext?o.onNext(this):void 0),this._callOnPromiseDone(t,e)},o.prototype._showPrevStep=function(){var t,e,o;return o=this.getStep(this._current),e=function(t){return function(e){return t.showStep(o.prev)}}(this),t=this._makePromise(null!=o.onPrev?o.onPrev(this):void 0),this._callOnPromiseDone(t,e)},o.prototype._debug=function(t){if(this._options.debug)return window.console.log("Bootstrap Tour '"+this._options.name+"' | "+t)},o.prototype._isRedirect=function(t,e,o){var n;return!(null==t||""===t||!("[object RegExp]"==={}.toString.call(t)&&!t.test(o.origin)||"[object String]"==={}.toString.call(t)&&this._isHostDifferent(t,o)))||(n=[o.pathname,o.search,o.hash].join(""),null!=e&&""!==e&&("[object RegExp]"==={}.toString.call(e)&&!e.test(n)||"[object String]"==={}.toString.call(e)&&this._isPathDifferent(e,n)))},o.prototype._isHostDifferent=function(t,e){switch({}.toString.call(t)){case"[object RegExp]":return!t.test(e.origin);case"[object String]":return this._getProtocol(t)!==this._getProtocol(e.href)||this._getHost(t)!==this._getHost(e.href);default:return!0}},o.prototype._isPathDifferent=function(t,e){return this._getPath(t)!==this._getPath(e)||!this._equal(this._getQuery(t),this._getQuery(e))||!this._equal(this._getHash(t),this._getHash(e))},o.prototype._isJustPathHashDifferent=function(t,e,o){var n;return(null==t||""===t||!this._isHostDifferent(t,o))&&(n=[o.pathname,o.search,o.hash].join(""),"[object String]"==={}.toString.call(e)&&(this._getPath(e)===this._getPath(n)&&this._equal(this._getQuery(e),this._getQuery(n))&&!this._equal(this._getHash(e),this._getHash(n))))},o.prototype._redirect=function(o,n,i){var r;return t.isFunction(o.redirect)?o.redirect.call(this,i):(r="[object String]"==={}.toString.call(o.host)?""+o.host+i:i,this._debug("Redirect to "+r),this._getState("redirect_to")!==""+n?(this._setState("redirect_to",""+n),e.location.href=r):(this._debug("Error redirection loop to "+i),this._removeState("redirect_to"),null!=o.onRedirectError?o.onRedirectError(this):void 0))},o.prototype._isOrphan=function(e){return null==e.element||!t(e.element).length||t(e.element).is(":hidden")&&"http://www.w3.org/2000/svg"!==t(e.element)[0].namespaceURI},o.prototype._isLast=function(){return this._current<this._options.steps.length-1},o.prototype._showPopoverAndOverlay=function(t){var e;if(this.getCurrentStep()===t&&!this.ended())return(e=this.getStep(t)).backdrop&&this._showOverlayElement(e),this._showPopover(e,t),null!=e.onShown&&e.onShown(this),this._debug("Step "+(this._current+1)+" of "+this._options.steps.length)},o.prototype._showPopover=function(e,o){var n,i,r,s,a;if(t(".tour-"+this._options.name).remove(),s=t.extend({},this._options),r=this._isOrphan(e),e.template=this._template(e,o),r&&(e.element="body",e.placement="top"),(n=t(e.element)).addClass("tour-"+this._options.name+"-element tour-"+this._options.name+"-"+o+"-element"),e.options&&t.extend(s,e.options),e.reflex&&!r&&t(e.reflexElement).addClass("tour-step-element-reflex").off(this._reflexEvent(e.reflex)+".tour-"+this._options.name).on(this._reflexEvent(e.reflex)+".tour-"+this._options.name,function(t){return function(){return t._isLast()?t.next():t.end()}}(this)),a=!0===e.smartPlacement&&-1===e.placement.search(/auto/i),n.popover({placement:a?"auto "+e.placement:e.placement,trigger:"manual",title:e.title,content:e.content,html:!0,animation:e.animation,container:e.container,template:e.template,selector:e.element}).popover("show"),(i=n.data("bs.popover")?n.data("bs.popover").tip():n.data("popover").tip()).attr("id",e.id),"fixed"===n.css("position")&&i.css("position","fixed"),this._reposition(i,e),r)return this._center(i)},o.prototype._template=function(e,o){var n,i,r,s,a,u;return u=e.template,this._isOrphan(e)&&"[object Boolean]"!=={}.toString.call(e.orphan)&&(u=e.orphan),a=t(t.isFunction(u)?u(o,e):u),n=a.find(".popover-navigation"),r=n.find('[data-role="prev"]'),i=n.find('[data-role="next"]'),s=n.find('[data-role="pause-resume"]'),this._isOrphan(e)&&a.addClass("orphan"),a.addClass("tour-"+this._options.name+" tour-"+this._options.name+"-"+o),e.reflex&&a.addClass("tour-"+this._options.name+"-reflex"),e.prev<0&&r.addClass("disabled").prop("disabled",!0).prop("tabindex",-1),e.next<0&&i.addClass("disabled").prop("disabled",!0).prop("tabindex",-1),e.duration||s.remove(),a.clone().wrap("<div>").parent().html()},o.prototype._reflexEvent=function(t){return"[object Boolean]"==={}.toString.call(t)?"click":t},o.prototype._reposition=function(o,n){var i,r,s,a,u,h,p;if(a=o[0].offsetWidth,r=o[0].offsetHeight,p=o.offset(),u=p.left,h=p.top,(i=t(e).outerHeight()-p.top-o.outerHeight())<0&&(p.top=p.top+i),(s=t("html").outerWidth()-p.left-o.outerWidth())<0&&(p.left=p.left+s),p.top<0&&(p.top=0),p.left<0&&(p.left=0),o.offset(p),"bottom"===n.placement||"top"===n.placement){if(u!==p.left)return this._replaceArrow(o,2*(p.left-u),a,"left")}else if(h!==p.top)return this._replaceArrow(o,2*(p.top-h),r,"top")},o.prototype._center=function(e){return e.css("top",t(window).outerHeight()/2-e.outerHeight()/2)},o.prototype._replaceArrow=function(t,e,o,n){return t.find(".arrow").css(n,e?50*(1-e/o)+"%":"")},o.prototype._scrollIntoView=function(e){var o,n,i,r,s,a,u,h;if(u=this.getStep(e),!(o=t(u.element)).length)return this._showPopoverAndOverlay(e);switch(n=t(window),s=o.offset().top,r=o.outerHeight(),h=n.height(),a=0,u.placement){case"top":a=Math.max(0,s-h/2);break;case"left":case"right":a=Math.max(0,s+r/2-h/2);break;case"bottom":a=Math.max(0,s+r-h/2)}return this._debug("Scroll into view. ScrollTop: "+a+". Element offset: "+s+". Window height: "+h+"."),i=0,t("body, html").stop(!0,!0).animate({scrollTop:Math.ceil(a)},function(t){return function(){if(2==++i)return t._showPopoverAndOverlay(e),t._debug("Scroll into view.\nAnimation end element offset: "+o.offset().top+".\nWindow height: "+n.height()+".")}}(this))},o.prototype._onResize=function(e,o){return t(window).on("resize.tour-"+this._options.name,function(){return clearTimeout(o),o=setTimeout(e,100)})},o.prototype._onScroll=function(e,o){return t(window).on("scroll.tour-"+this._options.name,function(){return clearTimeout(o),o=setTimeout(e,100)})},o.prototype._initMouseNavigation=function(){var o;return o=this,t(e).off("click.tour-"+this._options.name,".popover.tour-"+this._options.name+" *[data-role='prev']").off("click.tour-"+this._options.name,".popover.tour-"+this._options.name+" *[data-role='next']").off("click.tour-"+this._options.name,".popover.tour-"+this._options.name+" *[data-role='end']").off("click.tour-"+this._options.name,".popover.tour-"+this._options.name+" *[data-role='pause-resume']").on("click.tour-"+this._options.name,".popover.tour-"+this._options.name+" *[data-role='next']",function(t){return function(e){return e.preventDefault(),t.next()}}(this)).on("click.tour-"+this._options.name,".popover.tour-"+this._options.name+" *[data-role='prev']",function(t){return function(e){if(e.preventDefault(),t._current>0)return t.prev()}}(this)).on("click.tour-"+this._options.name,".popover.tour-"+this._options.name+" *[data-role='end']",function(t){return function(e){return e.preventDefault(),t.end()}}(this)).on("click.tour-"+this._options.name,".popover.tour-"+this._options.name+" *[data-role='pause-resume']",function(e){var n;return e.preventDefault(),(n=t(this)).text(o._paused?n.data("pause-text"):n.data("resume-text")),o._paused?o.resume():o.pause()})},o.prototype._initKeyboardNavigation=function(){if(this._options.keyboard)return t(e).on("keyup.tour-"+this._options.name,function(t){return function(e){if(e.which)switch(e.which){case 39:return e.preventDefault(),t._isLast()?t.next():t.end();case 37:if(e.preventDefault(),t._current>0)return t.prev()}}}(this))},o.prototype._makePromise=function(e){return e&&t.isFunction(e.then)?e:null},o.prototype._callOnPromiseDone=function(t,e,o){return t?t.then(function(t){return function(n){return e.call(t,o)}}(this)):e.call(this,o)},o.prototype._showBackground=function(o,n){var i,r,s,a,u,h,p,l,c;for(s=t(e).height(),c=t(e).width(),l=[],a=0,u=(p=["top","bottom","left","right"]).length;a<u;a++)switch(h=p[a],i=null!=(r=this.backdrops)[h]?r[h]:r[h]=t("<div>",{class:"tour-backdrop "+h}),t(o.backdropContainer).append(i),h){case"top":l.push(i.height(n.offset.top>0?n.offset.top:0).width(c).offset({top:0,left:0}));break;case"bottom":l.push(i.offset({top:n.offset.top+n.height,left:0}).height(s-(n.offset.top+n.height)).width(c));break;case"left":l.push(i.offset({top:n.offset.top,left:0}).height(n.height).width(n.offset.left>0?n.offset.left:0));break;case"right":l.push(i.offset({top:n.offset.top,left:n.offset.left+n.width}).height(n.height).width(c-(n.offset.left+n.width)));break;default:l.push(void 0)}return l},o.prototype._showOverlayElement=function(e){var o,n;return 0===(o=t(e.backdropElement)).length?n={width:0,height:0,offset:{top:0,left:0}}:(n={width:o.innerWidth(),height:o.innerHeight(),offset:o.offset()},o.addClass("tour-step-backdrop"),e.backdropPadding&&(n=this._applyBackdropPadding(e.backdropPadding,n))),this._showBackground(e,n)},o.prototype._hideOverlayElement=function(e){var o,n,i;t(e.backdropElement).removeClass("tour-step-backdrop"),i=this.backdrops;for(n in i)(o=i[n])&&void 0!==o.remove&&o.remove();return this.backdrops=[]},o.prototype._applyBackdropPadding=function(t,e){return"object"===(void 0===t?"undefined":_typeof(t))?(null==t.top&&(t.top=0),null==t.right&&(t.right=0),null==t.bottom&&(t.bottom=0),null==t.left&&(t.left=0),e.offset.top=e.offset.top-t.top,e.offset.left=e.offset.left-t.left,e.width=e.width+t.left+t.right,e.height=e.height+t.top+t.bottom):(e.offset.top=e.offset.top-t,e.offset.left=e.offset.left-t,e.width=e.width+2*t,e.height=e.height+2*t),e},o.prototype._clearTimer=function(){return window.clearTimeout(this._timer),this._timer=null,this._duration=null},o.prototype._getProtocol=function(t){return(t=t.split("://")).length>1?t[0]:"http"},o.prototype._getHost=function(t){return t=t.split("//"),(t=t.length>1?t[1]:t[0]).split("/")[0]},o.prototype._getPath=function(t){return t.replace(/\/?$/,"").split("?")[0].split("#")[0]},o.prototype._getQuery=function(t){return this._getParams(t,"?")},o.prototype._getHash=function(t){return this._getParams(t,"#")},o.prototype._getParams=function(t,e){var o,n,i,r,s;if(1===(r=t.split(e)).length)return{};for(s={},o=0,n=(r=r[1].split("&")).length;o<n;o++)s[(i=(i=r[o]).split("="))[0]]=i[1]||"";return s},o.prototype._equal=function(t,e){var o,n,i,r,s,a;if("[object Object]"==={}.toString.call(t)&&"[object Object]"==={}.toString.call(e)){if(r=Object.keys(t),s=Object.keys(e),r.length!==s.length)return!1;for(n in t)if(a=t[n],!this._equal(e[n],a))return!1;return!0}if("[object Array]"==={}.toString.call(t)&&"[object Array]"==={}.toString.call(e)){if(t.length!==e.length)return!1;for(n=o=0,i=t.length;o<i;n=++o)if(a=t[n],!this._equal(a,e[n]))return!1;return!0}return t===e},o}()})},function(t,e){t.exports=jQuery}]);
\ No newline at end of file
diff --git a/assets/packages/lstutorial/gulpfile.js b/assets/packages/lstutorial/gulpfile.js
new file mode 100644
index 00000000000..d33c3a61940
--- /dev/null
+++ b/assets/packages/lstutorial/gulpfile.js
@@ -0,0 +1,132 @@
+// globals process
+'use strict';
+const
+  gulp = require('gulp'),
+  uglify = require('gulp-uglify'),
+  pump = require('pump'),
+  concat = require('gulp-concat'),
+  sassLint = require('gulp-sass-lint'),
+  eslint = require('gulp-eslint'),
+  sourcemaps = require('gulp-sourcemaps'),
+  autoprefixer = require('gulp-autoprefixer'),
+  runSequence = require('run-sequence'),
+  babel = require('gulp-babel'),
+  webpack = require('webpack'),
+  gulpWebpack = require('gulp-webpack'),
+  sass = require('gulp-sass');
+
+gulp.task('default', function(cb){runSequence('compile:production','compile',cb);});
+
+//general combined tasks
+gulp.task('compile', ['sass', 'webpack']);
+gulp.task('compile:production', function (cb) {
+  runSequence(['sass:production', 'webpack:production'], 'compress', cb);
+});
+gulp.task('lint', ['sass:lint', 'js:lint']);
+
+
+//Watcher tasks
+gulp.task('watch', ['compile', 'lint', 'webpack:watch', 'sass:watch']);
+gulp.task('sass:watch', function () {
+  gulp.watch('./scss/*.scss', ['sass']);
+});
+gulp.task('webpack:watch', function () {
+  gulp.watch(['./src/**/**.js', './src/**/**.vue'], ['webpack']);
+});
+
+gulp.task('lint:watch', function () {
+  gulp.watch(['./src/**/**.js', './src/**/**.vue'], ['js:lint']);
+});
+
+
+//compile tasks
+gulp.task('sass', function () {
+  return gulp.src('./scss/main.scss')
+    .pipe(sass().on('error', sass.logError))
+    .pipe(concat('lsadminpanel.css'))
+    .pipe(gulp.dest('./build'));
+});
+
+gulp.task('sass:production', function (cb) {
+  pump([
+    gulp.src('./scss/main.scss'),
+    sourcemaps.init(),
+    sass({
+      outputStyle: 'compressed'
+    }).on('error', sass.logError),
+    autoprefixer(),
+    concat('lsadminpanel.css'),
+    sourcemaps.write(),
+    gulp.dest('./build')
+  ], cb);
+});
+
+gulp.task('webpack', function (cb) {
+  process.env.NODE_ENV = 'developement';
+  process.env.WEBPACK_ENV = 'developement';
+  pump([
+    gulp.src('src/main.js'),
+    gulpWebpack(require('./webpack.config.js'), webpack),
+    gulp.dest('build/')
+  ],
+  cb
+  );
+});
+gulp.task('webpack:production', function (cb) {
+  process.env.NODE_ENV = 'production';
+  process.env.WEBPACK_ENV = 'production';
+  pump([
+    gulp.src('src/main.js'),
+    gulpWebpack(require('./webpack.config.js'), webpack),
+    gulp.dest('build/')
+  ],
+  cb
+  );
+});
+
+//linter
+
+gulp.task('sass:lint', function (cb) {
+  pump([
+    gulp.src('scss/**/*.s+(a|c)ss'),
+    sassLint({
+      options: {
+        formatter: 'stylish',
+        'merge-default-rules': false
+      },
+      files: { ignore: '**/*.scss' },
+      rules: {
+        'no-ids': 1,
+        'no-mergeable-selectors': 0
+      }
+    }),
+    sassLint.format(),
+    sassLint.failOnError()
+  ], cb);
+});
+
+gulp.task('js:lint', function (cb) {
+  pump([
+    gulp.src(['./src/**/*.js', '!node_modules/**',]),
+    eslint(),
+    eslint.formatEach(),
+    eslint.failAfterError('compact', process.stderr),
+  ], cb);
+});
+
+//production ready tasks
+
+gulp.task('compress', function (cb) {
+  pump([
+    gulp.src('build/lstutorial.js'),
+    sourcemaps.init(),
+    babel({
+      presets: ['es2015']
+    }),
+    uglify(),
+    concat('lstutorial.min.js'),
+    gulp.dest('build')
+  ],
+  cb
+  );
+});
diff --git a/assets/packages/lstutorial/package.json b/assets/packages/lstutorial/package.json
new file mode 100644
index 00000000000..d0600ec9dab
--- /dev/null
+++ b/assets/packages/lstutorial/package.json
@@ -0,0 +1,42 @@
+{
+  "name": "lstutorial",
+  "version": "1.0.0",
+  "description": "A tutorial for ls3",
+  "main": "./build/lstutorial.js",
+  "author": "Markus Flür <markus.fluer@limesurvey.org>",
+  "license": "GPL-3.0",
+  "scripts": {
+    "dev": "WEBPACK_ENV=dev webpack --progress --colors --watch",
+    "build": "WEBPACK_ENV=production webpack"
+  },
+  "devDependencies": {
+    "babel-core": "^6.25.0",
+    "babel-loader": "^7.1.0",
+    "babel-preset-es2015": "^6.24.1",
+    "css-loader": "^0.28.4",
+    "eslint": "^4.0.0",
+    "eslint-config-standard": "^10.2.1",
+    "eslint-friendly-formatter": "^3.0.0",
+    "eslint-loader": "^1.8.0",
+    "eslint-plugin-html": "^3.0.0",
+    "eslint-plugin-promise": "^3.5.0",
+    "eslint-plugin-standard": "^3.0.1",
+    "gulp": "^3.9.1",
+    "gulp-autoprefixer": "^4.0.0",
+    "gulp-babel": "^6.1.2",
+    "gulp-concat": "^2.6.1",
+    "gulp-eslint": "^4.0.0",
+    "gulp-sass": "^3.1.0",
+    "gulp-sass-lint": "^1.3.2",
+    "gulp-sourcemaps": "^2.6.0",
+    "gulp-uglify": "^3.0.0",
+    "gulp-webpack": "^1.5.0",
+    "node-sass": "^4.5.3",
+    "pump": "^1.0.2",
+    "run-sequence": "^2.0.0"
+  },
+  "dependencies": {
+    "lodash": "^4.17.4",
+    "bootstrap-tour": "^0.12.0"
+  }
+}
diff --git a/assets/packages/lstutorial/src/main.js b/assets/packages/lstutorial/src/main.js
new file mode 100644
index 00000000000..6a6579c10b6
--- /dev/null
+++ b/assets/packages/lstutorial/src/main.js
@@ -0,0 +1,71 @@
+import Tour from 'bootstrap-tour';
+
+const firstStartTour = new Tour({
+    steps: [
+        {
+            orphan: true,
+            title: 'Welcome to LimeSurvey!',
+            content: `
+            <p>This tour will help you get a hold of LimeSurvey.</p>
+            <p>We know that LimeSurvey may be hard to use at the beginning, that's why we would like to help with a quick tour through the most essential functions and features</p>
+            `,
+            backdrop: true
+        },
+        {
+            element: '.selector__lstour--mainfunctionboxes',
+            title: 'The basic functions',
+            content: `The three top boxes are the most basic functions of LimeSurvey.
+            From left to right it should be "Create survey", "List surveys" and "Global settings"
+            At best we start by creating a survey.
+            Click on Create survey or Next in this box`,
+            reflex: '.selector__lstour--createsurvey',
+            redirect: (/\/index\.php(\/)?\?r=admin/.test(window.location.href) ? '/index.php?r=admin/survey?sa=newsurvey' : '/index.php/admin/survey/sa/newsurvey'),
+            backdrop: false
+        },
+        {
+            element: '#surveyls_title',
+            title: 'The survey title',
+            content: `This is the title of your survey.
+            Your participants will see this title as well in the browsers titlebar, als also on the welcome screen.
+            <p class="bg-info">Tip: Make your surveys shine with a meaningful title</p>`
+        },
+        {
+            element: '#cke_description',
+            title: 'The survey description',
+            content: `This is the description of the survey.
+            Your participants will see this at first on their welcome screen.
+            Try to describe what your survey is about, but don't ask any qustion, yet.`
+        },
+        {
+            element: '.bootstrap-switch-id-createsample',
+            title: 'Create a sample question and question group',
+            content: `Since we are just beginning it is a good practice to let the wizard create a sample question and questiongroup for you.
+            If you like you can do this yourself, too`
+        },
+        {
+            element: '#cke_welcome',
+            title: 'The welcome message',
+            content: `This message is shown directly under the survey description on the welcome page.
+            You may leave this blank and concentrate on a good text for your description, or vice versa.`
+        },
+        {
+            element: '#cke_endtext',
+            title: 'The end message',
+            content: `This message is shown at the end of your survey to every participant.
+            It's a great way to say thank you, or to give some links or hints where to go next.`
+        },
+        {
+            element: '#save-form-button',
+            title: 'Thats it for now',
+            content: `You may play around with more settings, or just get to editing your survey now.
+            Just click on save.`
+        }
+    ],
+});
+
+export const tourLibrary = {
+    firstStartTour() {
+        firstStartTour.init();
+        firstStartTour.start();
+    }
+};
diff --git a/assets/packages/lstutorial/webpack.config.js b/assets/packages/lstutorial/webpack.config.js
new file mode 100644
index 00000000000..fe47a12bd43
--- /dev/null
+++ b/assets/packages/lstutorial/webpack.config.js
@@ -0,0 +1,65 @@
+var webpack = require('webpack');
+var path = require('path');
+
+
+// Naming and path settings
+var appName = 'lstutorial';
+var entryPoint = ['./src/main.js'];
+var exportPath = path.resolve(__dirname, './build');
+
+// Enviroment flag
+var plugins = [
+  new webpack.EnvironmentPlugin(['NODE_ENV'])
+];
+
+appName = appName + '.js';
+
+
+// Main Settings config
+module.exports = {
+  entry: entryPoint,
+  devtool: 'source-map',
+  output: {
+    path: exportPath,
+    filename: appName
+  },
+  externals: {
+    jquery: 'jQuery',
+    pjax: 'Pjax',
+  },
+  module: {
+    rules: [{
+      test: /\.scss$/,
+      use: [{
+        loader: 'style-loader' // creates style nodes from JS strings
+      }, {
+        loader: 'css-loader' // translates CSS into CommonJS
+      }, {
+        loader: 'sass-loader' // compiles Sass to CSS
+      }]
+    },
+    ],
+    loaders: [{
+      test: /\.js$/,
+      exclude: /(node_modules|bower_components)/,
+      loader: [
+        'eslint-loader',
+        'babel'
+      ],
+      options: {
+        data: '$env: ' + process.env.NODE_ENV + ';'
+      },
+      query: {
+        presets: ['es2015']
+      }
+    },
+    {
+      loader: 'sass-loader',
+      options: {
+        data: '$env: ' + process.env.NODE_ENV + ';'
+      }
+    }
+    ]
+  },
+  plugins
+};