From fed8d94322ccdcfd68e71be8b05dbf8b73e94fe6 Mon Sep 17 00:00:00 2001
From: Kristian Mandrup <kmandrup@gmail.com>
Date: Fri, 11 Nov 2016 15:17:55 +0100
Subject: [PATCH 01/30] add Dev notes in Readme and update global to

---
 README.md                |    10 +
 example/example.build.js | 13800 +++++++++++++------------------------
 example/example.js       |     6 +-
 package.json             |     2 +-
 src/vue-dragula.js       |     2 +-
 yarn.lock                |  2772 ++++++++
 6 files changed, 7611 insertions(+), 8981 deletions(-)
 create mode 100644 yarn.lock

diff --git a/README.md b/README.md
index 089d58c..1e93908 100644
--- a/README.md
+++ b/README.md
@@ -87,3 +87,13 @@ new Vue({
 | removeModel | bagName, el, container, removeIndex | model was synced, removeIndex exposed |
 
 [1]: https://github.com/bevacqua/dragula
+
+## Development
+
+Following npm scripts are included:
+
+- `npm run build` to build new distribution in `/dist`
+- `npm run dev` run example in dev mode
+- `npm run lint` lint code using ESlint
+
+How to view the example!? WTF - I have node idea!!! Please document!!! :)
\ No newline at end of file
diff --git a/example/example.build.js b/example/example.build.js
index 6a35425..1eea667 100644
--- a/example/example.build.js
+++ b/example/example.build.js
@@ -84,14 +84,14 @@
 	  },
 	  ready: function () {
 	    var _this = this
-	    Vue.vueDragula.eventBus.$on(
+	    Vue.$dragula.eventBus.$on(
 	      'drop',
 	      function (args) {
 	        console.log('drop: ' + args[0])
 	        console.log(_this.categories)
 	      }
 	    )
-	    Vue.vueDragula.eventBus.$on(
+	    Vue.$dragula.eventBus.$on(
 	      'dropModel',
 	      function (args) {
 	        console.log('dropModel: ' + args)
@@ -101,7 +101,7 @@
 	  },
 	  methods: {
 	    onClick: function () {
-	      console.log(Vue.vueDragula.find('first-bag'))
+	      console.log(Vue.$dragula.find('first-bag'))
 	      window.alert('click event')
 	    },
 	    testModify: function () {
@@ -118,9944 +118,5783 @@
 /* 1 */
 /***/ function(module, exports, __webpack_require__) {
 
-	/* WEBPACK VAR INJECTION */(function(global, process) {/*!
-	 * Vue.js v1.0.21
-	 * (c) 2016 Evan You
+	/* WEBPACK VAR INJECTION */(function(process) {/*!
+	 * Vue.js v2.0.5
+	 * (c) 2014-2016 Evan You
 	 * Released under the MIT License.
 	 */
 	'use strict';
 
-	function set(obj, key, val) {
-	  if (hasOwn(obj, key)) {
-	    obj[key] = val;
-	    return;
-	  }
-	  if (obj._isVue) {
-	    set(obj._data, key, val);
-	    return;
-	  }
-	  var ob = obj.__ob__;
-	  if (!ob) {
-	    obj[key] = val;
-	    return;
-	  }
-	  ob.convert(key, val);
-	  ob.dep.notify();
-	  if (ob.vms) {
-	    var i = ob.vms.length;
-	    while (i--) {
-	      var vm = ob.vms[i];
-	      vm._proxy(key);
-	      vm._digest();
-	    }
-	  }
-	  return val;
-	}
+	/*  */
 
 	/**
-	 * Delete a property and trigger change if necessary.
-	 *
-	 * @param {Object} obj
-	 * @param {String} key
+	 * Convert a value to a string that is actually rendered.
 	 */
-
-	function del(obj, key) {
-	  if (!hasOwn(obj, key)) {
-	    return;
-	  }
-	  delete obj[key];
-	  var ob = obj.__ob__;
-	  if (!ob) {
-	    return;
-	  }
-	  ob.dep.notify();
-	  if (ob.vms) {
-	    var i = ob.vms.length;
-	    while (i--) {
-	      var vm = ob.vms[i];
-	      vm._unproxy(key);
-	      vm._digest();
-	    }
-	  }
+	function _toString (val) {
+	  return val == null
+	    ? ''
+	    : typeof val === 'object'
+	      ? JSON.stringify(val, null, 2)
+	      : String(val)
 	}
 
-	var hasOwnProperty = Object.prototype.hasOwnProperty;
 	/**
-	 * Check whether the object has the property.
-	 *
-	 * @param {Object} obj
-	 * @param {String} key
-	 * @return {Boolean}
+	 * Convert a input value to a number for persistence.
+	 * If the conversion fails, return original string.
 	 */
-
-	function hasOwn(obj, key) {
-	  return hasOwnProperty.call(obj, key);
+	function toNumber (val) {
+	  var n = parseFloat(val, 10);
+	  return (n || n === 0) ? n : val
 	}
 
 	/**
-	 * Check if an expression is a literal value.
-	 *
-	 * @param {String} exp
-	 * @return {Boolean}
+	 * Make a map and return a function for checking if a key
+	 * is in that map.
 	 */
-
-	var literalValueRE = /^\s?(true|false|-?[\d\.]+|'[^']*'|"[^"]*")\s?$/;
-
-	function isLiteral(exp) {
-	  return literalValueRE.test(exp);
+	function makeMap (
+	  str,
+	  expectsLowerCase
+	) {
+	  var map = Object.create(null);
+	  var list = str.split(',');
+	  for (var i = 0; i < list.length; i++) {
+	    map[list[i]] = true;
+	  }
+	  return expectsLowerCase
+	    ? function (val) { return map[val.toLowerCase()]; }
+	    : function (val) { return map[val]; }
 	}
 
 	/**
-	 * Check if a string starts with $ or _
-	 *
-	 * @param {String} str
-	 * @return {Boolean}
+	 * Check if a tag is a built-in tag.
 	 */
-
-	function isReserved(str) {
-	  var c = (str + '').charCodeAt(0);
-	  return c === 0x24 || c === 0x5F;
-	}
+	var isBuiltInTag = makeMap('slot,component', true);
 
 	/**
-	 * Guard text output, make sure undefined outputs
-	 * empty string
-	 *
-	 * @param {*} value
-	 * @return {String}
+	 * Remove an item from an array
 	 */
-
-	function _toString(value) {
-	  return value == null ? '' : value.toString();
+	function remove$1 (arr, item) {
+	  if (arr.length) {
+	    var index = arr.indexOf(item);
+	    if (index > -1) {
+	      return arr.splice(index, 1)
+	    }
+	  }
 	}
 
 	/**
-	 * Check and convert possible numeric strings to numbers
-	 * before setting back to data
-	 *
-	 * @param {*} value
-	 * @return {*|Number}
+	 * Check whether the object has the property.
 	 */
-
-	function toNumber(value) {
-	  if (typeof value !== 'string') {
-	    return value;
-	  } else {
-	    var parsed = Number(value);
-	    return isNaN(parsed) ? value : parsed;
-	  }
+	var hasOwnProperty = Object.prototype.hasOwnProperty;
+	function hasOwn (obj, key) {
+	  return hasOwnProperty.call(obj, key)
 	}
 
 	/**
-	 * Convert string boolean literals into real booleans.
-	 *
-	 * @param {*} value
-	 * @return {*|Boolean}
+	 * Check if value is primitive
 	 */
-
-	function toBoolean(value) {
-	  return value === 'true' ? true : value === 'false' ? false : value;
+	function isPrimitive (value) {
+	  return typeof value === 'string' || typeof value === 'number'
 	}
 
 	/**
-	 * Strip quotes from a string
-	 *
-	 * @param {String} str
-	 * @return {String | false}
+	 * Create a cached version of a pure function.
 	 */
-
-	function stripQuotes(str) {
-	  var a = str.charCodeAt(0);
-	  var b = str.charCodeAt(str.length - 1);
-	  return a === b && (a === 0x22 || a === 0x27) ? str.slice(1, -1) : str;
+	function cached (fn) {
+	  var cache = Object.create(null);
+	  return function cachedFn (str) {
+	    var hit = cache[str];
+	    return hit || (cache[str] = fn(str))
+	  }
 	}
 
 	/**
 	 * Camelize a hyphen-delmited string.
-	 *
-	 * @param {String} str
-	 * @return {String}
 	 */
-
 	var camelizeRE = /-(\w)/g;
-
-	function camelize(str) {
-	  return str.replace(camelizeRE, toUpper);
-	}
-
-	function toUpper(_, c) {
-	  return c ? c.toUpperCase() : '';
-	}
+	var camelize = cached(function (str) {
+	  return str.replace(camelizeRE, function (_, c) { return c ? c.toUpperCase() : ''; })
+	});
 
 	/**
-	 * Hyphenate a camelCase string.
-	 *
-	 * @param {String} str
-	 * @return {String}
+	 * Capitalize a string.
 	 */
-
-	var hyphenateRE = /([a-z\d])([A-Z])/g;
-
-	function hyphenate(str) {
-	  return str.replace(hyphenateRE, '$1-$2').toLowerCase();
-	}
+	var capitalize = cached(function (str) {
+	  return str.charAt(0).toUpperCase() + str.slice(1)
+	});
 
 	/**
-	 * Converts hyphen/underscore/slash delimitered names into
-	 * camelized classNames.
-	 *
-	 * e.g. my-component => MyComponent
-	 *      some_else    => SomeElse
-	 *      some/comp    => SomeComp
-	 *
-	 * @param {String} str
-	 * @return {String}
+	 * Hyphenate a camelCase string.
 	 */
-
-	var classifyRE = /(?:^|[-_\/])(\w)/g;
-
-	function classify(str) {
-	  return str.replace(classifyRE, toUpper);
-	}
+	var hyphenateRE = /([^-])([A-Z])/g;
+	var hyphenate = cached(function (str) {
+	  return str
+	    .replace(hyphenateRE, '$1-$2')
+	    .replace(hyphenateRE, '$1-$2')
+	    .toLowerCase()
+	});
 
 	/**
 	 * Simple bind, faster than native
-	 *
-	 * @param {Function} fn
-	 * @param {Object} ctx
-	 * @return {Function}
 	 */
-
-	function bind(fn, ctx) {
-	  return function (a) {
+	function bind$1 (fn, ctx) {
+	  function boundFn (a) {
 	    var l = arguments.length;
-	    return l ? l > 1 ? fn.apply(ctx, arguments) : fn.call(ctx, a) : fn.call(ctx);
-	  };
+	    return l
+	      ? l > 1
+	        ? fn.apply(ctx, arguments)
+	        : fn.call(ctx, a)
+	      : fn.call(ctx)
+	  }
+	  // record original fn length
+	  boundFn._length = fn.length;
+	  return boundFn
 	}
 
 	/**
 	 * Convert an Array-like object to a real Array.
-	 *
-	 * @param {Array-like} list
-	 * @param {Number} [start] - start index
-	 * @return {Array}
 	 */
-
-	function toArray(list, start) {
+	function toArray (list, start) {
 	  start = start || 0;
 	  var i = list.length - start;
 	  var ret = new Array(i);
 	  while (i--) {
 	    ret[i] = list[i + start];
 	  }
-	  return ret;
+	  return ret
 	}
 
 	/**
 	 * Mix properties into target object.
-	 *
-	 * @param {Object} to
-	 * @param {Object} from
 	 */
-
-	function extend(to, from) {
-	  var keys = Object.keys(from);
-	  var i = keys.length;
-	  while (i--) {
-	    to[keys[i]] = from[keys[i]];
+	function extend (to, _from) {
+	  for (var key in _from) {
+	    to[key] = _from[key];
 	  }
-	  return to;
+	  return to
 	}
 
 	/**
 	 * Quick object check - this is primarily used to tell
 	 * Objects from primitive values when we know the value
 	 * is a JSON-compliant type.
-	 *
-	 * @param {*} obj
-	 * @return {Boolean}
 	 */
-
-	function isObject(obj) {
-	  return obj !== null && typeof obj === 'object';
+	function isObject (obj) {
+	  return obj !== null && typeof obj === 'object'
 	}
 
 	/**
 	 * Strict object type check. Only returns true
 	 * for plain JavaScript objects.
-	 *
-	 * @param {*} obj
-	 * @return {Boolean}
 	 */
-
 	var toString = Object.prototype.toString;
 	var OBJECT_STRING = '[object Object]';
-
-	function isPlainObject(obj) {
-	  return toString.call(obj) === OBJECT_STRING;
+	function isPlainObject (obj) {
+	  return toString.call(obj) === OBJECT_STRING
 	}
 
 	/**
-	 * Array type check.
-	 *
-	 * @param {*} obj
-	 * @return {Boolean}
+	 * Merge an Array of Objects into a single Object.
 	 */
-
-	var isArray = Array.isArray;
+	function toObject (arr) {
+	  var res = {};
+	  for (var i = 0; i < arr.length; i++) {
+	    if (arr[i]) {
+	      extend(res, arr[i]);
+	    }
+	  }
+	  return res
+	}
 
 	/**
-	 * Define a property.
-	 *
-	 * @param {Object} obj
-	 * @param {String} key
-	 * @param {*} val
-	 * @param {Boolean} [enumerable]
+	 * Perform no operation.
 	 */
-
-	function def(obj, key, val, enumerable) {
-	  Object.defineProperty(obj, key, {
-	    value: val,
-	    enumerable: !!enumerable,
-	    writable: true,
-	    configurable: true
-	  });
-	}
+	function noop () {}
 
 	/**
-	 * Debounce a function so it only gets called after the
-	 * input stops arriving after the given wait period.
-	 *
-	 * @param {Function} func
-	 * @param {Number} wait
-	 * @return {Function} - the debounced function
+	 * Always return false.
 	 */
+	var no = function () { return false; };
 
-	function _debounce(func, wait) {
-	  var timeout, args, context, timestamp, result;
-	  var later = function later() {
-	    var last = Date.now() - timestamp;
-	    if (last < wait && last >= 0) {
-	      timeout = setTimeout(later, wait - last);
-	    } else {
-	      timeout = null;
-	      result = func.apply(context, args);
-	      if (!timeout) context = args = null;
-	    }
-	  };
-	  return function () {
-	    context = this;
-	    args = arguments;
-	    timestamp = Date.now();
-	    if (!timeout) {
-	      timeout = setTimeout(later, wait);
-	    }
-	    return result;
-	  };
+	/**
+	 * Generate a static keys string from compiler modules.
+	 */
+	function genStaticKeys (modules) {
+	  return modules.reduce(function (keys, m) {
+	    return keys.concat(m.staticKeys || [])
+	  }, []).join(',')
 	}
 
 	/**
-	 * Manual indexOf because it's slightly faster than
-	 * native.
-	 *
-	 * @param {Array} arr
-	 * @param {*} obj
+	 * Check if two values are loosely equal - that is,
+	 * if they are plain objects, do they have the same shape?
 	 */
+	function looseEqual (a, b) {
+	  /* eslint-disable eqeqeq */
+	  return a == b || (
+	    isObject(a) && isObject(b)
+	      ? JSON.stringify(a) === JSON.stringify(b)
+	      : false
+	  )
+	  /* eslint-enable eqeqeq */
+	}
 
-	function indexOf(arr, obj) {
-	  var i = arr.length;
-	  while (i--) {
-	    if (arr[i] === obj) return i;
+	function looseIndexOf (arr, val) {
+	  for (var i = 0; i < arr.length; i++) {
+	    if (looseEqual(arr[i], val)) { return i }
 	  }
-	  return -1;
+	  return -1
 	}
 
+	/*  */
+
+	var config = {
+	  /**
+	   * Option merge strategies (used in core/util/options)
+	   */
+	  optionMergeStrategies: Object.create(null),
+
+	  /**
+	   * Whether to suppress warnings.
+	   */
+	  silent: false,
+
+	  /**
+	   * Whether to enable devtools
+	   */
+	  devtools: process.env.NODE_ENV !== 'production',
+
+	  /**
+	   * Error handler for watcher errors
+	   */
+	  errorHandler: null,
+
+	  /**
+	   * Ignore certain custom elements
+	   */
+	  ignoredElements: null,
+
+	  /**
+	   * Custom user key aliases for v-on
+	   */
+	  keyCodes: Object.create(null),
+
+	  /**
+	   * Check if a tag is reserved so that it cannot be registered as a
+	   * component. This is platform-dependent and may be overwritten.
+	   */
+	  isReservedTag: no,
+
+	  /**
+	   * Check if a tag is an unknown element.
+	   * Platform-dependent.
+	   */
+	  isUnknownElement: no,
+
+	  /**
+	   * Get the namespace of an element
+	   */
+	  getTagNamespace: noop,
+
+	  /**
+	   * Check if an attribute must be bound using property, e.g. value
+	   * Platform-dependent.
+	   */
+	  mustUseProp: no,
+
+	  /**
+	   * List of asset types that a component can own.
+	   */
+	  _assetTypes: [
+	    'component',
+	    'directive',
+	    'filter'
+	  ],
+
+	  /**
+	   * List of lifecycle hooks.
+	   */
+	  _lifecycleHooks: [
+	    'beforeCreate',
+	    'created',
+	    'beforeMount',
+	    'mounted',
+	    'beforeUpdate',
+	    'updated',
+	    'beforeDestroy',
+	    'destroyed',
+	    'activated',
+	    'deactivated'
+	  ],
+
+	  /**
+	   * Max circular updates allowed in a scheduler flush cycle.
+	   */
+	  _maxUpdateCount: 100,
+
+	  /**
+	   * Server rendering?
+	   */
+	  _isServer: process.env.VUE_ENV === 'server'
+	};
+
+	/*  */
+
 	/**
-	 * Make a cancellable version of an async callback.
-	 *
-	 * @param {Function} fn
-	 * @return {Function}
+	 * Check if a string starts with $ or _
 	 */
-
-	function cancellable(fn) {
-	  var cb = function cb() {
-	    if (!cb.cancelled) {
-	      return fn.apply(this, arguments);
-	    }
-	  };
-	  cb.cancel = function () {
-	    cb.cancelled = true;
-	  };
-	  return cb;
+	function isReserved (str) {
+	  var c = (str + '').charCodeAt(0);
+	  return c === 0x24 || c === 0x5F
 	}
 
 	/**
-	 * Check if two values are loosely equal - that is,
-	 * if they are plain objects, do they have the same shape?
-	 *
-	 * @param {*} a
-	 * @param {*} b
-	 * @return {Boolean}
+	 * Define a property.
 	 */
+	function def (obj, key, val, enumerable) {
+	  Object.defineProperty(obj, key, {
+	    value: val,
+	    enumerable: !!enumerable,
+	    writable: true,
+	    configurable: true
+	  });
+	}
 
-	function looseEqual(a, b) {
-	  /* eslint-disable eqeqeq */
-	  return a == b || (isObject(a) && isObject(b) ? JSON.stringify(a) === JSON.stringify(b) : false);
-	  /* eslint-enable eqeqeq */
+	/**
+	 * Parse simple path.
+	 */
+	var bailRE = /[^\w.$]/;
+	function parsePath (path) {
+	  if (bailRE.test(path)) {
+	    return
+	  } else {
+	    var segments = path.split('.');
+	    return function (obj) {
+	      for (var i = 0; i < segments.length; i++) {
+	        if (!obj) { return }
+	        obj = obj[segments[i]];
+	      }
+	      return obj
+	    }
+	  }
 	}
 
-	var hasProto = ('__proto__' in {});
+	/*  */
+	/* globals MutationObserver */
 
-	// Browser environment sniffing
-	var inBrowser = typeof window !== 'undefined' && Object.prototype.toString.call(window) !== '[object Object]';
+	// can we use __proto__?
+	var hasProto = '__proto__' in {};
 
-	// detect devtools
-	var devtools = inBrowser && window.__VUE_DEVTOOLS_GLOBAL_HOOK__;
+	// Browser environment sniffing
+	var inBrowser =
+	  typeof window !== 'undefined' &&
+	  Object.prototype.toString.call(window) !== '[object Object]';
 
-	// UA sniffing for working around browser-specific quirks
 	var UA = inBrowser && window.navigator.userAgent.toLowerCase();
+	var isIE = UA && /msie|trident/.test(UA);
 	var isIE9 = UA && UA.indexOf('msie 9.0') > 0;
+	var isEdge = UA && UA.indexOf('edge/') > 0;
 	var isAndroid = UA && UA.indexOf('android') > 0;
+	var isIOS = UA && /iphone|ipad|ipod|ios/.test(UA);
 
-	var transitionProp = undefined;
-	var transitionEndEvent = undefined;
-	var animationProp = undefined;
-	var animationEndEvent = undefined;
+	// detect devtools
+	var devtools = inBrowser && window.__VUE_DEVTOOLS_GLOBAL_HOOK__;
 
-	// Transition property/event sniffing
-	if (inBrowser && !isIE9) {
-	  var isWebkitTrans = window.ontransitionend === undefined && window.onwebkittransitionend !== undefined;
-	  var isWebkitAnim = window.onanimationend === undefined && window.onwebkitanimationend !== undefined;
-	  transitionProp = isWebkitTrans ? 'WebkitTransition' : 'transition';
-	  transitionEndEvent = isWebkitTrans ? 'webkitTransitionEnd' : 'transitionend';
-	  animationProp = isWebkitAnim ? 'WebkitAnimation' : 'animation';
-	  animationEndEvent = isWebkitAnim ? 'webkitAnimationEnd' : 'animationend';
+	/* istanbul ignore next */
+	function isNative (Ctor) {
+	  return /native code/.test(Ctor.toString())
 	}
 
 	/**
-	 * Defer a task to execute it asynchronously. Ideally this
-	 * should be executed as a microtask, so we leverage
-	 * MutationObserver if it's available, and fallback to
-	 * setTimeout(0).
-	 *
-	 * @param {Function} cb
-	 * @param {Object} ctx
+	 * Defer a task to execute it asynchronously.
 	 */
-
 	var nextTick = (function () {
 	  var callbacks = [];
 	  var pending = false;
 	  var timerFunc;
-	  function nextTickHandler() {
+
+	  function nextTickHandler () {
 	    pending = false;
 	    var copies = callbacks.slice(0);
-	    callbacks = [];
+	    callbacks.length = 0;
 	    for (var i = 0; i < copies.length; i++) {
 	      copies[i]();
 	    }
 	  }
 
+	  // the nextTick behavior leverages the microtask queue, which can be accessed
+	  // via either native Promise.then or MutationObserver.
+	  // MutationObserver has wider support, however it is seriously bugged in
+	  // UIWebView in iOS >= 9.3.3 when triggered in touch event handlers. It
+	  // completely stops working after triggering a few times... so, if native
+	  // Promise is available, we will use it:
 	  /* istanbul ignore if */
-	  if (typeof MutationObserver !== 'undefined') {
+	  if (typeof Promise !== 'undefined' && isNative(Promise)) {
+	    var p = Promise.resolve();
+	    timerFunc = function () {
+	      p.then(nextTickHandler);
+	      // in problematic UIWebViews, Promise.then doesn't completely break, but
+	      // it can get stuck in a weird state where callbacks are pushed into the
+	      // microtask queue but the queue isn't being flushed, until the browser
+	      // needs to do some other work, e.g. handle a timer. Therefore we can
+	      // "force" the microtask queue to be flushed by adding an empty timer.
+	      if (isIOS) { setTimeout(noop); }
+	    };
+	  } else if (typeof MutationObserver !== 'undefined' && (
+	    isNative(MutationObserver) ||
+	    // PhantomJS and iOS 7.x
+	    MutationObserver.toString() === '[object MutationObserverConstructor]'
+	  )) {
+	    // use MutationObserver where native Promise is not available,
+	    // e.g. PhantomJS IE11, iOS7, Android 4.4
 	    var counter = 1;
 	    var observer = new MutationObserver(nextTickHandler);
-	    var textNode = document.createTextNode(counter);
+	    var textNode = document.createTextNode(String(counter));
 	    observer.observe(textNode, {
 	      characterData: true
 	    });
 	    timerFunc = function () {
 	      counter = (counter + 1) % 2;
-	      textNode.data = counter;
+	      textNode.data = String(counter);
 	    };
 	  } else {
-	    // webpack attempts to inject a shim for setImmediate
-	    // if it is used as a global, so we have to work around that to
-	    // avoid bundling unnecessary code.
-	    var context = inBrowser ? window : typeof global !== 'undefined' ? global : {};
-	    timerFunc = context.setImmediate || setTimeout;
-	  }
-	  return function (cb, ctx) {
-	    var func = ctx ? function () {
-	      cb.call(ctx);
-	    } : cb;
+	    // fallback to setTimeout
+	    /* istanbul ignore next */
+	    timerFunc = function () {
+	      setTimeout(nextTickHandler, 0);
+	    };
+	  }
+
+	  return function queueNextTick (cb, ctx) {
+	    var func = ctx
+	      ? function () { cb.call(ctx); }
+	      : cb;
 	    callbacks.push(func);
-	    if (pending) return;
-	    pending = true;
-	    timerFunc(nextTickHandler, 0);
-	  };
+	    if (!pending) {
+	      pending = true;
+	      timerFunc();
+	    }
+	  }
 	})();
 
-	function Cache(limit) {
-	  this.size = 0;
-	  this.limit = limit;
-	  this.head = this.tail = undefined;
-	  this._keymap = Object.create(null);
+	var _Set;
+	/* istanbul ignore if */
+	if (typeof Set !== 'undefined' && isNative(Set)) {
+	  // use native Set when available.
+	  _Set = Set;
+	} else {
+	  // a non-standard Set polyfill that only works with primitive keys.
+	  _Set = (function () {
+	    function Set () {
+	      this.set = Object.create(null);
+	    }
+	    Set.prototype.has = function has (key) {
+	      return this.set[key] !== undefined
+	    };
+	    Set.prototype.add = function add (key) {
+	      this.set[key] = 1;
+	    };
+	    Set.prototype.clear = function clear () {
+	      this.set = Object.create(null);
+	    };
+
+	    return Set;
+	  }());
 	}
 
-	var p = Cache.prototype;
+	/* not type checking this file because flow doesn't play well with Proxy */
 
-	/**
-	 * Put <value> into the cache associated with <key>.
-	 * Returns the entry which was removed to make room for
-	 * the new entry. Otherwise undefined is returned.
-	 * (i.e. if there was enough room already).
-	 *
-	 * @param {String} key
-	 * @param {*} value
-	 * @return {Entry|undefined}
-	 */
+	var hasProxy;
+	var proxyHandlers;
+	var initProxy;
 
-	p.put = function (key, value) {
-	  var removed;
-	  if (this.size === this.limit) {
-	    removed = this.shift();
-	  }
+	if (process.env.NODE_ENV !== 'production') {
+	  var allowedGlobals = makeMap(
+	    'Infinity,undefined,NaN,isFinite,isNaN,' +
+	    'parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,' +
+	    'Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,' +
+	    'require' // for Webpack/Browserify
+	  );
+
+	  hasProxy =
+	    typeof Proxy !== 'undefined' &&
+	    Proxy.toString().match(/native code/);
+
+	  proxyHandlers = {
+	    has: function has (target, key) {
+	      var has = key in target;
+	      var isAllowed = allowedGlobals(key) || key.charAt(0) === '_';
+	      if (!has && !isAllowed) {
+	        warn(
+	          "Property or method \"" + key + "\" is not defined on the instance but " +
+	          "referenced during render. Make sure to declare reactive data " +
+	          "properties in the data option.",
+	          target
+	        );
+	      }
+	      return has || !isAllowed
+	    }
+	  };
 
-	  var entry = this.get(key, true);
-	  if (!entry) {
-	    entry = {
-	      key: key
-	    };
-	    this._keymap[key] = entry;
-	    if (this.tail) {
-	      this.tail.newer = entry;
-	      entry.older = this.tail;
+	  initProxy = function initProxy (vm) {
+	    if (hasProxy) {
+	      vm._renderProxy = new Proxy(vm, proxyHandlers);
 	    } else {
-	      this.head = entry;
+	      vm._renderProxy = vm;
 	    }
-	    this.tail = entry;
-	    this.size++;
-	  }
-	  entry.value = value;
+	  };
+	}
 
-	  return removed;
-	};
+	/*  */
+
+
+	var uid$2 = 0;
 
 	/**
-	 * Purge the least recently used (oldest) entry from the
-	 * cache. Returns the removed entry or undefined if the
-	 * cache was empty.
+	 * A dep is an observable that can have multiple
+	 * directives subscribing to it.
 	 */
+	var Dep = function Dep () {
+	  this.id = uid$2++;
+	  this.subs = [];
+	};
 
-	p.shift = function () {
-	  var entry = this.head;
-	  if (entry) {
-	    this.head = this.head.newer;
-	    this.head.older = undefined;
-	    entry.newer = entry.older = undefined;
-	    this._keymap[entry.key] = undefined;
-	    this.size--;
-	  }
-	  return entry;
+	Dep.prototype.addSub = function addSub (sub) {
+	  this.subs.push(sub);
 	};
 
-	/**
-	 * Get and register recent use of <key>. Returns the value
-	 * associated with <key> or undefined if not in cache.
-	 *
-	 * @param {String} key
-	 * @param {Boolean} returnEntry
-	 * @return {Entry|*}
-	 */
+	Dep.prototype.removeSub = function removeSub (sub) {
+	  remove$1(this.subs, sub);
+	};
 
-	p.get = function (key, returnEntry) {
-	  var entry = this._keymap[key];
-	  if (entry === undefined) return;
-	  if (entry === this.tail) {
-	    return returnEntry ? entry : entry.value;
-	  }
-	  // HEAD--------------TAIL
-	  //   <.older   .newer>
-	  //  <--- add direction --
-	  //   A  B  C  <D>  E
-	  if (entry.newer) {
-	    if (entry === this.head) {
-	      this.head = entry.newer;
-	    }
-	    entry.newer.older = entry.older; // C <-- E.
+	Dep.prototype.depend = function depend () {
+	  if (Dep.target) {
+	    Dep.target.addDep(this);
 	  }
-	  if (entry.older) {
-	    entry.older.newer = entry.newer; // C. --> E
-	  }
-	  entry.newer = undefined; // D --x
-	  entry.older = this.tail; // D. --> E
-	  if (this.tail) {
-	    this.tail.newer = entry; // E. <-- D
-	  }
-	  this.tail = entry;
-	  return returnEntry ? entry : entry.value;
 	};
 
-	var cache$1 = new Cache(1000);
-	var filterTokenRE = /[^\s'"]+|'[^']*'|"[^"]*"/g;
-	var reservedArgRE = /^in$|^-?\d+/;
+	Dep.prototype.notify = function notify () {
+	  // stablize the subscriber list first
+	  var subs = this.subs.slice();
+	  for (var i = 0, l = subs.length; i < l; i++) {
+	    subs[i].update();
+	  }
+	};
 
-	/**
-	 * Parser state
-	 */
+	// the current target watcher being evaluated.
+	// this is globally unique because there could be only one
+	// watcher being evaluated at any time.
+	Dep.target = null;
+	var targetStack = [];
 
-	var str;
-	var dir;
-	var c;
-	var prev;
-	var i;
-	var l;
-	var lastFilterIndex;
-	var inSingle;
-	var inDouble;
-	var curly;
-	var square;
-	var paren;
-	/**
-	 * Push a filter to the current directive object
-	 */
+	function pushTarget (_target) {
+	  if (Dep.target) { targetStack.push(Dep.target); }
+	  Dep.target = _target;
+	}
 
-	function pushFilter() {
-	  var exp = str.slice(lastFilterIndex, i).trim();
-	  var filter;
-	  if (exp) {
-	    filter = {};
-	    var tokens = exp.match(filterTokenRE);
-	    filter.name = tokens[0];
-	    if (tokens.length > 1) {
-	      filter.args = tokens.slice(1).map(processFilterArg);
-	    }
-	  }
-	  if (filter) {
-	    (dir.filters = dir.filters || []).push(filter);
-	  }
-	  lastFilterIndex = i + 1;
+	function popTarget () {
+	  Dep.target = targetStack.pop();
 	}
 
+	/*  */
+
+
+	var queue = [];
+	var has$1 = {};
+	var circular = {};
+	var waiting = false;
+	var flushing = false;
+	var index = 0;
+
 	/**
-	 * Check if an argument is dynamic and strip quotes.
-	 *
-	 * @param {String} arg
-	 * @return {Object}
+	 * Reset the scheduler's state.
 	 */
-
-	function processFilterArg(arg) {
-	  if (reservedArgRE.test(arg)) {
-	    return {
-	      value: toNumber(arg),
-	      dynamic: false
-	    };
-	  } else {
-	    var stripped = stripQuotes(arg);
-	    var dynamic = stripped === arg;
-	    return {
-	      value: dynamic ? arg : stripped,
-	      dynamic: dynamic
-	    };
+	function resetSchedulerState () {
+	  queue.length = 0;
+	  has$1 = {};
+	  if (process.env.NODE_ENV !== 'production') {
+	    circular = {};
 	  }
+	  waiting = flushing = false;
 	}
 
 	/**
-	 * Parse a directive value and extract the expression
-	 * and its filters into a descriptor.
-	 *
-	 * Example:
-	 *
-	 * "a + 1 | uppercase" will yield:
-	 * {
-	 *   expression: 'a + 1',
-	 *   filters: [
-	 *     { name: 'uppercase', args: null }
-	 *   ]
-	 * }
-	 *
-	 * @param {String} s
-	 * @return {Object}
+	 * Flush both queues and run the watchers.
 	 */
+	function flushSchedulerQueue () {
+	  flushing = true;
 
-	function parseDirective(s) {
-	  var hit = cache$1.get(s);
-	  if (hit) {
-	    return hit;
-	  }
-
-	  // reset parser state
-	  str = s;
-	  inSingle = inDouble = false;
-	  curly = square = paren = 0;
-	  lastFilterIndex = 0;
-	  dir = {};
-
-	  for (i = 0, l = str.length; i < l; i++) {
-	    prev = c;
-	    c = str.charCodeAt(i);
-	    if (inSingle) {
-	      // check single quote
-	      if (c === 0x27 && prev !== 0x5C) inSingle = !inSingle;
-	    } else if (inDouble) {
-	      // check double quote
-	      if (c === 0x22 && prev !== 0x5C) inDouble = !inDouble;
-	    } else if (c === 0x7C && // pipe
-	    str.charCodeAt(i + 1) !== 0x7C && str.charCodeAt(i - 1) !== 0x7C) {
-	      if (dir.expression == null) {
-	        // first filter, end of expression
-	        lastFilterIndex = i + 1;
-	        dir.expression = str.slice(0, i).trim();
-	      } else {
-	        // already has filter
-	        pushFilter();
-	      }
-	    } else {
-	      switch (c) {
-	        case 0x22:
-	          inDouble = true;break; // "
-	        case 0x27:
-	          inSingle = true;break; // '
-	        case 0x28:
-	          paren++;break; // (
-	        case 0x29:
-	          paren--;break; // )
-	        case 0x5B:
-	          square++;break; // [
-	        case 0x5D:
-	          square--;break; // ]
-	        case 0x7B:
-	          curly++;break; // {
-	        case 0x7D:
-	          curly--;break; // }
+	  // Sort queue before flush.
+	  // This ensures that:
+	  // 1. Components are updated from parent to child. (because parent is always
+	  //    created before the child)
+	  // 2. A component's user watchers are run before its render watcher (because
+	  //    user watchers are created before the render watcher)
+	  // 3. If a component is destroyed during a parent component's watcher run,
+	  //    its watchers can be skipped.
+	  queue.sort(function (a, b) { return a.id - b.id; });
+
+	  // do not cache length because more watchers might be pushed
+	  // as we run existing watchers
+	  for (index = 0; index < queue.length; index++) {
+	    var watcher = queue[index];
+	    var id = watcher.id;
+	    has$1[id] = null;
+	    watcher.run();
+	    // in dev build, check and stop circular updates.
+	    if (process.env.NODE_ENV !== 'production' && has$1[id] != null) {
+	      circular[id] = (circular[id] || 0) + 1;
+	      if (circular[id] > config._maxUpdateCount) {
+	        warn(
+	          'You may have an infinite update loop ' + (
+	            watcher.user
+	              ? ("in watcher with expression \"" + (watcher.expression) + "\"")
+	              : "in a component render function."
+	          ),
+	          watcher.vm
+	        );
+	        break
 	      }
 	    }
 	  }
 
-	  if (dir.expression == null) {
-	    dir.expression = str.slice(0, i).trim();
-	  } else if (lastFilterIndex !== 0) {
-	    pushFilter();
+	  // devtool hook
+	  /* istanbul ignore if */
+	  if (devtools && config.devtools) {
+	    devtools.emit('flush');
 	  }
 
-	  cache$1.put(s, dir);
-	  return dir;
+	  resetSchedulerState();
 	}
 
-	var directive = Object.freeze({
-	  parseDirective: parseDirective
-	});
-
-	var regexEscapeRE = /[-.*+?^${}()|[\]\/\\]/g;
-	var cache = undefined;
-	var tagRE = undefined;
-	var htmlRE = undefined;
 	/**
-	 * Escape a string so it can be used in a RegExp
-	 * constructor.
-	 *
-	 * @param {String} str
+	 * Push a watcher into the watcher queue.
+	 * Jobs with duplicate IDs will be skipped unless it's
+	 * pushed when the queue is being flushed.
 	 */
-
-	function escapeRegex(str) {
-	  return str.replace(regexEscapeRE, '\\$&');
+	function queueWatcher (watcher) {
+	  var id = watcher.id;
+	  if (has$1[id] == null) {
+	    has$1[id] = true;
+	    if (!flushing) {
+	      queue.push(watcher);
+	    } else {
+	      // if already flushing, splice the watcher based on its id
+	      // if already past its id, it will be run next immediately.
+	      var i = queue.length - 1;
+	      while (i >= 0 && queue[i].id > watcher.id) {
+	        i--;
+	      }
+	      queue.splice(Math.max(i, index) + 1, 0, watcher);
+	    }
+	    // queue the flush
+	    if (!waiting) {
+	      waiting = true;
+	      nextTick(flushSchedulerQueue);
+	    }
+	  }
 	}
 
-	function compileRegex() {
-	  var open = escapeRegex(config.delimiters[0]);
-	  var close = escapeRegex(config.delimiters[1]);
-	  var unsafeOpen = escapeRegex(config.unsafeDelimiters[0]);
-	  var unsafeClose = escapeRegex(config.unsafeDelimiters[1]);
-	  tagRE = new RegExp(unsafeOpen + '((?:.|\\n)+?)' + unsafeClose + '|' + open + '((?:.|\\n)+?)' + close, 'g');
-	  htmlRE = new RegExp('^' + unsafeOpen + '.*' + unsafeClose + '$');
-	  // reset cache
-	  cache = new Cache(1000);
-	}
+	/*  */
+
+	var uid$1 = 0;
 
 	/**
-	 * Parse a template text string into an array of tokens.
-	 *
-	 * @param {String} text
-	 * @return {Array<Object> | null}
-	 *               - {String} type
-	 *               - {String} value
-	 *               - {Boolean} [html]
-	 *               - {Boolean} [oneTime]
+	 * A watcher parses an expression, collects dependencies,
+	 * and fires callback when the expression value changes.
+	 * This is used for both the $watch() api and directives.
 	 */
+	var Watcher = function Watcher (
+	  vm,
+	  expOrFn,
+	  cb,
+	  options
+	) {
+	  if ( options === void 0 ) options = {};
 
-	function parseText(text) {
-	  if (!cache) {
-	    compileRegex();
-	  }
-	  var hit = cache.get(text);
-	  if (hit) {
-	    return hit;
-	  }
-	  if (!tagRE.test(text)) {
-	    return null;
-	  }
-	  var tokens = [];
-	  var lastIndex = tagRE.lastIndex = 0;
-	  var match, index, html, value, first, oneTime;
-	  /* eslint-disable no-cond-assign */
-	  while (match = tagRE.exec(text)) {
-	    /* eslint-enable no-cond-assign */
-	    index = match.index;
-	    // push text token
-	    if (index > lastIndex) {
-	      tokens.push({
-	        value: text.slice(lastIndex, index)
-	      });
+	  this.vm = vm;
+	  vm._watchers.push(this);
+	  // options
+	  this.deep = !!options.deep;
+	  this.user = !!options.user;
+	  this.lazy = !!options.lazy;
+	  this.sync = !!options.sync;
+	  this.expression = expOrFn.toString();
+	  this.cb = cb;
+	  this.id = ++uid$1; // uid for batching
+	  this.active = true;
+	  this.dirty = this.lazy; // for lazy watchers
+	  this.deps = [];
+	  this.newDeps = [];
+	  this.depIds = new _Set();
+	  this.newDepIds = new _Set();
+	  // parse expression for getter
+	  if (typeof expOrFn === 'function') {
+	    this.getter = expOrFn;
+	  } else {
+	    this.getter = parsePath(expOrFn);
+	    if (!this.getter) {
+	      this.getter = function () {};
+	      process.env.NODE_ENV !== 'production' && warn(
+	        "Failed watching path: \"" + expOrFn + "\" " +
+	        'Watcher only accepts simple dot-delimited paths. ' +
+	        'For full control, use a function instead.',
+	        vm
+	      );
 	    }
-	    // tag token
-	    html = htmlRE.test(match[0]);
-	    value = html ? match[1] : match[2];
-	    first = value.charCodeAt(0);
-	    oneTime = first === 42; // *
-	    value = oneTime ? value.slice(1) : value;
-	    tokens.push({
-	      tag: true,
-	      value: value.trim(),
-	      html: html,
-	      oneTime: oneTime
-	    });
-	    lastIndex = index + match[0].length;
-	  }
-	  if (lastIndex < text.length) {
-	    tokens.push({
-	      value: text.slice(lastIndex)
-	    });
 	  }
-	  cache.put(text, tokens);
-	  return tokens;
-	}
+	  this.value = this.lazy
+	    ? undefined
+	    : this.get();
+	};
 
 	/**
-	 * Format a list of tokens into an expression.
-	 * e.g. tokens parsed from 'a {{b}} c' can be serialized
-	 * into one single expression as '"a " + b + " c"'.
-	 *
-	 * @param {Array} tokens
-	 * @param {Vue} [vm]
-	 * @return {String}
+	 * Evaluate the getter, and re-collect dependencies.
 	 */
-
-	function tokensToExp(tokens, vm) {
-	  if (tokens.length > 1) {
-	    return tokens.map(function (token) {
-	      return formatToken(token, vm);
-	    }).join('+');
-	  } else {
-	    return formatToken(tokens[0], vm, true);
+	Watcher.prototype.get = function get () {
+	  pushTarget(this);
+	  var value = this.getter.call(this.vm, this.vm);
+	  // "touch" every property so they are all tracked as
+	  // dependencies for deep watching
+	  if (this.deep) {
+	    traverse(value);
 	  }
-	}
+	  popTarget();
+	  this.cleanupDeps();
+	  return value
+	};
 
 	/**
-	 * Format a single token.
-	 *
-	 * @param {Object} token
-	 * @param {Vue} [vm]
-	 * @param {Boolean} [single]
-	 * @return {String}
+	 * Add a dependency to this directive.
 	 */
-
-	function formatToken(token, vm, single) {
-	  return token.tag ? token.oneTime && vm ? '"' + vm.$eval(token.value) + '"' : inlineFilters(token.value, single) : '"' + token.value + '"';
-	}
+	Watcher.prototype.addDep = function addDep (dep) {
+	  var id = dep.id;
+	  if (!this.newDepIds.has(id)) {
+	    this.newDepIds.add(id);
+	    this.newDeps.push(dep);
+	    if (!this.depIds.has(id)) {
+	      dep.addSub(this);
+	    }
+	  }
+	};
 
 	/**
-	 * For an attribute with multiple interpolation tags,
-	 * e.g. attr="some-{{thing | filter}}", in order to combine
-	 * the whole thing into a single watchable expression, we
-	 * have to inline those filters. This function does exactly
-	 * that. This is a bit hacky but it avoids heavy changes
-	 * to directive parser and watcher mechanism.
-	 *
-	 * @param {String} exp
-	 * @param {Boolean} single
-	 * @return {String}
+	 * Clean up for dependency collection.
 	 */
+	Watcher.prototype.cleanupDeps = function cleanupDeps () {
+	    var this$1 = this;
 
-	var filterRE = /[^|]\|[^|]/;
-	function inlineFilters(exp, single) {
-	  if (!filterRE.test(exp)) {
-	    return single ? exp : '(' + exp + ')';
-	  } else {
-	    var dir = parseDirective(exp);
-	    if (!dir.filters) {
-	      return '(' + exp + ')';
-	    } else {
-	      return 'this._applyFilters(' + dir.expression + // value
-	      ',null,' + // oldValue (null for read)
-	      JSON.stringify(dir.filters) + // filter descriptors
-	      ',false)'; // write?
+	  var i = this.deps.length;
+	  while (i--) {
+	    var dep = this$1.deps[i];
+	    if (!this$1.newDepIds.has(dep.id)) {
+	      dep.removeSub(this$1);
 	    }
 	  }
-	}
-
-	var text = Object.freeze({
-	  compileRegex: compileRegex,
-	  parseText: parseText,
-	  tokensToExp: tokensToExp
-	});
-
-	var delimiters = ['{{', '}}'];
-	var unsafeDelimiters = ['{{{', '}}}'];
-
-	var config = Object.defineProperties({
-
-	  /**
-	   * Whether to print debug messages.
-	   * Also enables stack trace for warnings.
-	   *
-	   * @type {Boolean}
-	   */
-
-	  debug: false,
-
-	  /**
-	   * Whether to suppress warnings.
-	   *
-	   * @type {Boolean}
-	   */
-
-	  silent: false,
-
-	  /**
-	   * Whether to use async rendering.
-	   */
-
-	  async: true,
-
-	  /**
-	   * Whether to warn against errors caught when evaluating
-	   * expressions.
-	   */
-
-	  warnExpressionErrors: true,
-
-	  /**
-	   * Whether to allow devtools inspection.
-	   * Disabled by default in production builds.
-	   */
-
-	  devtools: process.env.NODE_ENV !== 'production',
-
-	  /**
-	   * Internal flag to indicate the delimiters have been
-	   * changed.
-	   *
-	   * @type {Boolean}
-	   */
-
-	  _delimitersChanged: true,
-
-	  /**
-	   * List of asset types that a component can own.
-	   *
-	   * @type {Array}
-	   */
-
-	  _assetTypes: ['component', 'directive', 'elementDirective', 'filter', 'transition', 'partial'],
-
-	  /**
-	   * prop binding modes
-	   */
-
-	  _propBindingModes: {
-	    ONE_WAY: 0,
-	    TWO_WAY: 1,
-	    ONE_TIME: 2
-	  },
-
-	  /**
-	   * Max circular updates allowed in a batcher flush cycle.
-	   */
-
-	  _maxUpdateCount: 100
-
-	}, {
-	  delimiters: { /**
-	                 * Interpolation delimiters. Changing these would trigger
-	                 * the text parser to re-compile the regular expressions.
-	                 *
-	                 * @type {Array<String>}
-	                 */
-
-	    get: function get() {
-	      return delimiters;
-	    },
-	    set: function set(val) {
-	      delimiters = val;
-	      compileRegex();
-	    },
-	    configurable: true,
-	    enumerable: true
-	  },
-	  unsafeDelimiters: {
-	    get: function get() {
-	      return unsafeDelimiters;
-	    },
-	    set: function set(val) {
-	      unsafeDelimiters = val;
-	      compileRegex();
-	    },
-	    configurable: true,
-	    enumerable: true
-	  }
-	});
-
-	var warn = undefined;
-	var formatComponentName = undefined;
-
-	if (process.env.NODE_ENV !== 'production') {
-	  (function () {
-	    var hasConsole = typeof console !== 'undefined';
-
-	    warn = function (msg, vm) {
-	      if (hasConsole && !config.silent) {
-	        console.error('[Vue warn]: ' + msg + (vm ? formatComponentName(vm) : ''));
-	      }
-	    };
-
-	    formatComponentName = function (vm) {
-	      var name = vm._isVue ? vm.$options.name : vm.name;
-	      return name ? ' (found in component: <' + hyphenate(name) + '>)' : '';
-	    };
-	  })();
-	}
+	  var tmp = this.depIds;
+	  this.depIds = this.newDepIds;
+	  this.newDepIds = tmp;
+	  this.newDepIds.clear();
+	  tmp = this.deps;
+	  this.deps = this.newDeps;
+	  this.newDeps = tmp;
+	  this.newDeps.length = 0;
+	};
 
 	/**
-	 * Append with transition.
-	 *
-	 * @param {Element} el
-	 * @param {Element} target
-	 * @param {Vue} vm
-	 * @param {Function} [cb]
+	 * Subscriber interface.
+	 * Will be called when a dependency changes.
 	 */
-
-	function appendWithTransition(el, target, vm, cb) {
-	  applyTransition(el, 1, function () {
-	    target.appendChild(el);
-	  }, vm, cb);
-	}
+	Watcher.prototype.update = function update () {
+	  /* istanbul ignore else */
+	  if (this.lazy) {
+	    this.dirty = true;
+	  } else if (this.sync) {
+	    this.run();
+	  } else {
+	    queueWatcher(this);
+	  }
+	};
 
 	/**
-	 * InsertBefore with transition.
-	 *
-	 * @param {Element} el
-	 * @param {Element} target
-	 * @param {Vue} vm
-	 * @param {Function} [cb]
+	 * Scheduler job interface.
+	 * Will be called by the scheduler.
 	 */
-
-	function beforeWithTransition(el, target, vm, cb) {
-	  applyTransition(el, 1, function () {
-	    before(el, target);
-	  }, vm, cb);
-	}
+	Watcher.prototype.run = function run () {
+	  if (this.active) {
+	    var value = this.get();
+	      if (
+	        value !== this.value ||
+	      // Deep watchers and watchers on Object/Arrays should fire even
+	      // when the value is the same, because the value may
+	      // have mutated.
+	      isObject(value) ||
+	      this.deep
+	    ) {
+	      // set new value
+	      var oldValue = this.value;
+	      this.value = value;
+	      if (this.user) {
+	        try {
+	          this.cb.call(this.vm, value, oldValue);
+	        } catch (e) {
+	          process.env.NODE_ENV !== 'production' && warn(
+	            ("Error in watcher \"" + (this.expression) + "\""),
+	            this.vm
+	          );
+	          /* istanbul ignore else */
+	          if (config.errorHandler) {
+	            config.errorHandler.call(null, e, this.vm);
+	          } else {
+	            throw e
+	          }
+	        }
+	      } else {
+	        this.cb.call(this.vm, value, oldValue);
+	      }
+	    }
+	  }
+	};
 
 	/**
-	 * Remove with transition.
-	 *
-	 * @param {Element} el
-	 * @param {Vue} vm
-	 * @param {Function} [cb]
+	 * Evaluate the value of the watcher.
+	 * This only gets called for lazy watchers.
 	 */
-
-	function removeWithTransition(el, vm, cb) {
-	  applyTransition(el, -1, function () {
-	    remove(el);
-	  }, vm, cb);
-	}
+	Watcher.prototype.evaluate = function evaluate () {
+	  this.value = this.get();
+	  this.dirty = false;
+	};
 
 	/**
-	 * Apply transitions with an operation callback.
-	 *
-	 * @param {Element} el
-	 * @param {Number} direction
-	 *                  1: enter
-	 *                 -1: leave
-	 * @param {Function} op - the actual DOM operation
-	 * @param {Vue} vm
-	 * @param {Function} [cb]
+	 * Depend on all deps collected by this watcher.
 	 */
+	Watcher.prototype.depend = function depend () {
+	    var this$1 = this;
 
-	function applyTransition(el, direction, op, vm, cb) {
-	  var transition = el.__v_trans;
-	  if (!transition ||
-	  // skip if there are no js hooks and CSS transition is
-	  // not supported
-	  !transition.hooks && !transitionEndEvent ||
-	  // skip transitions for initial compile
-	  !vm._isCompiled ||
-	  // if the vm is being manipulated by a parent directive
-	  // during the parent's compilation phase, skip the
-	  // animation.
-	  vm.$parent && !vm.$parent._isCompiled) {
-	    op();
-	    if (cb) cb();
-	    return;
-	  }
-	  var action = direction > 0 ? 'enter' : 'leave';
-	  transition[action](op, cb);
-	}
-
-	var transition = Object.freeze({
-	  appendWithTransition: appendWithTransition,
-	  beforeWithTransition: beforeWithTransition,
-	  removeWithTransition: removeWithTransition,
-	  applyTransition: applyTransition
-	});
+	  var i = this.deps.length;
+	  while (i--) {
+	    this$1.deps[i].depend();
+	  }
+	};
 
 	/**
-	 * Query an element selector if it's not an element already.
-	 *
-	 * @param {String|Element} el
-	 * @return {Element}
+	 * Remove self from all dependencies' subscriber list.
 	 */
+	Watcher.prototype.teardown = function teardown () {
+	    var this$1 = this;
 
-	function query(el) {
-	  if (typeof el === 'string') {
-	    var selector = el;
-	    el = document.querySelector(el);
-	    if (!el) {
-	      process.env.NODE_ENV !== 'production' && warn('Cannot find element: ' + selector);
+	  if (this.active) {
+	    // remove self from vm's watcher list
+	    // this is a somewhat expensive operation so we skip it
+	    // if the vm is being destroyed or is performing a v-for
+	    // re-render (the watcher list is then filtered by v-for).
+	    if (!this.vm._isBeingDestroyed && !this.vm._vForRemoving) {
+	      remove$1(this.vm._watchers, this);
+	    }
+	    var i = this.deps.length;
+	    while (i--) {
+	      this$1.deps[i].removeSub(this$1);
 	    }
+	    this.active = false;
 	  }
-	  return el;
-	}
+	};
 
 	/**
-	 * Check if a node is in the document.
-	 * Note: document.documentElement.contains should work here
-	 * but always returns false for comment nodes in phantomjs,
-	 * making unit tests difficult. This is fixed by doing the
-	 * contains() check on the node's parentNode instead of
-	 * the node itself.
-	 *
-	 * @param {Node} node
-	 * @return {Boolean}
+	 * Recursively traverse an object to evoke all converted
+	 * getters, so that every nested property inside the object
+	 * is collected as a "deep" dependency.
 	 */
-
-	function inDoc(node) {
-	  var doc = document.documentElement;
-	  var parent = node && node.parentNode;
-	  return doc === node || doc === parent || !!(parent && parent.nodeType === 1 && doc.contains(parent));
+	var seenObjects = new _Set();
+	function traverse (val) {
+	  seenObjects.clear();
+	  _traverse(val, seenObjects);
 	}
 
-	/**
-	 * Get and remove an attribute from a node.
-	 *
-	 * @param {Node} node
-	 * @param {String} _attr
-	 */
-
-	function getAttr(node, _attr) {
-	  var val = node.getAttribute(_attr);
-	  if (val !== null) {
-	    node.removeAttribute(_attr);
+	function _traverse (val, seen) {
+	  var i, keys;
+	  var isA = Array.isArray(val);
+	  if ((!isA && !isObject(val)) || !Object.isExtensible(val)) {
+	    return
+	  }
+	  if (val.__ob__) {
+	    var depId = val.__ob__.dep.id;
+	    if (seen.has(depId)) {
+	      return
+	    }
+	    seen.add(depId);
+	  }
+	  if (isA) {
+	    i = val.length;
+	    while (i--) { _traverse(val[i], seen); }
+	  } else {
+	    keys = Object.keys(val);
+	    i = keys.length;
+	    while (i--) { _traverse(val[keys[i]], seen); }
 	  }
-	  return val;
 	}
 
-	/**
-	 * Get an attribute with colon or v-bind: prefix.
-	 *
-	 * @param {Node} node
-	 * @param {String} name
-	 * @return {String|null}
-	 */
-
-	function getBindAttr(node, name) {
-	  var val = getAttr(node, ':' + name);
-	  if (val === null) {
-	    val = getAttr(node, 'v-bind:' + name);
-	  }
-	  return val;
-	}
-
-	/**
-	 * Check the presence of a bind attribute.
-	 *
-	 * @param {Node} node
-	 * @param {String} name
-	 * @return {Boolean}
+	/*
+	 * not type checking this file because flow doesn't play well with
+	 * dynamically accessing methods on Array prototype
 	 */
 
-	function hasBindAttr(node, name) {
-	  return node.hasAttribute(name) || node.hasAttribute(':' + name) || node.hasAttribute('v-bind:' + name);
-	}
-
-	/**
-	 * Insert el before target
-	 *
-	 * @param {Element} el
-	 * @param {Element} target
-	 */
+	var arrayProto = Array.prototype;
+	var arrayMethods = Object.create(arrayProto);[
+	  'push',
+	  'pop',
+	  'shift',
+	  'unshift',
+	  'splice',
+	  'sort',
+	  'reverse'
+	]
+	.forEach(function (method) {
+	  // cache original method
+	  var original = arrayProto[method];
+	  def(arrayMethods, method, function mutator () {
+	    var arguments$1 = arguments;
 
-	function before(el, target) {
-	  target.parentNode.insertBefore(el, target);
-	}
+	    // avoid leaking arguments:
+	    // http://jsperf.com/closure-with-arguments
+	    var i = arguments.length;
+	    var args = new Array(i);
+	    while (i--) {
+	      args[i] = arguments$1[i];
+	    }
+	    var result = original.apply(this, args);
+	    var ob = this.__ob__;
+	    var inserted;
+	    switch (method) {
+	      case 'push':
+	        inserted = args;
+	        break
+	      case 'unshift':
+	        inserted = args;
+	        break
+	      case 'splice':
+	        inserted = args.slice(2);
+	        break
+	    }
+	    if (inserted) { ob.observeArray(inserted); }
+	    // notify change
+	    ob.dep.notify();
+	    return result
+	  });
+	});
 
-	/**
-	 * Insert el after target
-	 *
-	 * @param {Element} el
-	 * @param {Element} target
-	 */
+	/*  */
 
-	function after(el, target) {
-	  if (target.nextSibling) {
-	    before(el, target.nextSibling);
-	  } else {
-	    target.parentNode.appendChild(el);
-	  }
-	}
+	var arrayKeys = Object.getOwnPropertyNames(arrayMethods);
 
 	/**
-	 * Remove el from DOM
-	 *
-	 * @param {Element} el
+	 * By default, when a reactive property is set, the new value is
+	 * also converted to become reactive. However when passing down props,
+	 * we don't want to force conversion because the value may be a nested value
+	 * under a frozen data structure. Converting it would defeat the optimization.
 	 */
-
-	function remove(el) {
-	  el.parentNode.removeChild(el);
-	}
+	var observerState = {
+	  shouldConvert: true,
+	  isSettingProps: false
+	};
 
 	/**
-	 * Prepend el to target
-	 *
-	 * @param {Element} el
-	 * @param {Element} target
+	 * Observer class that are attached to each observed
+	 * object. Once attached, the observer converts target
+	 * object's property keys into getter/setters that
+	 * collect dependencies and dispatches updates.
 	 */
-
-	function prepend(el, target) {
-	  if (target.firstChild) {
-	    before(el, target.firstChild);
+	var Observer = function Observer (value) {
+	  this.value = value;
+	  this.dep = new Dep();
+	  this.vmCount = 0;
+	  def(value, '__ob__', this);
+	  if (Array.isArray(value)) {
+	    var augment = hasProto
+	      ? protoAugment
+	      : copyAugment;
+	    augment(value, arrayMethods, arrayKeys);
+	    this.observeArray(value);
 	  } else {
-	    target.appendChild(el);
+	    this.walk(value);
 	  }
-	}
+	};
 
 	/**
-	 * Replace target with el
-	 *
-	 * @param {Element} target
-	 * @param {Element} el
+	 * Walk through each property and convert them into
+	 * getter/setters. This method should only be called when
+	 * value type is Object.
 	 */
-
-	function replace(target, el) {
-	  var parent = target.parentNode;
-	  if (parent) {
-	    parent.replaceChild(el, target);
+	Observer.prototype.walk = function walk (obj) {
+	  var keys = Object.keys(obj);
+	  for (var i = 0; i < keys.length; i++) {
+	    defineReactive$$1(obj, keys[i], obj[keys[i]]);
 	  }
-	}
+	};
 
 	/**
-	 * Add event listener shorthand.
-	 *
-	 * @param {Element} el
-	 * @param {String} event
-	 * @param {Function} cb
-	 * @param {Boolean} [useCapture]
+	 * Observe a list of Array items.
 	 */
+	Observer.prototype.observeArray = function observeArray (items) {
+	  for (var i = 0, l = items.length; i < l; i++) {
+	    observe(items[i]);
+	  }
+	};
 
-	function on(el, event, cb, useCapture) {
-	  el.addEventListener(event, cb, useCapture);
-	}
+	// helpers
 
 	/**
-	 * Remove event listener shorthand.
-	 *
-	 * @param {Element} el
-	 * @param {String} event
-	 * @param {Function} cb
+	 * Augment an target Object or Array by intercepting
+	 * the prototype chain using __proto__
 	 */
-
-	function off(el, event, cb) {
-	  el.removeEventListener(event, cb);
+	function protoAugment (target, src) {
+	  /* eslint-disable no-proto */
+	  target.__proto__ = src;
+	  /* eslint-enable no-proto */
 	}
 
 	/**
-	 * For IE9 compat: when both class and :class are present
-	 * getAttribute('class') returns wrong value...
+	 * Augment an target Object or Array by defining
+	 * hidden properties.
 	 *
-	 * @param {Element} el
-	 * @return {String}
+	 * istanbul ignore next
 	 */
-
-	function getClass(el) {
-	  var classname = el.className;
-	  if (typeof classname === 'object') {
-	    classname = classname.baseVal || '';
+	function copyAugment (target, src, keys) {
+	  for (var i = 0, l = keys.length; i < l; i++) {
+	    var key = keys[i];
+	    def(target, key, src[key]);
 	  }
-	  return classname;
 	}
 
 	/**
-	 * In IE9, setAttribute('class') will result in empty class
-	 * if the element also has the :class attribute; However in
-	 * PhantomJS, setting `className` does not work on SVG elements...
-	 * So we have to do a conditional check here.
-	 *
-	 * @param {Element} el
-	 * @param {String} cls
+	 * Attempt to create an observer instance for a value,
+	 * returns the new observer if successfully observed,
+	 * or the existing observer if the value already has one.
 	 */
-
-	function setClass(el, cls) {
-	  /* istanbul ignore if */
-	  if (isIE9 && !/svg$/.test(el.namespaceURI)) {
-	    el.className = cls;
-	  } else {
-	    el.setAttribute('class', cls);
+	function observe (value) {
+	  if (!isObject(value)) {
+	    return
+	  }
+	  var ob;
+	  if (hasOwn(value, '__ob__') && value.__ob__ instanceof Observer) {
+	    ob = value.__ob__;
+	  } else if (
+	    observerState.shouldConvert &&
+	    !config._isServer &&
+	    (Array.isArray(value) || isPlainObject(value)) &&
+	    Object.isExtensible(value) &&
+	    !value._isVue
+	  ) {
+	    ob = new Observer(value);
 	  }
+	  return ob
 	}
 
 	/**
-	 * Add class with compatibility for IE & SVG
-	 *
-	 * @param {Element} el
-	 * @param {String} cls
+	 * Define a reactive property on an Object.
 	 */
+	function defineReactive$$1 (
+	  obj,
+	  key,
+	  val,
+	  customSetter
+	) {
+	  var dep = new Dep();
 
-	function addClass(el, cls) {
-	  if (el.classList) {
-	    el.classList.add(cls);
-	  } else {
-	    var cur = ' ' + getClass(el) + ' ';
-	    if (cur.indexOf(' ' + cls + ' ') < 0) {
-	      setClass(el, (cur + cls).trim());
-	    }
+	  var property = Object.getOwnPropertyDescriptor(obj, key);
+	  if (property && property.configurable === false) {
+	    return
 	  }
-	}
 
-	/**
-	 * Remove class with compatibility for IE & SVG
-	 *
-	 * @param {Element} el
-	 * @param {String} cls
-	 */
+	  // cater for pre-defined getter/setters
+	  var getter = property && property.get;
+	  var setter = property && property.set;
 
-	function removeClass(el, cls) {
-	  if (el.classList) {
-	    el.classList.remove(cls);
-	  } else {
-	    var cur = ' ' + getClass(el) + ' ';
-	    var tar = ' ' + cls + ' ';
-	    while (cur.indexOf(tar) >= 0) {
-	      cur = cur.replace(tar, ' ');
+	  var childOb = observe(val);
+	  Object.defineProperty(obj, key, {
+	    enumerable: true,
+	    configurable: true,
+	    get: function reactiveGetter () {
+	      var value = getter ? getter.call(obj) : val;
+	      if (Dep.target) {
+	        dep.depend();
+	        if (childOb) {
+	          childOb.dep.depend();
+	        }
+	        if (Array.isArray(value)) {
+	          dependArray(value);
+	        }
+	      }
+	      return value
+	    },
+	    set: function reactiveSetter (newVal) {
+	      var value = getter ? getter.call(obj) : val;
+	      if (newVal === value) {
+	        return
+	      }
+	      if (process.env.NODE_ENV !== 'production' && customSetter) {
+	        customSetter();
+	      }
+	      if (setter) {
+	        setter.call(obj, newVal);
+	      } else {
+	        val = newVal;
+	      }
+	      childOb = observe(newVal);
+	      dep.notify();
 	    }
-	    setClass(el, cur.trim());
-	  }
-	  if (!el.className) {
-	    el.removeAttribute('class');
-	  }
+	  });
 	}
 
 	/**
-	 * Extract raw content inside an element into a temporary
-	 * container div
-	 *
-	 * @param {Element} el
-	 * @param {Boolean} asFragment
-	 * @return {Element|DocumentFragment}
+	 * Set a property on an object. Adds the new property and
+	 * triggers change notification if the property doesn't
+	 * already exist.
 	 */
-
-	function extractContent(el, asFragment) {
-	  var child;
-	  var rawContent;
-	  /* istanbul ignore if */
-	  if (isTemplate(el) && isFragment(el.content)) {
-	    el = el.content;
+	function set (obj, key, val) {
+	  if (Array.isArray(obj)) {
+	    obj.length = Math.max(obj.length, key);
+	    obj.splice(key, 1, val);
+	    return val
 	  }
-	  if (el.hasChildNodes()) {
-	    trimNode(el);
-	    rawContent = asFragment ? document.createDocumentFragment() : document.createElement('div');
-	    /* eslint-disable no-cond-assign */
-	    while (child = el.firstChild) {
-	      /* eslint-enable no-cond-assign */
-	      rawContent.appendChild(child);
-	    }
+	  if (hasOwn(obj, key)) {
+	    obj[key] = val;
+	    return
+	  }
+	  var ob = obj.__ob__;
+	  if (obj._isVue || (ob && ob.vmCount)) {
+	    process.env.NODE_ENV !== 'production' && warn(
+	      'Avoid adding reactive properties to a Vue instance or its root $data ' +
+	      'at runtime - declare it upfront in the data option.'
+	    );
+	    return
 	  }
-	  return rawContent;
+	  if (!ob) {
+	    obj[key] = val;
+	    return
+	  }
+	  defineReactive$$1(ob.value, key, val);
+	  ob.dep.notify();
+	  return val
 	}
 
 	/**
-	 * Trim possible empty head/tail text and comment
-	 * nodes inside a parent.
-	 *
-	 * @param {Node} node
+	 * Delete a property and trigger change if necessary.
 	 */
-
-	function trimNode(node) {
-	  var child;
-	  /* eslint-disable no-sequences */
-	  while ((child = node.firstChild, isTrimmable(child))) {
-	    node.removeChild(child);
+	function del (obj, key) {
+	  var ob = obj.__ob__;
+	  if (obj._isVue || (ob && ob.vmCount)) {
+	    process.env.NODE_ENV !== 'production' && warn(
+	      'Avoid deleting properties on a Vue instance or its root $data ' +
+	      '- just set it to null.'
+	    );
+	    return
 	  }
-	  while ((child = node.lastChild, isTrimmable(child))) {
-	    node.removeChild(child);
+	  if (!hasOwn(obj, key)) {
+	    return
 	  }
-	  /* eslint-enable no-sequences */
-	}
-
-	function isTrimmable(node) {
-	  return node && (node.nodeType === 3 && !node.data.trim() || node.nodeType === 8);
+	  delete obj[key];
+	  if (!ob) {
+	    return
+	  }
+	  ob.dep.notify();
 	}
 
 	/**
-	 * Check if an element is a template tag.
-	 * Note if the template appears inside an SVG its tagName
-	 * will be in lowercase.
-	 *
-	 * @param {Element} el
+	 * Collect dependencies on array elements when the array is touched, since
+	 * we cannot intercept array element access like property getters.
 	 */
-
-	function isTemplate(el) {
-	  return el.tagName && el.tagName.toLowerCase() === 'template';
+	function dependArray (value) {
+	  for (var e = void 0, i = 0, l = value.length; i < l; i++) {
+	    e = value[i];
+	    e && e.__ob__ && e.__ob__.dep.depend();
+	    if (Array.isArray(e)) {
+	      dependArray(e);
+	    }
+	  }
 	}
 
-	/**
-	 * Create an "anchor" for performing dom insertion/removals.
-	 * This is used in a number of scenarios:
-	 * - fragment instance
-	 * - v-html
-	 * - v-if
-	 * - v-for
-	 * - component
-	 *
-	 * @param {String} content
-	 * @param {Boolean} persist - IE trashes empty textNodes on
-	 *                            cloneNode(true), so in certain
-	 *                            cases the anchor needs to be
-	 *                            non-empty to be persisted in
-	 *                            templates.
-	 * @return {Comment|Text}
-	 */
+	/*  */
 
-	function createAnchor(content, persist) {
-	  var anchor = config.debug ? document.createComment(content) : document.createTextNode(persist ? ' ' : '');
-	  anchor.__v_anchor = true;
-	  return anchor;
+	function initState (vm) {
+	  vm._watchers = [];
+	  initProps(vm);
+	  initData(vm);
+	  initComputed(vm);
+	  initMethods(vm);
+	  initWatch(vm);
 	}
 
-	/**
-	 * Find a component ref attribute that starts with $.
-	 *
-	 * @param {Element} node
-	 * @return {String|undefined}
-	 */
-
-	var refRE = /^v-ref:/;
-
-	function findRef(node) {
-	  if (node.hasAttributes()) {
-	    var attrs = node.attributes;
-	    for (var i = 0, l = attrs.length; i < l; i++) {
-	      var name = attrs[i].name;
-	      if (refRE.test(name)) {
-	        return camelize(name.replace(refRE, ''));
+	function initProps (vm) {
+	  var props = vm.$options.props;
+	  if (props) {
+	    var propsData = vm.$options.propsData || {};
+	    var keys = vm.$options._propKeys = Object.keys(props);
+	    var isRoot = !vm.$parent;
+	    // root instance props should be converted
+	    observerState.shouldConvert = isRoot;
+	    var loop = function ( i ) {
+	      var key = keys[i];
+	      /* istanbul ignore else */
+	      if (process.env.NODE_ENV !== 'production') {
+	        defineReactive$$1(vm, key, validateProp(key, props, propsData, vm), function () {
+	          if (vm.$parent && !observerState.isSettingProps) {
+	            warn(
+	              "Avoid mutating a prop directly since the value will be " +
+	              "overwritten whenever the parent component re-renders. " +
+	              "Instead, use a data or computed property based on the prop's " +
+	              "value. Prop being mutated: \"" + key + "\"",
+	              vm
+	            );
+	          }
+	        });
+	      } else {
+	        defineReactive$$1(vm, key, validateProp(key, props, propsData, vm));
 	      }
-	    }
+	    };
+
+	    for (var i = 0; i < keys.length; i++) loop( i );
+	    observerState.shouldConvert = true;
 	  }
 	}
 
-	/**
-	 * Map a function to a range of nodes .
-	 *
-	 * @param {Node} node
-	 * @param {Node} end
-	 * @param {Function} op
-	 */
-
-	function mapNodeRange(node, end, op) {
-	  var next;
-	  while (node !== end) {
-	    next = node.nextSibling;
-	    op(node);
-	    node = next;
+	function initData (vm) {
+	  var data = vm.$options.data;
+	  data = vm._data = typeof data === 'function'
+	    ? data.call(vm)
+	    : data || {};
+	  if (!isPlainObject(data)) {
+	    data = {};
+	    process.env.NODE_ENV !== 'production' && warn(
+	      'data functions should return an object.',
+	      vm
+	    );
+	  }
+	  // proxy data on instance
+	  var keys = Object.keys(data);
+	  var props = vm.$options.props;
+	  var i = keys.length;
+	  while (i--) {
+	    if (props && hasOwn(props, keys[i])) {
+	      process.env.NODE_ENV !== 'production' && warn(
+	        "The data property \"" + (keys[i]) + "\" is already declared as a prop. " +
+	        "Use prop default value instead.",
+	        vm
+	      );
+	    } else {
+	      proxy(vm, keys[i]);
+	    }
 	  }
-	  op(end);
+	  // observe data
+	  observe(data);
+	  data.__ob__ && data.__ob__.vmCount++;
 	}
 
-	/**
-	 * Remove a range of nodes with transition, store
-	 * the nodes in a fragment with correct ordering,
-	 * and call callback when done.
-	 *
-	 * @param {Node} start
-	 * @param {Node} end
-	 * @param {Vue} vm
-	 * @param {DocumentFragment} frag
-	 * @param {Function} cb
-	 */
+	var computedSharedDefinition = {
+	  enumerable: true,
+	  configurable: true,
+	  get: noop,
+	  set: noop
+	};
 
-	function removeNodeRange(start, end, vm, frag, cb) {
-	  var done = false;
-	  var removed = 0;
-	  var nodes = [];
-	  mapNodeRange(start, end, function (node) {
-	    if (node === end) done = true;
-	    nodes.push(node);
-	    removeWithTransition(node, vm, onRemoved);
-	  });
-	  function onRemoved() {
-	    removed++;
-	    if (done && removed >= nodes.length) {
-	      for (var i = 0; i < nodes.length; i++) {
-	        frag.appendChild(nodes[i]);
+	function initComputed (vm) {
+	  var computed = vm.$options.computed;
+	  if (computed) {
+	    for (var key in computed) {
+	      var userDef = computed[key];
+	      if (typeof userDef === 'function') {
+	        computedSharedDefinition.get = makeComputedGetter(userDef, vm);
+	        computedSharedDefinition.set = noop;
+	      } else {
+	        computedSharedDefinition.get = userDef.get
+	          ? userDef.cache !== false
+	            ? makeComputedGetter(userDef.get, vm)
+	            : bind$1(userDef.get, vm)
+	          : noop;
+	        computedSharedDefinition.set = userDef.set
+	          ? bind$1(userDef.set, vm)
+	          : noop;
 	      }
-	      cb && cb();
+	      Object.defineProperty(vm, key, computedSharedDefinition);
 	    }
 	  }
 	}
 
-	/**
-	 * Check if a node is a DocumentFragment.
-	 *
-	 * @param {Node} node
-	 * @return {Boolean}
-	 */
-
-	function isFragment(node) {
-	  return node && node.nodeType === 11;
-	}
-
-	/**
-	 * Get outerHTML of elements, taking care
-	 * of SVG elements in IE as well.
-	 *
-	 * @param {Element} el
-	 * @return {String}
-	 */
-
-	function getOuterHTML(el) {
-	  if (el.outerHTML) {
-	    return el.outerHTML;
-	  } else {
-	    var container = document.createElement('div');
-	    container.appendChild(el.cloneNode(true));
-	    return container.innerHTML;
+	function makeComputedGetter (getter, owner) {
+	  var watcher = new Watcher(owner, getter, noop, {
+	    lazy: true
+	  });
+	  return function computedGetter () {
+	    if (watcher.dirty) {
+	      watcher.evaluate();
+	    }
+	    if (Dep.target) {
+	      watcher.depend();
+	    }
+	    return watcher.value
 	  }
 	}
 
-	var commonTagRE = /^(div|p|span|img|a|b|i|br|ul|ol|li|h1|h2|h3|h4|h5|h6|code|pre|table|th|td|tr|form|label|input|select|option|nav|article|section|header|footer)$/i;
-	var reservedTagRE = /^(slot|partial|component)$/i;
-
-	var isUnknownElement = undefined;
-	if (process.env.NODE_ENV !== 'production') {
-	  isUnknownElement = function (el, tag) {
-	    if (tag.indexOf('-') > -1) {
-	      // http://stackoverflow.com/a/28210364/1070244
-	      return el.constructor === window.HTMLUnknownElement || el.constructor === window.HTMLElement;
-	    } else {
-	      return (/HTMLUnknownElement/.test(el.toString()) &&
-	        // Chrome returns unknown for several HTML5 elements.
-	        // https://code.google.com/p/chromium/issues/detail?id=540526
-	        !/^(data|time|rtc|rb)$/.test(tag)
-	      );
+	function initMethods (vm) {
+	  var methods = vm.$options.methods;
+	  if (methods) {
+	    for (var key in methods) {
+	      vm[key] = methods[key] == null ? noop : bind$1(methods[key], vm);
+	      if (process.env.NODE_ENV !== 'production') {
+	        methods[key] == null && warn(
+	          "method \"" + key + "\" has an undefined value in the component definition. " +
+	          "Did you reference the function correctly?",
+	          vm
+	        );
+	        hasOwn(Vue$1.prototype, key) && warn(
+	          ("Avoid overriding Vue's internal method \"" + key + "\"."),
+	          vm
+	        );
+	      }
 	    }
-	  };
+	  }
 	}
 
-	/**
-	 * Check if an element is a component, if yes return its
-	 * component id.
-	 *
-	 * @param {Element} el
-	 * @param {Object} options
-	 * @return {Object|undefined}
-	 */
-
-	function checkComponentAttr(el, options) {
-	  var tag = el.tagName.toLowerCase();
-	  var hasAttrs = el.hasAttributes();
-	  if (!commonTagRE.test(tag) && !reservedTagRE.test(tag)) {
-	    if (resolveAsset(options, 'components', tag)) {
-	      return { id: tag };
-	    } else {
-	      var is = hasAttrs && getIsBinding(el);
-	      if (is) {
-	        return is;
-	      } else if (process.env.NODE_ENV !== 'production') {
-	        var expectedTag = options._componentNameMap && options._componentNameMap[tag];
-	        if (expectedTag) {
-	          warn('Unknown custom element: <' + tag + '> - ' + 'did you mean <' + expectedTag + '>? ' + 'HTML is case-insensitive, remember to use kebab-case in templates.');
-	        } else if (isUnknownElement(el, tag)) {
-	          warn('Unknown custom element: <' + tag + '> - did you ' + 'register the component correctly? For recursive components, ' + 'make sure to provide the "name" option.');
+	function initWatch (vm) {
+	  var watch = vm.$options.watch;
+	  if (watch) {
+	    for (var key in watch) {
+	      var handler = watch[key];
+	      if (Array.isArray(handler)) {
+	        for (var i = 0; i < handler.length; i++) {
+	          createWatcher(vm, key, handler[i]);
 	        }
+	      } else {
+	        createWatcher(vm, key, handler);
 	      }
 	    }
-	  } else if (hasAttrs) {
-	    return getIsBinding(el);
 	  }
 	}
 
-	/**
-	 * Get "is" binding from an element.
-	 *
-	 * @param {Element} el
-	 * @return {Object|undefined}
-	 */
-
-	function getIsBinding(el) {
-	  // dynamic syntax
-	  var exp = getAttr(el, 'is');
-	  if (exp != null) {
-	    return { id: exp };
-	  } else {
-	    exp = getBindAttr(el, 'is');
-	    if (exp != null) {
-	      return { id: exp, dynamic: true };
-	    }
+	function createWatcher (vm, key, handler) {
+	  var options;
+	  if (isPlainObject(handler)) {
+	    options = handler;
+	    handler = handler.handler;
+	  }
+	  if (typeof handler === 'string') {
+	    handler = vm[handler];
 	  }
+	  vm.$watch(key, handler, options);
 	}
 
-	/**
-	 * Option overwriting strategies are functions that handle
-	 * how to merge a parent option value and a child option
-	 * value into the final value.
-	 *
-	 * All strategy functions follow the same signature:
-	 *
-	 * @param {*} parentVal
-	 * @param {*} childVal
-	 * @param {Vue} [vm]
-	 */
-
-	var strats = config.optionMergeStrategies = Object.create(null);
-
-	/**
-	 * Helper that recursively merges two data objects together.
-	 */
-
-	function mergeData(to, from) {
-	  var key, toVal, fromVal;
-	  for (key in from) {
-	    toVal = to[key];
-	    fromVal = from[key];
-	    if (!hasOwn(to, key)) {
-	      set(to, key, fromVal);
-	    } else if (isObject(toVal) && isObject(fromVal)) {
-	      mergeData(toVal, fromVal);
-	    }
-	  }
-	  return to;
-	}
-
-	/**
-	 * Data
-	 */
-
-	strats.data = function (parentVal, childVal, vm) {
-	  if (!vm) {
-	    // in a Vue.extend merge, both should be functions
-	    if (!childVal) {
-	      return parentVal;
-	    }
-	    if (typeof childVal !== 'function') {
-	      process.env.NODE_ENV !== 'production' && warn('The "data" option should be a function ' + 'that returns a per-instance value in component ' + 'definitions.', vm);
-	      return parentVal;
-	    }
-	    if (!parentVal) {
-	      return childVal;
-	    }
-	    // when parentVal & childVal are both present,
-	    // we need to return a function that returns the
-	    // merged result of both functions... no need to
-	    // check if parentVal is a function here because
-	    // it has to be a function to pass previous merges.
-	    return function mergedDataFn() {
-	      return mergeData(childVal.call(this), parentVal.call(this));
-	    };
-	  } else if (parentVal || childVal) {
-	    return function mergedInstanceDataFn() {
-	      // instance merge
-	      var instanceData = typeof childVal === 'function' ? childVal.call(vm) : childVal;
-	      var defaultData = typeof parentVal === 'function' ? parentVal.call(vm) : undefined;
-	      if (instanceData) {
-	        return mergeData(instanceData, defaultData);
-	      } else {
-	        return defaultData;
-	      }
-	    };
-	  }
-	};
-
-	/**
-	 * El
-	 */
-
-	strats.el = function (parentVal, childVal, vm) {
-	  if (!vm && childVal && typeof childVal !== 'function') {
-	    process.env.NODE_ENV !== 'production' && warn('The "el" option should be a function ' + 'that returns a per-instance value in component ' + 'definitions.', vm);
-	    return;
-	  }
-	  var ret = childVal || parentVal;
-	  // invoke the element factory if this is instance merge
-	  return vm && typeof ret === 'function' ? ret.call(vm) : ret;
-	};
-
-	/**
-	 * Hooks and param attributes are merged as arrays.
-	 */
-
-	strats.init = strats.created = strats.ready = strats.attached = strats.detached = strats.beforeCompile = strats.compiled = strats.beforeDestroy = strats.destroyed = strats.activate = function (parentVal, childVal) {
-	  return childVal ? parentVal ? parentVal.concat(childVal) : isArray(childVal) ? childVal : [childVal] : parentVal;
-	};
-
-	/**
-	 * Assets
-	 *
-	 * When a vm is present (instance creation), we need to do
-	 * a three-way merge between constructor options, instance
-	 * options and parent options.
-	 */
-
-	function mergeAssets(parentVal, childVal) {
-	  var res = Object.create(parentVal);
-	  return childVal ? extend(res, guardArrayAssets(childVal)) : res;
-	}
-
-	config._assetTypes.forEach(function (type) {
-	  strats[type + 's'] = mergeAssets;
-	});
-
-	/**
-	 * Events & Watchers.
-	 *
-	 * Events & watchers hashes should not overwrite one
-	 * another, so we merge them as arrays.
-	 */
-
-	strats.watch = strats.events = function (parentVal, childVal) {
-	  if (!childVal) return parentVal;
-	  if (!parentVal) return childVal;
-	  var ret = {};
-	  extend(ret, parentVal);
-	  for (var key in childVal) {
-	    var parent = ret[key];
-	    var child = childVal[key];
-	    if (parent && !isArray(parent)) {
-	      parent = [parent];
-	    }
-	    ret[key] = parent ? parent.concat(child) : [child];
-	  }
-	  return ret;
-	};
-
-	/**
-	 * Other object hashes.
-	 */
-
-	strats.props = strats.methods = strats.computed = function (parentVal, childVal) {
-	  if (!childVal) return parentVal;
-	  if (!parentVal) return childVal;
-	  var ret = Object.create(null);
-	  extend(ret, parentVal);
-	  extend(ret, childVal);
-	  return ret;
-	};
-
-	/**
-	 * Default strategy.
-	 */
-
-	var defaultStrat = function defaultStrat(parentVal, childVal) {
-	  return childVal === undefined ? parentVal : childVal;
-	};
-
-	/**
-	 * Make sure component options get converted to actual
-	 * constructors.
-	 *
-	 * @param {Object} options
-	 */
-
-	function guardComponents(options) {
-	  if (options.components) {
-	    var components = options.components = guardArrayAssets(options.components);
-	    var ids = Object.keys(components);
-	    var def;
-	    if (process.env.NODE_ENV !== 'production') {
-	      var map = options._componentNameMap = {};
-	    }
-	    for (var i = 0, l = ids.length; i < l; i++) {
-	      var key = ids[i];
-	      if (commonTagRE.test(key) || reservedTagRE.test(key)) {
-	        process.env.NODE_ENV !== 'production' && warn('Do not use built-in or reserved HTML elements as component ' + 'id: ' + key);
-	        continue;
-	      }
-	      // record a all lowercase <-> kebab-case mapping for
-	      // possible custom element case error warning
-	      if (process.env.NODE_ENV !== 'production') {
-	        map[key.replace(/-/g, '').toLowerCase()] = hyphenate(key);
-	      }
-	      def = components[key];
-	      if (isPlainObject(def)) {
-	        components[key] = Vue.extend(def);
-	      }
-	    }
-	  }
-	}
-
-	/**
-	 * Ensure all props option syntax are normalized into the
-	 * Object-based format.
-	 *
-	 * @param {Object} options
-	 */
-
-	function guardProps(options) {
-	  var props = options.props;
-	  var i, val;
-	  if (isArray(props)) {
-	    options.props = {};
-	    i = props.length;
-	    while (i--) {
-	      val = props[i];
-	      if (typeof val === 'string') {
-	        options.props[val] = null;
-	      } else if (val.name) {
-	        options.props[val.name] = val;
-	      }
-	    }
-	  } else if (isPlainObject(props)) {
-	    var keys = Object.keys(props);
-	    i = keys.length;
-	    while (i--) {
-	      val = props[keys[i]];
-	      if (typeof val === 'function') {
-	        props[keys[i]] = { type: val };
-	      }
-	    }
-	  }
-	}
-
-	/**
-	 * Guard an Array-format assets option and converted it
-	 * into the key-value Object format.
-	 *
-	 * @param {Object|Array} assets
-	 * @return {Object}
-	 */
-
-	function guardArrayAssets(assets) {
-	  if (isArray(assets)) {
-	    var res = {};
-	    var i = assets.length;
-	    var asset;
-	    while (i--) {
-	      asset = assets[i];
-	      var id = typeof asset === 'function' ? asset.options && asset.options.name || asset.id : asset.name || asset.id;
-	      if (!id) {
-	        process.env.NODE_ENV !== 'production' && warn('Array-syntax assets must provide a "name" or "id" field.');
-	      } else {
-	        res[id] = asset;
-	      }
-	    }
-	    return res;
-	  }
-	  return assets;
-	}
-
-	/**
-	 * Merge two option objects into a new one.
-	 * Core utility used in both instantiation and inheritance.
-	 *
-	 * @param {Object} parent
-	 * @param {Object} child
-	 * @param {Vue} [vm] - if vm is present, indicates this is
-	 *                     an instantiation merge.
-	 */
-
-	function mergeOptions(parent, child, vm) {
-	  guardComponents(child);
-	  guardProps(child);
-	  var options = {};
-	  var key;
-	  if (child.mixins) {
-	    for (var i = 0, l = child.mixins.length; i < l; i++) {
-	      parent = mergeOptions(parent, child.mixins[i], vm);
-	    }
-	  }
-	  for (key in parent) {
-	    mergeField(key);
-	  }
-	  for (key in child) {
-	    if (!hasOwn(parent, key)) {
-	      mergeField(key);
-	    }
-	  }
-	  function mergeField(key) {
-	    var strat = strats[key] || defaultStrat;
-	    options[key] = strat(parent[key], child[key], vm, key);
-	  }
-	  return options;
-	}
-
-	/**
-	 * Resolve an asset.
-	 * This function is used because child instances need access
-	 * to assets defined in its ancestor chain.
-	 *
-	 * @param {Object} options
-	 * @param {String} type
-	 * @param {String} id
-	 * @param {Boolean} warnMissing
-	 * @return {Object|Function}
-	 */
-
-	function resolveAsset(options, type, id, warnMissing) {
-	  /* istanbul ignore if */
-	  if (typeof id !== 'string') {
-	    return;
-	  }
-	  var assets = options[type];
-	  var camelizedId;
-	  var res = assets[id] ||
-	  // camelCase ID
-	  assets[camelizedId = camelize(id)] ||
-	  // Pascal Case ID
-	  assets[camelizedId.charAt(0).toUpperCase() + camelizedId.slice(1)];
-	  if (process.env.NODE_ENV !== 'production' && warnMissing && !res) {
-	    warn('Failed to resolve ' + type.slice(0, -1) + ': ' + id, options);
-	  }
-	  return res;
-	}
-
-	var uid$1 = 0;
-
-	/**
-	 * A dep is an observable that can have multiple
-	 * directives subscribing to it.
-	 *
-	 * @constructor
-	 */
-	function Dep() {
-	  this.id = uid$1++;
-	  this.subs = [];
-	}
-
-	// the current target watcher being evaluated.
-	// this is globally unique because there could be only one
-	// watcher being evaluated at any time.
-	Dep.target = null;
-
-	/**
-	 * Add a directive subscriber.
-	 *
-	 * @param {Directive} sub
-	 */
-
-	Dep.prototype.addSub = function (sub) {
-	  this.subs.push(sub);
-	};
-
-	/**
-	 * Remove a directive subscriber.
-	 *
-	 * @param {Directive} sub
-	 */
-
-	Dep.prototype.removeSub = function (sub) {
-	  this.subs.$remove(sub);
-	};
-
-	/**
-	 * Add self as a dependency to the target watcher.
-	 */
-
-	Dep.prototype.depend = function () {
-	  Dep.target.addDep(this);
-	};
-
-	/**
-	 * Notify all subscribers of a new value.
-	 */
-
-	Dep.prototype.notify = function () {
-	  // stablize the subscriber list first
-	  var subs = toArray(this.subs);
-	  for (var i = 0, l = subs.length; i < l; i++) {
-	    subs[i].update();
-	  }
-	};
-
-	var arrayProto = Array.prototype;
-	var arrayMethods = Object.create(arrayProto)
-
-	/**
-	 * Intercept mutating methods and emit events
-	 */
-
-	;['push', 'pop', 'shift', 'unshift', 'splice', 'sort', 'reverse'].forEach(function (method) {
-	  // cache original method
-	  var original = arrayProto[method];
-	  def(arrayMethods, method, function mutator() {
-	    // avoid leaking arguments:
-	    // http://jsperf.com/closure-with-arguments
-	    var i = arguments.length;
-	    var args = new Array(i);
-	    while (i--) {
-	      args[i] = arguments[i];
-	    }
-	    var result = original.apply(this, args);
-	    var ob = this.__ob__;
-	    var inserted;
-	    switch (method) {
-	      case 'push':
-	        inserted = args;
-	        break;
-	      case 'unshift':
-	        inserted = args;
-	        break;
-	      case 'splice':
-	        inserted = args.slice(2);
-	        break;
-	    }
-	    if (inserted) ob.observeArray(inserted);
-	    // notify change
-	    ob.dep.notify();
-	    return result;
-	  });
-	});
-
-	/**
-	 * Swap the element at the given index with a new value
-	 * and emits corresponding event.
-	 *
-	 * @param {Number} index
-	 * @param {*} val
-	 * @return {*} - replaced element
-	 */
-
-	def(arrayProto, '$set', function $set(index, val) {
-	  if (index >= this.length) {
-	    this.length = Number(index) + 1;
-	  }
-	  return this.splice(index, 1, val)[0];
-	});
-
-	/**
-	 * Convenience method to remove the element at given index or target element reference.
-	 *
-	 * @param {*} item
-	 */
-
-	def(arrayProto, '$remove', function $remove(item) {
-	  /* istanbul ignore if */
-	  if (!this.length) return;
-	  var index = indexOf(this, item);
-	  if (index > -1) {
-	    return this.splice(index, 1);
-	  }
-	});
-
-	var arrayKeys = Object.getOwnPropertyNames(arrayMethods);
-
-	/**
-	 * By default, when a reactive property is set, the new value is
-	 * also converted to become reactive. However in certain cases, e.g.
-	 * v-for scope alias and props, we don't want to force conversion
-	 * because the value may be a nested value under a frozen data structure.
-	 *
-	 * So whenever we want to set a reactive property without forcing
-	 * conversion on the new value, we wrap that call inside this function.
-	 */
-
-	var shouldConvert = true;
-
-	function withoutConversion(fn) {
-	  shouldConvert = false;
-	  fn();
-	  shouldConvert = true;
-	}
-
-	/**
-	 * Observer class that are attached to each observed
-	 * object. Once attached, the observer converts target
-	 * object's property keys into getter/setters that
-	 * collect dependencies and dispatches updates.
-	 *
-	 * @param {Array|Object} value
-	 * @constructor
-	 */
-
-	function Observer(value) {
-	  this.value = value;
-	  this.dep = new Dep();
-	  def(value, '__ob__', this);
-	  if (isArray(value)) {
-	    var augment = hasProto ? protoAugment : copyAugment;
-	    augment(value, arrayMethods, arrayKeys);
-	    this.observeArray(value);
-	  } else {
-	    this.walk(value);
-	  }
-	}
-
-	// Instance methods
-
-	/**
-	 * Walk through each property and convert them into
-	 * getter/setters. This method should only be called when
-	 * value type is Object.
-	 *
-	 * @param {Object} obj
-	 */
-
-	Observer.prototype.walk = function (obj) {
-	  var keys = Object.keys(obj);
-	  for (var i = 0, l = keys.length; i < l; i++) {
-	    this.convert(keys[i], obj[keys[i]]);
-	  }
-	};
-
-	/**
-	 * Observe a list of Array items.
-	 *
-	 * @param {Array} items
-	 */
-
-	Observer.prototype.observeArray = function (items) {
-	  for (var i = 0, l = items.length; i < l; i++) {
-	    observe(items[i]);
-	  }
-	};
-
-	/**
-	 * Convert a property into getter/setter so we can emit
-	 * the events when the property is accessed/changed.
-	 *
-	 * @param {String} key
-	 * @param {*} val
-	 */
-
-	Observer.prototype.convert = function (key, val) {
-	  defineReactive(this.value, key, val);
-	};
-
-	/**
-	 * Add an owner vm, so that when $set/$delete mutations
-	 * happen we can notify owner vms to proxy the keys and
-	 * digest the watchers. This is only called when the object
-	 * is observed as an instance's root $data.
-	 *
-	 * @param {Vue} vm
-	 */
-
-	Observer.prototype.addVm = function (vm) {
-	  (this.vms || (this.vms = [])).push(vm);
-	};
-
-	/**
-	 * Remove an owner vm. This is called when the object is
-	 * swapped out as an instance's $data object.
-	 *
-	 * @param {Vue} vm
-	 */
-
-	Observer.prototype.removeVm = function (vm) {
-	  this.vms.$remove(vm);
-	};
-
-	// helpers
-
-	/**
-	 * Augment an target Object or Array by intercepting
-	 * the prototype chain using __proto__
-	 *
-	 * @param {Object|Array} target
-	 * @param {Object} src
-	 */
-
-	function protoAugment(target, src) {
-	  /* eslint-disable no-proto */
-	  target.__proto__ = src;
-	  /* eslint-enable no-proto */
-	}
-
-	/**
-	 * Augment an target Object or Array by defining
-	 * hidden properties.
-	 *
-	 * @param {Object|Array} target
-	 * @param {Object} proto
-	 */
-
-	function copyAugment(target, src, keys) {
-	  for (var i = 0, l = keys.length; i < l; i++) {
-	    var key = keys[i];
-	    def(target, key, src[key]);
-	  }
-	}
-
-	/**
-	 * Attempt to create an observer instance for a value,
-	 * returns the new observer if successfully observed,
-	 * or the existing observer if the value already has one.
-	 *
-	 * @param {*} value
-	 * @param {Vue} [vm]
-	 * @return {Observer|undefined}
-	 * @static
-	 */
-
-	function observe(value, vm) {
-	  if (!value || typeof value !== 'object') {
-	    return;
-	  }
-	  var ob;
-	  if (hasOwn(value, '__ob__') && value.__ob__ instanceof Observer) {
-	    ob = value.__ob__;
-	  } else if (shouldConvert && (isArray(value) || isPlainObject(value)) && Object.isExtensible(value) && !value._isVue) {
-	    ob = new Observer(value);
-	  }
-	  if (ob && vm) {
-	    ob.addVm(vm);
-	  }
-	  return ob;
-	}
-
-	/**
-	 * Define a reactive property on an Object.
-	 *
-	 * @param {Object} obj
-	 * @param {String} key
-	 * @param {*} val
-	 */
-
-	function defineReactive(obj, key, val) {
-	  var dep = new Dep();
-
-	  var property = Object.getOwnPropertyDescriptor(obj, key);
-	  if (property && property.configurable === false) {
-	    return;
-	  }
-
-	  // cater for pre-defined getter/setters
-	  var getter = property && property.get;
-	  var setter = property && property.set;
-
-	  var childOb = observe(val);
-	  Object.defineProperty(obj, key, {
-	    enumerable: true,
-	    configurable: true,
-	    get: function reactiveGetter() {
-	      var value = getter ? getter.call(obj) : val;
-	      if (Dep.target) {
-	        dep.depend();
-	        if (childOb) {
-	          childOb.dep.depend();
-	        }
-	        if (isArray(value)) {
-	          for (var e, i = 0, l = value.length; i < l; i++) {
-	            e = value[i];
-	            e && e.__ob__ && e.__ob__.dep.depend();
-	          }
-	        }
-	      }
-	      return value;
-	    },
-	    set: function reactiveSetter(newVal) {
-	      var value = getter ? getter.call(obj) : val;
-	      if (newVal === value) {
-	        return;
-	      }
-	      if (setter) {
-	        setter.call(obj, newVal);
-	      } else {
-	        val = newVal;
-	      }
-	      childOb = observe(newVal);
-	      dep.notify();
-	    }
-	  });
-	}
-
-
-
-	var util = Object.freeze({
-		defineReactive: defineReactive,
-		set: set,
-		del: del,
-		hasOwn: hasOwn,
-		isLiteral: isLiteral,
-		isReserved: isReserved,
-		_toString: _toString,
-		toNumber: toNumber,
-		toBoolean: toBoolean,
-		stripQuotes: stripQuotes,
-		camelize: camelize,
-		hyphenate: hyphenate,
-		classify: classify,
-		bind: bind,
-		toArray: toArray,
-		extend: extend,
-		isObject: isObject,
-		isPlainObject: isPlainObject,
-		def: def,
-		debounce: _debounce,
-		indexOf: indexOf,
-		cancellable: cancellable,
-		looseEqual: looseEqual,
-		isArray: isArray,
-		hasProto: hasProto,
-		inBrowser: inBrowser,
-		devtools: devtools,
-		isIE9: isIE9,
-		isAndroid: isAndroid,
-		get transitionProp () { return transitionProp; },
-		get transitionEndEvent () { return transitionEndEvent; },
-		get animationProp () { return animationProp; },
-		get animationEndEvent () { return animationEndEvent; },
-		nextTick: nextTick,
-		query: query,
-		inDoc: inDoc,
-		getAttr: getAttr,
-		getBindAttr: getBindAttr,
-		hasBindAttr: hasBindAttr,
-		before: before,
-		after: after,
-		remove: remove,
-		prepend: prepend,
-		replace: replace,
-		on: on,
-		off: off,
-		setClass: setClass,
-		addClass: addClass,
-		removeClass: removeClass,
-		extractContent: extractContent,
-		trimNode: trimNode,
-		isTemplate: isTemplate,
-		createAnchor: createAnchor,
-		findRef: findRef,
-		mapNodeRange: mapNodeRange,
-		removeNodeRange: removeNodeRange,
-		isFragment: isFragment,
-		getOuterHTML: getOuterHTML,
-		mergeOptions: mergeOptions,
-		resolveAsset: resolveAsset,
-		checkComponentAttr: checkComponentAttr,
-		commonTagRE: commonTagRE,
-		reservedTagRE: reservedTagRE,
-		get warn () { return warn; }
-	});
-
-	var uid = 0;
-
-	function initMixin (Vue) {
-	  /**
-	   * The main init sequence. This is called for every
-	   * instance, including ones that are created from extended
-	   * constructors.
-	   *
-	   * @param {Object} options - this options object should be
-	   *                           the result of merging class
-	   *                           options and the options passed
-	   *                           in to the constructor.
-	   */
-
-	  Vue.prototype._init = function (options) {
-	    options = options || {};
-
-	    this.$el = null;
-	    this.$parent = options.parent;
-	    this.$root = this.$parent ? this.$parent.$root : this;
-	    this.$children = [];
-	    this.$refs = {}; // child vm references
-	    this.$els = {}; // element references
-	    this._watchers = []; // all watchers as an array
-	    this._directives = []; // all directives
-
-	    // a uid
-	    this._uid = uid++;
-
-	    // a flag to avoid this being observed
-	    this._isVue = true;
-
-	    // events bookkeeping
-	    this._events = {}; // registered callbacks
-	    this._eventsCount = {}; // for $broadcast optimization
-
-	    // fragment instance properties
-	    this._isFragment = false;
-	    this._fragment = // @type {DocumentFragment}
-	    this._fragmentStart = // @type {Text|Comment}
-	    this._fragmentEnd = null; // @type {Text|Comment}
-
-	    // lifecycle state
-	    this._isCompiled = this._isDestroyed = this._isReady = this._isAttached = this._isBeingDestroyed = this._vForRemoving = false;
-	    this._unlinkFn = null;
-
-	    // context:
-	    // if this is a transcluded component, context
-	    // will be the common parent vm of this instance
-	    // and its host.
-	    this._context = options._context || this.$parent;
-
-	    // scope:
-	    // if this is inside an inline v-for, the scope
-	    // will be the intermediate scope created for this
-	    // repeat fragment. this is used for linking props
-	    // and container directives.
-	    this._scope = options._scope;
-
-	    // fragment:
-	    // if this instance is compiled inside a Fragment, it
-	    // needs to reigster itself as a child of that fragment
-	    // for attach/detach to work properly.
-	    this._frag = options._frag;
-	    if (this._frag) {
-	      this._frag.children.push(this);
-	    }
-
-	    // push self into parent / transclusion host
-	    if (this.$parent) {
-	      this.$parent.$children.push(this);
-	    }
-
-	    // merge options.
-	    options = this.$options = mergeOptions(this.constructor.options, options, this);
-
-	    // set ref
-	    this._updateRef();
-
-	    // initialize data as empty object.
-	    // it will be filled up in _initScope().
-	    this._data = {};
-
-	    // save raw constructor data before merge
-	    // so that we know which properties are provided at
-	    // instantiation.
-	    this._runtimeData = options.data;
-
-	    // call init hook
-	    this._callHook('init');
-
-	    // initialize data observation and scope inheritance.
-	    this._initState();
-
-	    // setup event system and option events.
-	    this._initEvents();
-
-	    // call created hook
-	    this._callHook('created');
-
-	    // if `el` option is passed, start compilation.
-	    if (options.el) {
-	      this.$mount(options.el);
-	    }
-	  };
-	}
-
-	var pathCache = new Cache(1000);
-
-	// actions
-	var APPEND = 0;
-	var PUSH = 1;
-	var INC_SUB_PATH_DEPTH = 2;
-	var PUSH_SUB_PATH = 3;
-
-	// states
-	var BEFORE_PATH = 0;
-	var IN_PATH = 1;
-	var BEFORE_IDENT = 2;
-	var IN_IDENT = 3;
-	var IN_SUB_PATH = 4;
-	var IN_SINGLE_QUOTE = 5;
-	var IN_DOUBLE_QUOTE = 6;
-	var AFTER_PATH = 7;
-	var ERROR = 8;
-
-	var pathStateMachine = [];
-
-	pathStateMachine[BEFORE_PATH] = {
-	  'ws': [BEFORE_PATH],
-	  'ident': [IN_IDENT, APPEND],
-	  '[': [IN_SUB_PATH],
-	  'eof': [AFTER_PATH]
-	};
-
-	pathStateMachine[IN_PATH] = {
-	  'ws': [IN_PATH],
-	  '.': [BEFORE_IDENT],
-	  '[': [IN_SUB_PATH],
-	  'eof': [AFTER_PATH]
-	};
-
-	pathStateMachine[BEFORE_IDENT] = {
-	  'ws': [BEFORE_IDENT],
-	  'ident': [IN_IDENT, APPEND]
-	};
-
-	pathStateMachine[IN_IDENT] = {
-	  'ident': [IN_IDENT, APPEND],
-	  '0': [IN_IDENT, APPEND],
-	  'number': [IN_IDENT, APPEND],
-	  'ws': [IN_PATH, PUSH],
-	  '.': [BEFORE_IDENT, PUSH],
-	  '[': [IN_SUB_PATH, PUSH],
-	  'eof': [AFTER_PATH, PUSH]
-	};
-
-	pathStateMachine[IN_SUB_PATH] = {
-	  "'": [IN_SINGLE_QUOTE, APPEND],
-	  '"': [IN_DOUBLE_QUOTE, APPEND],
-	  '[': [IN_SUB_PATH, INC_SUB_PATH_DEPTH],
-	  ']': [IN_PATH, PUSH_SUB_PATH],
-	  'eof': ERROR,
-	  'else': [IN_SUB_PATH, APPEND]
-	};
-
-	pathStateMachine[IN_SINGLE_QUOTE] = {
-	  "'": [IN_SUB_PATH, APPEND],
-	  'eof': ERROR,
-	  'else': [IN_SINGLE_QUOTE, APPEND]
-	};
-
-	pathStateMachine[IN_DOUBLE_QUOTE] = {
-	  '"': [IN_SUB_PATH, APPEND],
-	  'eof': ERROR,
-	  'else': [IN_DOUBLE_QUOTE, APPEND]
-	};
-
-	/**
-	 * Determine the type of a character in a keypath.
-	 *
-	 * @param {Char} ch
-	 * @return {String} type
-	 */
-
-	function getPathCharType(ch) {
-	  if (ch === undefined) {
-	    return 'eof';
-	  }
-
-	  var code = ch.charCodeAt(0);
-
-	  switch (code) {
-	    case 0x5B: // [
-	    case 0x5D: // ]
-	    case 0x2E: // .
-	    case 0x22: // "
-	    case 0x27: // '
-	    case 0x30:
-	      // 0
-	      return ch;
-
-	    case 0x5F: // _
-	    case 0x24:
-	      // $
-	      return 'ident';
-
-	    case 0x20: // Space
-	    case 0x09: // Tab
-	    case 0x0A: // Newline
-	    case 0x0D: // Return
-	    case 0xA0: // No-break space
-	    case 0xFEFF: // Byte Order Mark
-	    case 0x2028: // Line Separator
-	    case 0x2029:
-	      // Paragraph Separator
-	      return 'ws';
-	  }
-
-	  // a-z, A-Z
-	  if (code >= 0x61 && code <= 0x7A || code >= 0x41 && code <= 0x5A) {
-	    return 'ident';
-	  }
-
-	  // 1-9
-	  if (code >= 0x31 && code <= 0x39) {
-	    return 'number';
-	  }
-
-	  return 'else';
-	}
-
-	/**
-	 * Format a subPath, return its plain form if it is
-	 * a literal string or number. Otherwise prepend the
-	 * dynamic indicator (*).
-	 *
-	 * @param {String} path
-	 * @return {String}
-	 */
-
-	function formatSubPath(path) {
-	  var trimmed = path.trim();
-	  // invalid leading 0
-	  if (path.charAt(0) === '0' && isNaN(path)) {
-	    return false;
-	  }
-	  return isLiteral(trimmed) ? stripQuotes(trimmed) : '*' + trimmed;
-	}
-
-	/**
-	 * Parse a string path into an array of segments
-	 *
-	 * @param {String} path
-	 * @return {Array|undefined}
-	 */
-
-	function parse(path) {
-	  var keys = [];
-	  var index = -1;
-	  var mode = BEFORE_PATH;
-	  var subPathDepth = 0;
-	  var c, newChar, key, type, transition, action, typeMap;
-
-	  var actions = [];
-
-	  actions[PUSH] = function () {
-	    if (key !== undefined) {
-	      keys.push(key);
-	      key = undefined;
-	    }
-	  };
-
-	  actions[APPEND] = function () {
-	    if (key === undefined) {
-	      key = newChar;
-	    } else {
-	      key += newChar;
-	    }
-	  };
-
-	  actions[INC_SUB_PATH_DEPTH] = function () {
-	    actions[APPEND]();
-	    subPathDepth++;
-	  };
-
-	  actions[PUSH_SUB_PATH] = function () {
-	    if (subPathDepth > 0) {
-	      subPathDepth--;
-	      mode = IN_SUB_PATH;
-	      actions[APPEND]();
-	    } else {
-	      subPathDepth = 0;
-	      key = formatSubPath(key);
-	      if (key === false) {
-	        return false;
-	      } else {
-	        actions[PUSH]();
-	      }
-	    }
-	  };
-
-	  function maybeUnescapeQuote() {
-	    var nextChar = path[index + 1];
-	    if (mode === IN_SINGLE_QUOTE && nextChar === "'" || mode === IN_DOUBLE_QUOTE && nextChar === '"') {
-	      index++;
-	      newChar = '\\' + nextChar;
-	      actions[APPEND]();
-	      return true;
-	    }
-	  }
-
-	  while (mode != null) {
-	    index++;
-	    c = path[index];
-
-	    if (c === '\\' && maybeUnescapeQuote()) {
-	      continue;
-	    }
-
-	    type = getPathCharType(c);
-	    typeMap = pathStateMachine[mode];
-	    transition = typeMap[type] || typeMap['else'] || ERROR;
-
-	    if (transition === ERROR) {
-	      return; // parse error
-	    }
-
-	    mode = transition[0];
-	    action = actions[transition[1]];
-	    if (action) {
-	      newChar = transition[2];
-	      newChar = newChar === undefined ? c : newChar;
-	      if (action() === false) {
-	        return;
-	      }
-	    }
-
-	    if (mode === AFTER_PATH) {
-	      keys.raw = path;
-	      return keys;
-	    }
-	  }
-	}
-
-	/**
-	 * External parse that check for a cache hit first
-	 *
-	 * @param {String} path
-	 * @return {Array|undefined}
-	 */
-
-	function parsePath(path) {
-	  var hit = pathCache.get(path);
-	  if (!hit) {
-	    hit = parse(path);
-	    if (hit) {
-	      pathCache.put(path, hit);
-	    }
-	  }
-	  return hit;
-	}
-
-	/**
-	 * Get from an object from a path string
-	 *
-	 * @param {Object} obj
-	 * @param {String} path
-	 */
-
-	function getPath(obj, path) {
-	  return parseExpression(path).get(obj);
-	}
-
-	/**
-	 * Warn against setting non-existent root path on a vm.
-	 */
-
-	var warnNonExistent;
-	if (process.env.NODE_ENV !== 'production') {
-	  warnNonExistent = function (path, vm) {
-	    warn('You are setting a non-existent path "' + path.raw + '" ' + 'on a vm instance. Consider pre-initializing the property ' + 'with the "data" option for more reliable reactivity ' + 'and better performance.', vm);
-	  };
-	}
-
-	/**
-	 * Set on an object from a path
-	 *
-	 * @param {Object} obj
-	 * @param {String | Array} path
-	 * @param {*} val
-	 */
-
-	function setPath(obj, path, val) {
-	  var original = obj;
-	  if (typeof path === 'string') {
-	    path = parse(path);
-	  }
-	  if (!path || !isObject(obj)) {
-	    return false;
-	  }
-	  var last, key;
-	  for (var i = 0, l = path.length; i < l; i++) {
-	    last = obj;
-	    key = path[i];
-	    if (key.charAt(0) === '*') {
-	      key = parseExpression(key.slice(1)).get.call(original, original);
-	    }
-	    if (i < l - 1) {
-	      obj = obj[key];
-	      if (!isObject(obj)) {
-	        obj = {};
-	        if (process.env.NODE_ENV !== 'production' && last._isVue) {
-	          warnNonExistent(path, last);
-	        }
-	        set(last, key, obj);
-	      }
-	    } else {
-	      if (isArray(obj)) {
-	        obj.$set(key, val);
-	      } else if (key in obj) {
-	        obj[key] = val;
-	      } else {
-	        if (process.env.NODE_ENV !== 'production' && obj._isVue) {
-	          warnNonExistent(path, obj);
-	        }
-	        set(obj, key, val);
-	      }
-	    }
-	  }
-	  return true;
-	}
-
-	var path = Object.freeze({
-	  parsePath: parsePath,
-	  getPath: getPath,
-	  setPath: setPath
-	});
-
-	var expressionCache = new Cache(1000);
-
-	var allowedKeywords = 'Math,Date,this,true,false,null,undefined,Infinity,NaN,' + 'isNaN,isFinite,decodeURI,decodeURIComponent,encodeURI,' + 'encodeURIComponent,parseInt,parseFloat';
-	var allowedKeywordsRE = new RegExp('^(' + allowedKeywords.replace(/,/g, '\\b|') + '\\b)');
-
-	// keywords that don't make sense inside expressions
-	var improperKeywords = 'break,case,class,catch,const,continue,debugger,default,' + 'delete,do,else,export,extends,finally,for,function,if,' + 'import,in,instanceof,let,return,super,switch,throw,try,' + 'var,while,with,yield,enum,await,implements,package,' + 'protected,static,interface,private,public';
-	var improperKeywordsRE = new RegExp('^(' + improperKeywords.replace(/,/g, '\\b|') + '\\b)');
-
-	var wsRE = /\s/g;
-	var newlineRE = /\n/g;
-	var saveRE = /[\{,]\s*[\w\$_]+\s*:|('(?:[^'\\]|\\.)*'|"(?:[^"\\]|\\.)*"|`(?:[^`\\]|\\.)*\$\{|\}(?:[^`\\]|\\.)*`|`(?:[^`\\]|\\.)*`)|new |typeof |void /g;
-	var restoreRE = /"(\d+)"/g;
-	var pathTestRE = /^[A-Za-z_$][\w$]*(?:\.[A-Za-z_$][\w$]*|\['.*?'\]|\[".*?"\]|\[\d+\]|\[[A-Za-z_$][\w$]*\])*$/;
-	var identRE = /[^\w$\.](?:[A-Za-z_$][\w$]*)/g;
-	var booleanLiteralRE = /^(?:true|false)$/;
-
-	/**
-	 * Save / Rewrite / Restore
-	 *
-	 * When rewriting paths found in an expression, it is
-	 * possible for the same letter sequences to be found in
-	 * strings and Object literal property keys. Therefore we
-	 * remove and store these parts in a temporary array, and
-	 * restore them after the path rewrite.
-	 */
-
-	var saved = [];
-
-	/**
-	 * Save replacer
-	 *
-	 * The save regex can match two possible cases:
-	 * 1. An opening object literal
-	 * 2. A string
-	 * If matched as a plain string, we need to escape its
-	 * newlines, since the string needs to be preserved when
-	 * generating the function body.
-	 *
-	 * @param {String} str
-	 * @param {String} isString - str if matched as a string
-	 * @return {String} - placeholder with index
-	 */
-
-	function save(str, isString) {
-	  var i = saved.length;
-	  saved[i] = isString ? str.replace(newlineRE, '\\n') : str;
-	  return '"' + i + '"';
-	}
-
-	/**
-	 * Path rewrite replacer
-	 *
-	 * @param {String} raw
-	 * @return {String}
-	 */
-
-	function rewrite(raw) {
-	  var c = raw.charAt(0);
-	  var path = raw.slice(1);
-	  if (allowedKeywordsRE.test(path)) {
-	    return raw;
-	  } else {
-	    path = path.indexOf('"') > -1 ? path.replace(restoreRE, restore) : path;
-	    return c + 'scope.' + path;
-	  }
-	}
-
-	/**
-	 * Restore replacer
-	 *
-	 * @param {String} str
-	 * @param {String} i - matched save index
-	 * @return {String}
-	 */
-
-	function restore(str, i) {
-	  return saved[i];
-	}
-
-	/**
-	 * Rewrite an expression, prefixing all path accessors with
-	 * `scope.` and generate getter/setter functions.
-	 *
-	 * @param {String} exp
-	 * @return {Function}
-	 */
-
-	function compileGetter(exp) {
-	  if (improperKeywordsRE.test(exp)) {
-	    process.env.NODE_ENV !== 'production' && warn('Avoid using reserved keywords in expression: ' + exp);
-	  }
-	  // reset state
-	  saved.length = 0;
-	  // save strings and object literal keys
-	  var body = exp.replace(saveRE, save).replace(wsRE, '');
-	  // rewrite all paths
-	  // pad 1 space here becaue the regex matches 1 extra char
-	  body = (' ' + body).replace(identRE, rewrite).replace(restoreRE, restore);
-	  return makeGetterFn(body);
-	}
-
-	/**
-	 * Build a getter function. Requires eval.
-	 *
-	 * We isolate the try/catch so it doesn't affect the
-	 * optimization of the parse function when it is not called.
-	 *
-	 * @param {String} body
-	 * @return {Function|undefined}
-	 */
-
-	function makeGetterFn(body) {
-	  try {
-	    /* eslint-disable no-new-func */
-	    return new Function('scope', 'return ' + body + ';');
-	    /* eslint-enable no-new-func */
-	  } catch (e) {
-	    process.env.NODE_ENV !== 'production' && warn('Invalid expression. ' + 'Generated function body: ' + body);
-	  }
-	}
-
-	/**
-	 * Compile a setter function for the expression.
-	 *
-	 * @param {String} exp
-	 * @return {Function|undefined}
-	 */
-
-	function compileSetter(exp) {
-	  var path = parsePath(exp);
-	  if (path) {
-	    return function (scope, val) {
-	      setPath(scope, path, val);
-	    };
-	  } else {
-	    process.env.NODE_ENV !== 'production' && warn('Invalid setter expression: ' + exp);
-	  }
-	}
-
-	/**
-	 * Parse an expression into re-written getter/setters.
-	 *
-	 * @param {String} exp
-	 * @param {Boolean} needSet
-	 * @return {Function}
-	 */
-
-	function parseExpression(exp, needSet) {
-	  exp = exp.trim();
-	  // try cache
-	  var hit = expressionCache.get(exp);
-	  if (hit) {
-	    if (needSet && !hit.set) {
-	      hit.set = compileSetter(hit.exp);
-	    }
-	    return hit;
-	  }
-	  var res = { exp: exp };
-	  res.get = isSimplePath(exp) && exp.indexOf('[') < 0
-	  // optimized super simple getter
-	  ? makeGetterFn('scope.' + exp)
-	  // dynamic getter
-	  : compileGetter(exp);
-	  if (needSet) {
-	    res.set = compileSetter(exp);
-	  }
-	  expressionCache.put(exp, res);
-	  return res;
-	}
-
-	/**
-	 * Check if an expression is a simple path.
-	 *
-	 * @param {String} exp
-	 * @return {Boolean}
-	 */
-
-	function isSimplePath(exp) {
-	  return pathTestRE.test(exp) &&
-	  // don't treat true/false as paths
-	  !booleanLiteralRE.test(exp) &&
-	  // Math constants e.g. Math.PI, Math.E etc.
-	  exp.slice(0, 5) !== 'Math.';
-	}
-
-	var expression = Object.freeze({
-	  parseExpression: parseExpression,
-	  isSimplePath: isSimplePath
-	});
-
-	// we have two separate queues: one for directive updates
-	// and one for user watcher registered via $watch().
-	// we want to guarantee directive updates to be called
-	// before user watchers so that when user watchers are
-	// triggered, the DOM would have already been in updated
-	// state.
-
-	var queueIndex;
-	var queue = [];
-	var userQueue = [];
-	var has = {};
-	var circular = {};
-	var waiting = false;
-	var internalQueueDepleted = false;
-
-	/**
-	 * Reset the batcher's state.
-	 */
-
-	function resetBatcherState() {
-	  queue = [];
-	  userQueue = [];
-	  has = {};
-	  circular = {};
-	  waiting = internalQueueDepleted = false;
-	}
-
-	/**
-	 * Flush both queues and run the watchers.
-	 */
-
-	function flushBatcherQueue() {
-	  runBatcherQueue(queue);
-	  internalQueueDepleted = true;
-	  runBatcherQueue(userQueue);
-	  // dev tool hook
-	  /* istanbul ignore if */
-	  if (devtools && config.devtools) {
-	    devtools.emit('flush');
-	  }
-	  resetBatcherState();
-	}
-
-	/**
-	 * Run the watchers in a single queue.
-	 *
-	 * @param {Array} queue
-	 */
-
-	function runBatcherQueue(queue) {
-	  // do not cache length because more watchers might be pushed
-	  // as we run existing watchers
-	  for (queueIndex = 0; queueIndex < queue.length; queueIndex++) {
-	    var watcher = queue[queueIndex];
-	    var id = watcher.id;
-	    has[id] = null;
-	    watcher.run();
-	    // in dev build, check and stop circular updates.
-	    if (process.env.NODE_ENV !== 'production' && has[id] != null) {
-	      circular[id] = (circular[id] || 0) + 1;
-	      if (circular[id] > config._maxUpdateCount) {
-	        warn('You may have an infinite update loop for watcher ' + 'with expression "' + watcher.expression + '"', watcher.vm);
-	        break;
-	      }
-	    }
-	  }
-	}
-
-	/**
-	 * Push a watcher into the watcher queue.
-	 * Jobs with duplicate IDs will be skipped unless it's
-	 * pushed when the queue is being flushed.
-	 *
-	 * @param {Watcher} watcher
-	 *   properties:
-	 *   - {Number} id
-	 *   - {Function} run
-	 */
-
-	function pushWatcher(watcher) {
-	  var id = watcher.id;
-	  if (has[id] == null) {
-	    if (internalQueueDepleted && !watcher.user) {
-	      // an internal watcher triggered by a user watcher...
-	      // let's run it immediately after current user watcher is done.
-	      userQueue.splice(queueIndex + 1, 0, watcher);
-	    } else {
-	      // push watcher into appropriate queue
-	      var q = watcher.user ? userQueue : queue;
-	      has[id] = q.length;
-	      q.push(watcher);
-	      // queue the flush
-	      if (!waiting) {
-	        waiting = true;
-	        nextTick(flushBatcherQueue);
-	      }
-	    }
-	  }
-	}
-
-	var uid$2 = 0;
-
-	/**
-	 * A watcher parses an expression, collects dependencies,
-	 * and fires callback when the expression value changes.
-	 * This is used for both the $watch() api and directives.
-	 *
-	 * @param {Vue} vm
-	 * @param {String|Function} expOrFn
-	 * @param {Function} cb
-	 * @param {Object} options
-	 *                 - {Array} filters
-	 *                 - {Boolean} twoWay
-	 *                 - {Boolean} deep
-	 *                 - {Boolean} user
-	 *                 - {Boolean} sync
-	 *                 - {Boolean} lazy
-	 *                 - {Function} [preProcess]
-	 *                 - {Function} [postProcess]
-	 * @constructor
-	 */
-	function Watcher(vm, expOrFn, cb, options) {
-	  // mix in options
-	  if (options) {
-	    extend(this, options);
-	  }
-	  var isFn = typeof expOrFn === 'function';
-	  this.vm = vm;
-	  vm._watchers.push(this);
-	  this.expression = expOrFn;
-	  this.cb = cb;
-	  this.id = ++uid$2; // uid for batching
-	  this.active = true;
-	  this.dirty = this.lazy; // for lazy watchers
-	  this.deps = [];
-	  this.newDeps = [];
-	  this.depIds = Object.create(null);
-	  this.newDepIds = null;
-	  this.prevError = null; // for async error stacks
-	  // parse expression for getter/setter
-	  if (isFn) {
-	    this.getter = expOrFn;
-	    this.setter = undefined;
-	  } else {
-	    var res = parseExpression(expOrFn, this.twoWay);
-	    this.getter = res.get;
-	    this.setter = res.set;
-	  }
-	  this.value = this.lazy ? undefined : this.get();
-	  // state for avoiding false triggers for deep and Array
-	  // watchers during vm._digest()
-	  this.queued = this.shallow = false;
-	}
-
-	/**
-	 * Evaluate the getter, and re-collect dependencies.
-	 */
-
-	Watcher.prototype.get = function () {
-	  this.beforeGet();
-	  var scope = this.scope || this.vm;
-	  var value;
-	  try {
-	    value = this.getter.call(scope, scope);
-	  } catch (e) {
-	    if (process.env.NODE_ENV !== 'production' && config.warnExpressionErrors) {
-	      warn('Error when evaluating expression ' + '"' + this.expression + '": ' + e.toString(), this.vm);
-	    }
-	  }
-	  // "touch" every property so they are all tracked as
-	  // dependencies for deep watching
-	  if (this.deep) {
-	    traverse(value);
-	  }
-	  if (this.preProcess) {
-	    value = this.preProcess(value);
-	  }
-	  if (this.filters) {
-	    value = scope._applyFilters(value, null, this.filters, false);
-	  }
-	  if (this.postProcess) {
-	    value = this.postProcess(value);
-	  }
-	  this.afterGet();
-	  return value;
-	};
-
-	/**
-	 * Set the corresponding value with the setter.
-	 *
-	 * @param {*} value
-	 */
-
-	Watcher.prototype.set = function (value) {
-	  var scope = this.scope || this.vm;
-	  if (this.filters) {
-	    value = scope._applyFilters(value, this.value, this.filters, true);
-	  }
-	  try {
-	    this.setter.call(scope, scope, value);
-	  } catch (e) {
-	    if (process.env.NODE_ENV !== 'production' && config.warnExpressionErrors) {
-	      warn('Error when evaluating setter ' + '"' + this.expression + '": ' + e.toString(), this.vm);
-	    }
-	  }
-	  // two-way sync for v-for alias
-	  var forContext = scope.$forContext;
-	  if (forContext && forContext.alias === this.expression) {
-	    if (forContext.filters) {
-	      process.env.NODE_ENV !== 'production' && warn('It seems you are using two-way binding on ' + 'a v-for alias (' + this.expression + '), and the ' + 'v-for has filters. This will not work properly. ' + 'Either remove the filters or use an array of ' + 'objects and bind to object properties instead.', this.vm);
-	      return;
-	    }
-	    forContext._withLock(function () {
-	      if (scope.$key) {
-	        // original is an object
-	        forContext.rawValue[scope.$key] = value;
-	      } else {
-	        forContext.rawValue.$set(scope.$index, value);
-	      }
-	    });
-	  }
-	};
-
-	/**
-	 * Prepare for dependency collection.
-	 */
-
-	Watcher.prototype.beforeGet = function () {
-	  Dep.target = this;
-	  this.newDepIds = Object.create(null);
-	  this.newDeps.length = 0;
-	};
-
-	/**
-	 * Add a dependency to this directive.
-	 *
-	 * @param {Dep} dep
-	 */
-
-	Watcher.prototype.addDep = function (dep) {
-	  var id = dep.id;
-	  if (!this.newDepIds[id]) {
-	    this.newDepIds[id] = true;
-	    this.newDeps.push(dep);
-	    if (!this.depIds[id]) {
-	      dep.addSub(this);
-	    }
-	  }
-	};
-
-	/**
-	 * Clean up for dependency collection.
-	 */
-
-	Watcher.prototype.afterGet = function () {
-	  Dep.target = null;
-	  var i = this.deps.length;
-	  while (i--) {
-	    var dep = this.deps[i];
-	    if (!this.newDepIds[dep.id]) {
-	      dep.removeSub(this);
-	    }
-	  }
-	  this.depIds = this.newDepIds;
-	  var tmp = this.deps;
-	  this.deps = this.newDeps;
-	  this.newDeps = tmp;
-	};
-
-	/**
-	 * Subscriber interface.
-	 * Will be called when a dependency changes.
-	 *
-	 * @param {Boolean} shallow
-	 */
-
-	Watcher.prototype.update = function (shallow) {
-	  if (this.lazy) {
-	    this.dirty = true;
-	  } else if (this.sync || !config.async) {
-	    this.run();
-	  } else {
-	    // if queued, only overwrite shallow with non-shallow,
-	    // but not the other way around.
-	    this.shallow = this.queued ? shallow ? this.shallow : false : !!shallow;
-	    this.queued = true;
-	    // record before-push error stack in debug mode
-	    /* istanbul ignore if */
-	    if (process.env.NODE_ENV !== 'production' && config.debug) {
-	      this.prevError = new Error('[vue] async stack trace');
-	    }
-	    pushWatcher(this);
-	  }
-	};
-
-	/**
-	 * Batcher job interface.
-	 * Will be called by the batcher.
-	 */
-
-	Watcher.prototype.run = function () {
-	  if (this.active) {
-	    var value = this.get();
-	    if (value !== this.value ||
-	    // Deep watchers and watchers on Object/Arrays should fire even
-	    // when the value is the same, because the value may
-	    // have mutated; but only do so if this is a
-	    // non-shallow update (caused by a vm digest).
-	    (isObject(value) || this.deep) && !this.shallow) {
-	      // set new value
-	      var oldValue = this.value;
-	      this.value = value;
-	      // in debug + async mode, when a watcher callbacks
-	      // throws, we also throw the saved before-push error
-	      // so the full cross-tick stack trace is available.
-	      var prevError = this.prevError;
-	      /* istanbul ignore if */
-	      if (process.env.NODE_ENV !== 'production' && config.debug && prevError) {
-	        this.prevError = null;
-	        try {
-	          this.cb.call(this.vm, value, oldValue);
-	        } catch (e) {
-	          nextTick(function () {
-	            throw prevError;
-	          }, 0);
-	          throw e;
-	        }
-	      } else {
-	        this.cb.call(this.vm, value, oldValue);
-	      }
-	    }
-	    this.queued = this.shallow = false;
-	  }
-	};
-
-	/**
-	 * Evaluate the value of the watcher.
-	 * This only gets called for lazy watchers.
-	 */
-
-	Watcher.prototype.evaluate = function () {
-	  // avoid overwriting another watcher that is being
-	  // collected.
-	  var current = Dep.target;
-	  this.value = this.get();
-	  this.dirty = false;
-	  Dep.target = current;
-	};
-
-	/**
-	 * Depend on all deps collected by this watcher.
-	 */
-
-	Watcher.prototype.depend = function () {
-	  var i = this.deps.length;
-	  while (i--) {
-	    this.deps[i].depend();
-	  }
-	};
-
-	/**
-	 * Remove self from all dependencies' subcriber list.
-	 */
-
-	Watcher.prototype.teardown = function () {
-	  if (this.active) {
-	    // remove self from vm's watcher list
-	    // this is a somewhat expensive operation so we skip it
-	    // if the vm is being destroyed or is performing a v-for
-	    // re-render (the watcher list is then filtered by v-for).
-	    if (!this.vm._isBeingDestroyed && !this.vm._vForRemoving) {
-	      this.vm._watchers.$remove(this);
-	    }
-	    var i = this.deps.length;
-	    while (i--) {
-	      this.deps[i].removeSub(this);
-	    }
-	    this.active = false;
-	    this.vm = this.cb = this.value = null;
-	  }
-	};
-
-	/**
-	 * Recrusively traverse an object to evoke all converted
-	 * getters, so that every nested property inside the object
-	 * is collected as a "deep" dependency.
-	 *
-	 * @param {*} val
-	 */
-
-	function traverse(val) {
-	  var i, keys;
-	  if (isArray(val)) {
-	    i = val.length;
-	    while (i--) traverse(val[i]);
-	  } else if (isObject(val)) {
-	    keys = Object.keys(val);
-	    i = keys.length;
-	    while (i--) traverse(val[keys[i]]);
-	  }
-	}
-
-	var text$1 = {
-
-	  bind: function bind() {
-	    this.attr = this.el.nodeType === 3 ? 'data' : 'textContent';
-	  },
-
-	  update: function update(value) {
-	    this.el[this.attr] = _toString(value);
-	  }
-	};
-
-	var templateCache = new Cache(1000);
-	var idSelectorCache = new Cache(1000);
-
-	var map = {
-	  efault: [0, '', ''],
-	  legend: [1, '<fieldset>', '</fieldset>'],
-	  tr: [2, '<table><tbody>', '</tbody></table>'],
-	  col: [2, '<table><tbody></tbody><colgroup>', '</colgroup></table>']
-	};
-
-	map.td = map.th = [3, '<table><tbody><tr>', '</tr></tbody></table>'];
-
-	map.option = map.optgroup = [1, '<select multiple="multiple">', '</select>'];
-
-	map.thead = map.tbody = map.colgroup = map.caption = map.tfoot = [1, '<table>', '</table>'];
-
-	map.g = map.defs = map.symbol = map.use = map.image = map.text = map.circle = map.ellipse = map.line = map.path = map.polygon = map.polyline = map.rect = [1, '<svg ' + 'xmlns="http://www.w3.org/2000/svg" ' + 'xmlns:xlink="http://www.w3.org/1999/xlink" ' + 'xmlns:ev="http://www.w3.org/2001/xml-events"' + 'version="1.1">', '</svg>'];
-
-	/**
-	 * Check if a node is a supported template node with a
-	 * DocumentFragment content.
-	 *
-	 * @param {Node} node
-	 * @return {Boolean}
-	 */
-
-	function isRealTemplate(node) {
-	  return isTemplate(node) && isFragment(node.content);
-	}
-
-	var tagRE$1 = /<([\w:-]+)/;
-	var entityRE = /&#?\w+?;/;
-
-	/**
-	 * Convert a string template to a DocumentFragment.
-	 * Determines correct wrapping by tag types. Wrapping
-	 * strategy found in jQuery & component/domify.
-	 *
-	 * @param {String} templateString
-	 * @param {Boolean} raw
-	 * @return {DocumentFragment}
-	 */
-
-	function stringToFragment(templateString, raw) {
-	  // try a cache hit first
-	  var cacheKey = raw ? templateString : templateString.trim();
-	  var hit = templateCache.get(cacheKey);
-	  if (hit) {
-	    return hit;
-	  }
-
-	  var frag = document.createDocumentFragment();
-	  var tagMatch = templateString.match(tagRE$1);
-	  var entityMatch = entityRE.test(templateString);
-
-	  if (!tagMatch && !entityMatch) {
-	    // text only, return a single text node.
-	    frag.appendChild(document.createTextNode(templateString));
-	  } else {
-	    var tag = tagMatch && tagMatch[1];
-	    var wrap = map[tag] || map.efault;
-	    var depth = wrap[0];
-	    var prefix = wrap[1];
-	    var suffix = wrap[2];
-	    var node = document.createElement('div');
-
-	    node.innerHTML = prefix + templateString + suffix;
-	    while (depth--) {
-	      node = node.lastChild;
-	    }
-
-	    var child;
-	    /* eslint-disable no-cond-assign */
-	    while (child = node.firstChild) {
-	      /* eslint-enable no-cond-assign */
-	      frag.appendChild(child);
-	    }
-	  }
-	  if (!raw) {
-	    trimNode(frag);
-	  }
-	  templateCache.put(cacheKey, frag);
-	  return frag;
-	}
-
-	/**
-	 * Convert a template node to a DocumentFragment.
-	 *
-	 * @param {Node} node
-	 * @return {DocumentFragment}
-	 */
-
-	function nodeToFragment(node) {
-	  // if its a template tag and the browser supports it,
-	  // its content is already a document fragment.
-	  if (isRealTemplate(node)) {
-	    trimNode(node.content);
-	    return node.content;
-	  }
-	  // script template
-	  if (node.tagName === 'SCRIPT') {
-	    return stringToFragment(node.textContent);
-	  }
-	  // normal node, clone it to avoid mutating the original
-	  var clonedNode = cloneNode(node);
-	  var frag = document.createDocumentFragment();
-	  var child;
-	  /* eslint-disable no-cond-assign */
-	  while (child = clonedNode.firstChild) {
-	    /* eslint-enable no-cond-assign */
-	    frag.appendChild(child);
-	  }
-	  trimNode(frag);
-	  return frag;
-	}
-
-	// Test for the presence of the Safari template cloning bug
-	// https://bugs.webkit.org/showug.cgi?id=137755
-	var hasBrokenTemplate = (function () {
-	  /* istanbul ignore else */
-	  if (inBrowser) {
-	    var a = document.createElement('div');
-	    a.innerHTML = '<template>1</template>';
-	    return !a.cloneNode(true).firstChild.innerHTML;
-	  } else {
-	    return false;
-	  }
-	})();
-
-	// Test for IE10/11 textarea placeholder clone bug
-	var hasTextareaCloneBug = (function () {
-	  /* istanbul ignore else */
-	  if (inBrowser) {
-	    var t = document.createElement('textarea');
-	    t.placeholder = 't';
-	    return t.cloneNode(true).value === 't';
-	  } else {
-	    return false;
-	  }
-	})();
-
-	/**
-	 * 1. Deal with Safari cloning nested <template> bug by
-	 *    manually cloning all template instances.
-	 * 2. Deal with IE10/11 textarea placeholder bug by setting
-	 *    the correct value after cloning.
-	 *
-	 * @param {Element|DocumentFragment} node
-	 * @return {Element|DocumentFragment}
-	 */
-
-	function cloneNode(node) {
-	  /* istanbul ignore if */
-	  if (!node.querySelectorAll) {
-	    return node.cloneNode();
-	  }
-	  var res = node.cloneNode(true);
-	  var i, original, cloned;
-	  /* istanbul ignore if */
-	  if (hasBrokenTemplate) {
-	    var tempClone = res;
-	    if (isRealTemplate(node)) {
-	      node = node.content;
-	      tempClone = res.content;
-	    }
-	    original = node.querySelectorAll('template');
-	    if (original.length) {
-	      cloned = tempClone.querySelectorAll('template');
-	      i = cloned.length;
-	      while (i--) {
-	        cloned[i].parentNode.replaceChild(cloneNode(original[i]), cloned[i]);
-	      }
-	    }
-	  }
-	  /* istanbul ignore if */
-	  if (hasTextareaCloneBug) {
-	    if (node.tagName === 'TEXTAREA') {
-	      res.value = node.value;
-	    } else {
-	      original = node.querySelectorAll('textarea');
-	      if (original.length) {
-	        cloned = res.querySelectorAll('textarea');
-	        i = cloned.length;
-	        while (i--) {
-	          cloned[i].value = original[i].value;
-	        }
-	      }
-	    }
-	  }
-	  return res;
-	}
-
-	/**
-	 * Process the template option and normalizes it into a
-	 * a DocumentFragment that can be used as a partial or a
-	 * instance template.
-	 *
-	 * @param {*} template
-	 *        Possible values include:
-	 *        - DocumentFragment object
-	 *        - Node object of type Template
-	 *        - id selector: '#some-template-id'
-	 *        - template string: '<div><span>{{msg}}</span></div>'
-	 * @param {Boolean} shouldClone
-	 * @param {Boolean} raw
-	 *        inline HTML interpolation. Do not check for id
-	 *        selector and keep whitespace in the string.
-	 * @return {DocumentFragment|undefined}
-	 */
-
-	function parseTemplate(template, shouldClone, raw) {
-	  var node, frag;
-
-	  // if the template is already a document fragment,
-	  // do nothing
-	  if (isFragment(template)) {
-	    trimNode(template);
-	    return shouldClone ? cloneNode(template) : template;
-	  }
-
-	  if (typeof template === 'string') {
-	    // id selector
-	    if (!raw && template.charAt(0) === '#') {
-	      // id selector can be cached too
-	      frag = idSelectorCache.get(template);
-	      if (!frag) {
-	        node = document.getElementById(template.slice(1));
-	        if (node) {
-	          frag = nodeToFragment(node);
-	          // save selector to cache
-	          idSelectorCache.put(template, frag);
-	        }
-	      }
-	    } else {
-	      // normal string template
-	      frag = stringToFragment(template, raw);
-	    }
-	  } else if (template.nodeType) {
-	    // a direct node
-	    frag = nodeToFragment(template);
-	  }
-
-	  return frag && shouldClone ? cloneNode(frag) : frag;
-	}
-
-	var template = Object.freeze({
-	  cloneNode: cloneNode,
-	  parseTemplate: parseTemplate
-	});
-
-	var html = {
-
-	  bind: function bind() {
-	    // a comment node means this is a binding for
-	    // {{{ inline unescaped html }}}
-	    if (this.el.nodeType === 8) {
-	      // hold nodes
-	      this.nodes = [];
-	      // replace the placeholder with proper anchor
-	      this.anchor = createAnchor('v-html');
-	      replace(this.el, this.anchor);
-	    }
-	  },
-
-	  update: function update(value) {
-	    value = _toString(value);
-	    if (this.nodes) {
-	      this.swap(value);
-	    } else {
-	      this.el.innerHTML = value;
-	    }
-	  },
-
-	  swap: function swap(value) {
-	    // remove old nodes
-	    var i = this.nodes.length;
-	    while (i--) {
-	      remove(this.nodes[i]);
-	    }
-	    // convert new value to a fragment
-	    // do not attempt to retrieve from id selector
-	    var frag = parseTemplate(value, true, true);
-	    // save a reference to these nodes so we can remove later
-	    this.nodes = toArray(frag.childNodes);
-	    before(frag, this.anchor);
-	  }
-	};
-
-	/**
-	 * Abstraction for a partially-compiled fragment.
-	 * Can optionally compile content with a child scope.
-	 *
-	 * @param {Function} linker
-	 * @param {Vue} vm
-	 * @param {DocumentFragment} frag
-	 * @param {Vue} [host]
-	 * @param {Object} [scope]
-	 * @param {Fragment} [parentFrag]
-	 */
-	function Fragment(linker, vm, frag, host, scope, parentFrag) {
-	  this.children = [];
-	  this.childFrags = [];
-	  this.vm = vm;
-	  this.scope = scope;
-	  this.inserted = false;
-	  this.parentFrag = parentFrag;
-	  if (parentFrag) {
-	    parentFrag.childFrags.push(this);
-	  }
-	  this.unlink = linker(vm, frag, host, scope, this);
-	  var single = this.single = frag.childNodes.length === 1 &&
-	  // do not go single mode if the only node is an anchor
-	  !frag.childNodes[0].__v_anchor;
-	  if (single) {
-	    this.node = frag.childNodes[0];
-	    this.before = singleBefore;
-	    this.remove = singleRemove;
-	  } else {
-	    this.node = createAnchor('fragment-start');
-	    this.end = createAnchor('fragment-end');
-	    this.frag = frag;
-	    prepend(this.node, frag);
-	    frag.appendChild(this.end);
-	    this.before = multiBefore;
-	    this.remove = multiRemove;
-	  }
-	  this.node.__v_frag = this;
-	}
-
-	/**
-	 * Call attach/detach for all components contained within
-	 * this fragment. Also do so recursively for all child
-	 * fragments.
-	 *
-	 * @param {Function} hook
-	 */
-
-	Fragment.prototype.callHook = function (hook) {
-	  var i, l;
-	  for (i = 0, l = this.childFrags.length; i < l; i++) {
-	    this.childFrags[i].callHook(hook);
-	  }
-	  for (i = 0, l = this.children.length; i < l; i++) {
-	    hook(this.children[i]);
-	  }
-	};
-
-	/**
-	 * Insert fragment before target, single node version
-	 *
-	 * @param {Node} target
-	 * @param {Boolean} withTransition
-	 */
-
-	function singleBefore(target, withTransition) {
-	  this.inserted = true;
-	  var method = withTransition !== false ? beforeWithTransition : before;
-	  method(this.node, target, this.vm);
-	  if (inDoc(this.node)) {
-	    this.callHook(attach);
-	  }
-	}
-
-	/**
-	 * Remove fragment, single node version
-	 */
-
-	function singleRemove() {
-	  this.inserted = false;
-	  var shouldCallRemove = inDoc(this.node);
-	  var self = this;
-	  this.beforeRemove();
-	  removeWithTransition(this.node, this.vm, function () {
-	    if (shouldCallRemove) {
-	      self.callHook(detach);
-	    }
-	    self.destroy();
-	  });
-	}
-
-	/**
-	 * Insert fragment before target, multi-nodes version
-	 *
-	 * @param {Node} target
-	 * @param {Boolean} withTransition
-	 */
-
-	function multiBefore(target, withTransition) {
-	  this.inserted = true;
-	  var vm = this.vm;
-	  var method = withTransition !== false ? beforeWithTransition : before;
-	  mapNodeRange(this.node, this.end, function (node) {
-	    method(node, target, vm);
-	  });
-	  if (inDoc(this.node)) {
-	    this.callHook(attach);
-	  }
-	}
-
-	/**
-	 * Remove fragment, multi-nodes version
-	 */
-
-	function multiRemove() {
-	  this.inserted = false;
-	  var self = this;
-	  var shouldCallRemove = inDoc(this.node);
-	  this.beforeRemove();
-	  removeNodeRange(this.node, this.end, this.vm, this.frag, function () {
-	    if (shouldCallRemove) {
-	      self.callHook(detach);
-	    }
-	    self.destroy();
-	  });
-	}
-
-	/**
-	 * Prepare the fragment for removal.
-	 */
-
-	Fragment.prototype.beforeRemove = function () {
-	  var i, l;
-	  for (i = 0, l = this.childFrags.length; i < l; i++) {
-	    // call the same method recursively on child
-	    // fragments, depth-first
-	    this.childFrags[i].beforeRemove(false);
-	  }
-	  for (i = 0, l = this.children.length; i < l; i++) {
-	    // Call destroy for all contained instances,
-	    // with remove:false and defer:true.
-	    // Defer is necessary because we need to
-	    // keep the children to call detach hooks
-	    // on them.
-	    this.children[i].$destroy(false, true);
-	  }
-	  var dirs = this.unlink.dirs;
-	  for (i = 0, l = dirs.length; i < l; i++) {
-	    // disable the watchers on all the directives
-	    // so that the rendered content stays the same
-	    // during removal.
-	    dirs[i]._watcher && dirs[i]._watcher.teardown();
-	  }
-	};
-
-	/**
-	 * Destroy the fragment.
-	 */
-
-	Fragment.prototype.destroy = function () {
-	  if (this.parentFrag) {
-	    this.parentFrag.childFrags.$remove(this);
-	  }
-	  this.node.__v_frag = null;
-	  this.unlink();
-	};
-
-	/**
-	 * Call attach hook for a Vue instance.
-	 *
-	 * @param {Vue} child
-	 */
-
-	function attach(child) {
-	  if (!child._isAttached && inDoc(child.$el)) {
-	    child._callHook('attached');
-	  }
-	}
-
-	/**
-	 * Call detach hook for a Vue instance.
-	 *
-	 * @param {Vue} child
-	 */
-
-	function detach(child) {
-	  if (child._isAttached && !inDoc(child.$el)) {
-	    child._callHook('detached');
-	  }
-	}
-
-	var linkerCache = new Cache(5000);
-
-	/**
-	 * A factory that can be used to create instances of a
-	 * fragment. Caches the compiled linker if possible.
-	 *
-	 * @param {Vue} vm
-	 * @param {Element|String} el
-	 */
-	function FragmentFactory(vm, el) {
-	  this.vm = vm;
-	  var template;
-	  var isString = typeof el === 'string';
-	  if (isString || isTemplate(el)) {
-	    template = parseTemplate(el, true);
-	  } else {
-	    template = document.createDocumentFragment();
-	    template.appendChild(el);
-	  }
-	  this.template = template;
-	  // linker can be cached, but only for components
-	  var linker;
-	  var cid = vm.constructor.cid;
-	  if (cid > 0) {
-	    var cacheId = cid + (isString ? el : getOuterHTML(el));
-	    linker = linkerCache.get(cacheId);
-	    if (!linker) {
-	      linker = compile(template, vm.$options, true);
-	      linkerCache.put(cacheId, linker);
-	    }
-	  } else {
-	    linker = compile(template, vm.$options, true);
-	  }
-	  this.linker = linker;
-	}
-
-	/**
-	 * Create a fragment instance with given host and scope.
-	 *
-	 * @param {Vue} host
-	 * @param {Object} scope
-	 * @param {Fragment} parentFrag
-	 */
-
-	FragmentFactory.prototype.create = function (host, scope, parentFrag) {
-	  var frag = cloneNode(this.template);
-	  return new Fragment(this.linker, this.vm, frag, host, scope, parentFrag);
-	};
-
-	var ON = 700;
-	var MODEL = 800;
-	var BIND = 850;
-	var TRANSITION = 1100;
-	var EL = 1500;
-	var COMPONENT = 1500;
-	var PARTIAL = 1750;
-	var IF = 2100;
-	var FOR = 2200;
-	var SLOT = 2300;
-
-	var uid$3 = 0;
-
-	var vFor = {
-
-	  priority: FOR,
-	  terminal: true,
-
-	  params: ['track-by', 'stagger', 'enter-stagger', 'leave-stagger'],
-
-	  bind: function bind() {
-	    // support "item in/of items" syntax
-	    var inMatch = this.expression.match(/(.*) (?:in|of) (.*)/);
-	    if (inMatch) {
-	      var itMatch = inMatch[1].match(/\((.*),(.*)\)/);
-	      if (itMatch) {
-	        this.iterator = itMatch[1].trim();
-	        this.alias = itMatch[2].trim();
-	      } else {
-	        this.alias = inMatch[1].trim();
-	      }
-	      this.expression = inMatch[2];
-	    }
-
-	    if (!this.alias) {
-	      process.env.NODE_ENV !== 'production' && warn('Invalid v-for expression "' + this.descriptor.raw + '": ' + 'alias is required.', this.vm);
-	      return;
-	    }
-
-	    // uid as a cache identifier
-	    this.id = '__v-for__' + ++uid$3;
-
-	    // check if this is an option list,
-	    // so that we know if we need to update the <select>'s
-	    // v-model when the option list has changed.
-	    // because v-model has a lower priority than v-for,
-	    // the v-model is not bound here yet, so we have to
-	    // retrive it in the actual updateModel() function.
-	    var tag = this.el.tagName;
-	    this.isOption = (tag === 'OPTION' || tag === 'OPTGROUP') && this.el.parentNode.tagName === 'SELECT';
-
-	    // setup anchor nodes
-	    this.start = createAnchor('v-for-start');
-	    this.end = createAnchor('v-for-end');
-	    replace(this.el, this.end);
-	    before(this.start, this.end);
-
-	    // cache
-	    this.cache = Object.create(null);
-
-	    // fragment factory
-	    this.factory = new FragmentFactory(this.vm, this.el);
-	  },
-
-	  update: function update(data) {
-	    this.diff(data);
-	    this.updateRef();
-	    this.updateModel();
-	  },
-
-	  /**
-	   * Diff, based on new data and old data, determine the
-	   * minimum amount of DOM manipulations needed to make the
-	   * DOM reflect the new data Array.
-	   *
-	   * The algorithm diffs the new data Array by storing a
-	   * hidden reference to an owner vm instance on previously
-	   * seen data. This allows us to achieve O(n) which is
-	   * better than a levenshtein distance based algorithm,
-	   * which is O(m * n).
-	   *
-	   * @param {Array} data
-	   */
-
-	  diff: function diff(data) {
-	    // check if the Array was converted from an Object
-	    var item = data[0];
-	    var convertedFromObject = this.fromObject = isObject(item) && hasOwn(item, '$key') && hasOwn(item, '$value');
-
-	    var trackByKey = this.params.trackBy;
-	    var oldFrags = this.frags;
-	    var frags = this.frags = new Array(data.length);
-	    var alias = this.alias;
-	    var iterator = this.iterator;
-	    var start = this.start;
-	    var end = this.end;
-	    var inDocument = inDoc(start);
-	    var init = !oldFrags;
-	    var i, l, frag, key, value, primitive;
-
-	    // First pass, go through the new Array and fill up
-	    // the new frags array. If a piece of data has a cached
-	    // instance for it, we reuse it. Otherwise build a new
-	    // instance.
-	    for (i = 0, l = data.length; i < l; i++) {
-	      item = data[i];
-	      key = convertedFromObject ? item.$key : null;
-	      value = convertedFromObject ? item.$value : item;
-	      primitive = !isObject(value);
-	      frag = !init && this.getCachedFrag(value, i, key);
-	      if (frag) {
-	        // reusable fragment
-	        frag.reused = true;
-	        // update $index
-	        frag.scope.$index = i;
-	        // update $key
-	        if (key) {
-	          frag.scope.$key = key;
-	        }
-	        // update iterator
-	        if (iterator) {
-	          frag.scope[iterator] = key !== null ? key : i;
-	        }
-	        // update data for track-by, object repeat &
-	        // primitive values.
-	        if (trackByKey || convertedFromObject || primitive) {
-	          withoutConversion(function () {
-	            frag.scope[alias] = value;
-	          });
-	        }
-	      } else {
-	        // new isntance
-	        frag = this.create(value, alias, i, key);
-	        frag.fresh = !init;
-	      }
-	      frags[i] = frag;
-	      if (init) {
-	        frag.before(end);
-	      }
-	    }
-
-	    // we're done for the initial render.
-	    if (init) {
-	      return;
-	    }
-
-	    // Second pass, go through the old fragments and
-	    // destroy those who are not reused (and remove them
-	    // from cache)
-	    var removalIndex = 0;
-	    var totalRemoved = oldFrags.length - frags.length;
-	    // when removing a large number of fragments, watcher removal
-	    // turns out to be a perf bottleneck, so we batch the watcher
-	    // removals into a single filter call!
-	    this.vm._vForRemoving = true;
-	    for (i = 0, l = oldFrags.length; i < l; i++) {
-	      frag = oldFrags[i];
-	      if (!frag.reused) {
-	        this.deleteCachedFrag(frag);
-	        this.remove(frag, removalIndex++, totalRemoved, inDocument);
-	      }
-	    }
-	    this.vm._vForRemoving = false;
-	    if (removalIndex) {
-	      this.vm._watchers = this.vm._watchers.filter(function (w) {
-	        return w.active;
-	      });
-	    }
-
-	    // Final pass, move/insert new fragments into the
-	    // right place.
-	    var targetPrev, prevEl, currentPrev;
-	    var insertionIndex = 0;
-	    for (i = 0, l = frags.length; i < l; i++) {
-	      frag = frags[i];
-	      // this is the frag that we should be after
-	      targetPrev = frags[i - 1];
-	      prevEl = targetPrev ? targetPrev.staggerCb ? targetPrev.staggerAnchor : targetPrev.end || targetPrev.node : start;
-	      if (frag.reused && !frag.staggerCb) {
-	        currentPrev = findPrevFrag(frag, start, this.id);
-	        if (currentPrev !== targetPrev && (!currentPrev ||
-	        // optimization for moving a single item.
-	        // thanks to suggestions by @livoras in #1807
-	        findPrevFrag(currentPrev, start, this.id) !== targetPrev)) {
-	          this.move(frag, prevEl);
-	        }
-	      } else {
-	        // new instance, or still in stagger.
-	        // insert with updated stagger index.
-	        this.insert(frag, insertionIndex++, prevEl, inDocument);
-	      }
-	      frag.reused = frag.fresh = false;
-	    }
-	  },
-
-	  /**
-	   * Create a new fragment instance.
-	   *
-	   * @param {*} value
-	   * @param {String} alias
-	   * @param {Number} index
-	   * @param {String} [key]
-	   * @return {Fragment}
-	   */
-
-	  create: function create(value, alias, index, key) {
-	    var host = this._host;
-	    // create iteration scope
-	    var parentScope = this._scope || this.vm;
-	    var scope = Object.create(parentScope);
-	    // ref holder for the scope
-	    scope.$refs = Object.create(parentScope.$refs);
-	    scope.$els = Object.create(parentScope.$els);
-	    // make sure point $parent to parent scope
-	    scope.$parent = parentScope;
-	    // for two-way binding on alias
-	    scope.$forContext = this;
-	    // define scope properties
-	    // important: define the scope alias without forced conversion
-	    // so that frozen data structures remain non-reactive.
-	    withoutConversion(function () {
-	      defineReactive(scope, alias, value);
-	    });
-	    defineReactive(scope, '$index', index);
-	    if (key) {
-	      defineReactive(scope, '$key', key);
-	    } else if (scope.$key) {
-	      // avoid accidental fallback
-	      def(scope, '$key', null);
-	    }
-	    if (this.iterator) {
-	      defineReactive(scope, this.iterator, key !== null ? key : index);
-	    }
-	    var frag = this.factory.create(host, scope, this._frag);
-	    frag.forId = this.id;
-	    this.cacheFrag(value, frag, index, key);
-	    return frag;
-	  },
-
-	  /**
-	   * Update the v-ref on owner vm.
-	   */
-
-	  updateRef: function updateRef() {
-	    var ref = this.descriptor.ref;
-	    if (!ref) return;
-	    var hash = (this._scope || this.vm).$refs;
-	    var refs;
-	    if (!this.fromObject) {
-	      refs = this.frags.map(findVmFromFrag);
-	    } else {
-	      refs = {};
-	      this.frags.forEach(function (frag) {
-	        refs[frag.scope.$key] = findVmFromFrag(frag);
-	      });
-	    }
-	    hash[ref] = refs;
-	  },
-
-	  /**
-	   * For option lists, update the containing v-model on
-	   * parent <select>.
-	   */
-
-	  updateModel: function updateModel() {
-	    if (this.isOption) {
-	      var parent = this.start.parentNode;
-	      var model = parent && parent.__v_model;
-	      if (model) {
-	        model.forceUpdate();
-	      }
-	    }
-	  },
-
-	  /**
-	   * Insert a fragment. Handles staggering.
-	   *
-	   * @param {Fragment} frag
-	   * @param {Number} index
-	   * @param {Node} prevEl
-	   * @param {Boolean} inDocument
-	   */
-
-	  insert: function insert(frag, index, prevEl, inDocument) {
-	    if (frag.staggerCb) {
-	      frag.staggerCb.cancel();
-	      frag.staggerCb = null;
-	    }
-	    var staggerAmount = this.getStagger(frag, index, null, 'enter');
-	    if (inDocument && staggerAmount) {
-	      // create an anchor and insert it synchronously,
-	      // so that we can resolve the correct order without
-	      // worrying about some elements not inserted yet
-	      var anchor = frag.staggerAnchor;
-	      if (!anchor) {
-	        anchor = frag.staggerAnchor = createAnchor('stagger-anchor');
-	        anchor.__v_frag = frag;
-	      }
-	      after(anchor, prevEl);
-	      var op = frag.staggerCb = cancellable(function () {
-	        frag.staggerCb = null;
-	        frag.before(anchor);
-	        remove(anchor);
-	      });
-	      setTimeout(op, staggerAmount);
-	    } else {
-	      frag.before(prevEl.nextSibling);
-	    }
-	  },
-
-	  /**
-	   * Remove a fragment. Handles staggering.
-	   *
-	   * @param {Fragment} frag
-	   * @param {Number} index
-	   * @param {Number} total
-	   * @param {Boolean} inDocument
-	   */
-
-	  remove: function remove(frag, index, total, inDocument) {
-	    if (frag.staggerCb) {
-	      frag.staggerCb.cancel();
-	      frag.staggerCb = null;
-	      // it's not possible for the same frag to be removed
-	      // twice, so if we have a pending stagger callback,
-	      // it means this frag is queued for enter but removed
-	      // before its transition started. Since it is already
-	      // destroyed, we can just leave it in detached state.
-	      return;
-	    }
-	    var staggerAmount = this.getStagger(frag, index, total, 'leave');
-	    if (inDocument && staggerAmount) {
-	      var op = frag.staggerCb = cancellable(function () {
-	        frag.staggerCb = null;
-	        frag.remove();
-	      });
-	      setTimeout(op, staggerAmount);
-	    } else {
-	      frag.remove();
-	    }
-	  },
-
-	  /**
-	   * Move a fragment to a new position.
-	   * Force no transition.
-	   *
-	   * @param {Fragment} frag
-	   * @param {Node} prevEl
-	   */
-
-	  move: function move(frag, prevEl) {
-	    // fix a common issue with Sortable:
-	    // if prevEl doesn't have nextSibling, this means it's
-	    // been dragged after the end anchor. Just re-position
-	    // the end anchor to the end of the container.
-	    /* istanbul ignore if */
-	    if (!prevEl.nextSibling) {
-	      this.end.parentNode.appendChild(this.end);
-	    }
-	    frag.before(prevEl.nextSibling, false);
-	  },
-
-	  /**
-	   * Cache a fragment using track-by or the object key.
-	   *
-	   * @param {*} value
-	   * @param {Fragment} frag
-	   * @param {Number} index
-	   * @param {String} [key]
-	   */
-
-	  cacheFrag: function cacheFrag(value, frag, index, key) {
-	    var trackByKey = this.params.trackBy;
-	    var cache = this.cache;
-	    var primitive = !isObject(value);
-	    var id;
-	    if (key || trackByKey || primitive) {
-	      id = trackByKey ? trackByKey === '$index' ? index : getPath(value, trackByKey) : key || value;
-	      if (!cache[id]) {
-	        cache[id] = frag;
-	      } else if (trackByKey !== '$index') {
-	        process.env.NODE_ENV !== 'production' && this.warnDuplicate(value);
-	      }
-	    } else {
-	      id = this.id;
-	      if (hasOwn(value, id)) {
-	        if (value[id] === null) {
-	          value[id] = frag;
-	        } else {
-	          process.env.NODE_ENV !== 'production' && this.warnDuplicate(value);
-	        }
-	      } else {
-	        def(value, id, frag);
-	      }
-	    }
-	    frag.raw = value;
-	  },
-
-	  /**
-	   * Get a cached fragment from the value/index/key
-	   *
-	   * @param {*} value
-	   * @param {Number} index
-	   * @param {String} key
-	   * @return {Fragment}
-	   */
-
-	  getCachedFrag: function getCachedFrag(value, index, key) {
-	    var trackByKey = this.params.trackBy;
-	    var primitive = !isObject(value);
-	    var frag;
-	    if (key || trackByKey || primitive) {
-	      var id = trackByKey ? trackByKey === '$index' ? index : getPath(value, trackByKey) : key || value;
-	      frag = this.cache[id];
-	    } else {
-	      frag = value[this.id];
-	    }
-	    if (frag && (frag.reused || frag.fresh)) {
-	      process.env.NODE_ENV !== 'production' && this.warnDuplicate(value);
-	    }
-	    return frag;
-	  },
-
-	  /**
-	   * Delete a fragment from cache.
-	   *
-	   * @param {Fragment} frag
-	   */
-
-	  deleteCachedFrag: function deleteCachedFrag(frag) {
-	    var value = frag.raw;
-	    var trackByKey = this.params.trackBy;
-	    var scope = frag.scope;
-	    var index = scope.$index;
-	    // fix #948: avoid accidentally fall through to
-	    // a parent repeater which happens to have $key.
-	    var key = hasOwn(scope, '$key') && scope.$key;
-	    var primitive = !isObject(value);
-	    if (trackByKey || key || primitive) {
-	      var id = trackByKey ? trackByKey === '$index' ? index : getPath(value, trackByKey) : key || value;
-	      this.cache[id] = null;
-	    } else {
-	      value[this.id] = null;
-	      frag.raw = null;
-	    }
-	  },
-
-	  /**
-	   * Get the stagger amount for an insertion/removal.
-	   *
-	   * @param {Fragment} frag
-	   * @param {Number} index
-	   * @param {Number} total
-	   * @param {String} type
-	   */
-
-	  getStagger: function getStagger(frag, index, total, type) {
-	    type = type + 'Stagger';
-	    var trans = frag.node.__v_trans;
-	    var hooks = trans && trans.hooks;
-	    var hook = hooks && (hooks[type] || hooks.stagger);
-	    return hook ? hook.call(frag, index, total) : index * parseInt(this.params[type] || this.params.stagger, 10);
-	  },
-
-	  /**
-	   * Pre-process the value before piping it through the
-	   * filters. This is passed to and called by the watcher.
-	   */
-
-	  _preProcess: function _preProcess(value) {
-	    // regardless of type, store the un-filtered raw value.
-	    this.rawValue = value;
-	    return value;
-	  },
-
-	  /**
-	   * Post-process the value after it has been piped through
-	   * the filters. This is passed to and called by the watcher.
-	   *
-	   * It is necessary for this to be called during the
-	   * wathcer's dependency collection phase because we want
-	   * the v-for to update when the source Object is mutated.
-	   */
-
-	  _postProcess: function _postProcess(value) {
-	    if (isArray(value)) {
-	      return value;
-	    } else if (isPlainObject(value)) {
-	      // convert plain object to array.
-	      var keys = Object.keys(value);
-	      var i = keys.length;
-	      var res = new Array(i);
-	      var key;
-	      while (i--) {
-	        key = keys[i];
-	        res[i] = {
-	          $key: key,
-	          $value: value[key]
-	        };
-	      }
-	      return res;
-	    } else {
-	      if (typeof value === 'number' && !isNaN(value)) {
-	        value = range(value);
-	      }
-	      return value || [];
-	    }
-	  },
-
-	  unbind: function unbind() {
-	    if (this.descriptor.ref) {
-	      (this._scope || this.vm).$refs[this.descriptor.ref] = null;
-	    }
-	    if (this.frags) {
-	      var i = this.frags.length;
-	      var frag;
-	      while (i--) {
-	        frag = this.frags[i];
-	        this.deleteCachedFrag(frag);
-	        frag.destroy();
-	      }
-	    }
-	  }
-	};
-
-	/**
-	 * Helper to find the previous element that is a fragment
-	 * anchor. This is necessary because a destroyed frag's
-	 * element could still be lingering in the DOM before its
-	 * leaving transition finishes, but its inserted flag
-	 * should have been set to false so we can skip them.
-	 *
-	 * If this is a block repeat, we want to make sure we only
-	 * return frag that is bound to this v-for. (see #929)
-	 *
-	 * @param {Fragment} frag
-	 * @param {Comment|Text} anchor
-	 * @param {String} id
-	 * @return {Fragment}
-	 */
-
-	function findPrevFrag(frag, anchor, id) {
-	  var el = frag.node.previousSibling;
-	  /* istanbul ignore if */
-	  if (!el) return;
-	  frag = el.__v_frag;
-	  while ((!frag || frag.forId !== id || !frag.inserted) && el !== anchor) {
-	    el = el.previousSibling;
-	    /* istanbul ignore if */
-	    if (!el) return;
-	    frag = el.__v_frag;
-	  }
-	  return frag;
-	}
-
-	/**
-	 * Find a vm from a fragment.
-	 *
-	 * @param {Fragment} frag
-	 * @return {Vue|undefined}
-	 */
-
-	function findVmFromFrag(frag) {
-	  var node = frag.node;
-	  // handle multi-node frag
-	  if (frag.end) {
-	    while (!node.__vue__ && node !== frag.end && node.nextSibling) {
-	      node = node.nextSibling;
-	    }
-	  }
-	  return node.__vue__;
-	}
-
-	/**
-	 * Create a range array from given number.
-	 *
-	 * @param {Number} n
-	 * @return {Array}
-	 */
-
-	function range(n) {
-	  var i = -1;
-	  var ret = new Array(Math.floor(n));
-	  while (++i < n) {
-	    ret[i] = i;
-	  }
-	  return ret;
-	}
-
-	if (process.env.NODE_ENV !== 'production') {
-	  vFor.warnDuplicate = function (value) {
-	    warn('Duplicate value found in v-for="' + this.descriptor.raw + '": ' + JSON.stringify(value) + '. Use track-by="$index" if ' + 'you are expecting duplicate values.', this.vm);
+	function stateMixin (Vue) {
+	  // flow somehow has problems with directly declared definition object
+	  // when using Object.defineProperty, so we have to procedurally build up
+	  // the object here.
+	  var dataDef = {};
+	  dataDef.get = function () {
+	    return this._data
 	  };
-	}
-
-	var vIf = {
-
-	  priority: IF,
-	  terminal: true,
-
-	  bind: function bind() {
-	    var el = this.el;
-	    if (!el.__vue__) {
-	      // check else block
-	      var next = el.nextElementSibling;
-	      if (next && getAttr(next, 'v-else') !== null) {
-	        remove(next);
-	        this.elseEl = next;
-	      }
-	      // check main block
-	      this.anchor = createAnchor('v-if');
-	      replace(el, this.anchor);
-	    } else {
-	      process.env.NODE_ENV !== 'production' && warn('v-if="' + this.expression + '" cannot be ' + 'used on an instance root element.', this.vm);
-	      this.invalid = true;
-	    }
-	  },
-
-	  update: function update(value) {
-	    if (this.invalid) return;
-	    if (value) {
-	      if (!this.frag) {
-	        this.insert();
-	      }
-	    } else {
-	      this.remove();
-	    }
-	  },
-
-	  insert: function insert() {
-	    if (this.elseFrag) {
-	      this.elseFrag.remove();
-	      this.elseFrag = null;
-	    }
-	    // lazy init factory
-	    if (!this.factory) {
-	      this.factory = new FragmentFactory(this.vm, this.el);
-	    }
-	    this.frag = this.factory.create(this._host, this._scope, this._frag);
-	    this.frag.before(this.anchor);
-	  },
-
-	  remove: function remove() {
-	    if (this.frag) {
-	      this.frag.remove();
-	      this.frag = null;
-	    }
-	    if (this.elseEl && !this.elseFrag) {
-	      if (!this.elseFactory) {
-	        this.elseFactory = new FragmentFactory(this.elseEl._context || this.vm, this.elseEl);
-	      }
-	      this.elseFrag = this.elseFactory.create(this._host, this._scope, this._frag);
-	      this.elseFrag.before(this.anchor);
-	    }
-	  },
-
-	  unbind: function unbind() {
-	    if (this.frag) {
-	      this.frag.destroy();
-	    }
-	    if (this.elseFrag) {
-	      this.elseFrag.destroy();
-	    }
-	  }
-	};
-
-	var show = {
-
-	  bind: function bind() {
-	    // check else block
-	    var next = this.el.nextElementSibling;
-	    if (next && getAttr(next, 'v-else') !== null) {
-	      this.elseEl = next;
-	    }
-	  },
-
-	  update: function update(value) {
-	    this.apply(this.el, value);
-	    if (this.elseEl) {
-	      this.apply(this.elseEl, !value);
-	    }
-	  },
-
-	  apply: function apply(el, value) {
-	    if (inDoc(el)) {
-	      applyTransition(el, value ? 1 : -1, toggle, this.vm);
-	    } else {
-	      toggle();
-	    }
-	    function toggle() {
-	      el.style.display = value ? '' : 'none';
-	    }
-	  }
-	};
-
-	var text$2 = {
-
-	  bind: function bind() {
-	    var self = this;
-	    var el = this.el;
-	    var isRange = el.type === 'range';
-	    var lazy = this.params.lazy;
-	    var number = this.params.number;
-	    var debounce = this.params.debounce;
-
-	    // handle composition events.
-	    //   http://blog.evanyou.me/2014/01/03/composition-event/
-	    // skip this for Android because it handles composition
-	    // events quite differently. Android doesn't trigger
-	    // composition events for language input methods e.g.
-	    // Chinese, but instead triggers them for spelling
-	    // suggestions... (see Discussion/#162)
-	    var composing = false;
-	    if (!isAndroid && !isRange) {
-	      this.on('compositionstart', function () {
-	        composing = true;
-	      });
-	      this.on('compositionend', function () {
-	        composing = false;
-	        // in IE11 the "compositionend" event fires AFTER
-	        // the "input" event, so the input handler is blocked
-	        // at the end... have to call it here.
-	        //
-	        // #1327: in lazy mode this is unecessary.
-	        if (!lazy) {
-	          self.listener();
-	        }
-	      });
-	    }
-
-	    // prevent messing with the input when user is typing,
-	    // and force update on blur.
-	    this.focused = false;
-	    if (!isRange && !lazy) {
-	      this.on('focus', function () {
-	        self.focused = true;
-	      });
-	      this.on('blur', function () {
-	        self.focused = false;
-	        // do not sync value after fragment removal (#2017)
-	        if (!self._frag || self._frag.inserted) {
-	          self.rawListener();
-	        }
-	      });
-	    }
-
-	    // Now attach the main listener
-	    this.listener = this.rawListener = function () {
-	      if (composing || !self._bound) {
-	        return;
-	      }
-	      var val = number || isRange ? toNumber(el.value) : el.value;
-	      self.set(val);
-	      // force update on next tick to avoid lock & same value
-	      // also only update when user is not typing
-	      nextTick(function () {
-	        if (self._bound && !self.focused) {
-	          self.update(self._watcher.value);
-	        }
-	      });
-	    };
-
-	    // apply debounce
-	    if (debounce) {
-	      this.listener = _debounce(this.listener, debounce);
-	    }
-
-	    // Support jQuery events, since jQuery.trigger() doesn't
-	    // trigger native events in some cases and some plugins
-	    // rely on $.trigger()
-	    //
-	    // We want to make sure if a listener is attached using
-	    // jQuery, it is also removed with jQuery, that's why
-	    // we do the check for each directive instance and
-	    // store that check result on itself. This also allows
-	    // easier test coverage control by unsetting the global
-	    // jQuery variable in tests.
-	    this.hasjQuery = typeof jQuery === 'function';
-	    if (this.hasjQuery) {
-	      var method = jQuery.fn.on ? 'on' : 'bind';
-	      jQuery(el)[method]('change', this.rawListener);
-	      if (!lazy) {
-	        jQuery(el)[method]('input', this.listener);
-	      }
-	    } else {
-	      this.on('change', this.rawListener);
-	      if (!lazy) {
-	        this.on('input', this.listener);
-	      }
-	    }
-
-	    // IE9 doesn't fire input event on backspace/del/cut
-	    if (!lazy && isIE9) {
-	      this.on('cut', function () {
-	        nextTick(self.listener);
-	      });
-	      this.on('keyup', function (e) {
-	        if (e.keyCode === 46 || e.keyCode === 8) {
-	          self.listener();
-	        }
-	      });
-	    }
-
-	    // set initial value if present
-	    if (el.hasAttribute('value') || el.tagName === 'TEXTAREA' && el.value.trim()) {
-	      this.afterBind = this.listener;
-	    }
-	  },
-
-	  update: function update(value) {
-	    this.el.value = _toString(value);
-	  },
-
-	  unbind: function unbind() {
-	    var el = this.el;
-	    if (this.hasjQuery) {
-	      var method = jQuery.fn.off ? 'off' : 'unbind';
-	      jQuery(el)[method]('change', this.listener);
-	      jQuery(el)[method]('input', this.listener);
-	    }
-	  }
-	};
-
-	var radio = {
-
-	  bind: function bind() {
-	    var self = this;
-	    var el = this.el;
-
-	    this.getValue = function () {
-	      // value overwrite via v-bind:value
-	      if (el.hasOwnProperty('_value')) {
-	        return el._value;
-	      }
-	      var val = el.value;
-	      if (self.params.number) {
-	        val = toNumber(val);
-	      }
-	      return val;
-	    };
-
-	    this.listener = function () {
-	      self.set(self.getValue());
-	    };
-	    this.on('change', this.listener);
-
-	    if (el.hasAttribute('checked')) {
-	      this.afterBind = this.listener;
-	    }
-	  },
-
-	  update: function update(value) {
-	    this.el.checked = looseEqual(value, this.getValue());
-	  }
-	};
-
-	var select = {
-
-	  bind: function bind() {
-	    var self = this;
-	    var el = this.el;
-
-	    // method to force update DOM using latest value.
-	    this.forceUpdate = function () {
-	      if (self._watcher) {
-	        self.update(self._watcher.get());
-	      }
-	    };
-
-	    // check if this is a multiple select
-	    var multiple = this.multiple = el.hasAttribute('multiple');
-
-	    // attach listener
-	    this.listener = function () {
-	      var value = getValue(el, multiple);
-	      value = self.params.number ? isArray(value) ? value.map(toNumber) : toNumber(value) : value;
-	      self.set(value);
-	    };
-	    this.on('change', this.listener);
-
-	    // if has initial value, set afterBind
-	    var initValue = getValue(el, multiple, true);
-	    if (multiple && initValue.length || !multiple && initValue !== null) {
-	      this.afterBind = this.listener;
-	    }
-
-	    // All major browsers except Firefox resets
-	    // selectedIndex with value -1 to 0 when the element
-	    // is appended to a new parent, therefore we have to
-	    // force a DOM update whenever that happens...
-	    this.vm.$on('hook:attached', this.forceUpdate);
-	  },
-
-	  update: function update(value) {
-	    var el = this.el;
-	    el.selectedIndex = -1;
-	    var multi = this.multiple && isArray(value);
-	    var options = el.options;
-	    var i = options.length;
-	    var op, val;
-	    while (i--) {
-	      op = options[i];
-	      val = op.hasOwnProperty('_value') ? op._value : op.value;
-	      /* eslint-disable eqeqeq */
-	      op.selected = multi ? indexOf$1(value, val) > -1 : looseEqual(value, val);
-	      /* eslint-enable eqeqeq */
-	    }
-	  },
-
-	  unbind: function unbind() {
-	    /* istanbul ignore next */
-	    this.vm.$off('hook:attached', this.forceUpdate);
-	  }
-	};
-
-	/**
-	 * Get select value
-	 *
-	 * @param {SelectElement} el
-	 * @param {Boolean} multi
-	 * @param {Boolean} init
-	 * @return {Array|*}
-	 */
-
-	function getValue(el, multi, init) {
-	  var res = multi ? [] : null;
-	  var op, val, selected;
-	  for (var i = 0, l = el.options.length; i < l; i++) {
-	    op = el.options[i];
-	    selected = init ? op.hasAttribute('selected') : op.selected;
-	    if (selected) {
-	      val = op.hasOwnProperty('_value') ? op._value : op.value;
-	      if (multi) {
-	        res.push(val);
-	      } else {
-	        return val;
-	      }
-	    }
-	  }
-	  return res;
-	}
-
-	/**
-	 * Native Array.indexOf uses strict equal, but in this
-	 * case we need to match string/numbers with custom equal.
-	 *
-	 * @param {Array} arr
-	 * @param {*} val
-	 */
-
-	function indexOf$1(arr, val) {
-	  var i = arr.length;
-	  while (i--) {
-	    if (looseEqual(arr[i], val)) {
-	      return i;
-	    }
-	  }
-	  return -1;
-	}
-
-	var checkbox = {
-
-	  bind: function bind() {
-	    var self = this;
-	    var el = this.el;
-
-	    this.getValue = function () {
-	      return el.hasOwnProperty('_value') ? el._value : self.params.number ? toNumber(el.value) : el.value;
+	  if (process.env.NODE_ENV !== 'production') {
+	    dataDef.set = function (newData) {
+	      warn(
+	        'Avoid replacing instance root $data. ' +
+	        'Use nested data properties instead.',
+	        this
+	      );
 	    };
+	  }
+	  Object.defineProperty(Vue.prototype, '$data', dataDef);
 
-	    function getBooleanValue() {
-	      var val = el.checked;
-	      if (val && el.hasOwnProperty('_trueValue')) {
-	        return el._trueValue;
-	      }
-	      if (!val && el.hasOwnProperty('_falseValue')) {
-	        return el._falseValue;
-	      }
-	      return val;
-	    }
-
-	    this.listener = function () {
-	      var model = self._watcher.value;
-	      if (isArray(model)) {
-	        var val = self.getValue();
-	        if (el.checked) {
-	          if (indexOf(model, val) < 0) {
-	            model.push(val);
-	          }
-	        } else {
-	          model.$remove(val);
-	        }
-	      } else {
-	        self.set(getBooleanValue());
-	      }
-	    };
+	  Vue.prototype.$set = set;
+	  Vue.prototype.$delete = del;
 
-	    this.on('change', this.listener);
-	    if (el.hasAttribute('checked')) {
-	      this.afterBind = this.listener;
+	  Vue.prototype.$watch = function (
+	    expOrFn,
+	    cb,
+	    options
+	  ) {
+	    var vm = this;
+	    options = options || {};
+	    options.user = true;
+	    var watcher = new Watcher(vm, expOrFn, cb, options);
+	    if (options.immediate) {
+	      cb.call(vm, watcher.value);
 	    }
-	  },
+	    return function unwatchFn () {
+	      watcher.teardown();
+	    }
+	  };
+	}
 
-	  update: function update(value) {
-	    var el = this.el;
-	    if (isArray(value)) {
-	      el.checked = indexOf(value, this.getValue()) > -1;
-	    } else {
-	      if (el.hasOwnProperty('_trueValue')) {
-	        el.checked = looseEqual(value, el._trueValue);
-	      } else {
-	        el.checked = !!value;
+	function proxy (vm, key) {
+	  if (!isReserved(key)) {
+	    Object.defineProperty(vm, key, {
+	      configurable: true,
+	      enumerable: true,
+	      get: function proxyGetter () {
+	        return vm._data[key]
+	      },
+	      set: function proxySetter (val) {
+	        vm._data[key] = val;
 	      }
-	    }
+	    });
 	  }
-	};
+	}
 
-	var handlers = {
-	  text: text$2,
-	  radio: radio,
-	  select: select,
-	  checkbox: checkbox
+	/*  */
+
+	var VNode = function VNode (
+	  tag,
+	  data,
+	  children,
+	  text,
+	  elm,
+	  ns,
+	  context,
+	  componentOptions
+	) {
+	  this.tag = tag;
+	  this.data = data;
+	  this.children = children;
+	  this.text = text;
+	  this.elm = elm;
+	  this.ns = ns;
+	  this.context = context;
+	  this.functionalContext = undefined;
+	  this.key = data && data.key;
+	  this.componentOptions = componentOptions;
+	  this.child = undefined;
+	  this.parent = undefined;
+	  this.raw = false;
+	  this.isStatic = false;
+	  this.isRootInsert = true;
+	  this.isComment = false;
+	  this.isCloned = false;
+	  this.isOnce = false;
 	};
 
-	var model = {
-
-	  priority: MODEL,
-	  twoWay: true,
-	  handlers: handlers,
-	  params: ['lazy', 'number', 'debounce'],
-
-	  /**
-	   * Possible elements:
-	   *   <select>
-	   *   <textarea>
-	   *   <input type="*">
-	   *     - text
-	   *     - checkbox
-	   *     - radio
-	   *     - number
-	   */
+	var emptyVNode = function () {
+	  var node = new VNode();
+	  node.text = '';
+	  node.isComment = true;
+	  return node
+	};
 
-	  bind: function bind() {
-	    // friendly warning...
-	    this.checkFilters();
-	    if (this.hasRead && !this.hasWrite) {
-	      process.env.NODE_ENV !== 'production' && warn('It seems you are using a read-only filter with ' + 'v-model="' + this.descriptor.raw + '". ' + 'You might want to use a two-way filter to ensure correct behavior.', this.vm);
-	    }
-	    var el = this.el;
-	    var tag = el.tagName;
-	    var handler;
-	    if (tag === 'INPUT') {
-	      handler = handlers[el.type] || handlers.text;
-	    } else if (tag === 'SELECT') {
-	      handler = handlers.select;
-	    } else if (tag === 'TEXTAREA') {
-	      handler = handlers.text;
+	// optimized shallow clone
+	// used for static nodes and slot nodes because they may be reused across
+	// multiple renders, cloning them avoids errors when DOM manipulations rely
+	// on their elm reference.
+	function cloneVNode (vnode) {
+	  var cloned = new VNode(
+	    vnode.tag,
+	    vnode.data,
+	    vnode.children,
+	    vnode.text,
+	    vnode.elm,
+	    vnode.ns,
+	    vnode.context,
+	    vnode.componentOptions
+	  );
+	  cloned.isStatic = vnode.isStatic;
+	  cloned.key = vnode.key;
+	  cloned.isCloned = true;
+	  return cloned
+	}
+
+	function cloneVNodes (vnodes) {
+	  var res = new Array(vnodes.length);
+	  for (var i = 0; i < vnodes.length; i++) {
+	    res[i] = cloneVNode(vnodes[i]);
+	  }
+	  return res
+	}
+
+	/*  */
+
+	function mergeVNodeHook (def, hookKey, hook, key) {
+	  key = key + hookKey;
+	  var injectedHash = def.__injected || (def.__injected = {});
+	  if (!injectedHash[key]) {
+	    injectedHash[key] = true;
+	    var oldHook = def[hookKey];
+	    if (oldHook) {
+	      def[hookKey] = function () {
+	        oldHook.apply(this, arguments);
+	        hook.apply(this, arguments);
+	      };
 	    } else {
-	      process.env.NODE_ENV !== 'production' && warn('v-model does not support element type: ' + tag, this.vm);
-	      return;
+	      def[hookKey] = hook;
 	    }
-	    el.__v_model = this;
-	    handler.bind.call(this);
-	    this.update = handler.update;
-	    this._unbind = handler.unbind;
-	  },
+	  }
+	}
 
-	  /**
-	   * Check read/write filter stats.
-	   */
+	/*  */
 
-	  checkFilters: function checkFilters() {
-	    var filters = this.filters;
-	    if (!filters) return;
-	    var i = filters.length;
-	    while (i--) {
-	      var filter = resolveAsset(this.vm.$options, 'filters', filters[i].name);
-	      if (typeof filter === 'function' || filter.read) {
-	        this.hasRead = true;
+	function updateListeners (
+	  on,
+	  oldOn,
+	  add,
+	  remove$$1,
+	  vm
+	) {
+	  var name, cur, old, fn, event, capture;
+	  for (name in on) {
+	    cur = on[name];
+	    old = oldOn[name];
+	    if (!cur) {
+	      process.env.NODE_ENV !== 'production' && warn(
+	        "Invalid handler for event \"" + name + "\": got " + String(cur),
+	        vm
+	      );
+	    } else if (!old) {
+	      capture = name.charAt(0) === '!';
+	      event = capture ? name.slice(1) : name;
+	      if (Array.isArray(cur)) {
+	        add(event, (cur.invoker = arrInvoker(cur)), capture);
+	      } else {
+	        if (!cur.invoker) {
+	          fn = cur;
+	          cur = on[name] = {};
+	          cur.fn = fn;
+	          cur.invoker = fnInvoker(cur);
+	        }
+	        add(event, cur.invoker, capture);
 	      }
-	      if (filter.write) {
-	        this.hasWrite = true;
+	    } else if (cur !== old) {
+	      if (Array.isArray(old)) {
+	        old.length = cur.length;
+	        for (var i = 0; i < old.length; i++) { old[i] = cur[i]; }
+	        on[name] = old;
+	      } else {
+	        old.fn = cur;
+	        on[name] = old;
 	      }
 	    }
-	  },
-
-	  unbind: function unbind() {
-	    this.el.__v_model = null;
-	    this._unbind && this._unbind();
 	  }
-	};
+	  for (name in oldOn) {
+	    if (!on[name]) {
+	      event = name.charAt(0) === '!' ? name.slice(1) : name;
+	      remove$$1(event, oldOn[name].invoker);
+	    }
+	  }
+	}
 
-	// keyCode aliases
-	var keyCodes = {
-	  esc: 27,
-	  tab: 9,
-	  enter: 13,
-	  space: 32,
-	  'delete': [8, 46],
-	  up: 38,
-	  left: 37,
-	  right: 39,
-	  down: 40
-	};
+	function arrInvoker (arr) {
+	  return function (ev) {
+	    var arguments$1 = arguments;
 
-	function keyFilter(handler, keys) {
-	  var codes = keys.map(function (key) {
-	    var charCode = key.charCodeAt(0);
-	    if (charCode > 47 && charCode < 58) {
-	      return parseInt(key, 10);
-	    }
-	    if (key.length === 1) {
-	      charCode = key.toUpperCase().charCodeAt(0);
-	      if (charCode > 64 && charCode < 91) {
-	        return charCode;
-	      }
+	    var single = arguments.length === 1;
+	    for (var i = 0; i < arr.length; i++) {
+	      single ? arr[i](ev) : arr[i].apply(null, arguments$1);
 	    }
-	    return keyCodes[key];
-	  });
-	  codes = [].concat.apply([], codes);
-	  return function keyHandler(e) {
-	    if (codes.indexOf(e.keyCode) > -1) {
-	      return handler.call(this, e);
-	    }
-	  };
+	  }
 	}
 
-	function stopFilter(handler) {
-	  return function stopHandler(e) {
-	    e.stopPropagation();
-	    return handler.call(this, e);
-	  };
+	function fnInvoker (o) {
+	  return function (ev) {
+	    var single = arguments.length === 1;
+	    single ? o.fn(ev) : o.fn.apply(null, arguments);
+	  }
 	}
 
-	function preventFilter(handler) {
-	  return function preventHandler(e) {
-	    e.preventDefault();
-	    return handler.call(this, e);
-	  };
-	}
+	/*  */
 
-	function selfFilter(handler) {
-	  return function selfHandler(e) {
-	    if (e.target === e.currentTarget) {
-	      return handler.call(this, e);
+	function normalizeChildren (
+	  children,
+	  ns,
+	  nestedIndex
+	) {
+	  if (isPrimitive(children)) {
+	    return [createTextVNode(children)]
+	  }
+	  if (Array.isArray(children)) {
+	    var res = [];
+	    for (var i = 0, l = children.length; i < l; i++) {
+	      var c = children[i];
+	      var last = res[res.length - 1];
+	      //  nested
+	      if (Array.isArray(c)) {
+	        res.push.apply(res, normalizeChildren(c, ns, ((nestedIndex || '') + "_" + i)));
+	      } else if (isPrimitive(c)) {
+	        if (last && last.text) {
+	          last.text += String(c);
+	        } else if (c !== '') {
+	          // convert primitive to vnode
+	          res.push(createTextVNode(c));
+	        }
+	      } else if (c instanceof VNode) {
+	        if (c.text && last && last.text) {
+	          last.text += c.text;
+	        } else {
+	          // inherit parent namespace
+	          if (ns) {
+	            applyNS(c, ns);
+	          }
+	          // default key for nested array children (likely generated by v-for)
+	          if (c.tag && c.key == null && nestedIndex != null) {
+	            c.key = "__vlist" + nestedIndex + "_" + i + "__";
+	          }
+	          res.push(c);
+	        }
+	      }
 	    }
-	  };
+	    return res
+	  }
 	}
 
-	var on$1 = {
-
-	  priority: ON,
-	  acceptStatement: true,
-	  keyCodes: keyCodes,
+	function createTextVNode (val) {
+	  return new VNode(undefined, undefined, undefined, String(val))
+	}
 
-	  bind: function bind() {
-	    // deal with iframes
-	    if (this.el.tagName === 'IFRAME' && this.arg !== 'load') {
-	      var self = this;
-	      this.iframeBind = function () {
-	        on(self.el.contentWindow, self.arg, self.handler, self.modifiers.capture);
-	      };
-	      this.on('load', this.iframeBind);
+	function applyNS (vnode, ns) {
+	  if (vnode.tag && !vnode.ns) {
+	    vnode.ns = ns;
+	    if (vnode.children) {
+	      for (var i = 0, l = vnode.children.length; i < l; i++) {
+	        applyNS(vnode.children[i], ns);
+	      }
 	    }
-	  },
+	  }
+	}
 
-	  update: function update(handler) {
-	    // stub a noop for v-on with no value,
-	    // e.g. @mousedown.prevent
-	    if (!this.descriptor.raw) {
-	      handler = function () {};
-	    }
+	/*  */
 
-	    if (typeof handler !== 'function') {
-	      process.env.NODE_ENV !== 'production' && warn('v-on:' + this.arg + '="' + this.expression + '" expects a function value, ' + 'got ' + handler, this.vm);
-	      return;
-	    }
+	function getFirstComponentChild (children) {
+	  return children && children.filter(function (c) { return c && c.componentOptions; })[0]
+	}
 
-	    // apply modifiers
-	    if (this.modifiers.stop) {
-	      handler = stopFilter(handler);
-	    }
-	    if (this.modifiers.prevent) {
-	      handler = preventFilter(handler);
-	    }
-	    if (this.modifiers.self) {
-	      handler = selfFilter(handler);
-	    }
-	    // key filter
-	    var keys = Object.keys(this.modifiers).filter(function (key) {
-	      return key !== 'stop' && key !== 'prevent' && key !== 'self';
-	    });
-	    if (keys.length) {
-	      handler = keyFilter(handler, keys);
-	    }
+	/*  */
 
-	    this.reset();
-	    this.handler = handler;
+	var activeInstance = null;
 
-	    if (this.iframeBind) {
-	      this.iframeBind();
-	    } else {
-	      on(this.el, this.arg, this.handler, this.modifiers.capture);
-	    }
-	  },
+	function initLifecycle (vm) {
+	  var options = vm.$options;
 
-	  reset: function reset() {
-	    var el = this.iframeBind ? this.el.contentWindow : this.el;
-	    if (this.handler) {
-	      off(el, this.arg, this.handler);
+	  // locate first non-abstract parent
+	  var parent = options.parent;
+	  if (parent && !options.abstract) {
+	    while (parent.$options.abstract && parent.$parent) {
+	      parent = parent.$parent;
 	    }
-	  },
-
-	  unbind: function unbind() {
-	    this.reset();
+	    parent.$children.push(vm);
 	  }
-	};
 
-	var prefixes = ['-webkit-', '-moz-', '-ms-'];
-	var camelPrefixes = ['Webkit', 'Moz', 'ms'];
-	var importantRE = /!important;?$/;
-	var propCache = Object.create(null);
+	  vm.$parent = parent;
+	  vm.$root = parent ? parent.$root : vm;
 
-	var testEl = null;
+	  vm.$children = [];
+	  vm.$refs = {};
 
-	var style = {
-
-	  deep: true,
-
-	  update: function update(value) {
-	    if (typeof value === 'string') {
-	      this.el.style.cssText = value;
-	    } else if (isArray(value)) {
-	      this.handleObject(value.reduce(extend, {}));
-	    } else {
-	      this.handleObject(value || {});
-	    }
-	  },
+	  vm._watcher = null;
+	  vm._inactive = false;
+	  vm._isMounted = false;
+	  vm._isDestroyed = false;
+	  vm._isBeingDestroyed = false;
+	}
 
-	  handleObject: function handleObject(value) {
-	    // cache object styles so that only changed props
-	    // are actually updated.
-	    var cache = this.cache || (this.cache = {});
-	    var name, val;
-	    for (name in cache) {
-	      if (!(name in value)) {
-	        this.handleSingle(name, null);
-	        delete cache[name];
+	function lifecycleMixin (Vue) {
+	  Vue.prototype._mount = function (
+	    el,
+	    hydrating
+	  ) {
+	    var vm = this;
+	    vm.$el = el;
+	    if (!vm.$options.render) {
+	      vm.$options.render = emptyVNode;
+	      if (process.env.NODE_ENV !== 'production') {
+	        /* istanbul ignore if */
+	        if (vm.$options.template) {
+	          warn(
+	            'You are using the runtime-only build of Vue where the template ' +
+	            'option is not available. Either pre-compile the templates into ' +
+	            'render functions, or use the compiler-included build.',
+	            vm
+	          );
+	        } else {
+	          warn(
+	            'Failed to mount component: template or render function not defined.',
+	            vm
+	          );
+	        }
 	      }
 	    }
-	    for (name in value) {
-	      val = value[name];
-	      if (val !== cache[name]) {
-	        cache[name] = val;
-	        this.handleSingle(name, val);
-	      }
+	    callHook(vm, 'beforeMount');
+	    vm._watcher = new Watcher(vm, function () {
+	      vm._update(vm._render(), hydrating);
+	    }, noop);
+	    hydrating = false;
+	    // manually mounted instance, call mounted on self
+	    // mounted is called for render-created child components in its inserted hook
+	    if (vm.$vnode == null) {
+	      vm._isMounted = true;
+	      callHook(vm, 'mounted');
 	    }
-	  },
+	    return vm
+	  };
 
-	  handleSingle: function handleSingle(prop, value) {
-	    prop = normalize(prop);
-	    if (!prop) return; // unsupported prop
-	    // cast possible numbers/booleans into strings
-	    if (value != null) value += '';
-	    if (value) {
-	      var isImportant = importantRE.test(value) ? 'important' : '';
-	      if (isImportant) {
-	        /* istanbul ignore if */
-	        if (process.env.NODE_ENV !== 'production') {
-	          warn('It\'s probably a bad idea to use !important with inline rules. ' + 'This feature will be deprecated in a future version of Vue.');
-	        }
-	        value = value.replace(importantRE, '').trim();
-	        this.el.style.setProperty(prop.kebab, value, isImportant);
-	      } else {
-	        this.el.style[prop.camel] = value;
-	      }
+	  Vue.prototype._update = function (vnode, hydrating) {
+	    var vm = this;
+	    if (vm._isMounted) {
+	      callHook(vm, 'beforeUpdate');
+	    }
+	    var prevEl = vm.$el;
+	    var prevActiveInstance = activeInstance;
+	    activeInstance = vm;
+	    var prevVnode = vm._vnode;
+	    vm._vnode = vnode;
+	    if (!prevVnode) {
+	      // Vue.prototype.__patch__ is injected in entry points
+	      // based on the rendering backend used.
+	      vm.$el = vm.__patch__(vm.$el, vnode, hydrating);
 	    } else {
-	      this.el.style[prop.camel] = '';
+	      vm.$el = vm.__patch__(prevVnode, vnode);
 	    }
-	  }
-
-	};
-
-	/**
-	 * Normalize a CSS property name.
-	 * - cache result
-	 * - auto prefix
-	 * - camelCase -> dash-case
-	 *
-	 * @param {String} prop
-	 * @return {String}
-	 */
-
-	function normalize(prop) {
-	  if (propCache[prop]) {
-	    return propCache[prop];
-	  }
-	  var res = prefix(prop);
-	  propCache[prop] = propCache[res] = res;
-	  return res;
-	}
-
-	/**
-	 * Auto detect the appropriate prefix for a CSS property.
-	 * https://gist.github.com/paulirish/523692
-	 *
-	 * @param {String} prop
-	 * @return {String}
-	 */
-
-	function prefix(prop) {
-	  prop = hyphenate(prop);
-	  var camel = camelize(prop);
-	  var upper = camel.charAt(0).toUpperCase() + camel.slice(1);
-	  if (!testEl) {
-	    testEl = document.createElement('div');
-	  }
-	  var i = prefixes.length;
-	  var prefixed;
-	  while (i--) {
-	    prefixed = camelPrefixes[i] + upper;
-	    if (prefixed in testEl.style) {
-	      return {
-	        kebab: prefixes[i] + prop,
-	        camel: prefixed
-	      };
+	    activeInstance = prevActiveInstance;
+	    // update __vue__ reference
+	    if (prevEl) {
+	      prevEl.__vue__ = null;
 	    }
-	  }
-	  if (camel in testEl.style) {
-	    return {
-	      kebab: prop,
-	      camel: camel
-	    };
-	  }
-	}
-
-	// xlink
-	var xlinkNS = 'http://www.w3.org/1999/xlink';
-	var xlinkRE = /^xlink:/;
-
-	// check for attributes that prohibit interpolations
-	var disallowedInterpAttrRE = /^v-|^:|^@|^(?:is|transition|transition-mode|debounce|track-by|stagger|enter-stagger|leave-stagger)$/;
-	// these attributes should also set their corresponding properties
-	// because they only affect the initial state of the element
-	var attrWithPropsRE = /^(?:value|checked|selected|muted)$/;
-	// these attributes expect enumrated values of "true" or "false"
-	// but are not boolean attributes
-	var enumeratedAttrRE = /^(?:draggable|contenteditable|spellcheck)$/;
-
-	// these attributes should set a hidden property for
-	// binding v-model to object values
-	var modelProps = {
-	  value: '_value',
-	  'true-value': '_trueValue',
-	  'false-value': '_falseValue'
-	};
-
-	var bind$1 = {
-
-	  priority: BIND,
-
-	  bind: function bind() {
-	    var attr = this.arg;
-	    var tag = this.el.tagName;
-	    // should be deep watch on object mode
-	    if (!attr) {
-	      this.deep = true;
+	    if (vm.$el) {
+	      vm.$el.__vue__ = vm;
 	    }
-	    // handle interpolation bindings
-	    var descriptor = this.descriptor;
-	    var tokens = descriptor.interp;
-	    if (tokens) {
-	      // handle interpolations with one-time tokens
-	      if (descriptor.hasOneTime) {
-	        this.expression = tokensToExp(tokens, this._scope || this.vm);
-	      }
+	    // if parent is an HOC, update its $el as well
+	    if (vm.$vnode && vm.$parent && vm.$vnode === vm.$parent._vnode) {
+	      vm.$parent.$el = vm.$el;
+	    }
+	    if (vm._isMounted) {
+	      callHook(vm, 'updated');
+	    }
+	  };
 
-	      // only allow binding on native attributes
-	      if (disallowedInterpAttrRE.test(attr) || attr === 'name' && (tag === 'PARTIAL' || tag === 'SLOT')) {
-	        process.env.NODE_ENV !== 'production' && warn(attr + '="' + descriptor.raw + '": ' + 'attribute interpolation is not allowed in Vue.js ' + 'directives and special attributes.', this.vm);
-	        this.el.removeAttribute(attr);
-	        this.invalid = true;
+	  Vue.prototype._updateFromParent = function (
+	    propsData,
+	    listeners,
+	    parentVnode,
+	    renderChildren
+	  ) {
+	    var vm = this;
+	    var hasChildren = !!(vm.$options._renderChildren || renderChildren);
+	    vm.$options._parentVnode = parentVnode;
+	    vm.$options._renderChildren = renderChildren;
+	    // update props
+	    if (propsData && vm.$options.props) {
+	      observerState.shouldConvert = false;
+	      if (process.env.NODE_ENV !== 'production') {
+	        observerState.isSettingProps = true;
 	      }
-
-	      /* istanbul ignore if */
+	      var propKeys = vm.$options._propKeys || [];
+	      for (var i = 0; i < propKeys.length; i++) {
+	        var key = propKeys[i];
+	        vm[key] = validateProp(key, vm.$options.props, propsData, vm);
+	      }
+	      observerState.shouldConvert = true;
 	      if (process.env.NODE_ENV !== 'production') {
-	        var raw = attr + '="' + descriptor.raw + '": ';
-	        // warn src
-	        if (attr === 'src') {
-	          warn(raw + 'interpolation in "src" attribute will cause ' + 'a 404 request. Use v-bind:src instead.', this.vm);
-	        }
-
-	        // warn style
-	        if (attr === 'style') {
-	          warn(raw + 'interpolation in "style" attribute will cause ' + 'the attribute to be discarded in Internet Explorer. ' + 'Use v-bind:style instead.', this.vm);
-	        }
+	        observerState.isSettingProps = false;
 	      }
+	      vm.$options.propsData = propsData;
 	    }
-	  },
-
-	  update: function update(value) {
-	    if (this.invalid) {
-	      return;
+	    // update listeners
+	    if (listeners) {
+	      var oldListeners = vm.$options._parentListeners;
+	      vm.$options._parentListeners = listeners;
+	      vm._updateListeners(listeners, oldListeners);
 	    }
-	    var attr = this.arg;
-	    if (this.arg) {
-	      this.handleSingle(attr, value);
-	    } else {
-	      this.handleObject(value || {});
+	    // resolve slots + force update if has children
+	    if (hasChildren) {
+	      vm.$slots = resolveSlots(renderChildren, vm._renderContext);
+	      vm.$forceUpdate();
 	    }
-	  },
+	  };
 
-	  // share object handler with v-bind:class
-	  handleObject: style.handleObject,
-
-	  handleSingle: function handleSingle(attr, value) {
-	    var el = this.el;
-	    var interp = this.descriptor.interp;
-	    if (this.modifiers.camel) {
-	      attr = camelize(attr);
-	    }
-	    if (!interp && attrWithPropsRE.test(attr) && attr in el) {
-	      el[attr] = attr === 'value' ? value == null // IE9 will set input.value to "null" for null...
-	      ? '' : value : value;
-	    }
-	    // set model props
-	    var modelProp = modelProps[attr];
-	    if (!interp && modelProp) {
-	      el[modelProp] = value;
-	      // update v-model if present
-	      var model = el.__v_model;
-	      if (model) {
-	        model.listener();
-	      }
-	    }
-	    // do not set value attribute for textarea
-	    if (attr === 'value' && el.tagName === 'TEXTAREA') {
-	      el.removeAttribute(attr);
-	      return;
-	    }
-	    // update attribute
-	    if (enumeratedAttrRE.test(attr)) {
-	      el.setAttribute(attr, value ? 'true' : 'false');
-	    } else if (value != null && value !== false) {
-	      if (attr === 'class') {
-	        // handle edge case #1960:
-	        // class interpolation should not overwrite Vue transition class
-	        if (el.__v_trans) {
-	          value += ' ' + el.__v_trans.id + '-transition';
-	        }
-	        setClass(el, value);
-	      } else if (xlinkRE.test(attr)) {
-	        el.setAttributeNS(xlinkNS, attr, value === true ? '' : value);
-	      } else {
-	        el.setAttribute(attr, value === true ? '' : value);
-	      }
-	    } else {
-	      el.removeAttribute(attr);
+	  Vue.prototype.$forceUpdate = function () {
+	    var vm = this;
+	    if (vm._watcher) {
+	      vm._watcher.update();
 	    }
-	  }
-	};
-
-	var el = {
-
-	  priority: EL,
+	  };
 
-	  bind: function bind() {
-	    /* istanbul ignore if */
-	    if (!this.arg) {
-	      return;
+	  Vue.prototype.$destroy = function () {
+	    var vm = this;
+	    if (vm._isBeingDestroyed) {
+	      return
 	    }
-	    var id = this.id = camelize(this.arg);
-	    var refs = (this._scope || this.vm).$els;
-	    if (hasOwn(refs, id)) {
-	      refs[id] = this.el;
-	    } else {
-	      defineReactive(refs, id, this.el);
+	    callHook(vm, 'beforeDestroy');
+	    vm._isBeingDestroyed = true;
+	    // remove self from parent
+	    var parent = vm.$parent;
+	    if (parent && !parent._isBeingDestroyed && !vm.$options.abstract) {
+	      remove$1(parent.$children, vm);
 	    }
-	  },
-
-	  unbind: function unbind() {
-	    var refs = (this._scope || this.vm).$els;
-	    if (refs[this.id] === this.el) {
-	      refs[this.id] = null;
+	    // teardown watchers
+	    if (vm._watcher) {
+	      vm._watcher.teardown();
 	    }
-	  }
-	};
-
-	var ref = {
-	  bind: function bind() {
-	    process.env.NODE_ENV !== 'production' && warn('v-ref:' + this.arg + ' must be used on a child ' + 'component. Found on <' + this.el.tagName.toLowerCase() + '>.', this.vm);
-	  }
-	};
-
-	var cloak = {
-	  bind: function bind() {
-	    var el = this.el;
-	    this.vm.$once('pre-hook:compiled', function () {
-	      el.removeAttribute('v-cloak');
-	    });
-	  }
-	};
-
-	// must export plain object
-	var directives = {
-	  text: text$1,
-	  html: html,
-	  'for': vFor,
-	  'if': vIf,
-	  show: show,
-	  model: model,
-	  on: on$1,
-	  bind: bind$1,
-	  el: el,
-	  ref: ref,
-	  cloak: cloak
-	};
-
-	var vClass = {
-
-	  deep: true,
-
-	  update: function update(value) {
-	    if (value && typeof value === 'string') {
-	      this.handleObject(stringToObject(value));
-	    } else if (isPlainObject(value)) {
-	      this.handleObject(value);
-	    } else if (isArray(value)) {
-	      this.handleArray(value);
-	    } else {
-	      this.cleanup();
+	    var i = vm._watchers.length;
+	    while (i--) {
+	      vm._watchers[i].teardown();
 	    }
-	  },
-
-	  handleObject: function handleObject(value) {
-	    this.cleanup(value);
-	    this.prevKeys = Object.keys(value);
-	    setObjectClasses(this.el, value);
-	  },
-
-	  handleArray: function handleArray(value) {
-	    this.cleanup(value);
-	    for (var i = 0, l = value.length; i < l; i++) {
-	      var val = value[i];
-	      if (val && isPlainObject(val)) {
-	        setObjectClasses(this.el, val);
-	      } else if (val && typeof val === 'string') {
-	        addClass(this.el, val);
-	      }
+	    // remove reference from data ob
+	    // frozen object may not have observer.
+	    if (vm._data.__ob__) {
+	      vm._data.__ob__.vmCount--;
 	    }
-	    this.prevKeys = value.slice();
-	  },
-
-	  cleanup: function cleanup(value) {
-	    if (!this.prevKeys) return;
-
-	    var i = this.prevKeys.length;
-	    while (i--) {
-	      var key = this.prevKeys[i];
-	      if (!key) continue;
-
-	      var keys = isPlainObject(key) ? Object.keys(key) : [key];
-	      for (var j = 0, l = keys.length; j < l; j++) {
-	        toggleClasses(this.el, keys[j], removeClass);
-	      }
+	    // call the last hook...
+	    vm._isDestroyed = true;
+	    callHook(vm, 'destroyed');
+	    // turn off all instance listeners.
+	    vm.$off();
+	    // remove __vue__ reference
+	    if (vm.$el) {
+	      vm.$el.__vue__ = null;
 	    }
-	  }
-	};
-
-	function setObjectClasses(el, obj) {
-	  var keys = Object.keys(obj);
-	  for (var i = 0, l = keys.length; i < l; i++) {
-	    var key = keys[i];
-	    if (!obj[key]) continue;
-	    toggleClasses(el, key, addClass);
-	  }
+	    // invoke destroy hooks on current rendered tree
+	    vm.__patch__(vm._vnode, null);
+	  };
 	}
 
-	function stringToObject(value) {
-	  var res = {};
-	  var keys = value.trim().split(/\s+/);
-	  for (var i = 0, l = keys.length; i < l; i++) {
-	    res[keys[i]] = true;
+	function callHook (vm, hook) {
+	  var handlers = vm.$options[hook];
+	  if (handlers) {
+	    for (var i = 0, j = handlers.length; i < j; i++) {
+	      handlers[i].call(vm);
+	    }
 	  }
-	  return res;
+	  vm.$emit('hook:' + hook);
 	}
 
-	/**
-	 * Add or remove a class/classes on an element
-	 *
-	 * @param {Element} el
-	 * @param {String} key The class name. This may or may not
-	 *                     contain a space character, in such a
-	 *                     case we'll deal with multiple class
-	 *                     names at once.
-	 * @param {Function} fn
-	 */
+	/*  */
 
-	function toggleClasses(el, key, fn) {
-	  key = key.trim();
+	var hooks = { init: init, prepatch: prepatch, insert: insert, destroy: destroy$1 };
+	var hooksToMerge = Object.keys(hooks);
 
-	  if (key.indexOf(' ') === -1) {
-	    fn(el, key);
-	    return;
+	function createComponent (
+	  Ctor,
+	  data,
+	  context,
+	  children,
+	  tag
+	) {
+	  if (!Ctor) {
+	    return
 	  }
 
-	  // The key contains one or more space characters.
-	  // Since a class name doesn't accept such characters, we
-	  // treat it as multiple classes.
-	  var keys = key.split(/\s+/);
-	  for (var i = 0, l = keys.length; i < l; i++) {
-	    fn(el, keys[i]);
+	  if (isObject(Ctor)) {
+	    Ctor = Vue$1.extend(Ctor);
 	  }
-	}
-
-	var component = {
-
-	  priority: COMPONENT,
-
-	  params: ['keep-alive', 'transition-mode', 'inline-template'],
-
-	  /**
-	   * Setup. Two possible usages:
-	   *
-	   * - static:
-	   *   <comp> or <div v-component="comp">
-	   *
-	   * - dynamic:
-	   *   <component :is="view">
-	   */
-
-	  bind: function bind() {
-	    if (!this.el.__vue__) {
-	      // keep-alive cache
-	      this.keepAlive = this.params.keepAlive;
-	      if (this.keepAlive) {
-	        this.cache = {};
-	      }
-	      // check inline-template
-	      if (this.params.inlineTemplate) {
-	        // extract inline template as a DocumentFragment
-	        this.inlineTemplate = extractContent(this.el, true);
-	      }
-	      // component resolution related state
-	      this.pendingComponentCb = this.Component = null;
-	      // transition related state
-	      this.pendingRemovals = 0;
-	      this.pendingRemovalCb = null;
-	      // create a ref anchor
-	      this.anchor = createAnchor('v-component');
-	      replace(this.el, this.anchor);
-	      // remove is attribute.
-	      // this is removed during compilation, but because compilation is
-	      // cached, when the component is used elsewhere this attribute
-	      // will remain at link time.
-	      this.el.removeAttribute('is');
-	      // remove ref, same as above
-	      if (this.descriptor.ref) {
-	        this.el.removeAttribute('v-ref:' + hyphenate(this.descriptor.ref));
-	      }
-	      // if static, build right now.
-	      if (this.literal) {
-	        this.setComponent(this.expression);
-	      }
-	    } else {
-	      process.env.NODE_ENV !== 'production' && warn('cannot mount component "' + this.expression + '" ' + 'on already mounted element: ' + this.el);
-	    }
-	  },
-
-	  /**
-	   * Public update, called by the watcher in the dynamic
-	   * literal scenario, e.g. <component :is="view">
-	   */
 
-	  update: function update(value) {
-	    if (!this.literal) {
-	      this.setComponent(value);
+	  if (typeof Ctor !== 'function') {
+	    if (process.env.NODE_ENV !== 'production') {
+	      warn(("Invalid Component definition: " + (String(Ctor))), context);
 	    }
-	  },
-
-	  /**
-	   * Switch dynamic components. May resolve the component
-	   * asynchronously, and perform transition based on
-	   * specified transition mode. Accepts a few additional
-	   * arguments specifically for vue-router.
-	   *
-	   * The callback is called when the full transition is
-	   * finished.
-	   *
-	   * @param {String} value
-	   * @param {Function} [cb]
-	   */
+	    return
+	  }
 
-	  setComponent: function setComponent(value, cb) {
-	    this.invalidatePending();
-	    if (!value) {
-	      // just remove current
-	      this.unbuild(true);
-	      this.remove(this.childVM, cb);
-	      this.childVM = null;
+	  // resolve constructor options in case global mixins are applied after
+	  // component constructor creation
+	  resolveConstructorOptions(Ctor);
+
+	  // async component
+	  if (!Ctor.cid) {
+	    if (Ctor.resolved) {
+	      Ctor = Ctor.resolved;
 	    } else {
-	      var self = this;
-	      this.resolveComponent(value, function () {
-	        self.mountComponent(cb);
+	      Ctor = resolveAsyncComponent(Ctor, function () {
+	        // it's ok to queue this on every render because
+	        // $forceUpdate is buffered by the scheduler.
+	        context.$forceUpdate();
 	      });
+	      if (!Ctor) {
+	        // return nothing if this is indeed an async component
+	        // wait for the callback to trigger parent update.
+	        return
+	      }
 	    }
-	  },
+	  }
 
-	  /**
-	   * Resolve the component constructor to use when creating
-	   * the child vm.
-	   *
-	   * @param {String|Function} value
-	   * @param {Function} cb
-	   */
+	  data = data || {};
 
-	  resolveComponent: function resolveComponent(value, cb) {
-	    var self = this;
-	    this.pendingComponentCb = cancellable(function (Component) {
-	      self.ComponentName = Component.options.name || (typeof value === 'string' ? value : null);
-	      self.Component = Component;
-	      cb();
-	    });
-	    this.vm._resolveComponent(value, this.pendingComponentCb);
-	  },
+	  // extract props
+	  var propsData = extractProps(data, Ctor);
 
-	  /**
-	   * Create a new instance using the current constructor and
-	   * replace the existing instance. This method doesn't care
-	   * whether the new component and the old one are actually
-	   * the same.
-	   *
-	   * @param {Function} [cb]
-	   */
+	  // functional component
+	  if (Ctor.options.functional) {
+	    return createFunctionalComponent(Ctor, propsData, data, context, children)
+	  }
 
-	  mountComponent: function mountComponent(cb) {
-	    // actual mount
-	    this.unbuild(true);
-	    var self = this;
-	    var activateHooks = this.Component.options.activate;
-	    var cached = this.getCached();
-	    var newComponent = this.build();
-	    if (activateHooks && !cached) {
-	      this.waitingFor = newComponent;
-	      callActivateHooks(activateHooks, newComponent, function () {
-	        if (self.waitingFor !== newComponent) {
-	          return;
-	        }
-	        self.waitingFor = null;
-	        self.transition(newComponent, cb);
-	      });
-	    } else {
-	      // update ref for kept-alive component
-	      if (cached) {
-	        newComponent._updateRef();
-	      }
-	      this.transition(newComponent, cb);
-	    }
-	  },
+	  // extract listeners, since these needs to be treated as
+	  // child component listeners instead of DOM listeners
+	  var listeners = data.on;
+	  // replace with listeners with .native modifier
+	  data.on = data.nativeOn;
 
-	  /**
-	   * When the component changes or unbinds before an async
-	   * constructor is resolved, we need to invalidate its
-	   * pending callback.
-	   */
+	  if (Ctor.options.abstract) {
+	    // abstract components do not keep anything
+	    // other than props & listeners
+	    data = {};
+	  }
 
-	  invalidatePending: function invalidatePending() {
-	    if (this.pendingComponentCb) {
-	      this.pendingComponentCb.cancel();
-	      this.pendingComponentCb = null;
-	    }
-	  },
+	  // merge component management hooks onto the placeholder node
+	  mergeHooks(data);
 
-	  /**
-	   * Instantiate/insert a new child vm.
-	   * If keep alive and has cached instance, insert that
-	   * instance; otherwise build a new one and cache it.
-	   *
-	   * @param {Object} [extraOptions]
-	   * @return {Vue} - the created instance
-	   */
+	  // return a placeholder vnode
+	  var name = Ctor.options.name || tag;
+	  var vnode = new VNode(
+	    ("vue-component-" + (Ctor.cid) + (name ? ("-" + name) : '')),
+	    data, undefined, undefined, undefined, undefined, context,
+	    { Ctor: Ctor, propsData: propsData, listeners: listeners, tag: tag, children: children }
+	  );
+	  return vnode
+	}
 
-	  build: function build(extraOptions) {
-	    var cached = this.getCached();
-	    if (cached) {
-	      return cached;
-	    }
-	    if (this.Component) {
-	      // default options
-	      var options = {
-	        name: this.ComponentName,
-	        el: cloneNode(this.el),
-	        template: this.inlineTemplate,
-	        // make sure to add the child with correct parent
-	        // if this is a transcluded component, its parent
-	        // should be the transclusion host.
-	        parent: this._host || this.vm,
-	        // if no inline-template, then the compiled
-	        // linker can be cached for better performance.
-	        _linkerCachable: !this.inlineTemplate,
-	        _ref: this.descriptor.ref,
-	        _asComponent: true,
-	        _isRouterView: this._isRouterView,
-	        // if this is a transcluded component, context
-	        // will be the common parent vm of this instance
-	        // and its host.
-	        _context: this.vm,
-	        // if this is inside an inline v-for, the scope
-	        // will be the intermediate scope created for this
-	        // repeat fragment. this is used for linking props
-	        // and container directives.
-	        _scope: this._scope,
-	        // pass in the owner fragment of this component.
-	        // this is necessary so that the fragment can keep
-	        // track of its contained components in order to
-	        // call attach/detach hooks for them.
-	        _frag: this._frag
-	      };
-	      // extra options
-	      // in 1.0.0 this is used by vue-router only
-	      /* istanbul ignore if */
-	      if (extraOptions) {
-	        extend(options, extraOptions);
-	      }
-	      var child = new this.Component(options);
-	      if (this.keepAlive) {
-	        this.cache[this.Component.cid] = child;
-	      }
-	      /* istanbul ignore if */
-	      if (process.env.NODE_ENV !== 'production' && this.el.hasAttribute('transition') && child._isFragment) {
-	        warn('Transitions will not work on a fragment instance. ' + 'Template: ' + child.$options.template, child);
-	      }
-	      return child;
+	function createFunctionalComponent (
+	  Ctor,
+	  propsData,
+	  data,
+	  context,
+	  children
+	) {
+	  var props = {};
+	  var propOptions = Ctor.options.props;
+	  if (propOptions) {
+	    for (var key in propOptions) {
+	      props[key] = validateProp(key, propOptions, propsData);
 	    }
-	  },
+	  }
+	  var vnode = Ctor.options.render.call(
+	    null,
+	    // ensure the createElement function in functional components
+	    // gets a unique context - this is necessary for correct named slot check
+	    bind$1(createElement, { _self: Object.create(context) }),
+	    {
+	      props: props,
+	      data: data,
+	      parent: context,
+	      children: normalizeChildren(children),
+	      slots: function () { return resolveSlots(children, context); }
+	    }
+	  );
+	  if (vnode instanceof VNode) {
+	    vnode.functionalContext = context;
+	    if (data.slot) {
+	      (vnode.data || (vnode.data = {})).slot = data.slot;
+	    }
+	  }
+	  return vnode
+	}
+
+	function createComponentInstanceForVnode (
+	  vnode, // we know it's MountedComponentVNode but flow doesn't
+	  parent // activeInstance in lifecycle state
+	) {
+	  var vnodeComponentOptions = vnode.componentOptions;
+	  var options = {
+	    _isComponent: true,
+	    parent: parent,
+	    propsData: vnodeComponentOptions.propsData,
+	    _componentTag: vnodeComponentOptions.tag,
+	    _parentVnode: vnode,
+	    _parentListeners: vnodeComponentOptions.listeners,
+	    _renderChildren: vnodeComponentOptions.children
+	  };
+	  // check inline-template render functions
+	  var inlineTemplate = vnode.data.inlineTemplate;
+	  if (inlineTemplate) {
+	    options.render = inlineTemplate.render;
+	    options.staticRenderFns = inlineTemplate.staticRenderFns;
+	  }
+	  return new vnodeComponentOptions.Ctor(options)
+	}
 
-	  /**
-	   * Try to get a cached instance of the current component.
-	   *
-	   * @return {Vue|undefined}
-	   */
+	function init (vnode, hydrating) {
+	  if (!vnode.child || vnode.child._isDestroyed) {
+	    var child = vnode.child = createComponentInstanceForVnode(vnode, activeInstance);
+	    child.$mount(hydrating ? vnode.elm : undefined, hydrating);
+	  }
+	}
 
-	  getCached: function getCached() {
-	    return this.keepAlive && this.cache[this.Component.cid];
-	  },
+	function prepatch (
+	  oldVnode,
+	  vnode
+	) {
+	  var options = vnode.componentOptions;
+	  var child = vnode.child = oldVnode.child;
+	  child._updateFromParent(
+	    options.propsData, // updated props
+	    options.listeners, // updated listeners
+	    vnode, // new parent vnode
+	    options.children // new children
+	  );
+	}
 
-	  /**
-	   * Teardown the current child, but defers cleanup so
-	   * that we can separate the destroy and removal steps.
-	   *
-	   * @param {Boolean} defer
-	   */
+	function insert (vnode) {
+	  if (!vnode.child._isMounted) {
+	    vnode.child._isMounted = true;
+	    callHook(vnode.child, 'mounted');
+	  }
+	  if (vnode.data.keepAlive) {
+	    vnode.child._inactive = false;
+	    callHook(vnode.child, 'activated');
+	  }
+	}
 
-	  unbuild: function unbuild(defer) {
-	    if (this.waitingFor) {
-	      if (!this.keepAlive) {
-	        this.waitingFor.$destroy();
-	      }
-	      this.waitingFor = null;
-	    }
-	    var child = this.childVM;
-	    if (!child || this.keepAlive) {
-	      if (child) {
-	        // remove ref
-	        child._inactive = true;
-	        child._updateRef(true);
-	      }
-	      return;
+	function destroy$1 (vnode) {
+	  if (!vnode.child._isDestroyed) {
+	    if (!vnode.data.keepAlive) {
+	      vnode.child.$destroy();
+	    } else {
+	      vnode.child._inactive = true;
+	      callHook(vnode.child, 'deactivated');
 	    }
-	    // the sole purpose of `deferCleanup` is so that we can
-	    // "deactivate" the vm right now and perform DOM removal
-	    // later.
-	    child.$destroy(false, defer);
-	  },
-
-	  /**
-	   * Remove current destroyed child and manually do
-	   * the cleanup after removal.
-	   *
-	   * @param {Function} cb
-	   */
+	  }
+	}
 
-	  remove: function remove(child, cb) {
-	    var keepAlive = this.keepAlive;
-	    if (child) {
-	      // we may have a component switch when a previous
-	      // component is still being transitioned out.
-	      // we want to trigger only one lastest insertion cb
-	      // when the existing transition finishes. (#1119)
-	      this.pendingRemovals++;
-	      this.pendingRemovalCb = cb;
-	      var self = this;
-	      child.$remove(function () {
-	        self.pendingRemovals--;
-	        if (!keepAlive) child._cleanup();
-	        if (!self.pendingRemovals && self.pendingRemovalCb) {
-	          self.pendingRemovalCb();
-	          self.pendingRemovalCb = null;
+	function resolveAsyncComponent (
+	  factory,
+	  cb
+	) {
+	  if (factory.requested) {
+	    // pool callbacks
+	    factory.pendingCallbacks.push(cb);
+	  } else {
+	    factory.requested = true;
+	    var cbs = factory.pendingCallbacks = [cb];
+	    var sync = true;
+
+	    var resolve = function (res) {
+	      if (isObject(res)) {
+	        res = Vue$1.extend(res);
+	      }
+	      // cache resolved
+	      factory.resolved = res;
+	      // invoke callbacks only if this is not a synchronous resolve
+	      // (async resolves are shimmed as synchronous during SSR)
+	      if (!sync) {
+	        for (var i = 0, l = cbs.length; i < l; i++) {
+	          cbs[i](res);
 	        }
-	      });
-	    } else if (cb) {
-	      cb();
-	    }
-	  },
-
-	  /**
-	   * Actually swap the components, depending on the
-	   * transition mode. Defaults to simultaneous.
-	   *
-	   * @param {Vue} target
-	   * @param {Function} [cb]
-	   */
+	      }
+	    };
 
-	  transition: function transition(target, cb) {
-	    var self = this;
-	    var current = this.childVM;
-	    // for devtool inspection
-	    if (current) current._inactive = true;
-	    target._inactive = false;
-	    this.childVM = target;
-	    switch (self.params.transitionMode) {
-	      case 'in-out':
-	        target.$before(self.anchor, function () {
-	          self.remove(current, cb);
-	        });
-	        break;
-	      case 'out-in':
-	        self.remove(current, function () {
-	          target.$before(self.anchor, cb);
-	        });
-	        break;
-	      default:
-	        self.remove(current);
-	        target.$before(self.anchor, cb);
-	    }
-	  },
+	    var reject = function (reason) {
+	      process.env.NODE_ENV !== 'production' && warn(
+	        "Failed to resolve async component: " + (String(factory)) +
+	        (reason ? ("\nReason: " + reason) : '')
+	      );
+	    };
 
-	  /**
-	   * Unbind.
-	   */
+	    var res = factory(resolve, reject);
 
-	  unbind: function unbind() {
-	    this.invalidatePending();
-	    // Do not defer cleanup when unbinding
-	    this.unbuild();
-	    // destroy all keep-alive cached instances
-	    if (this.cache) {
-	      for (var key in this.cache) {
-	        this.cache[key].$destroy();
-	      }
-	      this.cache = null;
+	    // handle promise
+	    if (res && typeof res.then === 'function' && !factory.resolved) {
+	      res.then(resolve, reject);
 	    }
-	  }
-	};
 
-	/**
-	 * Call activate hooks in order (asynchronous)
-	 *
-	 * @param {Array} hooks
-	 * @param {Vue} vm
-	 * @param {Function} cb
-	 */
+	    sync = false;
+	    // return in case resolved synchronously
+	    return factory.resolved
+	  }
+	}
 
-	function callActivateHooks(hooks, vm, cb) {
-	  var total = hooks.length;
-	  var called = 0;
-	  hooks[0].call(vm, next);
-	  function next() {
-	    if (++called >= total) {
-	      cb();
+	function extractProps (data, Ctor) {
+	  // we are only extracting raw values here.
+	  // validation and default values are handled in the child
+	  // component itself.
+	  var propOptions = Ctor.options.props;
+	  if (!propOptions) {
+	    return
+	  }
+	  var res = {};
+	  var attrs = data.attrs;
+	  var props = data.props;
+	  var domProps = data.domProps;
+	  if (attrs || props || domProps) {
+	    for (var key in propOptions) {
+	      var altKey = hyphenate(key);
+	      checkProp(res, props, key, altKey, true) ||
+	      checkProp(res, attrs, key, altKey) ||
+	      checkProp(res, domProps, key, altKey);
+	    }
+	  }
+	  return res
+	}
+
+	function checkProp (
+	  res,
+	  hash,
+	  key,
+	  altKey,
+	  preserve
+	) {
+	  if (hash) {
+	    if (hasOwn(hash, key)) {
+	      res[key] = hash[key];
+	      if (!preserve) {
+	        delete hash[key];
+	      }
+	      return true
+	    } else if (hasOwn(hash, altKey)) {
+	      res[key] = hash[altKey];
+	      if (!preserve) {
+	        delete hash[altKey];
+	      }
+	      return true
+	    }
+	  }
+	  return false
+	}
+
+	function mergeHooks (data) {
+	  if (!data.hook) {
+	    data.hook = {};
+	  }
+	  for (var i = 0; i < hooksToMerge.length; i++) {
+	    var key = hooksToMerge[i];
+	    var fromParent = data.hook[key];
+	    var ours = hooks[key];
+	    data.hook[key] = fromParent ? mergeHook$1(ours, fromParent) : ours;
+	  }
+	}
+
+	function mergeHook$1 (a, b) {
+	  // since all hooks have at most two args, use fixed args
+	  // to avoid having to use fn.apply().
+	  return function (_, __) {
+	    a(_, __);
+	    b(_, __);
+	  }
+	}
+
+	/*  */
+
+	// wrapper function for providing a more flexible interface
+	// without getting yelled at by flow
+	function createElement (
+	  tag,
+	  data,
+	  children
+	) {
+	  if (data && (Array.isArray(data) || typeof data !== 'object')) {
+	    children = data;
+	    data = undefined;
+	  }
+	  // make sure to use real instance instead of proxy as context
+	  return _createElement(this._self, tag, data, children)
+	}
+
+	function _createElement (
+	  context,
+	  tag,
+	  data,
+	  children
+	) {
+	  if (data && data.__ob__) {
+	    process.env.NODE_ENV !== 'production' && warn(
+	      "Avoid using observed data object as vnode data: " + (JSON.stringify(data)) + "\n" +
+	      'Always create fresh vnode data objects in each render!',
+	      context
+	    );
+	    return
+	  }
+	  if (!tag) {
+	    // in case of component :is set to falsy value
+	    return emptyVNode()
+	  }
+	  if (typeof tag === 'string') {
+	    var Ctor;
+	    var ns = config.getTagNamespace(tag);
+	    if (config.isReservedTag(tag)) {
+	      // platform built-in elements
+	      return new VNode(
+	        tag, data, normalizeChildren(children, ns),
+	        undefined, undefined, ns, context
+	      )
+	    } else if ((Ctor = resolveAsset(context.$options, 'components', tag))) {
+	      // component
+	      return createComponent(Ctor, data, context, children, tag)
 	    } else {
-	      hooks[called].call(vm, next);
+	      // unknown or unlisted namespaced elements
+	      // check at runtime because it may get assigned a namespace when its
+	      // parent normalizes children
+	      var childNs = tag === 'foreignObject' ? 'xhtml' : ns;
+	      return new VNode(
+	        tag, data, normalizeChildren(children, childNs),
+	        undefined, undefined, ns, context
+	      )
 	    }
+	  } else {
+	    // direct component options / constructor
+	    return createComponent(tag, data, context, children)
 	  }
 	}
 
-	var propBindingModes = config._propBindingModes;
-	var empty = {};
+	/*  */
 
-	// regexes
-	var identRE$1 = /^[$_a-zA-Z]+[\w$]*$/;
-	var settablePathRE = /^[A-Za-z_$][\w$]*(\.[A-Za-z_$][\w$]*|\[[^\[\]]+\])*$/;
+	function initRender (vm) {
+	  vm.$vnode = null; // the placeholder node in parent tree
+	  vm._vnode = null; // the root of the child tree
+	  vm._staticTrees = null;
+	  vm._renderContext = vm.$options._parentVnode && vm.$options._parentVnode.context;
+	  vm.$slots = resolveSlots(vm.$options._renderChildren, vm._renderContext);
+	  // bind the public createElement fn to this instance
+	  // so that we get proper render context inside it.
+	  vm.$createElement = bind$1(createElement, vm);
+	  if (vm.$options.el) {
+	    vm.$mount(vm.$options.el);
+	  }
+	}
 
-	/**
-	 * Compile props on a root element and return
-	 * a props link function.
-	 *
-	 * @param {Element|DocumentFragment} el
-	 * @param {Array} propOptions
-	 * @param {Vue} vm
-	 * @return {Function} propsLinkFn
-	 */
+	function renderMixin (Vue) {
+	  Vue.prototype.$nextTick = function (fn) {
+	    nextTick(fn, this);
+	  };
 
-	function compileProps(el, propOptions, vm) {
-	  var props = [];
-	  var names = Object.keys(propOptions);
-	  var i = names.length;
-	  var options, name, attr, value, path, parsed, prop;
-	  while (i--) {
-	    name = names[i];
-	    options = propOptions[name] || empty;
+	  Vue.prototype._render = function () {
+	    var vm = this;
+	    var ref = vm.$options;
+	    var render = ref.render;
+	    var staticRenderFns = ref.staticRenderFns;
+	    var _parentVnode = ref._parentVnode;
 
-	    if (process.env.NODE_ENV !== 'production' && name === '$data') {
-	      warn('Do not use $data as prop.', vm);
-	      continue;
+	    if (vm._isMounted) {
+	      // clone slot nodes on re-renders
+	      for (var key in vm.$slots) {
+	        vm.$slots[key] = cloneVNodes(vm.$slots[key]);
+	      }
 	    }
 
-	    // props could contain dashes, which will be
-	    // interpreted as minus calculations by the parser
-	    // so we need to camelize the path here
-	    path = camelize(name);
-	    if (!identRE$1.test(path)) {
-	      process.env.NODE_ENV !== 'production' && warn('Invalid prop key: "' + name + '". Prop keys ' + 'must be valid identifiers.', vm);
-	      continue;
+	    if (staticRenderFns && !vm._staticTrees) {
+	      vm._staticTrees = [];
 	    }
-
-	    prop = {
-	      name: name,
-	      path: path,
-	      options: options,
-	      mode: propBindingModes.ONE_WAY,
-	      raw: null
-	    };
-
-	    attr = hyphenate(name);
-	    // first check dynamic version
-	    if ((value = getBindAttr(el, attr)) === null) {
-	      if ((value = getBindAttr(el, attr + '.sync')) !== null) {
-	        prop.mode = propBindingModes.TWO_WAY;
-	      } else if ((value = getBindAttr(el, attr + '.once')) !== null) {
-	        prop.mode = propBindingModes.ONE_TIME;
+	    // set parent vnode. this allows render functions to have access
+	    // to the data on the placeholder node.
+	    vm.$vnode = _parentVnode;
+	    // render self
+	    var vnode;
+	    try {
+	      vnode = render.call(vm._renderProxy, vm.$createElement);
+	    } catch (e) {
+	      if (process.env.NODE_ENV !== 'production') {
+	        warn(("Error when rendering " + (formatComponentName(vm)) + ":"));
 	      }
-	    }
-	    if (value !== null) {
-	      // has dynamic binding!
-	      prop.raw = value;
-	      parsed = parseDirective(value);
-	      value = parsed.expression;
-	      prop.filters = parsed.filters;
-	      // check binding type
-	      if (isLiteral(value) && !parsed.filters) {
-	        // for expressions containing literal numbers and
-	        // booleans, there's no need to setup a prop binding,
-	        // so we can optimize them as a one-time set.
-	        prop.optimizedLiteral = true;
+	      /* istanbul ignore else */
+	      if (config.errorHandler) {
+	        config.errorHandler.call(null, e, vm);
 	      } else {
-	        prop.dynamic = true;
-	        // check non-settable path for two-way bindings
-	        if (process.env.NODE_ENV !== 'production' && prop.mode === propBindingModes.TWO_WAY && !settablePathRE.test(value)) {
-	          prop.mode = propBindingModes.ONE_WAY;
-	          warn('Cannot bind two-way prop with non-settable ' + 'parent path: ' + value, vm);
+	        if (config._isServer) {
+	          throw e
+	        } else {
+	          console.error(e);
 	        }
 	      }
-	      prop.parentPath = value;
-
-	      // warn required two-way
-	      if (process.env.NODE_ENV !== 'production' && options.twoWay && prop.mode !== propBindingModes.TWO_WAY) {
-	        warn('Prop "' + name + '" expects a two-way binding type.', vm);
+	      // return previous vnode to prevent render error causing blank component
+	      vnode = vm._vnode;
+	    }
+	    // return empty vnode in case the render function errored out
+	    if (!(vnode instanceof VNode)) {
+	      if (process.env.NODE_ENV !== 'production' && Array.isArray(vnode)) {
+	        warn(
+	          'Multiple root nodes returned from render function. Render function ' +
+	          'should return a single root node.',
+	          vm
+	        );
 	      }
-	    } else if ((value = getAttr(el, attr)) !== null) {
-	      // has literal binding!
-	      prop.raw = value;
-	    } else if (process.env.NODE_ENV !== 'production') {
-	      // check possible camelCase prop usage
-	      var lowerCaseName = path.toLowerCase();
-	      value = /[A-Z\-]/.test(name) && (el.getAttribute(lowerCaseName) || el.getAttribute(':' + lowerCaseName) || el.getAttribute('v-bind:' + lowerCaseName) || el.getAttribute(':' + lowerCaseName + '.once') || el.getAttribute('v-bind:' + lowerCaseName + '.once') || el.getAttribute(':' + lowerCaseName + '.sync') || el.getAttribute('v-bind:' + lowerCaseName + '.sync'));
-	      if (value) {
-	        warn('Possible usage error for prop `' + lowerCaseName + '` - ' + 'did you mean `' + attr + '`? HTML is case-insensitive, remember to use ' + 'kebab-case for props in templates.', vm);
-	      } else if (options.required) {
-	        // warn missing required
-	        warn('Missing required prop: ' + name, vm);
+	      vnode = emptyVNode();
+	    }
+	    // set parent
+	    vnode.parent = _parentVnode;
+	    return vnode
+	  };
+
+	  // shorthands used in render functions
+	  Vue.prototype._h = createElement;
+	  // toString for mustaches
+	  Vue.prototype._s = _toString;
+	  // number conversion
+	  Vue.prototype._n = toNumber;
+	  // empty vnode
+	  Vue.prototype._e = emptyVNode;
+	  // loose equal
+	  Vue.prototype._q = looseEqual;
+	  // loose indexOf
+	  Vue.prototype._i = looseIndexOf;
+
+	  // render static tree by index
+	  Vue.prototype._m = function renderStatic (
+	    index,
+	    isInFor
+	  ) {
+	    var tree = this._staticTrees[index];
+	    // if has already-rendered static tree and not inside v-for,
+	    // we can reuse the same tree by doing a shallow clone.
+	    if (tree && !isInFor) {
+	      return Array.isArray(tree)
+	        ? cloneVNodes(tree)
+	        : cloneVNode(tree)
+	    }
+	    // otherwise, render a fresh tree.
+	    tree = this._staticTrees[index] = this.$options.staticRenderFns[index].call(this._renderProxy);
+	    markStatic(tree, ("__static__" + index), false);
+	    return tree
+	  };
+
+	  // mark node as static (v-once)
+	  Vue.prototype._o = function markOnce (
+	    tree,
+	    index,
+	    key
+	  ) {
+	    markStatic(tree, ("__once__" + index + (key ? ("_" + key) : "")), true);
+	    return tree
+	  };
+
+	  function markStatic (tree, key, isOnce) {
+	    if (Array.isArray(tree)) {
+	      for (var i = 0; i < tree.length; i++) {
+	        if (tree[i] && typeof tree[i] !== 'string') {
+	          markStaticNode(tree[i], (key + "_" + i), isOnce);
+	        }
 	      }
+	    } else {
+	      markStaticNode(tree, key, isOnce);
 	    }
-	    // push prop
-	    props.push(prop);
 	  }
-	  return makePropsLinkFn(props);
-	}
 
-	/**
-	 * Build a function that applies props to a vm.
-	 *
-	 * @param {Array} props
-	 * @return {Function} propsLinkFn
-	 */
+	  function markStaticNode (node, key, isOnce) {
+	    node.isStatic = true;
+	    node.key = key;
+	    node.isOnce = isOnce;
+	  }
 
-	function makePropsLinkFn(props) {
-	  return function propsLinkFn(vm, scope) {
-	    // store resolved props info
-	    vm._props = {};
-	    var i = props.length;
-	    var prop, path, options, value, raw;
-	    while (i--) {
-	      prop = props[i];
-	      raw = prop.raw;
-	      path = prop.path;
-	      options = prop.options;
-	      vm._props[path] = prop;
-	      if (raw === null) {
-	        // initialize absent prop
-	        initProp(vm, prop, undefined);
-	      } else if (prop.dynamic) {
-	        // dynamic prop
-	        if (prop.mode === propBindingModes.ONE_TIME) {
-	          // one time binding
-	          value = (scope || vm._context || vm).$get(prop.parentPath);
-	          initProp(vm, prop, value);
-	        } else {
-	          if (vm._context) {
-	            // dynamic binding
-	            vm._bindDir({
-	              name: 'prop',
-	              def: propDef,
-	              prop: prop
-	            }, null, null, scope); // el, host, scope
+	  // filter resolution helper
+	  var identity = function (_) { return _; };
+	  Vue.prototype._f = function resolveFilter (id) {
+	    return resolveAsset(this.$options, 'filters', id, true) || identity
+	  };
+
+	  // render v-for
+	  Vue.prototype._l = function renderList (
+	    val,
+	    render
+	  ) {
+	    var ret, i, l, keys, key;
+	    if (Array.isArray(val)) {
+	      ret = new Array(val.length);
+	      for (i = 0, l = val.length; i < l; i++) {
+	        ret[i] = render(val[i], i);
+	      }
+	    } else if (typeof val === 'number') {
+	      ret = new Array(val);
+	      for (i = 0; i < val; i++) {
+	        ret[i] = render(i + 1, i);
+	      }
+	    } else if (isObject(val)) {
+	      keys = Object.keys(val);
+	      ret = new Array(keys.length);
+	      for (i = 0, l = keys.length; i < l; i++) {
+	        key = keys[i];
+	        ret[i] = render(val[key], key, i);
+	      }
+	    }
+	    return ret
+	  };
+
+	  // renderSlot
+	  Vue.prototype._t = function (
+	    name,
+	    fallback
+	  ) {
+	    var slotNodes = this.$slots[name];
+	    // warn duplicate slot usage
+	    if (slotNodes && process.env.NODE_ENV !== 'production') {
+	      slotNodes._rendered && warn(
+	        "Duplicate presence of slot \"" + name + "\" found in the same render tree " +
+	        "- this will likely cause render errors.",
+	        this
+	      );
+	      slotNodes._rendered = true;
+	    }
+	    return slotNodes || fallback
+	  };
+
+	  // apply v-bind object
+	  Vue.prototype._b = function bindProps (
+	    data,
+	    value,
+	    asProp
+	  ) {
+	    if (value) {
+	      if (!isObject(value)) {
+	        process.env.NODE_ENV !== 'production' && warn(
+	          'v-bind without argument expects an Object or Array value',
+	          this
+	        );
+	      } else {
+	        if (Array.isArray(value)) {
+	          value = toObject(value);
+	        }
+	        for (var key in value) {
+	          if (key === 'class' || key === 'style') {
+	            data[key] = value[key];
 	          } else {
-	              // root instance
-	              initProp(vm, prop, vm.$get(prop.parentPath));
-	            }
+	            var hash = asProp || config.mustUseProp(key)
+	              ? data.domProps || (data.domProps = {})
+	              : data.attrs || (data.attrs = {});
+	            hash[key] = value[key];
+	          }
 	        }
-	      } else if (prop.optimizedLiteral) {
-	        // optimized literal, cast it and just set once
-	        var stripped = stripQuotes(raw);
-	        value = stripped === raw ? toBoolean(toNumber(raw)) : stripped;
-	        initProp(vm, prop, value);
-	      } else {
-	        // string literal, but we need to cater for
-	        // Boolean props with no value, or with same
-	        // literal value (e.g. disabled="disabled")
-	        // see https://github.com/vuejs/vue-loader/issues/182
-	        value = options.type === Boolean && (raw === '' || raw === hyphenate(prop.name)) ? true : raw;
-	        initProp(vm, prop, value);
 	      }
 	    }
+	    return data
 	  };
-	}
 
-	/**
-	 * Process a prop with a rawValue, applying necessary coersions,
-	 * default values & assertions and call the given callback with
-	 * processed value.
-	 *
-	 * @param {Vue} vm
-	 * @param {Object} prop
-	 * @param {*} rawValue
-	 * @param {Function} fn
-	 */
+	  // expose v-on keyCodes
+	  Vue.prototype._k = function getKeyCodes (key) {
+	    return config.keyCodes[key]
+	  };
+	}
 
-	function processPropValue(vm, prop, rawValue, fn) {
-	  var isSimple = prop.dynamic && isSimplePath(prop.parentPath);
-	  var value = rawValue;
-	  if (value === undefined) {
-	    value = getPropDefaultValue(vm, prop);
-	  }
-	  value = coerceProp(prop, value);
-	  var coerced = value !== rawValue;
-	  if (!assertProp(prop, value, vm)) {
-	    value = undefined;
+	function resolveSlots (
+	  renderChildren,
+	  context
+	) {
+	  var slots = {};
+	  if (!renderChildren) {
+	    return slots
+	  }
+	  var children = normalizeChildren(renderChildren) || [];
+	  var defaultSlot = [];
+	  var name, child;
+	  for (var i = 0, l = children.length; i < l; i++) {
+	    child = children[i];
+	    // named slots should only be respected if the vnode was rendered in the
+	    // same context.
+	    if ((child.context === context || child.functionalContext === context) &&
+	        child.data && (name = child.data.slot)) {
+	      var slot = (slots[name] || (slots[name] = []));
+	      if (child.tag === 'template') {
+	        slot.push.apply(slot, child.children);
+	      } else {
+	        slot.push(child);
+	      }
+	    } else {
+	      defaultSlot.push(child);
+	    }
 	  }
-	  if (isSimple && !coerced) {
-	    withoutConversion(function () {
-	      fn(value);
-	    });
-	  } else {
-	    fn(value);
+	  // ignore single whitespace
+	  if (defaultSlot.length && !(
+	    defaultSlot.length === 1 &&
+	    (defaultSlot[0].text === ' ' || defaultSlot[0].isComment)
+	  )) {
+	    slots.default = defaultSlot;
 	  }
+	  return slots
 	}
 
-	/**
-	 * Set a prop's initial value on a vm and its data object.
-	 *
-	 * @param {Vue} vm
-	 * @param {Object} prop
-	 * @param {*} value
-	 */
-
-	function initProp(vm, prop, value) {
-	  processPropValue(vm, prop, value, function (value) {
-	    defineReactive(vm, prop.path, value);
-	  });
-	}
-
-	/**
-	 * Update a prop's value on a vm.
-	 *
-	 * @param {Vue} vm
-	 * @param {Object} prop
-	 * @param {*} value
-	 */
-
-	function updateProp(vm, prop, value) {
-	  processPropValue(vm, prop, value, function (value) {
-	    vm[prop.path] = value;
-	  });
-	}
-
-	/**
-	 * Get the default value of a prop.
-	 *
-	 * @param {Vue} vm
-	 * @param {Object} prop
-	 * @return {*}
-	 */
+	/*  */
 
-	function getPropDefaultValue(vm, prop) {
-	  // no default, return undefined
-	  var options = prop.options;
-	  if (!hasOwn(options, 'default')) {
-	    // absent boolean value defaults to false
-	    return options.type === Boolean ? false : undefined;
-	  }
-	  var def = options['default'];
-	  // warn against non-factory defaults for Object & Array
-	  if (isObject(def)) {
-	    process.env.NODE_ENV !== 'production' && warn('Invalid default value for prop "' + prop.name + '": ' + 'Props with type Object/Array must use a factory function ' + 'to return the default value.', vm);
+	function initEvents (vm) {
+	  vm._events = Object.create(null);
+	  // init parent attached events
+	  var listeners = vm.$options._parentListeners;
+	  var on = bind$1(vm.$on, vm);
+	  var off = bind$1(vm.$off, vm);
+	  vm._updateListeners = function (listeners, oldListeners) {
+	    updateListeners(listeners, oldListeners || {}, on, off, vm);
+	  };
+	  if (listeners) {
+	    vm._updateListeners(listeners);
 	  }
-	  // call factory function for non-Function types
-	  return typeof def === 'function' && options.type !== Function ? def.call(vm) : def;
 	}
 
-	/**
-	 * Assert whether a prop is valid.
-	 *
-	 * @param {Object} prop
-	 * @param {*} value
-	 * @param {Vue} vm
-	 */
+	function eventsMixin (Vue) {
+	  Vue.prototype.$on = function (event, fn) {
+	    var vm = this;(vm._events[event] || (vm._events[event] = [])).push(fn);
+	    return vm
+	  };
 
-	function assertProp(prop, value, vm) {
-	  if (!prop.options.required && ( // non-required
-	  prop.raw === null || // abscent
-	  value == null) // null or undefined
-	  ) {
-	      return true;
+	  Vue.prototype.$once = function (event, fn) {
+	    var vm = this;
+	    function on () {
+	      vm.$off(event, on);
+	      fn.apply(vm, arguments);
 	    }
-	  var options = prop.options;
-	  var type = options.type;
-	  var valid = !type;
-	  var expectedTypes = [];
-	  if (type) {
-	    if (!isArray(type)) {
-	      type = [type];
+	    on.fn = fn;
+	    vm.$on(event, on);
+	    return vm
+	  };
+
+	  Vue.prototype.$off = function (event, fn) {
+	    var vm = this;
+	    // all
+	    if (!arguments.length) {
+	      vm._events = Object.create(null);
+	      return vm
 	    }
-	    for (var i = 0; i < type.length && !valid; i++) {
-	      var assertedType = assertType(value, type[i]);
-	      expectedTypes.push(assertedType.expectedType);
-	      valid = assertedType.valid;
+	    // specific event
+	    var cbs = vm._events[event];
+	    if (!cbs) {
+	      return vm
 	    }
-	  }
-	  if (!valid) {
-	    if (process.env.NODE_ENV !== 'production') {
-	      warn('Invalid prop: type check failed for prop "' + prop.name + '".' + ' Expected ' + expectedTypes.map(formatType).join(', ') + ', got ' + formatValue(value) + '.', vm);
+	    if (arguments.length === 1) {
+	      vm._events[event] = null;
+	      return vm
 	    }
-	    return false;
-	  }
-	  var validator = options.validator;
-	  if (validator) {
-	    if (!validator(value)) {
-	      process.env.NODE_ENV !== 'production' && warn('Invalid prop: custom validator check failed for prop "' + prop.name + '".', vm);
-	      return false;
+	    // specific handler
+	    var cb;
+	    var i = cbs.length;
+	    while (i--) {
+	      cb = cbs[i];
+	      if (cb === fn || cb.fn === fn) {
+	        cbs.splice(i, 1);
+	        break
+	      }
 	    }
-	  }
-	  return true;
-	}
-
-	/**
-	 * Force parsing value with coerce option.
-	 *
-	 * @param {*} value
-	 * @param {Object} options
-	 * @return {*}
-	 */
+	    return vm
+	  };
 
-	function coerceProp(prop, value) {
-	  var coerce = prop.options.coerce;
-	  if (!coerce) {
-	    return value;
-	  }
-	  // coerce is a function
-	  return coerce(value);
+	  Vue.prototype.$emit = function (event) {
+	    var vm = this;
+	    var cbs = vm._events[event];
+	    if (cbs) {
+	      cbs = cbs.length > 1 ? toArray(cbs) : cbs;
+	      var args = toArray(arguments, 1);
+	      for (var i = 0, l = cbs.length; i < l; i++) {
+	        cbs[i].apply(vm, args);
+	      }
+	    }
+	    return vm
+	  };
 	}
 
-	/**
-	 * Assert the type of a value
-	 *
-	 * @param {*} value
-	 * @param {Function} type
-	 * @return {Object}
-	 */
+	/*  */
 
-	function assertType(value, type) {
-	  var valid;
-	  var expectedType;
-	  if (type === String) {
-	    expectedType = 'string';
-	    valid = typeof value === expectedType;
-	  } else if (type === Number) {
-	    expectedType = 'number';
-	    valid = typeof value === expectedType;
-	  } else if (type === Boolean) {
-	    expectedType = 'boolean';
-	    valid = typeof value === expectedType;
-	  } else if (type === Function) {
-	    expectedType = 'function';
-	    valid = typeof value === expectedType;
-	  } else if (type === Object) {
-	    expectedType = 'object';
-	    valid = isPlainObject(value);
-	  } else if (type === Array) {
-	    expectedType = 'array';
-	    valid = isArray(value);
-	  } else {
-	    valid = value instanceof type;
-	  }
-	  return {
-	    valid: valid,
-	    expectedType: expectedType
+	var uid = 0;
+
+	function initMixin (Vue) {
+	  Vue.prototype._init = function (options) {
+	    var vm = this;
+	    // a uid
+	    vm._uid = uid++;
+	    // a flag to avoid this being observed
+	    vm._isVue = true;
+	    // merge options
+	    if (options && options._isComponent) {
+	      // optimize internal component instantiation
+	      // since dynamic options merging is pretty slow, and none of the
+	      // internal component options needs special treatment.
+	      initInternalComponent(vm, options);
+	    } else {
+	      vm.$options = mergeOptions(
+	        resolveConstructorOptions(vm.constructor),
+	        options || {},
+	        vm
+	      );
+	    }
+	    /* istanbul ignore else */
+	    if (process.env.NODE_ENV !== 'production') {
+	      initProxy(vm);
+	    } else {
+	      vm._renderProxy = vm;
+	    }
+	    // expose real self
+	    vm._self = vm;
+	    initLifecycle(vm);
+	    initEvents(vm);
+	    callHook(vm, 'beforeCreate');
+	    initState(vm);
+	    callHook(vm, 'created');
+	    initRender(vm);
 	  };
 	}
 
-	/**
-	 * Format type for output
-	 *
-	 * @param {String} type
-	 * @return {String}
-	 */
-
-	function formatType(type) {
-	  return type ? type.charAt(0).toUpperCase() + type.slice(1) : 'custom type';
+	function initInternalComponent (vm, options) {
+	  var opts = vm.$options = Object.create(vm.constructor.options);
+	  // doing this because it's faster than dynamic enumeration.
+	  opts.parent = options.parent;
+	  opts.propsData = options.propsData;
+	  opts._parentVnode = options._parentVnode;
+	  opts._parentListeners = options._parentListeners;
+	  opts._renderChildren = options._renderChildren;
+	  opts._componentTag = options._componentTag;
+	  if (options.render) {
+	    opts.render = options.render;
+	    opts.staticRenderFns = options.staticRenderFns;
+	  }
 	}
 
-	/**
-	 * Format value
-	 *
-	 * @param {*} value
-	 * @return {String}
-	 */
+	function resolveConstructorOptions (Ctor) {
+	  var options = Ctor.options;
+	  if (Ctor.super) {
+	    var superOptions = Ctor.super.options;
+	    var cachedSuperOptions = Ctor.superOptions;
+	    var extendOptions = Ctor.extendOptions;
+	    if (superOptions !== cachedSuperOptions) {
+	      // super option changed
+	      Ctor.superOptions = superOptions;
+	      extendOptions.render = options.render;
+	      extendOptions.staticRenderFns = options.staticRenderFns;
+	      options = Ctor.options = mergeOptions(superOptions, extendOptions);
+	      if (options.name) {
+	        options.components[options.name] = Ctor;
+	      }
+	    }
+	  }
+	  return options
+	}
 
-	function formatValue(val) {
-	  return Object.prototype.toString.call(val).slice(8, -1);
+	function Vue$1 (options) {
+	  if (process.env.NODE_ENV !== 'production' &&
+	    !(this instanceof Vue$1)) {
+	    warn('Vue is a constructor and should be called with the `new` keyword');
+	  }
+	  this._init(options);
 	}
 
-	var bindingModes = config._propBindingModes;
+	initMixin(Vue$1);
+	stateMixin(Vue$1);
+	eventsMixin(Vue$1);
+	lifecycleMixin(Vue$1);
+	renderMixin(Vue$1);
 
-	var propDef = {
+	var warn = noop;
+	var formatComponentName;
 
-	  bind: function bind() {
-	    var child = this.vm;
-	    var parent = child._context;
-	    // passed in from compiler directly
-	    var prop = this.descriptor.prop;
-	    var childKey = prop.path;
-	    var parentKey = prop.parentPath;
-	    var twoWay = prop.mode === bindingModes.TWO_WAY;
+	if (process.env.NODE_ENV !== 'production') {
+	  var hasConsole = typeof console !== 'undefined';
 
-	    var parentWatcher = this.parentWatcher = new Watcher(parent, parentKey, function (val) {
-	      updateProp(child, prop, val);
-	    }, {
-	      twoWay: twoWay,
-	      filters: prop.filters,
-	      // important: props need to be observed on the
-	      // v-for scope if present
-	      scope: this._scope
-	    });
+	  warn = function (msg, vm) {
+	    if (hasConsole && (!config.silent)) {
+	      console.error("[Vue warn]: " + msg + " " + (
+	        vm ? formatLocation(formatComponentName(vm)) : ''
+	      ));
+	    }
+	  };
 
-	    // set the child initial value.
-	    initProp(child, prop, parentWatcher.value);
-
-	    // setup two-way binding
-	    if (twoWay) {
-	      // important: defer the child watcher creation until
-	      // the created hook (after data observation)
-	      var self = this;
-	      child.$once('pre-hook:created', function () {
-	        self.childWatcher = new Watcher(child, childKey, function (val) {
-	          parentWatcher.set(val);
-	        }, {
-	          // ensure sync upward before parent sync down.
-	          // this is necessary in cases e.g. the child
-	          // mutates a prop array, then replaces it. (#1683)
-	          sync: true
-	        });
-	      });
+	  formatComponentName = function (vm) {
+	    if (vm.$root === vm) {
+	      return 'root instance'
 	    }
-	  },
+	    var name = vm._isVue
+	      ? vm.$options.name || vm.$options._componentTag
+	      : vm.name;
+	    return (
+	      (name ? ("component <" + name + ">") : "anonymous component") +
+	      (vm._isVue && vm.$options.__file ? (" at " + (vm.$options.__file)) : '')
+	    )
+	  };
 
-	  unbind: function unbind() {
-	    this.parentWatcher.teardown();
-	    if (this.childWatcher) {
-	      this.childWatcher.teardown();
+	  var formatLocation = function (str) {
+	    if (str === 'anonymous component') {
+	      str += " - use the \"name\" option for better debugging messages.";
 	    }
-	  }
-	};
+	    return ("\n(found in " + str + ")")
+	  };
+	}
 
-	var queue$1 = [];
-	var queued = false;
+	/*  */
 
 	/**
-	 * Push a job into the queue.
-	 *
-	 * @param {Function} job
+	 * Option overwriting strategies are functions that handle
+	 * how to merge a parent option value and a child option
+	 * value into the final value.
 	 */
-
-	function pushJob(job) {
-	  queue$1.push(job);
-	  if (!queued) {
-	    queued = true;
-	    nextTick(flush);
-	  }
-	}
+	var strats = config.optionMergeStrategies;
 
 	/**
-	 * Flush the queue, and do one forced reflow before
-	 * triggering transitions.
+	 * Options with restrictions
 	 */
-
-	function flush() {
-	  // Force layout
-	  var f = document.documentElement.offsetHeight;
-	  for (var i = 0; i < queue$1.length; i++) {
-	    queue$1[i]();
-	  }
-	  queue$1 = [];
-	  queued = false;
-	  // dummy return, so js linters don't complain about
-	  // unused variable f
-	  return f;
+	if (process.env.NODE_ENV !== 'production') {
+	  strats.el = strats.propsData = function (parent, child, vm, key) {
+	    if (!vm) {
+	      warn(
+	        "option \"" + key + "\" can only be used during instance " +
+	        'creation with the `new` keyword.'
+	      );
+	    }
+	    return defaultStrat(parent, child)
+	  };
 	}
 
-	var TYPE_TRANSITION = 'transition';
-	var TYPE_ANIMATION = 'animation';
-	var transDurationProp = transitionProp + 'Duration';
-	var animDurationProp = animationProp + 'Duration';
-
-	/**
-	 * If a just-entered element is applied the
-	 * leave class while its enter transition hasn't started yet,
-	 * and the transitioned property has the same value for both
-	 * enter/leave, then the leave transition will be skipped and
-	 * the transitionend event never fires. This function ensures
-	 * its callback to be called after a transition has started
-	 * by waiting for double raf.
-	 *
-	 * It falls back to setTimeout on devices that support CSS
-	 * transitions but not raf (e.g. Android 4.2 browser) - since
-	 * these environments are usually slow, we are giving it a
-	 * relatively large timeout.
-	 */
-
-	var raf = inBrowser && window.requestAnimationFrame;
-	var waitForTransitionStart = raf
-	/* istanbul ignore next */
-	? function (fn) {
-	  raf(function () {
-	    raf(fn);
-	  });
-	} : function (fn) {
-	  setTimeout(fn, 50);
-	};
-
 	/**
-	 * A Transition object that encapsulates the state and logic
-	 * of the transition.
-	 *
-	 * @param {Element} el
-	 * @param {String} id
-	 * @param {Object} hooks
-	 * @param {Vue} vm
+	 * Helper that recursively merges two data objects together.
 	 */
-	function Transition(el, id, hooks, vm) {
-	  this.id = id;
-	  this.el = el;
-	  this.enterClass = hooks && hooks.enterClass || id + '-enter';
-	  this.leaveClass = hooks && hooks.leaveClass || id + '-leave';
-	  this.hooks = hooks;
-	  this.vm = vm;
-	  // async state
-	  this.pendingCssEvent = this.pendingCssCb = this.cancel = this.pendingJsCb = this.op = this.cb = null;
-	  this.justEntered = false;
-	  this.entered = this.left = false;
-	  this.typeCache = {};
-	  // check css transition type
-	  this.type = hooks && hooks.type;
-	  /* istanbul ignore if */
-	  if (process.env.NODE_ENV !== 'production') {
-	    if (this.type && this.type !== TYPE_TRANSITION && this.type !== TYPE_ANIMATION) {
-	      warn('invalid CSS transition type for transition="' + this.id + '": ' + this.type, vm);
+	function mergeData (to, from) {
+	  var key, toVal, fromVal;
+	  for (key in from) {
+	    toVal = to[key];
+	    fromVal = from[key];
+	    if (!hasOwn(to, key)) {
+	      set(to, key, fromVal);
+	    } else if (isObject(toVal) && isObject(fromVal)) {
+	      mergeData(toVal, fromVal);
 	    }
 	  }
-	  // bind
-	  var self = this;['enterNextTick', 'enterDone', 'leaveNextTick', 'leaveDone'].forEach(function (m) {
-	    self[m] = bind(self[m], self);
-	  });
+	  return to
 	}
 
-	var p$1 = Transition.prototype;
-
-	/**
-	 * Start an entering transition.
-	 *
-	 * 1. enter transition triggered
-	 * 2. call beforeEnter hook
-	 * 3. add enter class
-	 * 4. insert/show element
-	 * 5. call enter hook (with possible explicit js callback)
-	 * 6. reflow
-	 * 7. based on transition type:
-	 *    - transition:
-	 *        remove class now, wait for transitionend,
-	 *        then done if there's no explicit js callback.
-	 *    - animation:
-	 *        wait for animationend, remove class,
-	 *        then done if there's no explicit js callback.
-	 *    - no css transition:
-	 *        done now if there's no explicit js callback.
-	 * 8. wait for either done or js callback, then call
-	 *    afterEnter hook.
-	 *
-	 * @param {Function} op - insert/show the element
-	 * @param {Function} [cb]
-	 */
-
-	p$1.enter = function (op, cb) {
-	  this.cancelPending();
-	  this.callHook('beforeEnter');
-	  this.cb = cb;
-	  addClass(this.el, this.enterClass);
-	  op();
-	  this.entered = false;
-	  this.callHookWithCb('enter');
-	  if (this.entered) {
-	    return; // user called done synchronously.
-	  }
-	  this.cancel = this.hooks && this.hooks.enterCancelled;
-	  pushJob(this.enterNextTick);
-	};
-
 	/**
-	 * The "nextTick" phase of an entering transition, which is
-	 * to be pushed into a queue and executed after a reflow so
-	 * that removing the class can trigger a CSS transition.
+	 * Data
 	 */
-
-	p$1.enterNextTick = function () {
-	  var _this = this;
-
-	  // prevent transition skipping
-	  this.justEntered = true;
-	  waitForTransitionStart(function () {
-	    _this.justEntered = false;
-	  });
-	  var enterDone = this.enterDone;
-	  var type = this.getCssTransitionType(this.enterClass);
-	  if (!this.pendingJsCb) {
-	    if (type === TYPE_TRANSITION) {
-	      // trigger transition by removing enter class now
-	      removeClass(this.el, this.enterClass);
-	      this.setupCssCb(transitionEndEvent, enterDone);
-	    } else if (type === TYPE_ANIMATION) {
-	      this.setupCssCb(animationEndEvent, enterDone);
-	    } else {
-	      enterDone();
+	strats.data = function (
+	  parentVal,
+	  childVal,
+	  vm
+	) {
+	  if (!vm) {
+	    // in a Vue.extend merge, both should be functions
+	    if (!childVal) {
+	      return parentVal
+	    }
+	    if (typeof childVal !== 'function') {
+	      process.env.NODE_ENV !== 'production' && warn(
+	        'The "data" option should be a function ' +
+	        'that returns a per-instance value in component ' +
+	        'definitions.',
+	        vm
+	      );
+	      return parentVal
+	    }
+	    if (!parentVal) {
+	      return childVal
+	    }
+	    // when parentVal & childVal are both present,
+	    // we need to return a function that returns the
+	    // merged result of both functions... no need to
+	    // check if parentVal is a function here because
+	    // it has to be a function to pass previous merges.
+	    return function mergedDataFn () {
+	      return mergeData(
+	        childVal.call(this),
+	        parentVal.call(this)
+	      )
+	    }
+	  } else if (parentVal || childVal) {
+	    return function mergedInstanceDataFn () {
+	      // instance merge
+	      var instanceData = typeof childVal === 'function'
+	        ? childVal.call(vm)
+	        : childVal;
+	      var defaultData = typeof parentVal === 'function'
+	        ? parentVal.call(vm)
+	        : undefined;
+	      if (instanceData) {
+	        return mergeData(instanceData, defaultData)
+	      } else {
+	        return defaultData
+	      }
 	    }
-	  } else if (type === TYPE_TRANSITION) {
-	    removeClass(this.el, this.enterClass);
 	  }
 	};
 
 	/**
-	 * The "cleanup" phase of an entering transition.
+	 * Hooks and param attributes are merged as arrays.
 	 */
-
-	p$1.enterDone = function () {
-	  this.entered = true;
-	  this.cancel = this.pendingJsCb = null;
-	  removeClass(this.el, this.enterClass);
-	  this.callHook('afterEnter');
-	  if (this.cb) this.cb();
-	};
+	function mergeHook (
+	  parentVal,
+	  childVal
+	) {
+	  return childVal
+	    ? parentVal
+	      ? parentVal.concat(childVal)
+	      : Array.isArray(childVal)
+	        ? childVal
+	        : [childVal]
+	    : parentVal
+	}
+
+	config._lifecycleHooks.forEach(function (hook) {
+	  strats[hook] = mergeHook;
+	});
 
 	/**
-	 * Start a leaving transition.
-	 *
-	 * 1. leave transition triggered.
-	 * 2. call beforeLeave hook
-	 * 3. add leave class (trigger css transition)
-	 * 4. call leave hook (with possible explicit js callback)
-	 * 5. reflow if no explicit js callback is provided
-	 * 6. based on transition type:
-	 *    - transition or animation:
-	 *        wait for end event, remove class, then done if
-	 *        there's no explicit js callback.
-	 *    - no css transition:
-	 *        done if there's no explicit js callback.
-	 * 7. wait for either done or js callback, then call
-	 *    afterLeave hook.
+	 * Assets
 	 *
-	 * @param {Function} op - remove/hide the element
-	 * @param {Function} [cb]
+	 * When a vm is present (instance creation), we need to do
+	 * a three-way merge between constructor options, instance
+	 * options and parent options.
 	 */
+	function mergeAssets (parentVal, childVal) {
+	  var res = Object.create(parentVal || null);
+	  return childVal
+	    ? extend(res, childVal)
+	    : res
+	}
 
-	p$1.leave = function (op, cb) {
-	  this.cancelPending();
-	  this.callHook('beforeLeave');
-	  this.op = op;
-	  this.cb = cb;
-	  addClass(this.el, this.leaveClass);
-	  this.left = false;
-	  this.callHookWithCb('leave');
-	  if (this.left) {
-	    return; // user called done synchronously.
-	  }
-	  this.cancel = this.hooks && this.hooks.leaveCancelled;
-	  // only need to handle leaveDone if
-	  // 1. the transition is already done (synchronously called
-	  //    by the user, which causes this.op set to null)
-	  // 2. there's no explicit js callback
-	  if (this.op && !this.pendingJsCb) {
-	    // if a CSS transition leaves immediately after enter,
-	    // the transitionend event never fires. therefore we
-	    // detect such cases and end the leave immediately.
-	    if (this.justEntered) {
-	      this.leaveDone();
-	    } else {
-	      pushJob(this.leaveNextTick);
-	    }
-	  }
-	};
+	config._assetTypes.forEach(function (type) {
+	  strats[type + 's'] = mergeAssets;
+	});
 
 	/**
-	 * The "nextTick" phase of a leaving transition.
+	 * Watchers.
+	 *
+	 * Watchers hashes should not overwrite one
+	 * another, so we merge them as arrays.
 	 */
-
-	p$1.leaveNextTick = function () {
-	  var type = this.getCssTransitionType(this.leaveClass);
-	  if (type) {
-	    var event = type === TYPE_TRANSITION ? transitionEndEvent : animationEndEvent;
-	    this.setupCssCb(event, this.leaveDone);
-	  } else {
-	    this.leaveDone();
+	strats.watch = function (parentVal, childVal) {
+	  /* istanbul ignore if */
+	  if (!childVal) { return parentVal }
+	  if (!parentVal) { return childVal }
+	  var ret = {};
+	  extend(ret, parentVal);
+	  for (var key in childVal) {
+	    var parent = ret[key];
+	    var child = childVal[key];
+	    if (parent && !Array.isArray(parent)) {
+	      parent = [parent];
+	    }
+	    ret[key] = parent
+	      ? parent.concat(child)
+	      : [child];
 	  }
+	  return ret
 	};
 
 	/**
-	 * The "cleanup" phase of a leaving transition.
+	 * Other object hashes.
 	 */
-
-	p$1.leaveDone = function () {
-	  this.left = true;
-	  this.cancel = this.pendingJsCb = null;
-	  this.op();
-	  removeClass(this.el, this.leaveClass);
-	  this.callHook('afterLeave');
-	  if (this.cb) this.cb();
-	  this.op = null;
+	strats.props =
+	strats.methods =
+	strats.computed = function (parentVal, childVal) {
+	  if (!childVal) { return parentVal }
+	  if (!parentVal) { return childVal }
+	  var ret = Object.create(null);
+	  extend(ret, parentVal);
+	  extend(ret, childVal);
+	  return ret
 	};
 
 	/**
-	 * Cancel any pending callbacks from a previously running
-	 * but not finished transition.
+	 * Default strategy.
 	 */
-
-	p$1.cancelPending = function () {
-	  this.op = this.cb = null;
-	  var hasPending = false;
-	  if (this.pendingCssCb) {
-	    hasPending = true;
-	    off(this.el, this.pendingCssEvent, this.pendingCssCb);
-	    this.pendingCssEvent = this.pendingCssCb = null;
-	  }
-	  if (this.pendingJsCb) {
-	    hasPending = true;
-	    this.pendingJsCb.cancel();
-	    this.pendingJsCb = null;
-	  }
-	  if (hasPending) {
-	    removeClass(this.el, this.enterClass);
-	    removeClass(this.el, this.leaveClass);
-	  }
-	  if (this.cancel) {
-	    this.cancel.call(this.vm, this.el);
-	    this.cancel = null;
-	  }
+	var defaultStrat = function (parentVal, childVal) {
+	  return childVal === undefined
+	    ? parentVal
+	    : childVal
 	};
 
 	/**
-	 * Call a user-provided synchronous hook function.
-	 *
-	 * @param {String} type
+	 * Validate component names
 	 */
-
-	p$1.callHook = function (type) {
-	  if (this.hooks && this.hooks[type]) {
-	    this.hooks[type].call(this.vm, this.el);
+	function checkComponents (options) {
+	  for (var key in options.components) {
+	    var lower = key.toLowerCase();
+	    if (isBuiltInTag(lower) || config.isReservedTag(lower)) {
+	      warn(
+	        'Do not use built-in or reserved HTML elements as component ' +
+	        'id: ' + key
+	      );
+	    }
 	  }
-	};
+	}
 
 	/**
-	 * Call a user-provided, potentially-async hook function.
-	 * We check for the length of arguments to see if the hook
-	 * expects a `done` callback. If true, the transition's end
-	 * will be determined by when the user calls that callback;
-	 * otherwise, the end is determined by the CSS transition or
-	 * animation.
-	 *
-	 * @param {String} type
+	 * Ensure all props option syntax are normalized into the
+	 * Object-based format.
 	 */
-
-	p$1.callHookWithCb = function (type) {
-	  var hook = this.hooks && this.hooks[type];
-	  if (hook) {
-	    if (hook.length > 1) {
-	      this.pendingJsCb = cancellable(this[type + 'Done']);
+	function normalizeProps (options) {
+	  var props = options.props;
+	  if (!props) { return }
+	  var res = {};
+	  var i, val, name;
+	  if (Array.isArray(props)) {
+	    i = props.length;
+	    while (i--) {
+	      val = props[i];
+	      if (typeof val === 'string') {
+	        name = camelize(val);
+	        res[name] = { type: null };
+	      } else if (process.env.NODE_ENV !== 'production') {
+	        warn('props must be strings when using array syntax.');
+	      }
+	    }
+	  } else if (isPlainObject(props)) {
+	    for (var key in props) {
+	      val = props[key];
+	      name = camelize(key);
+	      res[name] = isPlainObject(val)
+	        ? val
+	        : { type: val };
 	    }
-	    hook.call(this.vm, this.el, this.pendingJsCb);
 	  }
-	};
+	  options.props = res;
+	}
 
 	/**
-	 * Get an element's transition type based on the
-	 * calculated styles.
-	 *
-	 * @param {String} className
-	 * @return {Number}
+	 * Normalize raw function directives into object format.
 	 */
-
-	p$1.getCssTransitionType = function (className) {
-	  /* istanbul ignore if */
-	  if (!transitionEndEvent ||
-	  // skip CSS transitions if page is not visible -
-	  // this solves the issue of transitionend events not
-	  // firing until the page is visible again.
-	  // pageVisibility API is supported in IE10+, same as
-	  // CSS transitions.
-	  document.hidden ||
-	  // explicit js-only transition
-	  this.hooks && this.hooks.css === false ||
-	  // element is hidden
-	  isHidden(this.el)) {
-	    return;
-	  }
-	  var type = this.type || this.typeCache[className];
-	  if (type) return type;
-	  var inlineStyles = this.el.style;
-	  var computedStyles = window.getComputedStyle(this.el);
-	  var transDuration = inlineStyles[transDurationProp] || computedStyles[transDurationProp];
-	  if (transDuration && transDuration !== '0s') {
-	    type = TYPE_TRANSITION;
-	  } else {
-	    var animDuration = inlineStyles[animDurationProp] || computedStyles[animDurationProp];
-	    if (animDuration && animDuration !== '0s') {
-	      type = TYPE_ANIMATION;
+	function normalizeDirectives (options) {
+	  var dirs = options.directives;
+	  if (dirs) {
+	    for (var key in dirs) {
+	      var def = dirs[key];
+	      if (typeof def === 'function') {
+	        dirs[key] = { bind: def, update: def };
+	      }
 	    }
 	  }
-	  if (type) {
-	    this.typeCache[className] = type;
-	  }
-	  return type;
-	};
+	}
 
 	/**
-	 * Setup a CSS transitionend/animationend callback.
-	 *
-	 * @param {String} event
-	 * @param {Function} cb
+	 * Merge two option objects into a new one.
+	 * Core utility used in both instantiation and inheritance.
 	 */
-
-	p$1.setupCssCb = function (event, cb) {
-	  this.pendingCssEvent = event;
-	  var self = this;
-	  var el = this.el;
-	  var onEnd = this.pendingCssCb = function (e) {
-	    if (e.target === el) {
-	      off(el, event, onEnd);
-	      self.pendingCssEvent = self.pendingCssCb = null;
-	      if (!self.pendingJsCb && cb) {
-	        cb();
+	function mergeOptions (
+	  parent,
+	  child,
+	  vm
+	) {
+	  if (process.env.NODE_ENV !== 'production') {
+	    checkComponents(child);
+	  }
+	  normalizeProps(child);
+	  normalizeDirectives(child);
+	  var extendsFrom = child.extends;
+	  if (extendsFrom) {
+	    parent = typeof extendsFrom === 'function'
+	      ? mergeOptions(parent, extendsFrom.options, vm)
+	      : mergeOptions(parent, extendsFrom, vm);
+	  }
+	  if (child.mixins) {
+	    for (var i = 0, l = child.mixins.length; i < l; i++) {
+	      var mixin = child.mixins[i];
+	      if (mixin.prototype instanceof Vue$1) {
+	        mixin = mixin.options;
 	      }
+	      parent = mergeOptions(parent, mixin, vm);
 	    }
-	  };
-	  on(el, event, onEnd);
-	};
+	  }
+	  var options = {};
+	  var key;
+	  for (key in parent) {
+	    mergeField(key);
+	  }
+	  for (key in child) {
+	    if (!hasOwn(parent, key)) {
+	      mergeField(key);
+	    }
+	  }
+	  function mergeField (key) {
+	    var strat = strats[key] || defaultStrat;
+	    options[key] = strat(parent[key], child[key], vm, key);
+	  }
+	  return options
+	}
 
 	/**
-	 * Check if an element is hidden - in that case we can just
-	 * skip the transition alltogether.
-	 *
-	 * @param {Element} el
-	 * @return {Boolean}
+	 * Resolve an asset.
+	 * This function is used because child instances need access
+	 * to assets defined in its ancestor chain.
 	 */
-
-	function isHidden(el) {
-	  if (/svg$/.test(el.namespaceURI)) {
-	    // SVG elements do not have offset(Width|Height)
-	    // so we need to check the client rect
-	    var rect = el.getBoundingClientRect();
-	    return !(rect.width || rect.height);
-	  } else {
-	    return !(el.offsetWidth || el.offsetHeight || el.getClientRects().length);
+	function resolveAsset (
+	  options,
+	  type,
+	  id,
+	  warnMissing
+	) {
+	  /* istanbul ignore if */
+	  if (typeof id !== 'string') {
+	    return
+	  }
+	  var assets = options[type];
+	  var res = assets[id] ||
+	    // camelCase ID
+	    assets[camelize(id)] ||
+	    // Pascal Case ID
+	    assets[capitalize(camelize(id))];
+	  if (process.env.NODE_ENV !== 'production' && warnMissing && !res) {
+	    warn(
+	      'Failed to resolve ' + type.slice(0, -1) + ': ' + id,
+	      options
+	    );
+	  }
+	  return res
+	}
+
+	/*  */
+
+	function validateProp (
+	  key,
+	  propOptions,
+	  propsData,
+	  vm
+	) {
+	  var prop = propOptions[key];
+	  var absent = !hasOwn(propsData, key);
+	  var value = propsData[key];
+	  // handle boolean props
+	  if (isBooleanType(prop.type)) {
+	    if (absent && !hasOwn(prop, 'default')) {
+	      value = false;
+	    } else if (value === '' || value === hyphenate(key)) {
+	      value = true;
+	    }
+	  }
+	  // check default value
+	  if (value === undefined) {
+	    value = getPropDefaultValue(vm, prop, key);
+	    // since the default value is a fresh copy,
+	    // make sure to observe it.
+	    var prevShouldConvert = observerState.shouldConvert;
+	    observerState.shouldConvert = true;
+	    observe(value);
+	    observerState.shouldConvert = prevShouldConvert;
+	  }
+	  if (process.env.NODE_ENV !== 'production') {
+	    assertProp(prop, key, value, vm, absent);
 	  }
+	  return value
 	}
 
-	var transition$1 = {
-
-	  priority: TRANSITION,
-
-	  update: function update(id, oldId) {
-	    var el = this.el;
-	    // resolve on owner vm
-	    var hooks = resolveAsset(this.vm.$options, 'transitions', id);
-	    id = id || 'v';
-	    el.__v_trans = new Transition(el, id, hooks, this.vm);
-	    if (oldId) {
-	      removeClass(el, oldId + '-transition');
-	    }
-	    addClass(el, id + '-transition');
+	/**
+	 * Get the default value of a prop.
+	 */
+	function getPropDefaultValue (vm, prop, key) {
+	  // no default, return undefined
+	  if (!hasOwn(prop, 'default')) {
+	    return undefined
 	  }
-	};
-
-	var internalDirectives = {
-	  style: style,
-	  'class': vClass,
-	  component: component,
-	  prop: propDef,
-	  transition: transition$1
-	};
-
-	// special binding prefixes
-	var bindRE = /^v-bind:|^:/;
-	var onRE = /^v-on:|^@/;
-	var dirAttrRE = /^v-([^:]+)(?:$|:(.*)$)/;
-	var modifierRE = /\.[^\.]+/g;
-	var transitionRE = /^(v-bind:|:)?transition$/;
-
-	// default directive priority
-	var DEFAULT_PRIORITY = 1000;
-	var DEFAULT_TERMINAL_PRIORITY = 2000;
+	  var def = prop.default;
+	  // warn against non-factory defaults for Object & Array
+	  if (isObject(def)) {
+	    process.env.NODE_ENV !== 'production' && warn(
+	      'Invalid default value for prop "' + key + '": ' +
+	      'Props with type Object/Array must use a factory function ' +
+	      'to return the default value.',
+	      vm
+	    );
+	  }
+	  // the raw prop value was also undefined from previous render,
+	  // return previous default value to avoid unnecessary watcher trigger
+	  if (vm && vm.$options.propsData &&
+	    vm.$options.propsData[key] === undefined &&
+	    vm[key] !== undefined) {
+	    return vm[key]
+	  }
+	  // call factory function for non-Function types
+	  return typeof def === 'function' && prop.type !== Function
+	    ? def.call(vm)
+	    : def
+	}
 
 	/**
-	 * Compile a template and return a reusable composite link
-	 * function, which recursively contains more link functions
-	 * inside. This top level compile function would normally
-	 * be called on instance root nodes, but can also be used
-	 * for partial compilation if the partial argument is true.
-	 *
-	 * The returned composite link function, when called, will
-	 * return an unlink function that tearsdown all directives
-	 * created during the linking phase.
-	 *
-	 * @param {Element|DocumentFragment} el
-	 * @param {Object} options
-	 * @param {Boolean} partial
-	 * @return {Function}
+	 * Assert whether a prop is valid.
 	 */
-
-	function compile(el, options, partial) {
-	  // link function for the node itself.
-	  var nodeLinkFn = partial || !options._asComponent ? compileNode(el, options) : null;
-	  // link function for the childNodes
-	  var childLinkFn = !(nodeLinkFn && nodeLinkFn.terminal) && el.tagName !== 'SCRIPT' && el.hasChildNodes() ? compileNodeList(el.childNodes, options) : null;
-
-	  /**
-	   * A composite linker function to be called on a already
-	   * compiled piece of DOM, which instantiates all directive
-	   * instances.
-	   *
-	   * @param {Vue} vm
-	   * @param {Element|DocumentFragment} el
-	   * @param {Vue} [host] - host vm of transcluded content
-	   * @param {Object} [scope] - v-for scope
-	   * @param {Fragment} [frag] - link context fragment
-	   * @return {Function|undefined}
-	   */
-
-	  return function compositeLinkFn(vm, el, host, scope, frag) {
-	    // cache childNodes before linking parent, fix #657
-	    var childNodes = toArray(el.childNodes);
-	    // link
-	    var dirs = linkAndCapture(function compositeLinkCapturer() {
-	      if (nodeLinkFn) nodeLinkFn(vm, el, host, scope, frag);
-	      if (childLinkFn) childLinkFn(vm, childNodes, host, scope, frag);
-	    }, vm);
-	    return makeUnlinkFn(vm, dirs);
-	  };
+	function assertProp (
+	  prop,
+	  name,
+	  value,
+	  vm,
+	  absent
+	) {
+	  if (prop.required && absent) {
+	    warn(
+	      'Missing required prop: "' + name + '"',
+	      vm
+	    );
+	    return
+	  }
+	  if (value == null && !prop.required) {
+	    return
+	  }
+	  var type = prop.type;
+	  var valid = !type || type === true;
+	  var expectedTypes = [];
+	  if (type) {
+	    if (!Array.isArray(type)) {
+	      type = [type];
+	    }
+	    for (var i = 0; i < type.length && !valid; i++) {
+	      var assertedType = assertType(value, type[i]);
+	      expectedTypes.push(assertedType.expectedType);
+	      valid = assertedType.valid;
+	    }
+	  }
+	  if (!valid) {
+	    warn(
+	      'Invalid prop: type check failed for prop "' + name + '".' +
+	      ' Expected ' + expectedTypes.map(capitalize).join(', ') +
+	      ', got ' + Object.prototype.toString.call(value).slice(8, -1) + '.',
+	      vm
+	    );
+	    return
+	  }
+	  var validator = prop.validator;
+	  if (validator) {
+	    if (!validator(value)) {
+	      warn(
+	        'Invalid prop: custom validator check failed for prop "' + name + '".',
+	        vm
+	      );
+	    }
+	  }
 	}
 
 	/**
-	 * Apply a linker to a vm/element pair and capture the
-	 * directives created during the process.
-	 *
-	 * @param {Function} linker
-	 * @param {Vue} vm
+	 * Assert the type of a value
 	 */
-
-	function linkAndCapture(linker, vm) {
-	  /* istanbul ignore if */
-	  if (process.env.NODE_ENV === 'production') {
-	    // reset directives before every capture in production
-	    // mode, so that when unlinking we don't need to splice
-	    // them out (which turns out to be a perf hit).
-	    // they are kept in development mode because they are
-	    // useful for Vue's own tests.
-	    vm._directives = [];
+	function assertType (value, type) {
+	  var valid;
+	  var expectedType = getType(type);
+	  if (expectedType === 'String') {
+	    valid = typeof value === (expectedType = 'string');
+	  } else if (expectedType === 'Number') {
+	    valid = typeof value === (expectedType = 'number');
+	  } else if (expectedType === 'Boolean') {
+	    valid = typeof value === (expectedType = 'boolean');
+	  } else if (expectedType === 'Function') {
+	    valid = typeof value === (expectedType = 'function');
+	  } else if (expectedType === 'Object') {
+	    valid = isPlainObject(value);
+	  } else if (expectedType === 'Array') {
+	    valid = Array.isArray(value);
+	  } else {
+	    valid = value instanceof type;
 	  }
-	  var originalDirCount = vm._directives.length;
-	  linker();
-	  var dirs = vm._directives.slice(originalDirCount);
-	  dirs.sort(directiveComparator);
-	  for (var i = 0, l = dirs.length; i < l; i++) {
-	    dirs[i]._bind();
+	  return {
+	    valid: valid,
+	    expectedType: expectedType
 	  }
-	  return dirs;
 	}
 
 	/**
-	 * Directive priority sort comparator
-	 *
-	 * @param {Object} a
-	 * @param {Object} b
+	 * Use function string name to check built-in types,
+	 * because a simple equality check will fail when running
+	 * across different vms / iframes.
 	 */
-
-	function directiveComparator(a, b) {
-	  a = a.descriptor.def.priority || DEFAULT_PRIORITY;
-	  b = b.descriptor.def.priority || DEFAULT_PRIORITY;
-	  return a > b ? -1 : a === b ? 0 : 1;
+	function getType (fn) {
+	  var match = fn && fn.toString().match(/^\s*function (\w+)/);
+	  return match && match[1]
 	}
 
-	/**
-	 * Linker functions return an unlink function that
-	 * tearsdown all directives instances generated during
-	 * the process.
-	 *
-	 * We create unlink functions with only the necessary
-	 * information to avoid retaining additional closures.
-	 *
-	 * @param {Vue} vm
-	 * @param {Array} dirs
-	 * @param {Vue} [context]
-	 * @param {Array} [contextDirs]
-	 * @return {Function}
-	 */
-
-	function makeUnlinkFn(vm, dirs, context, contextDirs) {
-	  function unlink(destroying) {
-	    teardownDirs(vm, dirs, destroying);
-	    if (context && contextDirs) {
-	      teardownDirs(context, contextDirs);
+	function isBooleanType (fn) {
+	  if (!Array.isArray(fn)) {
+	    return getType(fn) === 'Boolean'
+	  }
+	  for (var i = 0, len = fn.length; i < len; i++) {
+	    if (getType(fn[i]) === 'Boolean') {
+	      return true
 	    }
 	  }
-	  // expose linked directives
-	  unlink.dirs = dirs;
-	  return unlink;
+	  /* istanbul ignore next */
+	  return false
 	}
 
-	/**
-	 * Teardown partial linked directives.
-	 *
-	 * @param {Vue} vm
-	 * @param {Array} dirs
-	 * @param {Boolean} destroying
-	 */
 
-	function teardownDirs(vm, dirs, destroying) {
-	  var i = dirs.length;
-	  while (i--) {
-	    dirs[i]._teardown();
-	    if (process.env.NODE_ENV !== 'production' && !destroying) {
-	      vm._directives.$remove(dirs[i]);
+
+	var util = Object.freeze({
+		defineReactive: defineReactive$$1,
+		_toString: _toString,
+		toNumber: toNumber,
+		makeMap: makeMap,
+		isBuiltInTag: isBuiltInTag,
+		remove: remove$1,
+		hasOwn: hasOwn,
+		isPrimitive: isPrimitive,
+		cached: cached,
+		camelize: camelize,
+		capitalize: capitalize,
+		hyphenate: hyphenate,
+		bind: bind$1,
+		toArray: toArray,
+		extend: extend,
+		isObject: isObject,
+		isPlainObject: isPlainObject,
+		toObject: toObject,
+		noop: noop,
+		no: no,
+		genStaticKeys: genStaticKeys,
+		looseEqual: looseEqual,
+		looseIndexOf: looseIndexOf,
+		isReserved: isReserved,
+		def: def,
+		parsePath: parsePath,
+		hasProto: hasProto,
+		inBrowser: inBrowser,
+		UA: UA,
+		isIE: isIE,
+		isIE9: isIE9,
+		isEdge: isEdge,
+		isAndroid: isAndroid,
+		isIOS: isIOS,
+		devtools: devtools,
+		nextTick: nextTick,
+		get _Set () { return _Set; },
+		mergeOptions: mergeOptions,
+		resolveAsset: resolveAsset,
+		get warn () { return warn; },
+		get formatComponentName () { return formatComponentName; },
+		validateProp: validateProp
+	});
+
+	/*  */
+
+	function initUse (Vue) {
+	  Vue.use = function (plugin) {
+	    /* istanbul ignore if */
+	    if (plugin.installed) {
+	      return
 	    }
-	  }
+	    // additional parameters
+	    var args = toArray(arguments, 1);
+	    args.unshift(this);
+	    if (typeof plugin.install === 'function') {
+	      plugin.install.apply(plugin, args);
+	    } else {
+	      plugin.apply(null, args);
+	    }
+	    plugin.installed = true;
+	    return this
+	  };
 	}
 
-	/**
-	 * Compile link props on an instance.
-	 *
-	 * @param {Vue} vm
-	 * @param {Element} el
-	 * @param {Object} props
-	 * @param {Object} [scope]
-	 * @return {Function}
-	 */
+	/*  */
 
-	function compileAndLinkProps(vm, el, props, scope) {
-	  var propsLinkFn = compileProps(el, props, vm);
-	  var propDirs = linkAndCapture(function () {
-	    propsLinkFn(vm, scope);
-	  }, vm);
-	  return makeUnlinkFn(vm, propDirs);
+	function initMixin$1 (Vue) {
+	  Vue.mixin = function (mixin) {
+	    Vue.options = mergeOptions(Vue.options, mixin);
+	  };
 	}
 
-	/**
-	 * Compile the root element of an instance.
-	 *
-	 * 1. attrs on context container (context scope)
-	 * 2. attrs on the component template root node, if
-	 *    replace:true (child scope)
-	 *
-	 * If this is a fragment instance, we only need to compile 1.
-	 *
-	 * @param {Element} el
-	 * @param {Object} options
-	 * @param {Object} contextOptions
-	 * @return {Function}
-	 */
+	/*  */
 
-	function compileRoot(el, options, contextOptions) {
-	  var containerAttrs = options._containerAttrs;
-	  var replacerAttrs = options._replacerAttrs;
-	  var contextLinkFn, replacerLinkFn;
-
-	  // only need to compile other attributes for
-	  // non-fragment instances
-	  if (el.nodeType !== 11) {
-	    // for components, container and replacer need to be
-	    // compiled separately and linked in different scopes.
-	    if (options._asComponent) {
-	      // 2. container attributes
-	      if (containerAttrs && contextOptions) {
-	        contextLinkFn = compileDirectives(containerAttrs, contextOptions);
-	      }
-	      if (replacerAttrs) {
-	        // 3. replacer attributes
-	        replacerLinkFn = compileDirectives(replacerAttrs, options);
+	function initExtend (Vue) {
+	  /**
+	   * Each instance constructor, including Vue, has a unique
+	   * cid. This enables us to create wrapped "child
+	   * constructors" for prototypal inheritance and cache them.
+	   */
+	  Vue.cid = 0;
+	  var cid = 1;
+
+	  /**
+	   * Class inheritance
+	   */
+	  Vue.extend = function (extendOptions) {
+	    extendOptions = extendOptions || {};
+	    var Super = this;
+	    var isFirstExtend = Super.cid === 0;
+	    if (isFirstExtend && extendOptions._Ctor) {
+	      return extendOptions._Ctor
+	    }
+	    var name = extendOptions.name || Super.options.name;
+	    if (process.env.NODE_ENV !== 'production') {
+	      if (!/^[a-zA-Z][\w-]*$/.test(name)) {
+	        warn(
+	          'Invalid component name: "' + name + '". Component names ' +
+	          'can only contain alphanumeric characaters and the hyphen.'
+	        );
 	      }
-	    } else {
-	      // non-component, just compile as a normal element.
-	      replacerLinkFn = compileDirectives(el.attributes, options);
-	    }
-	  } else if (process.env.NODE_ENV !== 'production' && containerAttrs) {
-	    // warn container directives for fragment instances
-	    var names = containerAttrs.filter(function (attr) {
-	      // allow vue-loader/vueify scoped css attributes
-	      return attr.name.indexOf('_v-') < 0 &&
-	      // allow event listeners
-	      !onRE.test(attr.name) &&
-	      // allow slots
-	      attr.name !== 'slot';
-	    }).map(function (attr) {
-	      return '"' + attr.name + '"';
+	    }
+	    var Sub = function VueComponent (options) {
+	      this._init(options);
+	    };
+	    Sub.prototype = Object.create(Super.prototype);
+	    Sub.prototype.constructor = Sub;
+	    Sub.cid = cid++;
+	    Sub.options = mergeOptions(
+	      Super.options,
+	      extendOptions
+	    );
+	    Sub['super'] = Super;
+	    // allow further extension
+	    Sub.extend = Super.extend;
+	    // create asset registers, so extended classes
+	    // can have their private assets too.
+	    config._assetTypes.forEach(function (type) {
+	      Sub[type] = Super[type];
 	    });
-	    if (names.length) {
-	      var plural = names.length > 1;
-	      warn('Attribute' + (plural ? 's ' : ' ') + names.join(', ') + (plural ? ' are' : ' is') + ' ignored on component ' + '<' + options.el.tagName.toLowerCase() + '> because ' + 'the component is a fragment instance: ' + 'http://vuejs.org/guide/components.html#Fragment_Instance');
+	    // enable recursive self-lookup
+	    if (name) {
+	      Sub.options.components[name] = Sub;
 	    }
-	  }
-
-	  options._containerAttrs = options._replacerAttrs = null;
-	  return function rootLinkFn(vm, el, scope) {
-	    // link context scope dirs
-	    var context = vm._context;
-	    var contextDirs;
-	    if (context && contextLinkFn) {
-	      contextDirs = linkAndCapture(function () {
-	        contextLinkFn(context, el, null, scope);
-	      }, context);
+	    // keep a reference to the super options at extension time.
+	    // later at instantiation we can check if Super's options have
+	    // been updated.
+	    Sub.superOptions = Super.options;
+	    Sub.extendOptions = extendOptions;
+	    // cache constructor
+	    if (isFirstExtend) {
+	      extendOptions._Ctor = Sub;
 	    }
-
-	    // link self
-	    var selfDirs = linkAndCapture(function () {
-	      if (replacerLinkFn) replacerLinkFn(vm, el);
-	    }, vm);
-
-	    // return the unlink function that tearsdown context
-	    // container directives.
-	    return makeUnlinkFn(vm, selfDirs, context, contextDirs);
+	    return Sub
 	  };
 	}
 
-	/**
-	 * Compile a node and return a nodeLinkFn based on the
-	 * node type.
-	 *
-	 * @param {Node} node
-	 * @param {Object} options
-	 * @return {Function|null}
-	 */
+	/*  */
 
-	function compileNode(node, options) {
-	  var type = node.nodeType;
-	  if (type === 1 && node.tagName !== 'SCRIPT') {
-	    return compileElement(node, options);
-	  } else if (type === 3 && node.data.trim()) {
-	    return compileTextNode(node, options);
-	  } else {
-	    return null;
-	  }
+	function initAssetRegisters (Vue) {
+	  /**
+	   * Create asset registration methods.
+	   */
+	  config._assetTypes.forEach(function (type) {
+	    Vue[type] = function (
+	      id,
+	      definition
+	    ) {
+	      if (!definition) {
+	        return this.options[type + 's'][id]
+	      } else {
+	        /* istanbul ignore if */
+	        if (process.env.NODE_ENV !== 'production') {
+	          if (type === 'component' && config.isReservedTag(id)) {
+	            warn(
+	              'Do not use built-in or reserved HTML elements as component ' +
+	              'id: ' + id
+	            );
+	          }
+	        }
+	        if (type === 'component' && isPlainObject(definition)) {
+	          definition.name = definition.name || id;
+	          definition = Vue.extend(definition);
+	        }
+	        if (type === 'directive' && typeof definition === 'function') {
+	          definition = { bind: definition, update: definition };
+	        }
+	        this.options[type + 's'][id] = definition;
+	        return definition
+	      }
+	    };
+	  });
 	}
 
-	/**
-	 * Compile an element and return a nodeLinkFn.
-	 *
-	 * @param {Element} el
-	 * @param {Object} options
-	 * @return {Function|null}
-	 */
+	var KeepAlive = {
+	  name: 'keep-alive',
+	  abstract: true,
+	  created: function created () {
+	    this.cache = Object.create(null);
+	  },
+	  render: function render () {
+	    var vnode = getFirstComponentChild(this.$slots.default);
+	    if (vnode && vnode.componentOptions) {
+	      var opts = vnode.componentOptions;
+	      var key = vnode.key == null
+	        // same constructor may get registered as different local components
+	        // so cid alone is not enough (#3269)
+	        ? opts.Ctor.cid + '::' + opts.tag
+	        : vnode.key;
+	      if (this.cache[key]) {
+	        vnode.child = this.cache[key].child;
+	      } else {
+	        this.cache[key] = vnode;
+	      }
+	      vnode.data.keepAlive = true;
+	    }
+	    return vnode
+	  },
+	  destroyed: function destroyed () {
+	    var this$1 = this;
 
-	function compileElement(el, options) {
-	  // preprocess textareas.
-	  // textarea treats its text content as the initial value.
-	  // just bind it as an attr directive for value.
-	  if (el.tagName === 'TEXTAREA') {
-	    var tokens = parseText(el.value);
-	    if (tokens) {
-	      el.setAttribute(':value', tokensToExp(tokens));
-	      el.value = '';
+	    for (var key in this.cache) {
+	      var vnode = this$1.cache[key];
+	      callHook(vnode.child, 'deactivated');
+	      vnode.child.$destroy();
 	    }
 	  }
-	  var linkFn;
-	  var hasAttrs = el.hasAttributes();
-	  var attrs = hasAttrs && toArray(el.attributes);
-	  // check terminal directives (for & if)
-	  if (hasAttrs) {
-	    linkFn = checkTerminalDirectives(el, attrs, options);
-	  }
-	  // check element directives
-	  if (!linkFn) {
-	    linkFn = checkElementDirectives(el, options);
-	  }
-	  // check component
-	  if (!linkFn) {
-	    linkFn = checkComponent(el, options);
-	  }
-	  // normal directives
-	  if (!linkFn && hasAttrs) {
-	    linkFn = compileDirectives(attrs, options);
-	  }
-	  return linkFn;
-	}
+	};
 
-	/**
-	 * Compile a textNode and return a nodeLinkFn.
-	 *
-	 * @param {TextNode} node
-	 * @param {Object} options
-	 * @return {Function|null} textNodeLinkFn
-	 */
+	var builtInComponents = {
+	  KeepAlive: KeepAlive
+	};
 
-	function compileTextNode(node, options) {
-	  // skip marked text nodes
-	  if (node._skip) {
-	    return removeText;
-	  }
+	/*  */
 
-	  var tokens = parseText(node.wholeText);
-	  if (!tokens) {
-	    return null;
+	function initGlobalAPI (Vue) {
+	  // config
+	  var configDef = {};
+	  configDef.get = function () { return config; };
+	  if (process.env.NODE_ENV !== 'production') {
+	    configDef.set = function () {
+	      warn(
+	        'Do not replace the Vue.config object, set individual fields instead.'
+	      );
+	    };
 	  }
+	  Object.defineProperty(Vue, 'config', configDef);
+	  Vue.util = util;
+	  Vue.set = set;
+	  Vue.delete = del;
+	  Vue.nextTick = nextTick;
 
-	  // mark adjacent text nodes as skipped,
-	  // because we are using node.wholeText to compile
-	  // all adjacent text nodes together. This fixes
-	  // issues in IE where sometimes it splits up a single
-	  // text node into multiple ones.
-	  var next = node.nextSibling;
-	  while (next && next.nodeType === 3) {
-	    next._skip = true;
-	    next = next.nextSibling;
-	  }
+	  Vue.options = Object.create(null);
+	  config._assetTypes.forEach(function (type) {
+	    Vue.options[type + 's'] = Object.create(null);
+	  });
 
-	  var frag = document.createDocumentFragment();
-	  var el, token;
-	  for (var i = 0, l = tokens.length; i < l; i++) {
-	    token = tokens[i];
-	    el = token.tag ? processTextToken(token, options) : document.createTextNode(token.value);
-	    frag.appendChild(el);
-	  }
-	  return makeTextNodeLinkFn(tokens, frag, options);
+	  extend(Vue.options.components, builtInComponents);
+
+	  initUse(Vue);
+	  initMixin$1(Vue);
+	  initExtend(Vue);
+	  initAssetRegisters(Vue);
 	}
 
-	/**
-	 * Linker for an skipped text node.
-	 *
-	 * @param {Vue} vm
-	 * @param {Text} node
-	 */
+	initGlobalAPI(Vue$1);
 
-	function removeText(vm, node) {
-	  remove(node);
-	}
+	Object.defineProperty(Vue$1.prototype, '$isServer', {
+	  get: function () { return config._isServer; }
+	});
 
-	/**
-	 * Process a single text token.
-	 *
-	 * @param {Object} token
-	 * @param {Object} options
-	 * @return {Node}
-	 */
+	Vue$1.version = '2.0.5';
 
-	function processTextToken(token, options) {
-	  var el;
-	  if (token.oneTime) {
-	    el = document.createTextNode(token.value);
-	  } else {
-	    if (token.html) {
-	      el = document.createComment('v-html');
-	      setTokenType('html');
-	    } else {
-	      // IE will clean up empty textNodes during
-	      // frag.cloneNode(true), so we have to give it
-	      // something here...
-	      el = document.createTextNode(' ');
-	      setTokenType('text');
-	    }
-	  }
-	  function setTokenType(type) {
-	    if (token.descriptor) return;
-	    var parsed = parseDirective(token.value);
-	    token.descriptor = {
-	      name: type,
-	      def: directives[type],
-	      expression: parsed.expression,
-	      filters: parsed.filters
-	    };
-	  }
-	  return el;
-	}
+	/*  */
 
-	/**
-	 * Build a function that processes a textNode.
-	 *
-	 * @param {Array<Object>} tokens
-	 * @param {DocumentFragment} frag
-	 */
+	// attributes that should be using props for binding
+	var mustUseProp = makeMap('value,selected,checked,muted');
 
-	function makeTextNodeLinkFn(tokens, frag) {
-	  return function textNodeLinkFn(vm, el, host, scope) {
-	    var fragClone = frag.cloneNode(true);
-	    var childNodes = toArray(fragClone.childNodes);
-	    var token, value, node;
-	    for (var i = 0, l = tokens.length; i < l; i++) {
-	      token = tokens[i];
-	      value = token.value;
-	      if (token.tag) {
-	        node = childNodes[i];
-	        if (token.oneTime) {
-	          value = (scope || vm).$eval(value);
-	          if (token.html) {
-	            replace(node, parseTemplate(value, true));
-	          } else {
-	            node.data = value;
-	          }
-	        } else {
-	          vm._bindDir(token.descriptor, node, host, scope);
-	        }
-	      }
-	    }
-	    replace(el, fragClone);
-	  };
-	}
+	var isEnumeratedAttr = makeMap('contenteditable,draggable,spellcheck');
 
-	/**
-	 * Compile a node list and return a childLinkFn.
-	 *
-	 * @param {NodeList} nodeList
-	 * @param {Object} options
-	 * @return {Function|undefined}
-	 */
+	var isBooleanAttr = makeMap(
+	  'allowfullscreen,async,autofocus,autoplay,checked,compact,controls,declare,' +
+	  'default,defaultchecked,defaultmuted,defaultselected,defer,disabled,' +
+	  'enabled,formnovalidate,hidden,indeterminate,inert,ismap,itemscope,loop,multiple,' +
+	  'muted,nohref,noresize,noshade,novalidate,nowrap,open,pauseonexit,readonly,' +
+	  'required,reversed,scoped,seamless,selected,sortable,translate,' +
+	  'truespeed,typemustmatch,visible'
+	);
 
-	function compileNodeList(nodeList, options) {
-	  var linkFns = [];
-	  var nodeLinkFn, childLinkFn, node;
-	  for (var i = 0, l = nodeList.length; i < l; i++) {
-	    node = nodeList[i];
-	    nodeLinkFn = compileNode(node, options);
-	    childLinkFn = !(nodeLinkFn && nodeLinkFn.terminal) && node.tagName !== 'SCRIPT' && node.hasChildNodes() ? compileNodeList(node.childNodes, options) : null;
-	    linkFns.push(nodeLinkFn, childLinkFn);
-	  }
-	  return linkFns.length ? makeChildLinkFn(linkFns) : null;
-	}
+	var isAttr = makeMap(
+	  'accept,accept-charset,accesskey,action,align,alt,async,autocomplete,' +
+	  'autofocus,autoplay,autosave,bgcolor,border,buffered,challenge,charset,' +
+	  'checked,cite,class,code,codebase,color,cols,colspan,content,http-equiv,' +
+	  'name,contenteditable,contextmenu,controls,coords,data,datetime,default,' +
+	  'defer,dir,dirname,disabled,download,draggable,dropzone,enctype,method,for,' +
+	  'form,formaction,headers,<th>,height,hidden,high,href,hreflang,http-equiv,' +
+	  'icon,id,ismap,itemprop,keytype,kind,label,lang,language,list,loop,low,' +
+	  'manifest,max,maxlength,media,method,GET,POST,min,multiple,email,file,' +
+	  'muted,name,novalidate,open,optimum,pattern,ping,placeholder,poster,' +
+	  'preload,radiogroup,readonly,rel,required,reversed,rows,rowspan,sandbox,' +
+	  'scope,scoped,seamless,selected,shape,size,type,text,password,sizes,span,' +
+	  'spellcheck,src,srcdoc,srclang,srcset,start,step,style,summary,tabindex,' +
+	  'target,title,type,usemap,value,width,wrap'
+	);
 
-	/**
-	 * Make a child link function for a node's childNodes.
-	 *
-	 * @param {Array<Function>} linkFns
-	 * @return {Function} childLinkFn
-	 */
 
-	function makeChildLinkFn(linkFns) {
-	  return function childLinkFn(vm, nodes, host, scope, frag) {
-	    var node, nodeLinkFn, childrenLinkFn;
-	    for (var i = 0, n = 0, l = linkFns.length; i < l; n++) {
-	      node = nodes[n];
-	      nodeLinkFn = linkFns[i++];
-	      childrenLinkFn = linkFns[i++];
-	      // cache childNodes before linking parent, fix #657
-	      var childNodes = toArray(node.childNodes);
-	      if (nodeLinkFn) {
-	        nodeLinkFn(vm, node, host, scope, frag);
-	      }
-	      if (childrenLinkFn) {
-	        childrenLinkFn(vm, childNodes, host, scope, frag);
-	      }
+
+	var xlinkNS = 'http://www.w3.org/1999/xlink';
+
+	var isXlink = function (name) {
+	  return name.charAt(5) === ':' && name.slice(0, 5) === 'xlink'
+	};
+
+	var getXlinkProp = function (name) {
+	  return isXlink(name) ? name.slice(6, name.length) : ''
+	};
+
+	var isFalsyAttrValue = function (val) {
+	  return val == null || val === false
+	};
+
+	/*  */
+
+	function genClassForVnode (vnode) {
+	  var data = vnode.data;
+	  var parentNode = vnode;
+	  var childNode = vnode;
+	  while (childNode.child) {
+	    childNode = childNode.child._vnode;
+	    if (childNode.data) {
+	      data = mergeClassData(childNode.data, data);
 	    }
-	  };
+	  }
+	  while ((parentNode = parentNode.parent)) {
+	    if (parentNode.data) {
+	      data = mergeClassData(data, parentNode.data);
+	    }
+	  }
+	  return genClassFromData(data)
 	}
 
-	/**
-	 * Check for element directives (custom elements that should
-	 * be resovled as terminal directives).
-	 *
-	 * @param {Element} el
-	 * @param {Object} options
-	 */
-
-	function checkElementDirectives(el, options) {
-	  var tag = el.tagName.toLowerCase();
-	  if (commonTagRE.test(tag)) {
-	    return;
+	function mergeClassData (child, parent) {
+	  return {
+	    staticClass: concat(child.staticClass, parent.staticClass),
+	    class: child.class
+	      ? [child.class, parent.class]
+	      : parent.class
 	  }
-	  var def = resolveAsset(options, 'elementDirectives', tag);
-	  if (def) {
-	    return makeTerminalNodeLinkFn(el, tag, '', options, def);
+	}
+
+	function genClassFromData (data) {
+	  var dynamicClass = data.class;
+	  var staticClass = data.staticClass;
+	  if (staticClass || dynamicClass) {
+	    return concat(staticClass, stringifyClass(dynamicClass))
 	  }
+	  /* istanbul ignore next */
+	  return ''
 	}
 
-	/**
-	 * Check if an element is a component. If yes, return
-	 * a component link function.
-	 *
-	 * @param {Element} el
-	 * @param {Object} options
-	 * @return {Function|undefined}
-	 */
+	function concat (a, b) {
+	  return a ? b ? (a + ' ' + b) : a : (b || '')
+	}
 
-	function checkComponent(el, options) {
-	  var component = checkComponentAttr(el, options);
-	  if (component) {
-	    var ref = findRef(el);
-	    var descriptor = {
-	      name: 'component',
-	      ref: ref,
-	      expression: component.id,
-	      def: internalDirectives.component,
-	      modifiers: {
-	        literal: !component.dynamic
-	      }
-	    };
-	    var componentLinkFn = function componentLinkFn(vm, el, host, scope, frag) {
-	      if (ref) {
-	        defineReactive((scope || vm).$refs, ref, null);
+	function stringifyClass (value) {
+	  var res = '';
+	  if (!value) {
+	    return res
+	  }
+	  if (typeof value === 'string') {
+	    return value
+	  }
+	  if (Array.isArray(value)) {
+	    var stringified;
+	    for (var i = 0, l = value.length; i < l; i++) {
+	      if (value[i]) {
+	        if ((stringified = stringifyClass(value[i]))) {
+	          res += stringified + ' ';
+	        }
 	      }
-	      vm._bindDir(descriptor, el, host, scope, frag);
-	    };
-	    componentLinkFn.terminal = true;
-	    return componentLinkFn;
+	    }
+	    return res.slice(0, -1)
+	  }
+	  if (isObject(value)) {
+	    for (var key in value) {
+	      if (value[key]) { res += key + ' '; }
+	    }
+	    return res.slice(0, -1)
 	  }
+	  /* istanbul ignore next */
+	  return res
 	}
 
-	/**
-	 * Check an element for terminal directives in fixed order.
-	 * If it finds one, return a terminal link function.
-	 *
-	 * @param {Element} el
-	 * @param {Array} attrs
-	 * @param {Object} options
-	 * @return {Function} terminalLinkFn
-	 */
+	/*  */
+
+	var namespaceMap = {
+	  svg: 'http://www.w3.org/2000/svg',
+	  math: 'http://www.w3.org/1998/Math/MathML',
+	  xhtml: 'http://www.w3.org/1999/xhtm'
+	};
+
+	var isHTMLTag = makeMap(
+	  'html,body,base,head,link,meta,style,title,' +
+	  'address,article,aside,footer,header,h1,h2,h3,h4,h5,h6,hgroup,nav,section,' +
+	  'div,dd,dl,dt,figcaption,figure,hr,img,li,main,ol,p,pre,ul,' +
+	  'a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,rtc,ruby,' +
+	  's,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,' +
+	  'embed,object,param,source,canvas,script,noscript,del,ins,' +
+	  'caption,col,colgroup,table,thead,tbody,td,th,tr,' +
+	  'button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,' +
+	  'output,progress,select,textarea,' +
+	  'details,dialog,menu,menuitem,summary,' +
+	  'content,element,shadow,template'
+	);
+
+	var isUnaryTag = makeMap(
+	  'area,base,br,col,embed,frame,hr,img,input,isindex,keygen,' +
+	  'link,meta,param,source,track,wbr',
+	  true
+	);
+
+	// Elements that you can, intentionally, leave open
+	// (and which close themselves)
+	var canBeLeftOpenTag = makeMap(
+	  'colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr,source',
+	  true
+	);
+
+	// HTML5 tags https://html.spec.whatwg.org/multipage/indices.html#elements-3
+	// Phrasing Content https://html.spec.whatwg.org/multipage/dom.html#phrasing-content
+	var isNonPhrasingTag = makeMap(
+	  'address,article,aside,base,blockquote,body,caption,col,colgroup,dd,' +
+	  'details,dialog,div,dl,dt,fieldset,figcaption,figure,footer,form,' +
+	  'h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,legend,li,menuitem,meta,' +
+	  'optgroup,option,param,rp,rt,source,style,summary,tbody,td,tfoot,th,thead,' +
+	  'title,tr,track',
+	  true
+	);
+
+	// this map is intentionally selective, only covering SVG elements that may
+	// contain child elements.
+	var isSVG = makeMap(
+	  'svg,animate,circle,clippath,cursor,defs,desc,ellipse,filter,font,' +
+	  'font-face,g,glyph,image,line,marker,mask,missing-glyph,path,pattern,' +
+	  'polygon,polyline,rect,switch,symbol,text,textpath,tspan,use,view',
+	  true
+	);
+
+
+
+	var isReservedTag = function (tag) {
+	  return isHTMLTag(tag) || isSVG(tag)
+	};
 
-	function checkTerminalDirectives(el, attrs, options) {
-	  // skip v-pre
-	  if (getAttr(el, 'v-pre') !== null) {
-	    return skip;
-	  }
-	  // skip v-else block, but only if following v-if
-	  if (el.hasAttribute('v-else')) {
-	    var prev = el.previousElementSibling;
-	    if (prev && prev.hasAttribute('v-if')) {
-	      return skip;
-	    }
-	  }
-
-	  var attr, name, value, modifiers, matched, dirName, rawName, arg, def, termDef;
-	  for (var i = 0, j = attrs.length; i < j; i++) {
-	    attr = attrs[i];
-	    modifiers = parseModifiers(attr.name);
-	    name = attr.name.replace(modifierRE, '');
-	    if (matched = name.match(dirAttrRE)) {
-	      def = resolveAsset(options, 'directives', matched[1]);
-	      if (def && def.terminal) {
-	        if (!termDef || (def.priority || DEFAULT_TERMINAL_PRIORITY) > termDef.priority) {
-	          termDef = def;
-	          rawName = attr.name;
-	          value = attr.value;
-	          dirName = matched[1];
-	          arg = matched[2];
-	        }
-	      }
-	    }
+	function getTagNamespace (tag) {
+	  if (isSVG(tag)) {
+	    return 'svg'
+	  }
+	  // basic support for MathML
+	  // note it doesn't support other MathML elements being component roots
+	  if (tag === 'math') {
+	    return 'math'
 	  }
+	}
 
-	  if (termDef) {
-	    return makeTerminalNodeLinkFn(el, dirName, value, options, termDef, rawName, arg, modifiers);
+	var unknownElementCache = Object.create(null);
+	function isUnknownElement (tag) {
+	  /* istanbul ignore if */
+	  if (!inBrowser) {
+	    return true
+	  }
+	  if (isReservedTag(tag)) {
+	    return false
+	  }
+	  tag = tag.toLowerCase();
+	  /* istanbul ignore if */
+	  if (unknownElementCache[tag] != null) {
+	    return unknownElementCache[tag]
+	  }
+	  var el = document.createElement(tag);
+	  if (tag.indexOf('-') > -1) {
+	    // http://stackoverflow.com/a/28210364/1070244
+	    return (unknownElementCache[tag] = (
+	      el.constructor === window.HTMLUnknownElement ||
+	      el.constructor === window.HTMLElement
+	    ))
+	  } else {
+	    return (unknownElementCache[tag] = /HTMLUnknownElement/.test(el.toString()))
 	  }
 	}
 
-	function skip() {}
-	skip.terminal = true;
+	/*  */
 
 	/**
-	 * Build a node link function for a terminal directive.
-	 * A terminal link function terminates the current
-	 * compilation recursion and handles compilation of the
-	 * subtree in the directive.
-	 *
-	 * @param {Element} el
-	 * @param {String} dirName
-	 * @param {String} value
-	 * @param {Object} options
-	 * @param {Object} def
-	 * @param {String} [rawName]
-	 * @param {String} [arg]
-	 * @param {Object} [modifiers]
-	 * @return {Function} terminalLinkFn
+	 * Query an element selector if it's not an element already.
 	 */
-
-	function makeTerminalNodeLinkFn(el, dirName, value, options, def, rawName, arg, modifiers) {
-	  var parsed = parseDirective(value);
-	  var descriptor = {
-	    name: dirName,
-	    arg: arg,
-	    expression: parsed.expression,
-	    filters: parsed.filters,
-	    raw: value,
-	    attr: rawName,
-	    modifiers: modifiers,
-	    def: def
-	  };
-	  // check ref for v-for and router-view
-	  if (dirName === 'for' || dirName === 'router-view') {
-	    descriptor.ref = findRef(el);
-	  }
-	  var fn = function terminalNodeLinkFn(vm, el, host, scope, frag) {
-	    if (descriptor.ref) {
-	      defineReactive((scope || vm).$refs, descriptor.ref, null);
+	function query (el) {
+	  if (typeof el === 'string') {
+	    var selector = el;
+	    el = document.querySelector(el);
+	    if (!el) {
+	      process.env.NODE_ENV !== 'production' && warn(
+	        'Cannot find element: ' + selector
+	      );
+	      return document.createElement('div')
 	    }
-	    vm._bindDir(descriptor, el, host, scope, frag);
-	  };
-	  fn.terminal = true;
-	  return fn;
+	  }
+	  return el
 	}
 
-	/**
-	 * Compile the directives on an element and return a linker.
-	 *
-	 * @param {Array|NamedNodeMap} attrs
-	 * @param {Object} options
-	 * @return {Function}
-	 */
+	/*  */
 
-	function compileDirectives(attrs, options) {
-	  var i = attrs.length;
-	  var dirs = [];
-	  var attr, name, value, rawName, rawValue, dirName, arg, modifiers, dirDef, tokens, matched;
-	  while (i--) {
-	    attr = attrs[i];
-	    name = rawName = attr.name;
-	    value = rawValue = attr.value;
-	    tokens = parseText(value);
-	    // reset arg
-	    arg = null;
-	    // check modifiers
-	    modifiers = parseModifiers(name);
-	    name = name.replace(modifierRE, '');
-
-	    // attribute interpolations
-	    if (tokens) {
-	      value = tokensToExp(tokens);
-	      arg = name;
-	      pushDir('bind', directives.bind, tokens);
-	      // warn against mixing mustaches with v-bind
-	      if (process.env.NODE_ENV !== 'production') {
-	        if (name === 'class' && Array.prototype.some.call(attrs, function (attr) {
-	          return attr.name === ':class' || attr.name === 'v-bind:class';
-	        })) {
-	          warn('class="' + rawValue + '": Do not mix mustache interpolation ' + 'and v-bind for "class" on the same element. Use one or the other.', options);
-	        }
-	      }
-	    } else
-
-	      // special attribute: transition
-	      if (transitionRE.test(name)) {
-	        modifiers.literal = !bindRE.test(name);
-	        pushDir('transition', internalDirectives.transition);
-	      } else
-
-	        // event handlers
-	        if (onRE.test(name)) {
-	          arg = name.replace(onRE, '');
-	          pushDir('on', directives.on);
-	        } else
-
-	          // attribute bindings
-	          if (bindRE.test(name)) {
-	            dirName = name.replace(bindRE, '');
-	            if (dirName === 'style' || dirName === 'class') {
-	              pushDir(dirName, internalDirectives[dirName]);
-	            } else {
-	              arg = dirName;
-	              pushDir('bind', directives.bind);
-	            }
-	          } else
+	function createElement$1 (tagName, vnode) {
+	  var elm = document.createElement(tagName);
+	  if (tagName !== 'select') {
+	    return elm
+	  }
+	  if (vnode.data && vnode.data.attrs && 'multiple' in vnode.data.attrs) {
+	    elm.setAttribute('multiple', 'multiple');
+	  }
+	  return elm
+	}
 
-	            // normal directives
-	            if (matched = name.match(dirAttrRE)) {
-	              dirName = matched[1];
-	              arg = matched[2];
+	function createElementNS (namespace, tagName) {
+	  return document.createElementNS(namespaceMap[namespace], tagName)
+	}
 
-	              // skip v-else (when used with v-show)
-	              if (dirName === 'else') {
-	                continue;
-	              }
+	function createTextNode (text) {
+	  return document.createTextNode(text)
+	}
 
-	              dirDef = resolveAsset(options, 'directives', dirName, true);
-	              if (dirDef) {
-	                pushDir(dirName, dirDef);
-	              }
-	            }
-	  }
+	function createComment (text) {
+	  return document.createComment(text)
+	}
 
-	  /**
-	   * Push a directive.
-	   *
-	   * @param {String} dirName
-	   * @param {Object|Function} def
-	   * @param {Array} [interpTokens]
-	   */
+	function insertBefore (parentNode, newNode, referenceNode) {
+	  parentNode.insertBefore(newNode, referenceNode);
+	}
 
-	  function pushDir(dirName, def, interpTokens) {
-	    var hasOneTimeToken = interpTokens && hasOneTime(interpTokens);
-	    var parsed = !hasOneTimeToken && parseDirective(value);
-	    dirs.push({
-	      name: dirName,
-	      attr: rawName,
-	      raw: rawValue,
-	      def: def,
-	      arg: arg,
-	      modifiers: modifiers,
-	      // conversion from interpolation strings with one-time token
-	      // to expression is differed until directive bind time so that we
-	      // have access to the actual vm context for one-time bindings.
-	      expression: parsed && parsed.expression,
-	      filters: parsed && parsed.filters,
-	      interp: interpTokens,
-	      hasOneTime: hasOneTimeToken
-	    });
-	  }
+	function removeChild (node, child) {
+	  node.removeChild(child);
+	}
 
-	  if (dirs.length) {
-	    return makeNodeLinkFn(dirs);
-	  }
+	function appendChild (node, child) {
+	  node.appendChild(child);
 	}
 
-	/**
-	 * Parse modifiers from directive attribute name.
-	 *
-	 * @param {String} name
-	 * @return {Object}
-	 */
+	function parentNode (node) {
+	  return node.parentNode
+	}
 
-	function parseModifiers(name) {
-	  var res = Object.create(null);
-	  var match = name.match(modifierRE);
-	  if (match) {
-	    var i = match.length;
-	    while (i--) {
-	      res[match[i].slice(1)] = true;
-	    }
-	  }
-	  return res;
+	function nextSibling (node) {
+	  return node.nextSibling
 	}
 
-	/**
-	 * Build a link function for all directives on a single node.
-	 *
-	 * @param {Array} directives
-	 * @return {Function} directivesLinkFn
-	 */
+	function tagName (node) {
+	  return node.tagName
+	}
 
-	function makeNodeLinkFn(directives) {
-	  return function nodeLinkFn(vm, el, host, scope, frag) {
-	    // reverse apply because it's sorted low to high
-	    var i = directives.length;
-	    while (i--) {
-	      vm._bindDir(directives[i], el, host, scope, frag);
-	    }
-	  };
+	function setTextContent (node, text) {
+	  node.textContent = text;
 	}
 
-	/**
-	 * Check if an interpolation string contains one-time tokens.
-	 *
-	 * @param {Array} tokens
-	 * @return {Boolean}
-	 */
+	function childNodes (node) {
+	  return node.childNodes
+	}
 
-	function hasOneTime(tokens) {
-	  var i = tokens.length;
-	  while (i--) {
-	    if (tokens[i].oneTime) return true;
-	  }
+	function setAttribute (node, key, val) {
+	  node.setAttribute(key, val);
 	}
 
-	var specialCharRE = /[^\w\-:\.]/;
 
-	/**
-	 * Process an element or a DocumentFragment based on a
-	 * instance option object. This allows us to transclude
-	 * a template node/fragment before the instance is created,
-	 * so the processed fragment can then be cloned and reused
-	 * in v-for.
-	 *
-	 * @param {Element} el
-	 * @param {Object} options
-	 * @return {Element|DocumentFragment}
-	 */
+	var nodeOps = Object.freeze({
+		createElement: createElement$1,
+		createElementNS: createElementNS,
+		createTextNode: createTextNode,
+		createComment: createComment,
+		insertBefore: insertBefore,
+		removeChild: removeChild,
+		appendChild: appendChild,
+		parentNode: parentNode,
+		nextSibling: nextSibling,
+		tagName: tagName,
+		setTextContent: setTextContent,
+		childNodes: childNodes,
+		setAttribute: setAttribute
+	});
 
-	function transclude(el, options) {
-	  // extract container attributes to pass them down
-	  // to compiler, because they need to be compiled in
-	  // parent scope. we are mutating the options object here
-	  // assuming the same object will be used for compile
-	  // right after this.
-	  if (options) {
-	    options._containerAttrs = extractAttrs(el);
-	  }
-	  // for template tags, what we want is its content as
-	  // a documentFragment (for fragment instances)
-	  if (isTemplate(el)) {
-	    el = parseTemplate(el);
-	  }
-	  if (options) {
-	    if (options._asComponent && !options.template) {
-	      options.template = '<slot></slot>';
-	    }
-	    if (options.template) {
-	      options._content = extractContent(el);
-	      el = transcludeTemplate(el, options);
+	/*  */
+
+	var ref = {
+	  create: function create (_, vnode) {
+	    registerRef(vnode);
+	  },
+	  update: function update (oldVnode, vnode) {
+	    if (oldVnode.data.ref !== vnode.data.ref) {
+	      registerRef(oldVnode, true);
+	      registerRef(vnode);
 	    }
+	  },
+	  destroy: function destroy (vnode) {
+	    registerRef(vnode, true);
 	  }
-	  if (isFragment(el)) {
-	    // anchors for fragment instance
-	    // passing in `persist: true` to avoid them being
-	    // discarded by IE during template cloning
-	    prepend(createAnchor('v-start', true), el);
-	    el.appendChild(createAnchor('v-end', true));
-	  }
-	  return el;
-	}
+	};
 
-	/**
-	 * Process the template option.
-	 * If the replace option is true this will swap the $el.
-	 *
-	 * @param {Element} el
-	 * @param {Object} options
-	 * @return {Element|DocumentFragment}
-	 */
+	function registerRef (vnode, isRemoval) {
+	  var key = vnode.data.ref;
+	  if (!key) { return }
 
-	function transcludeTemplate(el, options) {
-	  var template = options.template;
-	  var frag = parseTemplate(template, true);
-	  if (frag) {
-	    var replacer = frag.firstChild;
-	    var tag = replacer.tagName && replacer.tagName.toLowerCase();
-	    if (options.replace) {
-	      /* istanbul ignore if */
-	      if (el === document.body) {
-	        process.env.NODE_ENV !== 'production' && warn('You are mounting an instance with a template to ' + '<body>. This will replace <body> entirely. You ' + 'should probably use `replace: false` here.');
-	      }
-	      // there are many cases where the instance must
-	      // become a fragment instance: basically anything that
-	      // can create more than 1 root nodes.
-	      if (
-	      // multi-children template
-	      frag.childNodes.length > 1 ||
-	      // non-element template
-	      replacer.nodeType !== 1 ||
-	      // single nested component
-	      tag === 'component' || resolveAsset(options, 'components', tag) || hasBindAttr(replacer, 'is') ||
-	      // element directive
-	      resolveAsset(options, 'elementDirectives', tag) ||
-	      // for block
-	      replacer.hasAttribute('v-for') ||
-	      // if block
-	      replacer.hasAttribute('v-if')) {
-	        return frag;
+	  var vm = vnode.context;
+	  var ref = vnode.child || vnode.elm;
+	  var refs = vm.$refs;
+	  if (isRemoval) {
+	    if (Array.isArray(refs[key])) {
+	      remove$1(refs[key], ref);
+	    } else if (refs[key] === ref) {
+	      refs[key] = undefined;
+	    }
+	  } else {
+	    if (vnode.data.refInFor) {
+	      if (Array.isArray(refs[key])) {
+	        refs[key].push(ref);
 	      } else {
-	        options._replacerAttrs = extractAttrs(replacer);
-	        mergeAttrs(el, replacer);
-	        return replacer;
+	        refs[key] = [ref];
 	      }
 	    } else {
-	      el.appendChild(frag);
-	      return el;
+	      refs[key] = ref;
 	    }
-	  } else {
-	    process.env.NODE_ENV !== 'production' && warn('Invalid template option: ' + template);
 	  }
 	}
 
 	/**
-	 * Helper to extract a component container's attributes
-	 * into a plain object array.
+	 * Virtual DOM patching algorithm based on Snabbdom by
+	 * Simon Friis Vindum (@paldepind)
+	 * Licensed under the MIT License
+	 * https://github.com/paldepind/snabbdom/blob/master/LICENSE
+	 *
+	 * modified by Evan You (@yyx990803)
 	 *
-	 * @param {Element} el
-	 * @return {Array}
+
+	/*
+	 * Not type-checking this because this file is perf-critical and the cost
+	 * of making flow understand it is not worth it.
 	 */
 
-	function extractAttrs(el) {
-	  if (el.nodeType === 1 && el.hasAttributes()) {
-	    return toArray(el.attributes);
-	  }
-	}
+	var emptyNode = new VNode('', {}, []);
 
-	/**
-	 * Merge the attributes of two elements, and make sure
-	 * the class names are merged properly.
-	 *
-	 * @param {Element} from
-	 * @param {Element} to
-	 */
+	var hooks$1 = ['create', 'update', 'remove', 'destroy'];
 
-	function mergeAttrs(from, to) {
-	  var attrs = from.attributes;
-	  var i = attrs.length;
-	  var name, value;
-	  while (i--) {
-	    name = attrs[i].name;
-	    value = attrs[i].value;
-	    if (!to.hasAttribute(name) && !specialCharRE.test(name)) {
-	      to.setAttribute(name, value);
-	    } else if (name === 'class' && !parseText(value)) {
-	      value.trim().split(/\s+/).forEach(function (cls) {
-	        addClass(to, cls);
-	      });
-	    }
-	  }
+	function isUndef (s) {
+	  return s == null
 	}
 
-	/**
-	 * Scan and determine slot content distribution.
-	 * We do this during transclusion instead at compile time so that
-	 * the distribution is decoupled from the compilation order of
-	 * the slots.
-	 *
-	 * @param {Element|DocumentFragment} template
-	 * @param {Element} content
-	 * @param {Vue} vm
-	 */
-
-	function resolveSlots(vm, content) {
-	  if (!content) {
-	    return;
-	  }
-	  var contents = vm._slotContents = Object.create(null);
-	  var el, name;
-	  for (var i = 0, l = content.children.length; i < l; i++) {
-	    el = content.children[i];
-	    /* eslint-disable no-cond-assign */
-	    if (name = el.getAttribute('slot')) {
-	      (contents[name] || (contents[name] = [])).push(el);
-	    }
-	    /* eslint-enable no-cond-assign */
-	    if (process.env.NODE_ENV !== 'production' && getBindAttr(el, 'slot')) {
-	      warn('The "slot" attribute must be static.', vm.$parent);
-	    }
-	  }
-	  for (name in contents) {
-	    contents[name] = extractFragment(contents[name], content);
-	  }
-	  if (content.hasChildNodes()) {
-	    contents['default'] = extractFragment(content.childNodes, content);
-	  }
+	function isDef (s) {
+	  return s != null
 	}
 
-	/**
-	 * Extract qualified content nodes from a node list.
-	 *
-	 * @param {NodeList} nodes
-	 * @return {DocumentFragment}
-	 */
+	function sameVnode (vnode1, vnode2) {
+	  return (
+	    vnode1.key === vnode2.key &&
+	    vnode1.tag === vnode2.tag &&
+	    vnode1.isComment === vnode2.isComment &&
+	    !vnode1.data === !vnode2.data
+	  )
+	}
 
-	function extractFragment(nodes, parent) {
-	  var frag = document.createDocumentFragment();
-	  nodes = toArray(nodes);
-	  for (var i = 0, l = nodes.length; i < l; i++) {
-	    var node = nodes[i];
-	    if (isTemplate(node) && !node.hasAttribute('v-if') && !node.hasAttribute('v-for')) {
-	      parent.removeChild(node);
-	      node = parseTemplate(node);
-	    }
-	    frag.appendChild(node);
+	function createKeyToOldIdx (children, beginIdx, endIdx) {
+	  var i, key;
+	  var map = {};
+	  for (i = beginIdx; i <= endIdx; ++i) {
+	    key = children[i].key;
+	    if (isDef(key)) { map[key] = i; }
 	  }
-	  return frag;
+	  return map
 	}
 
+	function createPatchFunction (backend) {
+	  var i, j;
+	  var cbs = {};
 
+	  var modules = backend.modules;
+	  var nodeOps = backend.nodeOps;
 
-	var compiler = Object.freeze({
-		compile: compile,
-		compileAndLinkProps: compileAndLinkProps,
-		compileRoot: compileRoot,
-		transclude: transclude,
-		resolveSlots: resolveSlots
-	});
-
-	function stateMixin (Vue) {
-	  /**
-	   * Accessor for `$data` property, since setting $data
-	   * requires observing the new object and updating
-	   * proxied properties.
-	   */
-
-	  Object.defineProperty(Vue.prototype, '$data', {
-	    get: function get() {
-	      return this._data;
-	    },
-	    set: function set(newData) {
-	      if (newData !== this._data) {
-	        this._setData(newData);
-	      }
+	  for (i = 0; i < hooks$1.length; ++i) {
+	    cbs[hooks$1[i]] = [];
+	    for (j = 0; j < modules.length; ++j) {
+	      if (modules[j][hooks$1[i]] !== undefined) { cbs[hooks$1[i]].push(modules[j][hooks$1[i]]); }
 	    }
-	  });
-
-	  /**
-	   * Setup the scope of an instance, which contains:
-	   * - observed data
-	   * - computed properties
-	   * - user methods
-	   * - meta properties
-	   */
-
-	  Vue.prototype._initState = function () {
-	    this._initProps();
-	    this._initMeta();
-	    this._initMethods();
-	    this._initData();
-	    this._initComputed();
-	  };
-
-	  /**
-	   * Initialize props.
-	   */
-
-	  Vue.prototype._initProps = function () {
-	    var options = this.$options;
-	    var el = options.el;
-	    var props = options.props;
-	    if (props && !el) {
-	      process.env.NODE_ENV !== 'production' && warn('Props will not be compiled if no `el` option is ' + 'provided at instantiation.', this);
-	    }
-	    // make sure to convert string selectors into element now
-	    el = options.el = query(el);
-	    this._propsUnlinkFn = el && el.nodeType === 1 && props
-	    // props must be linked in proper scope if inside v-for
-	    ? compileAndLinkProps(this, el, props, this._scope) : null;
-	  };
+	  }
 
-	  /**
-	   * Initialize the data.
-	   */
+	  function emptyNodeAt (elm) {
+	    return new VNode(nodeOps.tagName(elm).toLowerCase(), {}, [], undefined, elm)
+	  }
 
-	  Vue.prototype._initData = function () {
-	    var dataFn = this.$options.data;
-	    var data = this._data = dataFn ? dataFn() : {};
-	    if (!isPlainObject(data)) {
-	      data = {};
-	      process.env.NODE_ENV !== 'production' && warn('data functions should return an object.', this);
-	    }
-	    var props = this._props;
-	    var runtimeData = this._runtimeData ? typeof this._runtimeData === 'function' ? this._runtimeData() : this._runtimeData : null;
-	    // proxy data on instance
-	    var keys = Object.keys(data);
-	    var i, key;
-	    i = keys.length;
-	    while (i--) {
-	      key = keys[i];
-	      // there are two scenarios where we can proxy a data key:
-	      // 1. it's not already defined as a prop
-	      // 2. it's provided via a instantiation option AND there are no
-	      //    template prop present
-	      if (!props || !hasOwn(props, key) || runtimeData && hasOwn(runtimeData, key) && props[key].raw === null) {
-	        this._proxy(key);
-	      } else if (process.env.NODE_ENV !== 'production') {
-	        warn('Data field "' + key + '" is already defined ' + 'as a prop. Use prop default value instead.', this);
+	  function createRmCb (childElm, listeners) {
+	    function remove$$1 () {
+	      if (--remove$$1.listeners === 0) {
+	        removeElement(childElm);
 	      }
 	    }
-	    // observe data
-	    observe(data, this);
-	  };
+	    remove$$1.listeners = listeners;
+	    return remove$$1
+	  }
 
-	  /**
-	   * Swap the instance's $data. Called in $data's setter.
-	   *
-	   * @param {Object} newData
-	   */
+	  function removeElement (el) {
+	    var parent = nodeOps.parentNode(el);
+	    // element may have already been removed due to v-html
+	    if (parent) {
+	      nodeOps.removeChild(parent, el);
+	    }
+	  }
 
-	  Vue.prototype._setData = function (newData) {
-	    newData = newData || {};
-	    var oldData = this._data;
-	    this._data = newData;
-	    var keys, key, i;
-	    // unproxy keys not present in new data
-	    keys = Object.keys(oldData);
-	    i = keys.length;
-	    while (i--) {
-	      key = keys[i];
-	      if (!(key in newData)) {
-	        this._unproxy(key);
+	  function createElm (vnode, insertedVnodeQueue, nested) {
+	    var i;
+	    var data = vnode.data;
+	    vnode.isRootInsert = !nested;
+	    if (isDef(data)) {
+	      if (isDef(i = data.hook) && isDef(i = i.init)) { i(vnode); }
+	      // after calling the init hook, if the vnode is a child component
+	      // it should've created a child instance and mounted it. the child
+	      // component also has set the placeholder vnode's elm.
+	      // in that case we can just return the element and be done.
+	      if (isDef(i = vnode.child)) {
+	        initComponent(vnode, insertedVnodeQueue);
+	        return vnode.elm
+	      }
+	    }
+	    var children = vnode.children;
+	    var tag = vnode.tag;
+	    if (isDef(tag)) {
+	      if (process.env.NODE_ENV !== 'production') {
+	        if (
+	          !vnode.ns &&
+	          !(config.ignoredElements && config.ignoredElements.indexOf(tag) > -1) &&
+	          config.isUnknownElement(tag)
+	        ) {
+	          warn(
+	            'Unknown custom element: <' + tag + '> - did you ' +
+	            'register the component correctly? For recursive components, ' +
+	            'make sure to provide the "name" option.',
+	            vnode.context
+	          );
+	        }
 	      }
-	    }
-	    // proxy keys not already proxied,
-	    // and trigger change for changed values
-	    keys = Object.keys(newData);
-	    i = keys.length;
-	    while (i--) {
-	      key = keys[i];
-	      if (!hasOwn(this, key)) {
-	        // new property
-	        this._proxy(key);
+	      vnode.elm = vnode.ns
+	        ? nodeOps.createElementNS(vnode.ns, tag)
+	        : nodeOps.createElement(tag, vnode);
+	      setScope(vnode);
+	      createChildren(vnode, children, insertedVnodeQueue);
+	      if (isDef(data)) {
+	        invokeCreateHooks(vnode, insertedVnodeQueue);
 	      }
+	    } else if (vnode.isComment) {
+	      vnode.elm = nodeOps.createComment(vnode.text);
+	    } else {
+	      vnode.elm = nodeOps.createTextNode(vnode.text);
 	    }
-	    oldData.__ob__.removeVm(this);
-	    observe(newData, this);
-	    this._digest();
-	  };
+	    return vnode.elm
+	  }
 
-	  /**
-	   * Proxy a property, so that
-	   * vm.prop === vm._data.prop
-	   *
-	   * @param {String} key
-	   */
+	  function createChildren (vnode, children, insertedVnodeQueue) {
+	    if (Array.isArray(children)) {
+	      for (var i = 0; i < children.length; ++i) {
+	        nodeOps.appendChild(vnode.elm, createElm(children[i], insertedVnodeQueue, true));
+	      }
+	    } else if (isPrimitive(vnode.text)) {
+	      nodeOps.appendChild(vnode.elm, nodeOps.createTextNode(vnode.text));
+	    }
+	  }
 
-	  Vue.prototype._proxy = function (key) {
-	    if (!isReserved(key)) {
-	      // need to store ref to self here
-	      // because these getter/setters might
-	      // be called by child scopes via
-	      // prototype inheritance.
-	      var self = this;
-	      Object.defineProperty(self, key, {
-	        configurable: true,
-	        enumerable: true,
-	        get: function proxyGetter() {
-	          return self._data[key];
-	        },
-	        set: function proxySetter(val) {
-	          self._data[key] = val;
-	        }
-	      });
+	  function isPatchable (vnode) {
+	    while (vnode.child) {
+	      vnode = vnode.child._vnode;
 	    }
-	  };
+	    return isDef(vnode.tag)
+	  }
 
-	  /**
-	   * Unproxy a property.
-	   *
-	   * @param {String} key
-	   */
+	  function invokeCreateHooks (vnode, insertedVnodeQueue) {
+	    for (var i$1 = 0; i$1 < cbs.create.length; ++i$1) {
+	      cbs.create[i$1](emptyNode, vnode);
+	    }
+	    i = vnode.data.hook; // Reuse variable
+	    if (isDef(i)) {
+	      if (i.create) { i.create(emptyNode, vnode); }
+	      if (i.insert) { insertedVnodeQueue.push(vnode); }
+	    }
+	  }
 
-	  Vue.prototype._unproxy = function (key) {
-	    if (!isReserved(key)) {
-	      delete this[key];
+	  function initComponent (vnode, insertedVnodeQueue) {
+	    if (vnode.data.pendingInsert) {
+	      insertedVnodeQueue.push.apply(insertedVnodeQueue, vnode.data.pendingInsert);
 	    }
-	  };
+	    vnode.elm = vnode.child.$el;
+	    if (isPatchable(vnode)) {
+	      invokeCreateHooks(vnode, insertedVnodeQueue);
+	      setScope(vnode);
+	    } else {
+	      // empty component root.
+	      // skip all element-related modules except for ref (#3455)
+	      registerRef(vnode);
+	      // make sure to invoke the insert hook
+	      insertedVnodeQueue.push(vnode);
+	    }
+	  }
 
-	  /**
-	   * Force update on every watcher in scope.
-	   */
+	  // set scope id attribute for scoped CSS.
+	  // this is implemented as a special case to avoid the overhead
+	  // of going through the normal attribute patching process.
+	  function setScope (vnode) {
+	    var i;
+	    if (isDef(i = vnode.context) && isDef(i = i.$options._scopeId)) {
+	      nodeOps.setAttribute(vnode.elm, i, '');
+	    }
+	    if (isDef(i = activeInstance) &&
+	        i !== vnode.context &&
+	        isDef(i = i.$options._scopeId)) {
+	      nodeOps.setAttribute(vnode.elm, i, '');
+	    }
+	  }
 
-	  Vue.prototype._digest = function () {
-	    for (var i = 0, l = this._watchers.length; i < l; i++) {
-	      this._watchers[i].update(true); // shallow updates
+	  function addVnodes (parentElm, before, vnodes, startIdx, endIdx, insertedVnodeQueue) {
+	    for (; startIdx <= endIdx; ++startIdx) {
+	      nodeOps.insertBefore(parentElm, createElm(vnodes[startIdx], insertedVnodeQueue), before);
 	    }
-	  };
+	  }
 
-	  /**
-	   * Setup computed properties. They are essentially
-	   * special getter/setters
-	   */
+	  function invokeDestroyHook (vnode) {
+	    var i, j;
+	    var data = vnode.data;
+	    if (isDef(data)) {
+	      if (isDef(i = data.hook) && isDef(i = i.destroy)) { i(vnode); }
+	      for (i = 0; i < cbs.destroy.length; ++i) { cbs.destroy[i](vnode); }
+	    }
+	    if (isDef(i = vnode.children)) {
+	      for (j = 0; j < vnode.children.length; ++j) {
+	        invokeDestroyHook(vnode.children[j]);
+	      }
+	    }
+	  }
 
-	  function noop() {}
-	  Vue.prototype._initComputed = function () {
-	    var computed = this.$options.computed;
-	    if (computed) {
-	      for (var key in computed) {
-	        var userDef = computed[key];
-	        var def = {
-	          enumerable: true,
-	          configurable: true
-	        };
-	        if (typeof userDef === 'function') {
-	          def.get = makeComputedGetter(userDef, this);
-	          def.set = noop;
-	        } else {
-	          def.get = userDef.get ? userDef.cache !== false ? makeComputedGetter(userDef.get, this) : bind(userDef.get, this) : noop;
-	          def.set = userDef.set ? bind(userDef.set, this) : noop;
+	  function removeVnodes (parentElm, vnodes, startIdx, endIdx) {
+	    for (; startIdx <= endIdx; ++startIdx) {
+	      var ch = vnodes[startIdx];
+	      if (isDef(ch)) {
+	        if (isDef(ch.tag)) {
+	          removeAndInvokeRemoveHook(ch);
+	          invokeDestroyHook(ch);
+	        } else { // Text node
+	          nodeOps.removeChild(parentElm, ch.elm);
 	        }
-	        Object.defineProperty(this, key, def);
 	      }
 	    }
-	  };
+	  }
 
-	  function makeComputedGetter(getter, owner) {
-	    var watcher = new Watcher(owner, getter, null, {
-	      lazy: true
-	    });
-	    return function computedGetter() {
-	      if (watcher.dirty) {
-	        watcher.evaluate();
+	  function removeAndInvokeRemoveHook (vnode, rm) {
+	    if (rm || isDef(vnode.data)) {
+	      var listeners = cbs.remove.length + 1;
+	      if (!rm) {
+	        // directly removing
+	        rm = createRmCb(vnode.elm, listeners);
+	      } else {
+	        // we have a recursively passed down rm callback
+	        // increase the listeners count
+	        rm.listeners += listeners;
 	      }
-	      if (Dep.target) {
-	        watcher.depend();
+	      // recursively invoke hooks on child component root node
+	      if (isDef(i = vnode.child) && isDef(i = i._vnode) && isDef(i.data)) {
+	        removeAndInvokeRemoveHook(i, rm);
 	      }
-	      return watcher.value;
-	    };
-	  }
-
-	  /**
-	   * Setup instance methods. Methods must be bound to the
-	   * instance since they might be passed down as a prop to
-	   * child components.
-	   */
-
-	  Vue.prototype._initMethods = function () {
-	    var methods = this.$options.methods;
-	    if (methods) {
-	      for (var key in methods) {
-	        this[key] = bind(methods[key], this);
+	      for (i = 0; i < cbs.remove.length; ++i) {
+	        cbs.remove[i](vnode, rm);
 	      }
-	    }
-	  };
-
-	  /**
-	   * Initialize meta information like $index, $key & $value.
-	   */
-
-	  Vue.prototype._initMeta = function () {
-	    var metas = this.$options._meta;
-	    if (metas) {
-	      for (var key in metas) {
-	        defineReactive(this, key, metas[key]);
+	      if (isDef(i = vnode.data.hook) && isDef(i = i.remove)) {
+	        i(vnode, rm);
+	      } else {
+	        rm();
+	      }
+	    } else {
+	      removeElement(vnode.elm);
+	    }
+	  }
+
+	  function updateChildren (parentElm, oldCh, newCh, insertedVnodeQueue, removeOnly) {
+	    var oldStartIdx = 0;
+	    var newStartIdx = 0;
+	    var oldEndIdx = oldCh.length - 1;
+	    var oldStartVnode = oldCh[0];
+	    var oldEndVnode = oldCh[oldEndIdx];
+	    var newEndIdx = newCh.length - 1;
+	    var newStartVnode = newCh[0];
+	    var newEndVnode = newCh[newEndIdx];
+	    var oldKeyToIdx, idxInOld, elmToMove, before;
+
+	    // removeOnly is a special flag used only by <transition-group>
+	    // to ensure removed elements stay in correct relative positions
+	    // during leaving transitions
+	    var canMove = !removeOnly;
+
+	    while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
+	      if (isUndef(oldStartVnode)) {
+	        oldStartVnode = oldCh[++oldStartIdx]; // Vnode has been moved left
+	      } else if (isUndef(oldEndVnode)) {
+	        oldEndVnode = oldCh[--oldEndIdx];
+	      } else if (sameVnode(oldStartVnode, newStartVnode)) {
+	        patchVnode(oldStartVnode, newStartVnode, insertedVnodeQueue);
+	        oldStartVnode = oldCh[++oldStartIdx];
+	        newStartVnode = newCh[++newStartIdx];
+	      } else if (sameVnode(oldEndVnode, newEndVnode)) {
+	        patchVnode(oldEndVnode, newEndVnode, insertedVnodeQueue);
+	        oldEndVnode = oldCh[--oldEndIdx];
+	        newEndVnode = newCh[--newEndIdx];
+	      } else if (sameVnode(oldStartVnode, newEndVnode)) { // Vnode moved right
+	        patchVnode(oldStartVnode, newEndVnode, insertedVnodeQueue);
+	        canMove && nodeOps.insertBefore(parentElm, oldStartVnode.elm, nodeOps.nextSibling(oldEndVnode.elm));
+	        oldStartVnode = oldCh[++oldStartIdx];
+	        newEndVnode = newCh[--newEndIdx];
+	      } else if (sameVnode(oldEndVnode, newStartVnode)) { // Vnode moved left
+	        patchVnode(oldEndVnode, newStartVnode, insertedVnodeQueue);
+	        canMove && nodeOps.insertBefore(parentElm, oldEndVnode.elm, oldStartVnode.elm);
+	        oldEndVnode = oldCh[--oldEndIdx];
+	        newStartVnode = newCh[++newStartIdx];
+	      } else {
+	        if (isUndef(oldKeyToIdx)) { oldKeyToIdx = createKeyToOldIdx(oldCh, oldStartIdx, oldEndIdx); }
+	        idxInOld = isDef(newStartVnode.key) ? oldKeyToIdx[newStartVnode.key] : null;
+	        if (isUndef(idxInOld)) { // New element
+	          nodeOps.insertBefore(parentElm, createElm(newStartVnode, insertedVnodeQueue), oldStartVnode.elm);
+	          newStartVnode = newCh[++newStartIdx];
+	        } else {
+	          elmToMove = oldCh[idxInOld];
+	          /* istanbul ignore if */
+	          if (process.env.NODE_ENV !== 'production' && !elmToMove) {
+	            warn(
+	              'It seems there are duplicate keys that is causing an update error. ' +
+	              'Make sure each v-for item has a unique key.'
+	            );
+	          }
+	          if (elmToMove.tag !== newStartVnode.tag) {
+	            // same key but different element. treat as new element
+	            nodeOps.insertBefore(parentElm, createElm(newStartVnode, insertedVnodeQueue), oldStartVnode.elm);
+	            newStartVnode = newCh[++newStartIdx];
+	          } else {
+	            patchVnode(elmToMove, newStartVnode, insertedVnodeQueue);
+	            oldCh[idxInOld] = undefined;
+	            canMove && nodeOps.insertBefore(parentElm, newStartVnode.elm, oldStartVnode.elm);
+	            newStartVnode = newCh[++newStartIdx];
+	          }
+	        }
 	      }
 	    }
-	  };
-	}
-
-	var eventRE = /^v-on:|^@/;
-
-	function eventsMixin (Vue) {
-	  /**
-	   * Setup the instance's option events & watchers.
-	   * If the value is a string, we pull it from the
-	   * instance's methods by name.
-	   */
-
-	  Vue.prototype._initEvents = function () {
-	    var options = this.$options;
-	    if (options._asComponent) {
-	      registerComponentEvents(this, options.el);
+	    if (oldStartIdx > oldEndIdx) {
+	      before = isUndef(newCh[newEndIdx + 1]) ? null : newCh[newEndIdx + 1].elm;
+	      addVnodes(parentElm, before, newCh, newStartIdx, newEndIdx, insertedVnodeQueue);
+	    } else if (newStartIdx > newEndIdx) {
+	      removeVnodes(parentElm, oldCh, oldStartIdx, oldEndIdx);
 	    }
-	    registerCallbacks(this, '$on', options.events);
-	    registerCallbacks(this, '$watch', options.watch);
-	  };
-
-	  /**
-	   * Register v-on events on a child component
-	   *
-	   * @param {Vue} vm
-	   * @param {Element} el
-	   */
+	  }
 
-	  function registerComponentEvents(vm, el) {
-	    var attrs = el.attributes;
-	    var name, handler;
-	    for (var i = 0, l = attrs.length; i < l; i++) {
-	      name = attrs[i].name;
-	      if (eventRE.test(name)) {
-	        name = name.replace(eventRE, '');
-	        handler = (vm._scope || vm._context).$eval(attrs[i].value, true);
-	        if (typeof handler === 'function') {
-	          handler._fromParent = true;
-	          vm.$on(name.replace(eventRE), handler);
-	        } else if (process.env.NODE_ENV !== 'production') {
-	          warn('v-on:' + name + '="' + attrs[i].value + '" ' + 'expects a function value, got ' + handler, vm);
-	        }
+	  function patchVnode (oldVnode, vnode, insertedVnodeQueue, removeOnly) {
+	    if (oldVnode === vnode) {
+	      return
+	    }
+	    // reuse element for static trees.
+	    // note we only do this if the vnode is cloned -
+	    // if the new node is not cloned it means the render functions have been
+	    // reset by the hot-reload-api and we need to do a proper re-render.
+	    if (vnode.isStatic &&
+	        oldVnode.isStatic &&
+	        vnode.key === oldVnode.key &&
+	        (vnode.isCloned || vnode.isOnce)) {
+	      vnode.elm = oldVnode.elm;
+	      return
+	    }
+	    var i;
+	    var data = vnode.data;
+	    var hasData = isDef(data);
+	    if (hasData && isDef(i = data.hook) && isDef(i = i.prepatch)) {
+	      i(oldVnode, vnode);
+	    }
+	    var elm = vnode.elm = oldVnode.elm;
+	    var oldCh = oldVnode.children;
+	    var ch = vnode.children;
+	    if (hasData && isPatchable(vnode)) {
+	      for (i = 0; i < cbs.update.length; ++i) { cbs.update[i](oldVnode, vnode); }
+	      if (isDef(i = data.hook) && isDef(i = i.update)) { i(oldVnode, vnode); }
+	    }
+	    if (isUndef(vnode.text)) {
+	      if (isDef(oldCh) && isDef(ch)) {
+	        if (oldCh !== ch) { updateChildren(elm, oldCh, ch, insertedVnodeQueue, removeOnly); }
+	      } else if (isDef(ch)) {
+	        if (isDef(oldVnode.text)) { nodeOps.setTextContent(elm, ''); }
+	        addVnodes(elm, null, ch, 0, ch.length - 1, insertedVnodeQueue);
+	      } else if (isDef(oldCh)) {
+	        removeVnodes(elm, oldCh, 0, oldCh.length - 1);
+	      } else if (isDef(oldVnode.text)) {
+	        nodeOps.setTextContent(elm, '');
+	      }
+	    } else if (oldVnode.text !== vnode.text) {
+	      nodeOps.setTextContent(elm, vnode.text);
+	    }
+	    if (hasData) {
+	      if (isDef(i = data.hook) && isDef(i = i.postpatch)) { i(oldVnode, vnode); }
+	    }
+	  }
+
+	  function invokeInsertHook (vnode, queue, initial) {
+	    // delay insert hooks for component root nodes, invoke them after the
+	    // element is really inserted
+	    if (initial && vnode.parent) {
+	      vnode.parent.data.pendingInsert = queue;
+	    } else {
+	      for (var i = 0; i < queue.length; ++i) {
+	        queue[i].data.hook.insert(queue[i]);
 	      }
 	    }
 	  }
 
-	  /**
-	   * Register callbacks for option events and watchers.
-	   *
-	   * @param {Vue} vm
-	   * @param {String} action
-	   * @param {Object} hash
-	   */
-
-	  function registerCallbacks(vm, action, hash) {
-	    if (!hash) return;
-	    var handlers, key, i, j;
-	    for (key in hash) {
-	      handlers = hash[key];
-	      if (isArray(handlers)) {
-	        for (i = 0, j = handlers.length; i < j; i++) {
-	          register(vm, action, key, handlers[i]);
+	  var bailed = false;
+	  function hydrate (elm, vnode, insertedVnodeQueue) {
+	    if (process.env.NODE_ENV !== 'production') {
+	      if (!assertNodeMatch(elm, vnode)) {
+	        return false
+	      }
+	    }
+	    vnode.elm = elm;
+	    var tag = vnode.tag;
+	    var data = vnode.data;
+	    var children = vnode.children;
+	    if (isDef(data)) {
+	      if (isDef(i = data.hook) && isDef(i = i.init)) { i(vnode, true /* hydrating */); }
+	      if (isDef(i = vnode.child)) {
+	        // child component. it should have hydrated its own tree.
+	        initComponent(vnode, insertedVnodeQueue);
+	        return true
+	      }
+	    }
+	    if (isDef(tag)) {
+	      if (isDef(children)) {
+	        var childNodes = nodeOps.childNodes(elm);
+	        // empty element, allow client to pick up and populate children
+	        if (!childNodes.length) {
+	          createChildren(vnode, children, insertedVnodeQueue);
+	        } else {
+	          var childrenMatch = true;
+	          if (childNodes.length !== children.length) {
+	            childrenMatch = false;
+	          } else {
+	            for (var i$1 = 0; i$1 < children.length; i$1++) {
+	              if (!hydrate(childNodes[i$1], children[i$1], insertedVnodeQueue)) {
+	                childrenMatch = false;
+	                break
+	              }
+	            }
+	          }
+	          if (!childrenMatch) {
+	            if (process.env.NODE_ENV !== 'production' &&
+	                typeof console !== 'undefined' &&
+	                !bailed) {
+	              bailed = true;
+	              console.warn('Parent: ', elm);
+	              console.warn('Mismatching childNodes vs. VNodes: ', childNodes, children);
+	            }
+	            return false
+	          }
 	        }
-	      } else {
-	        register(vm, action, key, handlers);
+	      }
+	      if (isDef(data)) {
+	        invokeCreateHooks(vnode, insertedVnodeQueue);
 	      }
 	    }
+	    return true
 	  }
 
-	  /**
-	   * Helper to register an event/watch callback.
-	   *
-	   * @param {Vue} vm
-	   * @param {String} action
-	   * @param {String} key
-	   * @param {Function|String|Object} handler
-	   * @param {Object} [options]
-	   */
-
-	  function register(vm, action, key, handler, options) {
-	    var type = typeof handler;
-	    if (type === 'function') {
-	      vm[action](key, handler, options);
-	    } else if (type === 'string') {
-	      var methods = vm.$options.methods;
-	      var method = methods && methods[handler];
-	      if (method) {
-	        vm[action](key, method, options);
-	      } else {
-	        process.env.NODE_ENV !== 'production' && warn('Unknown method: "' + handler + '" when ' + 'registering callback for ' + action + ': "' + key + '".', vm);
-	      }
-	    } else if (handler && type === 'object') {
-	      register(vm, action, key, handler.handler, handler);
+	  function assertNodeMatch (node, vnode) {
+	    if (vnode.tag) {
+	      return (
+	        vnode.tag.indexOf('vue-component') === 0 ||
+	        vnode.tag === nodeOps.tagName(node).toLowerCase()
+	      )
+	    } else {
+	      return _toString(vnode.text) === node.data
 	    }
 	  }
 
-	  /**
-	   * Setup recursive attached/detached calls
-	   */
+	  return function patch (oldVnode, vnode, hydrating, removeOnly) {
+	    if (!vnode) {
+	      if (oldVnode) { invokeDestroyHook(oldVnode); }
+	      return
+	    }
 
-	  Vue.prototype._initDOMHooks = function () {
-	    this.$on('hook:attached', onAttached);
-	    this.$on('hook:detached', onDetached);
-	  };
+	    var elm, parent;
+	    var isInitialPatch = false;
+	    var insertedVnodeQueue = [];
 
-	  /**
-	   * Callback to recursively call attached hook on children
-	   */
+	    if (!oldVnode) {
+	      // empty mount, create new root element
+	      isInitialPatch = true;
+	      createElm(vnode, insertedVnodeQueue);
+	    } else {
+	      var isRealElement = isDef(oldVnode.nodeType);
+	      if (!isRealElement && sameVnode(oldVnode, vnode)) {
+	        patchVnode(oldVnode, vnode, insertedVnodeQueue, removeOnly);
+	      } else {
+	        if (isRealElement) {
+	          // mounting to a real element
+	          // check if this is server-rendered content and if we can perform
+	          // a successful hydration.
+	          if (oldVnode.nodeType === 1 && oldVnode.hasAttribute('server-rendered')) {
+	            oldVnode.removeAttribute('server-rendered');
+	            hydrating = true;
+	          }
+	          if (hydrating) {
+	            if (hydrate(oldVnode, vnode, insertedVnodeQueue)) {
+	              invokeInsertHook(vnode, insertedVnodeQueue, true);
+	              return oldVnode
+	            } else if (process.env.NODE_ENV !== 'production') {
+	              warn(
+	                'The client-side rendered virtual DOM tree is not matching ' +
+	                'server-rendered content. This is likely caused by incorrect ' +
+	                'HTML markup, for example nesting block-level elements inside ' +
+	                '<p>, or missing <tbody>. Bailing hydration and performing ' +
+	                'full client-side render.'
+	              );
+	            }
+	          }
+	          // either not server-rendered, or hydration failed.
+	          // create an empty node and replace it
+	          oldVnode = emptyNodeAt(oldVnode);
+	        }
+	        elm = oldVnode.elm;
+	        parent = nodeOps.parentNode(elm);
+
+	        createElm(vnode, insertedVnodeQueue);
+
+	        // component root element replaced.
+	        // update parent placeholder node element.
+	        if (vnode.parent) {
+	          vnode.parent.elm = vnode.elm;
+	          if (isPatchable(vnode)) {
+	            for (var i = 0; i < cbs.create.length; ++i) {
+	              cbs.create[i](emptyNode, vnode.parent);
+	            }
+	          }
+	        }
 
-	  function onAttached() {
-	    if (!this._isAttached) {
-	      this._isAttached = true;
-	      this.$children.forEach(callAttach);
+	        if (parent !== null) {
+	          nodeOps.insertBefore(parent, vnode.elm, nodeOps.nextSibling(elm));
+	          removeVnodes(parent, [oldVnode], 0, 0);
+	        } else if (isDef(oldVnode.tag)) {
+	          invokeDestroyHook(oldVnode);
+	        }
+	      }
 	    }
+
+	    invokeInsertHook(vnode, insertedVnodeQueue, isInitialPatch);
+	    return vnode.elm
 	  }
+	}
 
-	  /**
-	   * Iterator to call attached hook
-	   *
-	   * @param {Vue} child
-	   */
+	/*  */
 
-	  function callAttach(child) {
-	    if (!child._isAttached && inDoc(child.$el)) {
-	      child._callHook('attached');
-	    }
+	var directives = {
+	  create: updateDirectives,
+	  update: updateDirectives,
+	  destroy: function unbindDirectives (vnode) {
+	    updateDirectives(vnode, emptyNode);
 	  }
+	};
 
-	  /**
-	   * Callback to recursively call detached hook on children
-	   */
-
-	  function onDetached() {
-	    if (this._isAttached) {
-	      this._isAttached = false;
-	      this.$children.forEach(callDetach);
+	function updateDirectives (
+	  oldVnode,
+	  vnode
+	) {
+	  if (!oldVnode.data.directives && !vnode.data.directives) {
+	    return
+	  }
+	  var isCreate = oldVnode === emptyNode;
+	  var oldDirs = normalizeDirectives$1(oldVnode.data.directives, oldVnode.context);
+	  var newDirs = normalizeDirectives$1(vnode.data.directives, vnode.context);
+
+	  var dirsWithInsert = [];
+	  var dirsWithPostpatch = [];
+
+	  var key, oldDir, dir;
+	  for (key in newDirs) {
+	    oldDir = oldDirs[key];
+	    dir = newDirs[key];
+	    if (!oldDir) {
+	      // new directive, bind
+	      callHook$1(dir, 'bind', vnode, oldVnode);
+	      if (dir.def && dir.def.inserted) {
+	        dirsWithInsert.push(dir);
+	      }
+	    } else {
+	      // existing directive, update
+	      dir.oldValue = oldDir.value;
+	      callHook$1(dir, 'update', vnode, oldVnode);
+	      if (dir.def && dir.def.componentUpdated) {
+	        dirsWithPostpatch.push(dir);
+	      }
 	    }
 	  }
 
-	  /**
-	   * Iterator to call detached hook
-	   *
-	   * @param {Vue} child
-	   */
-
-	  function callDetach(child) {
-	    if (child._isAttached && !inDoc(child.$el)) {
-	      child._callHook('detached');
+	  if (dirsWithInsert.length) {
+	    var callInsert = function () {
+	      dirsWithInsert.forEach(function (dir) {
+	        callHook$1(dir, 'inserted', vnode, oldVnode);
+	      });
+	    };
+	    if (isCreate) {
+	      mergeVNodeHook(vnode.data.hook || (vnode.data.hook = {}), 'insert', callInsert, 'dir-insert');
+	    } else {
+	      callInsert();
 	    }
 	  }
 
-	  /**
-	   * Trigger all handlers for a hook
-	   *
-	   * @param {String} hook
-	   */
+	  if (dirsWithPostpatch.length) {
+	    mergeVNodeHook(vnode.data.hook || (vnode.data.hook = {}), 'postpatch', function () {
+	      dirsWithPostpatch.forEach(function (dir) {
+	        callHook$1(dir, 'componentUpdated', vnode, oldVnode);
+	      });
+	    }, 'dir-postpatch');
+	  }
 
-	  Vue.prototype._callHook = function (hook) {
-	    this.$emit('pre-hook:' + hook);
-	    var handlers = this.$options[hook];
-	    if (handlers) {
-	      for (var i = 0, j = handlers.length; i < j; i++) {
-	        handlers[i].call(this);
+	  if (!isCreate) {
+	    for (key in oldDirs) {
+	      if (!newDirs[key]) {
+	        // no longer present, unbind
+	        callHook$1(oldDirs[key], 'unbind', oldVnode);
 	      }
 	    }
-	    this.$emit('hook:' + hook);
-	  };
+	  }
 	}
 
-	function noop() {}
+	var emptyModifiers = Object.create(null);
 
-	/**
-	 * A directive links a DOM element with a piece of data,
-	 * which is the result of evaluating an expression.
-	 * It registers a watcher with the expression and calls
-	 * the DOM update function when a change is triggered.
-	 *
-	 * @param {Object} descriptor
-	 *                 - {String} name
-	 *                 - {Object} def
-	 *                 - {String} expression
-	 *                 - {Array<Object>} [filters]
-	 *                 - {Object} [modifiers]
-	 *                 - {Boolean} literal
-	 *                 - {String} attr
-	 *                 - {String} arg
-	 *                 - {String} raw
-	 *                 - {String} [ref]
-	 *                 - {Array<Object>} [interp]
-	 *                 - {Boolean} [hasOneTime]
-	 * @param {Vue} vm
-	 * @param {Node} el
-	 * @param {Vue} [host] - transclusion host component
-	 * @param {Object} [scope] - v-for scope
-	 * @param {Fragment} [frag] - owner fragment
-	 * @constructor
-	 */
-	function Directive(descriptor, vm, el, host, scope, frag) {
-	  this.vm = vm;
-	  this.el = el;
-	  // copy descriptor properties
-	  this.descriptor = descriptor;
-	  this.name = descriptor.name;
-	  this.expression = descriptor.expression;
-	  this.arg = descriptor.arg;
-	  this.modifiers = descriptor.modifiers;
-	  this.filters = descriptor.filters;
-	  this.literal = this.modifiers && this.modifiers.literal;
-	  // private
-	  this._locked = false;
-	  this._bound = false;
-	  this._listeners = null;
-	  // link context
-	  this._host = host;
-	  this._scope = scope;
-	  this._frag = frag;
-	  // store directives on node in dev mode
-	  if (process.env.NODE_ENV !== 'production' && this.el) {
-	    this.el._vue_directives = this.el._vue_directives || [];
-	    this.el._vue_directives.push(this);
+	function normalizeDirectives$1 (
+	  dirs,
+	  vm
+	) {
+	  var res = Object.create(null);
+	  if (!dirs) {
+	    return res
+	  }
+	  var i, dir;
+	  for (i = 0; i < dirs.length; i++) {
+	    dir = dirs[i];
+	    if (!dir.modifiers) {
+	      dir.modifiers = emptyModifiers;
+	    }
+	    res[getRawDirName(dir)] = dir;
+	    dir.def = resolveAsset(vm.$options, 'directives', dir.name, true);
 	  }
+	  return res
 	}
 
-	/**
-	 * Initialize the directive, mixin definition properties,
-	 * setup the watcher, call definition bind() and update()
-	 * if present.
-	 */
-
-	Directive.prototype._bind = function () {
-	  var name = this.name;
-	  var descriptor = this.descriptor;
+	function getRawDirName (dir) {
+	  return dir.rawName || ((dir.name) + "." + (Object.keys(dir.modifiers || {}).join('.')))
+	}
 
-	  // remove attribute
-	  if ((name !== 'cloak' || this.vm._isCompiled) && this.el && this.el.removeAttribute) {
-	    var attr = descriptor.attr || 'v-' + name;
-	    this.el.removeAttribute(attr);
+	function callHook$1 (dir, hook, vnode, oldVnode) {
+	  var fn = dir.def && dir.def[hook];
+	  if (fn) {
+	    fn(vnode.elm, dir, vnode, oldVnode);
 	  }
+	}
 
-	  // copy def properties
-	  var def = descriptor.def;
-	  if (typeof def === 'function') {
-	    this.update = def;
-	  } else {
-	    extend(this, def);
-	  }
+	var baseModules = [
+	  ref,
+	  directives
+	];
 
-	  // setup directive params
-	  this._setupParams();
+	/*  */
 
-	  // initial bind
-	  if (this.bind) {
-	    this.bind();
+	function updateAttrs (oldVnode, vnode) {
+	  if (!oldVnode.data.attrs && !vnode.data.attrs) {
+	    return
 	  }
-	  this._bound = true;
-
-	  if (this.literal) {
-	    this.update && this.update(descriptor.raw);
-	  } else if ((this.expression || this.modifiers) && (this.update || this.twoWay) && !this._checkStatement()) {
-	    // wrapped updater for context
-	    var dir = this;
-	    if (this.update) {
-	      this._update = function (val, oldVal) {
-	        if (!dir._locked) {
-	          dir.update(val, oldVal);
-	        }
-	      };
-	    } else {
-	      this._update = noop;
-	    }
-	    var preProcess = this._preProcess ? bind(this._preProcess, this) : null;
-	    var postProcess = this._postProcess ? bind(this._postProcess, this) : null;
-	    var watcher = this._watcher = new Watcher(this.vm, this.expression, this._update, // callback
-	    {
-	      filters: this.filters,
-	      twoWay: this.twoWay,
-	      deep: this.deep,
-	      preProcess: preProcess,
-	      postProcess: postProcess,
-	      scope: this._scope
-	    });
-	    // v-model with inital inline value need to sync back to
-	    // model instead of update to DOM on init. They would
-	    // set the afterBind hook to indicate that.
-	    if (this.afterBind) {
-	      this.afterBind();
-	    } else if (this.update) {
-	      this.update(watcher.value);
-	    }
+	  var key, cur, old;
+	  var elm = vnode.elm;
+	  var oldAttrs = oldVnode.data.attrs || {};
+	  var attrs = vnode.data.attrs || {};
+	  // clone observed objects, as the user probably wants to mutate it
+	  if (attrs.__ob__) {
+	    attrs = vnode.data.attrs = extend({}, attrs);
 	  }
-	};
-
-	/**
-	 * Setup all param attributes, e.g. track-by,
-	 * transition-mode, etc...
-	 */
 
-	Directive.prototype._setupParams = function () {
-	  if (!this.params) {
-	    return;
+	  for (key in attrs) {
+	    cur = attrs[key];
+	    old = oldAttrs[key];
+	    if (old !== cur) {
+	      setAttr(elm, key, cur);
+	    }
 	  }
-	  var params = this.params;
-	  // swap the params array with a fresh object.
-	  this.params = Object.create(null);
-	  var i = params.length;
-	  var key, val, mappedKey;
-	  while (i--) {
-	    key = hyphenate(params[i]);
-	    mappedKey = camelize(key);
-	    val = getBindAttr(this.el, key);
-	    if (val != null) {
-	      // dynamic
-	      this._setupParamWatcher(mappedKey, val);
-	    } else {
-	      // static
-	      val = getAttr(this.el, key);
-	      if (val != null) {
-	        this.params[mappedKey] = val === '' ? true : val;
+	  for (key in oldAttrs) {
+	    if (attrs[key] == null) {
+	      if (isXlink(key)) {
+	        elm.removeAttributeNS(xlinkNS, getXlinkProp(key));
+	      } else if (!isEnumeratedAttr(key)) {
+	        elm.removeAttribute(key);
 	      }
 	    }
 	  }
-	};
-
-	/**
-	 * Setup a watcher for a dynamic param.
-	 *
-	 * @param {String} key
-	 * @param {String} expression
-	 */
+	}
 
-	Directive.prototype._setupParamWatcher = function (key, expression) {
-	  var self = this;
-	  var called = false;
-	  var unwatch = (this._scope || this.vm).$watch(expression, function (val, oldVal) {
-	    self.params[key] = val;
-	    // since we are in immediate mode,
-	    // only call the param change callbacks if this is not the first update.
-	    if (called) {
-	      var cb = self.paramWatchers && self.paramWatchers[key];
-	      if (cb) {
-	        cb.call(self, val, oldVal);
-	      }
+	function setAttr (el, key, value) {
+	  if (isBooleanAttr(key)) {
+	    // set attribute for blank value
+	    // e.g. <option disabled>Select one</option>
+	    if (isFalsyAttrValue(value)) {
+	      el.removeAttribute(key);
 	    } else {
-	      called = true;
+	      el.setAttribute(key, key);
 	    }
-	  }, {
-	    immediate: true,
-	    user: false
-	  });(this._paramUnwatchFns || (this._paramUnwatchFns = [])).push(unwatch);
-	};
-
-	/**
-	 * Check if the directive is a function caller
-	 * and if the expression is a callable one. If both true,
-	 * we wrap up the expression and use it as the event
-	 * handler.
-	 *
-	 * e.g. on-click="a++"
-	 *
-	 * @return {Boolean}
-	 */
-
-	Directive.prototype._checkStatement = function () {
-	  var expression = this.expression;
-	  if (expression && this.acceptStatement && !isSimplePath(expression)) {
-	    var fn = parseExpression(expression).get;
-	    var scope = this._scope || this.vm;
-	    var handler = function handler(e) {
-	      scope.$event = e;
-	      fn.call(scope, scope);
-	      scope.$event = null;
-	    };
-	    if (this.filters) {
-	      handler = scope._applyFilters(handler, null, this.filters);
+	  } else if (isEnumeratedAttr(key)) {
+	    el.setAttribute(key, isFalsyAttrValue(value) || value === 'false' ? 'false' : 'true');
+	  } else if (isXlink(key)) {
+	    if (isFalsyAttrValue(value)) {
+	      el.removeAttributeNS(xlinkNS, getXlinkProp(key));
+	    } else {
+	      el.setAttributeNS(xlinkNS, key, value);
+	    }
+	  } else {
+	    if (isFalsyAttrValue(value)) {
+	      el.removeAttribute(key);
+	    } else {
+	      el.setAttribute(key, value);
 	    }
-	    this.update(handler);
-	    return true;
 	  }
+	}
+
+	var attrs = {
+	  create: updateAttrs,
+	  update: updateAttrs
 	};
 
-	/**
-	 * Set the corresponding value with the setter.
-	 * This should only be used in two-way directives
-	 * e.g. v-model.
-	 *
-	 * @param {*} value
-	 * @public
-	 */
+	/*  */
 
-	Directive.prototype.set = function (value) {
-	  /* istanbul ignore else */
-	  if (this.twoWay) {
-	    this._withLock(function () {
-	      this._watcher.set(value);
-	    });
-	  } else if (process.env.NODE_ENV !== 'production') {
-	    warn('Directive.set() can only be used inside twoWay' + 'directives.');
+	function updateClass (oldVnode, vnode) {
+	  var el = vnode.elm;
+	  var data = vnode.data;
+	  var oldData = oldVnode.data;
+	  if (!data.staticClass && !data.class &&
+	      (!oldData || (!oldData.staticClass && !oldData.class))) {
+	    return
 	  }
-	};
 
-	/**
-	 * Execute a function while preventing that function from
-	 * triggering updates on this directive instance.
-	 *
-	 * @param {Function} fn
-	 */
+	  var cls = genClassForVnode(vnode);
 
-	Directive.prototype._withLock = function (fn) {
-	  var self = this;
-	  self._locked = true;
-	  fn.call(self);
-	  nextTick(function () {
-	    self._locked = false;
-	  });
-	};
+	  // handle transition classes
+	  var transitionClass = el._transitionClasses;
+	  if (transitionClass) {
+	    cls = concat(cls, stringifyClass(transitionClass));
+	  }
 
-	/**
-	 * Convenience method that attaches a DOM event listener
-	 * to the directive element and autometically tears it down
-	 * during unbind.
-	 *
-	 * @param {String} event
-	 * @param {Function} handler
-	 * @param {Boolean} [useCapture]
-	 */
+	  // set the class
+	  if (cls !== el._prevClass) {
+	    el.setAttribute('class', cls);
+	    el._prevClass = cls;
+	  }
+	}
 
-	Directive.prototype.on = function (event, handler, useCapture) {
-	  on(this.el, event, handler, useCapture);(this._listeners || (this._listeners = [])).push([event, handler]);
+	var klass = {
+	  create: updateClass,
+	  update: updateClass
 	};
 
-	/**
-	 * Teardown the watcher and call unbind.
-	 */
+	// skip type checking this file because we need to attach private properties
+	// to elements
 
-	Directive.prototype._teardown = function () {
-	  if (this._bound) {
-	    this._bound = false;
-	    if (this.unbind) {
-	      this.unbind();
-	    }
-	    if (this._watcher) {
-	      this._watcher.teardown();
-	    }
-	    var listeners = this._listeners;
-	    var i;
-	    if (listeners) {
-	      i = listeners.length;
-	      while (i--) {
-	        off(this.el, listeners[i][0], listeners[i][1]);
-	      }
-	    }
-	    var unwatchFns = this._paramUnwatchFns;
-	    if (unwatchFns) {
-	      i = unwatchFns.length;
-	      while (i--) {
-	        unwatchFns[i]();
-	      }
-	    }
-	    if (process.env.NODE_ENV !== 'production' && this.el) {
-	      this.el._vue_directives.$remove(this);
-	    }
-	    this.vm = this.el = this._watcher = this._listeners = null;
+	function updateDOMListeners (oldVnode, vnode) {
+	  if (!oldVnode.data.on && !vnode.data.on) {
+	    return
 	  }
-	};
+	  var on = vnode.data.on || {};
+	  var oldOn = oldVnode.data.on || {};
+	  var add = vnode.elm._v_add || (vnode.elm._v_add = function (event, handler, capture) {
+	    vnode.elm.addEventListener(event, handler, capture);
+	  });
+	  var remove = vnode.elm._v_remove || (vnode.elm._v_remove = function (event, handler) {
+	    vnode.elm.removeEventListener(event, handler);
+	  });
+	  updateListeners(on, oldOn, add, remove, vnode.context);
+	}
 
-	function lifecycleMixin (Vue) {
-	  /**
-	   * Update v-ref for component.
-	   *
-	   * @param {Boolean} remove
-	   */
+	var events = {
+	  create: updateDOMListeners,
+	  update: updateDOMListeners
+	};
 
-	  Vue.prototype._updateRef = function (remove) {
-	    var ref = this.$options._ref;
-	    if (ref) {
-	      var refs = (this._scope || this._context).$refs;
-	      if (remove) {
-	        if (refs[ref] === this) {
-	          refs[ref] = null;
-	        }
-	      } else {
-	        refs[ref] = this;
-	      }
-	    }
-	  };
+	/*  */
 
-	  /**
-	   * Transclude, compile and link element.
-	   *
-	   * If a pre-compiled linker is available, that means the
-	   * passed in element will be pre-transcluded and compiled
-	   * as well - all we need to do is to call the linker.
-	   *
-	   * Otherwise we need to call transclude/compile/link here.
-	   *
-	   * @param {Element} el
-	   */
+	function updateDOMProps (oldVnode, vnode) {
+	  if (!oldVnode.data.domProps && !vnode.data.domProps) {
+	    return
+	  }
+	  var key, cur;
+	  var elm = vnode.elm;
+	  var oldProps = oldVnode.data.domProps || {};
+	  var props = vnode.data.domProps || {};
+	  // clone observed objects, as the user probably wants to mutate it
+	  if (props.__ob__) {
+	    props = vnode.data.domProps = extend({}, props);
+	  }
 
-	  Vue.prototype._compile = function (el) {
-	    var options = this.$options;
-
-	    // transclude and init element
-	    // transclude can potentially replace original
-	    // so we need to keep reference; this step also injects
-	    // the template and caches the original attributes
-	    // on the container node and replacer node.
-	    var original = el;
-	    el = transclude(el, options);
-	    this._initElement(el);
-
-	    // handle v-pre on root node (#2026)
-	    if (el.nodeType === 1 && getAttr(el, 'v-pre') !== null) {
-	      return;
-	    }
-
-	    // root is always compiled per-instance, because
-	    // container attrs and props can be different every time.
-	    var contextOptions = this._context && this._context.$options;
-	    var rootLinker = compileRoot(el, options, contextOptions);
-
-	    // resolve slot distribution
-	    resolveSlots(this, options._content);
-
-	    // compile and link the rest
-	    var contentLinkFn;
-	    var ctor = this.constructor;
-	    // component compilation can be cached
-	    // as long as it's not using inline-template
-	    if (options._linkerCachable) {
-	      contentLinkFn = ctor.linker;
-	      if (!contentLinkFn) {
-	        contentLinkFn = ctor.linker = compile(el, options);
-	      }
+	  for (key in oldProps) {
+	    if (props[key] == null) {
+	      elm[key] = '';
 	    }
-
-	    // link phase
-	    // make sure to link root with prop scope!
-	    var rootUnlinkFn = rootLinker(this, el, this._scope);
-	    var contentUnlinkFn = contentLinkFn ? contentLinkFn(this, el) : compile(el, options)(this, el);
-
-	    // register composite unlink function
-	    // to be called during instance destruction
-	    this._unlinkFn = function () {
-	      rootUnlinkFn();
-	      // passing destroying: true to avoid searching and
-	      // splicing the directives
-	      contentUnlinkFn(true);
-	    };
-
-	    // finally replace original
-	    if (options.replace) {
-	      replace(original, el);
+	  }
+	  for (key in props) {
+	    // ignore children if the node has textContent or innerHTML,
+	    // as these will throw away existing DOM nodes and cause removal errors
+	    // on subsequent patches (#3360)
+	    if ((key === 'textContent' || key === 'innerHTML') && vnode.children) {
+	      vnode.children.length = 0;
 	    }
-
-	    this._isCompiled = true;
-	    this._callHook('compiled');
-	  };
-
-	  /**
-	   * Initialize instance element. Called in the public
-	   * $mount() method.
-	   *
-	   * @param {Element} el
-	   */
-
-	  Vue.prototype._initElement = function (el) {
-	    if (isFragment(el)) {
-	      this._isFragment = true;
-	      this.$el = this._fragmentStart = el.firstChild;
-	      this._fragmentEnd = el.lastChild;
-	      // set persisted text anchors to empty
-	      if (this._fragmentStart.nodeType === 3) {
-	        this._fragmentStart.data = this._fragmentEnd.data = '';
+	    cur = props[key];
+	    if (key === 'value') {
+	      // store value as _value as well since
+	      // non-string values will be stringified
+	      elm._value = cur;
+	      // avoid resetting cursor position when value is the same
+	      var strCur = cur == null ? '' : String(cur);
+	      if (elm.value !== strCur && !elm.composing) {
+	        elm.value = strCur;
 	      }
-	      this._fragment = el;
 	    } else {
-	      this.$el = el;
+	      elm[key] = cur;
 	    }
-	    this.$el.__vue__ = this;
-	    this._callHook('beforeCompile');
-	  };
-
-	  /**
-	   * Create and bind a directive to an element.
-	   *
-	   * @param {Object} descriptor - parsed directive descriptor
-	   * @param {Node} node   - target node
-	   * @param {Vue} [host] - transclusion host component
-	   * @param {Object} [scope] - v-for scope
-	   * @param {Fragment} [frag] - owner fragment
-	   */
-
-	  Vue.prototype._bindDir = function (descriptor, node, host, scope, frag) {
-	    this._directives.push(new Directive(descriptor, this, node, host, scope, frag));
-	  };
+	  }
+	}
 
-	  /**
-	   * Teardown an instance, unobserves the data, unbind all the
-	   * directives, turn off all the event listeners, etc.
-	   *
-	   * @param {Boolean} remove - whether to remove the DOM node.
-	   * @param {Boolean} deferCleanup - if true, defer cleanup to
-	   *                                 be called later
-	   */
+	var domProps = {
+	  create: updateDOMProps,
+	  update: updateDOMProps
+	};
 
-	  Vue.prototype._destroy = function (remove, deferCleanup) {
-	    if (this._isBeingDestroyed) {
-	      if (!deferCleanup) {
-	        this._cleanup();
-	      }
-	      return;
-	    }
+	/*  */
 
-	    var destroyReady;
-	    var pendingRemoval;
+	var cssVarRE = /^--/;
+	var setProp = function (el, name, val) {
+	  /* istanbul ignore if */
+	  if (cssVarRE.test(name)) {
+	    el.style.setProperty(name, val);
+	  } else {
+	    el.style[normalize(name)] = val;
+	  }
+	};
 
-	    var self = this;
-	    // Cleanup should be called either synchronously or asynchronoysly as
-	    // callback of this.$remove(), or if remove and deferCleanup are false.
-	    // In any case it should be called after all other removing, unbinding and
-	    // turning of is done
-	    var cleanupIfPossible = function cleanupIfPossible() {
-	      if (destroyReady && !pendingRemoval && !deferCleanup) {
-	        self._cleanup();
-	      }
-	    };
+	var prefixes = ['Webkit', 'Moz', 'ms'];
 
-	    // remove DOM element
-	    if (remove && this.$el) {
-	      pendingRemoval = true;
-	      this.$remove(function () {
-	        pendingRemoval = false;
-	        cleanupIfPossible();
-	      });
+	var testEl;
+	var normalize = cached(function (prop) {
+	  testEl = testEl || document.createElement('div');
+	  prop = camelize(prop);
+	  if (prop !== 'filter' && (prop in testEl.style)) {
+	    return prop
+	  }
+	  var upper = prop.charAt(0).toUpperCase() + prop.slice(1);
+	  for (var i = 0; i < prefixes.length; i++) {
+	    var prefixed = prefixes[i] + upper;
+	    if (prefixed in testEl.style) {
+	      return prefixed
 	    }
+	  }
+	});
 
-	    this._callHook('beforeDestroy');
-	    this._isBeingDestroyed = true;
-	    var i;
-	    // remove self from parent. only necessary
-	    // if parent is not being destroyed as well.
-	    var parent = this.$parent;
-	    if (parent && !parent._isBeingDestroyed) {
-	      parent.$children.$remove(this);
-	      // unregister ref (remove: true)
-	      this._updateRef(true);
-	    }
-	    // destroy all children.
-	    i = this.$children.length;
-	    while (i--) {
-	      this.$children[i].$destroy();
-	    }
-	    // teardown props
-	    if (this._propsUnlinkFn) {
-	      this._propsUnlinkFn();
-	    }
-	    // teardown all directives. this also tearsdown all
-	    // directive-owned watchers.
-	    if (this._unlinkFn) {
-	      this._unlinkFn();
-	    }
-	    i = this._watchers.length;
-	    while (i--) {
-	      this._watchers[i].teardown();
-	    }
-	    // remove reference to self on $el
-	    if (this.$el) {
-	      this.$el.__vue__ = null;
-	    }
+	function updateStyle (oldVnode, vnode) {
+	  if ((!oldVnode.data || !oldVnode.data.style) && !vnode.data.style) {
+	    return
+	  }
+	  var cur, name;
+	  var el = vnode.elm;
+	  var oldStyle = oldVnode.data.style || {};
+	  var style = vnode.data.style || {};
 
-	    destroyReady = true;
-	    cleanupIfPossible();
-	  };
+	  // handle string
+	  if (typeof style === 'string') {
+	    el.style.cssText = style;
+	    return
+	  }
 
-	  /**
-	   * Clean up to ensure garbage collection.
-	   * This is called after the leave transition if there
-	   * is any.
-	   */
+	  var needClone = style.__ob__;
 
-	  Vue.prototype._cleanup = function () {
-	    if (this._isDestroyed) {
-	      return;
-	    }
-	    // remove self from owner fragment
-	    // do it in cleanup so that we can call $destroy with
-	    // defer right when a fragment is about to be removed.
-	    if (this._frag) {
-	      this._frag.children.$remove(this);
-	    }
-	    // remove reference from data ob
-	    // frozen object may not have observer.
-	    if (this._data.__ob__) {
-	      this._data.__ob__.removeVm(this);
-	    }
-	    // Clean up references to private properties and other
-	    // instances. preserve reference to _data so that proxy
-	    // accessors still work. The only potential side effect
-	    // here is that mutating the instance after it's destroyed
-	    // may affect the state of other components that are still
-	    // observing the same object, but that seems to be a
-	    // reasonable responsibility for the user rather than
-	    // always throwing an error on them.
-	    this.$el = this.$parent = this.$root = this.$children = this._watchers = this._context = this._scope = this._directives = null;
-	    // call the last hook...
-	    this._isDestroyed = true;
-	    this._callHook('destroyed');
-	    // turn off all instance listeners.
-	    this.$off();
-	  };
-	}
+	  // handle array syntax
+	  if (Array.isArray(style)) {
+	    style = vnode.data.style = toObject(style);
+	  }
 
-	function miscMixin (Vue) {
-	  /**
-	   * Apply a list of filter (descriptors) to a value.
-	   * Using plain for loops here because this will be called in
-	   * the getter of any watcher with filters so it is very
-	   * performance sensitive.
-	   *
-	   * @param {*} value
-	   * @param {*} [oldValue]
-	   * @param {Array} filters
-	   * @param {Boolean} write
-	   * @return {*}
-	   */
+	  // clone the style for future updates,
+	  // in case the user mutates the style object in-place.
+	  if (needClone) {
+	    style = vnode.data.style = extend({}, style);
+	  }
 
-	  Vue.prototype._applyFilters = function (value, oldValue, filters, write) {
-	    var filter, fn, args, arg, offset, i, l, j, k;
-	    for (i = 0, l = filters.length; i < l; i++) {
-	      filter = filters[write ? l - i - 1 : i];
-	      fn = resolveAsset(this.$options, 'filters', filter.name, true);
-	      if (!fn) continue;
-	      fn = write ? fn.write : fn.read || fn;
-	      if (typeof fn !== 'function') continue;
-	      args = write ? [value, oldValue] : [value];
-	      offset = write ? 2 : 1;
-	      if (filter.args) {
-	        for (j = 0, k = filter.args.length; j < k; j++) {
-	          arg = filter.args[j];
-	          args[j + offset] = arg.dynamic ? this.$get(arg.value) : arg.value;
-	        }
-	      }
-	      value = fn.apply(this, args);
+	  for (name in oldStyle) {
+	    if (style[name] == null) {
+	      setProp(el, name, '');
 	    }
-	    return value;
-	  };
-
-	  /**
-	   * Resolve a component, depending on whether the component
-	   * is defined normally or using an async factory function.
-	   * Resolves synchronously if already resolved, otherwise
-	   * resolves asynchronously and caches the resolved
-	   * constructor on the factory.
-	   *
-	   * @param {String|Function} value
-	   * @param {Function} cb
-	   */
-
-	  Vue.prototype._resolveComponent = function (value, cb) {
-	    var factory;
-	    if (typeof value === 'function') {
-	      factory = value;
-	    } else {
-	      factory = resolveAsset(this.$options, 'components', value, true);
-	    }
-	    if (!factory) {
-	      return;
-	    }
-	    // async component factory
-	    if (!factory.options) {
-	      if (factory.resolved) {
-	        // cached
-	        cb(factory.resolved);
-	      } else if (factory.requested) {
-	        // pool callbacks
-	        factory.pendingCallbacks.push(cb);
-	      } else {
-	        factory.requested = true;
-	        var cbs = factory.pendingCallbacks = [cb];
-	        factory.call(this, function resolve(res) {
-	          if (isPlainObject(res)) {
-	            res = Vue.extend(res);
-	          }
-	          // cache resolved
-	          factory.resolved = res;
-	          // invoke callbacks
-	          for (var i = 0, l = cbs.length; i < l; i++) {
-	            cbs[i](res);
-	          }
-	        }, function reject(reason) {
-	          process.env.NODE_ENV !== 'production' && warn('Failed to resolve async component' + (typeof value === 'string' ? ': ' + value : '') + '. ' + (reason ? '\nReason: ' + reason : ''));
-	        });
-	      }
-	    } else {
-	      // normal component
-	      cb(factory);
+	  }
+	  for (name in style) {
+	    cur = style[name];
+	    if (cur !== oldStyle[name]) {
+	      // ie9 setting to null has no effect, must use empty string
+	      setProp(el, name, cur == null ? '' : cur);
 	    }
-	  };
+	  }
 	}
 
-	var filterRE$1 = /[^|]\|[^|]/;
-
-	function dataAPI (Vue) {
-	  /**
-	   * Get the value from an expression on this vm.
-	   *
-	   * @param {String} exp
-	   * @param {Boolean} [asStatement]
-	   * @return {*}
-	   */
-
-	  Vue.prototype.$get = function (exp, asStatement) {
-	    var res = parseExpression(exp);
-	    if (res) {
-	      if (asStatement && !isSimplePath(exp)) {
-	        var self = this;
-	        return function statementHandler() {
-	          self.$arguments = toArray(arguments);
-	          var result = res.get.call(self, self);
-	          self.$arguments = null;
-	          return result;
-	        };
-	      } else {
-	        try {
-	          return res.get.call(this, this);
-	        } catch (e) {}
-	      }
-	    }
-	  };
-
-	  /**
-	   * Set the value from an expression on this vm.
-	   * The expression must be a valid left-hand
-	   * expression in an assignment.
-	   *
-	   * @param {String} exp
-	   * @param {*} val
-	   */
-
-	  Vue.prototype.$set = function (exp, val) {
-	    var res = parseExpression(exp, true);
-	    if (res && res.set) {
-	      res.set.call(this, this, val);
-	    }
-	  };
-
-	  /**
-	   * Delete a property on the VM
-	   *
-	   * @param {String} key
-	   */
-
-	  Vue.prototype.$delete = function (key) {
-	    del(this._data, key);
-	  };
-
-	  /**
-	   * Watch an expression, trigger callback when its
-	   * value changes.
-	   *
-	   * @param {String|Function} expOrFn
-	   * @param {Function} cb
-	   * @param {Object} [options]
-	   *                 - {Boolean} deep
-	   *                 - {Boolean} immediate
-	   * @return {Function} - unwatchFn
-	   */
-
-	  Vue.prototype.$watch = function (expOrFn, cb, options) {
-	    var vm = this;
-	    var parsed;
-	    if (typeof expOrFn === 'string') {
-	      parsed = parseDirective(expOrFn);
-	      expOrFn = parsed.expression;
-	    }
-	    var watcher = new Watcher(vm, expOrFn, cb, {
-	      deep: options && options.deep,
-	      sync: options && options.sync,
-	      filters: parsed && parsed.filters,
-	      user: !options || options.user !== false
-	    });
-	    if (options && options.immediate) {
-	      cb.call(vm, watcher.value);
-	    }
-	    return function unwatchFn() {
-	      watcher.teardown();
-	    };
-	  };
-
-	  /**
-	   * Evaluate a text directive, including filters.
-	   *
-	   * @param {String} text
-	   * @param {Boolean} [asStatement]
-	   * @return {String}
-	   */
+	var style = {
+	  create: updateStyle,
+	  update: updateStyle
+	};
 
-	  Vue.prototype.$eval = function (text, asStatement) {
-	    // check for filters.
-	    if (filterRE$1.test(text)) {
-	      var dir = parseDirective(text);
-	      // the filter regex check might give false positive
-	      // for pipes inside strings, so it's possible that
-	      // we don't get any filters here
-	      var val = this.$get(dir.expression, asStatement);
-	      return dir.filters ? this._applyFilters(val, null, dir.filters) : val;
-	    } else {
-	      // no filter
-	      return this.$get(text, asStatement);
-	    }
-	  };
+	/*  */
 
-	  /**
-	   * Interpolate a piece of template text.
-	   *
-	   * @param {String} text
-	   * @return {String}
-	   */
+	/**
+	 * Add class with compatibility for SVG since classList is not supported on
+	 * SVG elements in IE
+	 */
+	function addClass (el, cls) {
+	  /* istanbul ignore if */
+	  if (!cls || !cls.trim()) {
+	    return
+	  }
 
-	  Vue.prototype.$interpolate = function (text) {
-	    var tokens = parseText(text);
-	    var vm = this;
-	    if (tokens) {
-	      if (tokens.length === 1) {
-	        return vm.$eval(tokens[0].value) + '';
-	      } else {
-	        return tokens.map(function (token) {
-	          return token.tag ? vm.$eval(token.value) : token.value;
-	        }).join('');
-	      }
+	  /* istanbul ignore else */
+	  if (el.classList) {
+	    if (cls.indexOf(' ') > -1) {
+	      cls.split(/\s+/).forEach(function (c) { return el.classList.add(c); });
 	    } else {
-	      return text;
+	      el.classList.add(cls);
 	    }
-	  };
+	  } else {
+	    var cur = ' ' + el.getAttribute('class') + ' ';
+	    if (cur.indexOf(' ' + cls + ' ') < 0) {
+	      el.setAttribute('class', (cur + cls).trim());
+	    }
+	  }
+	}
 
-	  /**
-	   * Log instance data as a plain JS object
-	   * so that it is easier to inspect in console.
-	   * This method assumes console is available.
-	   *
-	   * @param {String} [path]
-	   */
+	/**
+	 * Remove class with compatibility for SVG since classList is not supported on
+	 * SVG elements in IE
+	 */
+	function removeClass (el, cls) {
+	  /* istanbul ignore if */
+	  if (!cls || !cls.trim()) {
+	    return
+	  }
 
-	  Vue.prototype.$log = function (path) {
-	    var data = path ? getPath(this._data, path) : this._data;
-	    if (data) {
-	      data = clean(data);
+	  /* istanbul ignore else */
+	  if (el.classList) {
+	    if (cls.indexOf(' ') > -1) {
+	      cls.split(/\s+/).forEach(function (c) { return el.classList.remove(c); });
+	    } else {
+	      el.classList.remove(cls);
 	    }
-	    // include computed fields
-	    if (!path) {
-	      var key;
-	      for (key in this.$options.computed) {
-	        data[key] = clean(this[key]);
-	      }
-	      if (this._props) {
-	        for (key in this._props) {
-	          data[key] = clean(this[key]);
-	        }
-	      }
+	  } else {
+	    var cur = ' ' + el.getAttribute('class') + ' ';
+	    var tar = ' ' + cls + ' ';
+	    while (cur.indexOf(tar) >= 0) {
+	      cur = cur.replace(tar, ' ');
 	    }
-	    console.log(data);
-	  };
+	    el.setAttribute('class', cur.trim());
+	  }
+	}
 
-	  /**
-	   * "clean" a getter/setter converted object into a plain
-	   * object copy.
-	   *
-	   * @param {Object} - obj
-	   * @return {Object}
-	   */
+	/*  */
+
+	var hasTransition = inBrowser && !isIE9;
+	var TRANSITION = 'transition';
+	var ANIMATION = 'animation';
 
-	  function clean(obj) {
-	    return JSON.parse(JSON.stringify(obj));
+	// Transition property/event sniffing
+	var transitionProp = 'transition';
+	var transitionEndEvent = 'transitionend';
+	var animationProp = 'animation';
+	var animationEndEvent = 'animationend';
+	if (hasTransition) {
+	  /* istanbul ignore if */
+	  if (window.ontransitionend === undefined &&
+	    window.onwebkittransitionend !== undefined) {
+	    transitionProp = 'WebkitTransition';
+	    transitionEndEvent = 'webkitTransitionEnd';
+	  }
+	  if (window.onanimationend === undefined &&
+	    window.onwebkitanimationend !== undefined) {
+	    animationProp = 'WebkitAnimation';
+	    animationEndEvent = 'webkitAnimationEnd';
 	  }
 	}
 
-	function domAPI (Vue) {
-	  /**
-	   * Convenience on-instance nextTick. The callback is
-	   * auto-bound to the instance, and this avoids component
-	   * modules having to rely on the global Vue.
-	   *
-	   * @param {Function} fn
-	   */
+	var raf = (inBrowser && window.requestAnimationFrame) || setTimeout;
+	function nextFrame (fn) {
+	  raf(function () {
+	    raf(fn);
+	  });
+	}
 
-	  Vue.prototype.$nextTick = function (fn) {
-	    nextTick(fn, this);
-	  };
+	function addTransitionClass (el, cls) {
+	  (el._transitionClasses || (el._transitionClasses = [])).push(cls);
+	  addClass(el, cls);
+	}
 
-	  /**
-	   * Append instance to target
-	   *
-	   * @param {Node} target
-	   * @param {Function} [cb]
-	   * @param {Boolean} [withTransition] - defaults to true
-	   */
+	function removeTransitionClass (el, cls) {
+	  if (el._transitionClasses) {
+	    remove$1(el._transitionClasses, cls);
+	  }
+	  removeClass(el, cls);
+	}
 
-	  Vue.prototype.$appendTo = function (target, cb, withTransition) {
-	    return insert(this, target, cb, withTransition, append, appendWithTransition);
+	function whenTransitionEnds (
+	  el,
+	  expectedType,
+	  cb
+	) {
+	  var ref = getTransitionInfo(el, expectedType);
+	  var type = ref.type;
+	  var timeout = ref.timeout;
+	  var propCount = ref.propCount;
+	  if (!type) { return cb() }
+	  var event = type === TRANSITION ? transitionEndEvent : animationEndEvent;
+	  var ended = 0;
+	  var end = function () {
+	    el.removeEventListener(event, onEnd);
+	    cb();
 	  };
-
-	  /**
-	   * Prepend instance to target
-	   *
-	   * @param {Node} target
-	   * @param {Function} [cb]
-	   * @param {Boolean} [withTransition] - defaults to true
-	   */
-
-	  Vue.prototype.$prependTo = function (target, cb, withTransition) {
-	    target = query(target);
-	    if (target.hasChildNodes()) {
-	      this.$before(target.firstChild, cb, withTransition);
-	    } else {
-	      this.$appendTo(target, cb, withTransition);
+	  var onEnd = function (e) {
+	    if (e.target === el) {
+	      if (++ended >= propCount) {
+	        end();
+	      }
 	    }
-	    return this;
 	  };
+	  setTimeout(function () {
+	    if (ended < propCount) {
+	      end();
+	    }
+	  }, timeout + 1);
+	  el.addEventListener(event, onEnd);
+	}
 
-	  /**
-	   * Insert instance before target
-	   *
-	   * @param {Node} target
-	   * @param {Function} [cb]
-	   * @param {Boolean} [withTransition] - defaults to true
-	   */
-
-	  Vue.prototype.$before = function (target, cb, withTransition) {
-	    return insert(this, target, cb, withTransition, beforeWithCb, beforeWithTransition);
-	  };
+	var transformRE = /\b(transform|all)(,|$)/;
 
-	  /**
-	   * Insert instance after target
-	   *
-	   * @param {Node} target
-	   * @param {Function} [cb]
-	   * @param {Boolean} [withTransition] - defaults to true
-	   */
+	function getTransitionInfo (el, expectedType) {
+	  var styles = window.getComputedStyle(el);
+	  var transitioneDelays = styles[transitionProp + 'Delay'].split(', ');
+	  var transitionDurations = styles[transitionProp + 'Duration'].split(', ');
+	  var transitionTimeout = getTimeout(transitioneDelays, transitionDurations);
+	  var animationDelays = styles[animationProp + 'Delay'].split(', ');
+	  var animationDurations = styles[animationProp + 'Duration'].split(', ');
+	  var animationTimeout = getTimeout(animationDelays, animationDurations);
 
-	  Vue.prototype.$after = function (target, cb, withTransition) {
-	    target = query(target);
-	    if (target.nextSibling) {
-	      this.$before(target.nextSibling, cb, withTransition);
-	    } else {
-	      this.$appendTo(target.parentNode, cb, withTransition);
+	  var type;
+	  var timeout = 0;
+	  var propCount = 0;
+	  /* istanbul ignore if */
+	  if (expectedType === TRANSITION) {
+	    if (transitionTimeout > 0) {
+	      type = TRANSITION;
+	      timeout = transitionTimeout;
+	      propCount = transitionDurations.length;
+	    }
+	  } else if (expectedType === ANIMATION) {
+	    if (animationTimeout > 0) {
+	      type = ANIMATION;
+	      timeout = animationTimeout;
+	      propCount = animationDurations.length;
 	    }
-	    return this;
-	  };
+	  } else {
+	    timeout = Math.max(transitionTimeout, animationTimeout);
+	    type = timeout > 0
+	      ? transitionTimeout > animationTimeout
+	        ? TRANSITION
+	        : ANIMATION
+	      : null;
+	    propCount = type
+	      ? type === TRANSITION
+	        ? transitionDurations.length
+	        : animationDurations.length
+	      : 0;
+	  }
+	  var hasTransform =
+	    type === TRANSITION &&
+	    transformRE.test(styles[transitionProp + 'Property']);
+	  return {
+	    type: type,
+	    timeout: timeout,
+	    propCount: propCount,
+	    hasTransform: hasTransform
+	  }
+	}
 
-	  /**
-	   * Remove instance from DOM
-	   *
-	   * @param {Function} [cb]
-	   * @param {Boolean} [withTransition] - defaults to true
-	   */
+	function getTimeout (delays, durations) {
+	  /* istanbul ignore next */
+	  while (delays.length < durations.length) {
+	    delays = delays.concat(delays);
+	  }
 
-	  Vue.prototype.$remove = function (cb, withTransition) {
-	    if (!this.$el.parentNode) {
-	      return cb && cb();
-	    }
-	    var inDocument = this._isAttached && inDoc(this.$el);
-	    // if we are not in document, no need to check
-	    // for transitions
-	    if (!inDocument) withTransition = false;
-	    var self = this;
-	    var realCb = function realCb() {
-	      if (inDocument) self._callHook('detached');
-	      if (cb) cb();
-	    };
-	    if (this._isFragment) {
-	      removeNodeRange(this._fragmentStart, this._fragmentEnd, this, this._fragment, realCb);
-	    } else {
-	      var op = withTransition === false ? removeWithCb : removeWithTransition;
-	      op(this.$el, this, realCb);
-	    }
-	    return this;
-	  };
+	  return Math.max.apply(null, durations.map(function (d, i) {
+	    return toMs(d) + toMs(delays[i])
+	  }))
+	}
 
-	  /**
-	   * Shared DOM insertion function.
-	   *
-	   * @param {Vue} vm
-	   * @param {Element} target
-	   * @param {Function} [cb]
-	   * @param {Boolean} [withTransition]
-	   * @param {Function} op1 - op for non-transition insert
-	   * @param {Function} op2 - op for transition insert
-	   * @return vm
-	   */
+	function toMs (s) {
+	  return Number(s.slice(0, -1)) * 1000
+	}
 
-	  function insert(vm, target, cb, withTransition, op1, op2) {
-	    target = query(target);
-	    var targetIsDetached = !inDoc(target);
-	    var op = withTransition === false || targetIsDetached ? op1 : op2;
-	    var shouldCallHook = !targetIsDetached && !vm._isAttached && !inDoc(vm.$el);
-	    if (vm._isFragment) {
-	      mapNodeRange(vm._fragmentStart, vm._fragmentEnd, function (node) {
-	        op(node, target, vm);
-	      });
-	      cb && cb();
-	    } else {
-	      op(vm.$el, target, vm, cb);
-	    }
-	    if (shouldCallHook) {
-	      vm._callHook('attached');
-	    }
-	    return vm;
-	  }
+	/*  */
 
-	  /**
-	   * Check for selectors
-	   *
-	   * @param {String|Element} el
-	   */
+	function enter (vnode) {
+	  var el = vnode.elm;
 
-	  function query(el) {
-	    return typeof el === 'string' ? document.querySelector(el) : el;
+	  // call leave callback now
+	  if (el._leaveCb) {
+	    el._leaveCb.cancelled = true;
+	    el._leaveCb();
 	  }
 
-	  /**
-	   * Append operation that takes a callback.
-	   *
-	   * @param {Node} el
-	   * @param {Node} target
-	   * @param {Vue} vm - unused
-	   * @param {Function} [cb]
-	   */
-
-	  function append(el, target, vm, cb) {
-	    target.appendChild(el);
-	    if (cb) cb();
+	  var data = resolveTransition(vnode.data.transition);
+	  if (!data) {
+	    return
 	  }
 
-	  /**
-	   * InsertBefore operation that takes a callback.
-	   *
-	   * @param {Node} el
-	   * @param {Node} target
-	   * @param {Vue} vm - unused
-	   * @param {Function} [cb]
-	   */
+	  /* istanbul ignore if */
+	  if (el._enterCb || el.nodeType !== 1) {
+	    return
+	  }
+
+	  var css = data.css;
+	  var type = data.type;
+	  var enterClass = data.enterClass;
+	  var enterActiveClass = data.enterActiveClass;
+	  var appearClass = data.appearClass;
+	  var appearActiveClass = data.appearActiveClass;
+	  var beforeEnter = data.beforeEnter;
+	  var enter = data.enter;
+	  var afterEnter = data.afterEnter;
+	  var enterCancelled = data.enterCancelled;
+	  var beforeAppear = data.beforeAppear;
+	  var appear = data.appear;
+	  var afterAppear = data.afterAppear;
+	  var appearCancelled = data.appearCancelled;
+
+	  // activeInstance will always be the <transition> component managing this
+	  // transition. One edge case to check is when the <transition> is placed
+	  // as the root node of a child component. In that case we need to check
+	  // <transition>'s parent for appear check.
+	  var transitionNode = activeInstance.$vnode;
+	  var context = transitionNode && transitionNode.parent
+	    ? transitionNode.parent.context
+	    : activeInstance;
+
+	  var isAppear = !context._isMounted || !vnode.isRootInsert;
+
+	  if (isAppear && !appear && appear !== '') {
+	    return
+	  }
+
+	  var startClass = isAppear ? appearClass : enterClass;
+	  var activeClass = isAppear ? appearActiveClass : enterActiveClass;
+	  var beforeEnterHook = isAppear ? (beforeAppear || beforeEnter) : beforeEnter;
+	  var enterHook = isAppear ? (typeof appear === 'function' ? appear : enter) : enter;
+	  var afterEnterHook = isAppear ? (afterAppear || afterEnter) : afterEnter;
+	  var enterCancelledHook = isAppear ? (appearCancelled || enterCancelled) : enterCancelled;
+
+	  var expectsCSS = css !== false && !isIE9;
+	  var userWantsControl =
+	    enterHook &&
+	    // enterHook may be a bound method which exposes
+	    // the length of original fn as _length
+	    (enterHook._length || enterHook.length) > 1;
+
+	  var cb = el._enterCb = once(function () {
+	    if (expectsCSS) {
+	      removeTransitionClass(el, activeClass);
+	    }
+	    if (cb.cancelled) {
+	      if (expectsCSS) {
+	        removeTransitionClass(el, startClass);
+	      }
+	      enterCancelledHook && enterCancelledHook(el);
+	    } else {
+	      afterEnterHook && afterEnterHook(el);
+	    }
+	    el._enterCb = null;
+	  });
 
-	  function beforeWithCb(el, target, vm, cb) {
-	    before(el, target);
-	    if (cb) cb();
+	  if (!vnode.data.show) {
+	    // remove pending leave element on enter by injecting an insert hook
+	    mergeVNodeHook(vnode.data.hook || (vnode.data.hook = {}), 'insert', function () {
+	      var parent = el.parentNode;
+	      var pendingNode = parent && parent._pending && parent._pending[vnode.key];
+	      if (pendingNode && pendingNode.tag === vnode.tag && pendingNode.elm._leaveCb) {
+	        pendingNode.elm._leaveCb();
+	      }
+	      enterHook && enterHook(el, cb);
+	    }, 'transition-insert');
 	  }
 
-	  /**
-	   * Remove operation that takes a callback.
-	   *
-	   * @param {Node} el
-	   * @param {Vue} vm - unused
-	   * @param {Function} [cb]
-	   */
+	  // start enter transition
+	  beforeEnterHook && beforeEnterHook(el);
+	  if (expectsCSS) {
+	    addTransitionClass(el, startClass);
+	    addTransitionClass(el, activeClass);
+	    nextFrame(function () {
+	      removeTransitionClass(el, startClass);
+	      if (!cb.cancelled && !userWantsControl) {
+	        whenTransitionEnds(el, type, cb);
+	      }
+	    });
+	  }
+
+	  if (vnode.data.show) {
+	    enterHook && enterHook(el, cb);
+	  }
 
-	  function removeWithCb(el, vm, cb) {
-	    remove(el);
-	    if (cb) cb();
+	  if (!expectsCSS && !userWantsControl) {
+	    cb();
 	  }
 	}
 
-	function eventsAPI (Vue) {
-	  /**
-	   * Listen on the given `event` with `fn`.
-	   *
-	   * @param {String} event
-	   * @param {Function} fn
-	   */
+	function leave (vnode, rm) {
+	  var el = vnode.elm;
 
-	  Vue.prototype.$on = function (event, fn) {
-	    (this._events[event] || (this._events[event] = [])).push(fn);
-	    modifyListenerCount(this, event, 1);
-	    return this;
-	  };
+	  // call enter callback now
+	  if (el._enterCb) {
+	    el._enterCb.cancelled = true;
+	    el._enterCb();
+	  }
 
-	  /**
-	   * Adds an `event` listener that will be invoked a single
-	   * time then automatically removed.
-	   *
-	   * @param {String} event
-	   * @param {Function} fn
-	   */
+	  var data = resolveTransition(vnode.data.transition);
+	  if (!data) {
+	    return rm()
+	  }
 
-	  Vue.prototype.$once = function (event, fn) {
-	    var self = this;
-	    function on() {
-	      self.$off(event, on);
-	      fn.apply(this, arguments);
+	  /* istanbul ignore if */
+	  if (el._leaveCb || el.nodeType !== 1) {
+	    return
+	  }
+
+	  var css = data.css;
+	  var type = data.type;
+	  var leaveClass = data.leaveClass;
+	  var leaveActiveClass = data.leaveActiveClass;
+	  var beforeLeave = data.beforeLeave;
+	  var leave = data.leave;
+	  var afterLeave = data.afterLeave;
+	  var leaveCancelled = data.leaveCancelled;
+	  var delayLeave = data.delayLeave;
+
+	  var expectsCSS = css !== false && !isIE9;
+	  var userWantsControl =
+	    leave &&
+	    // leave hook may be a bound method which exposes
+	    // the length of original fn as _length
+	    (leave._length || leave.length) > 1;
+
+	  var cb = el._leaveCb = once(function () {
+	    if (el.parentNode && el.parentNode._pending) {
+	      el.parentNode._pending[vnode.key] = null;
+	    }
+	    if (expectsCSS) {
+	      removeTransitionClass(el, leaveActiveClass);
+	    }
+	    if (cb.cancelled) {
+	      if (expectsCSS) {
+	        removeTransitionClass(el, leaveClass);
+	      }
+	      leaveCancelled && leaveCancelled(el);
+	    } else {
+	      rm();
+	      afterLeave && afterLeave(el);
 	    }
-	    on.fn = fn;
-	    this.$on(event, on);
-	    return this;
-	  };
-
-	  /**
-	   * Remove the given callback for `event` or all
-	   * registered callbacks.
-	   *
-	   * @param {String} event
-	   * @param {Function} fn
-	   */
+	    el._leaveCb = null;
+	  });
 
-	  Vue.prototype.$off = function (event, fn) {
-	    var cbs;
-	    // all
-	    if (!arguments.length) {
-	      if (this.$parent) {
-	        for (event in this._events) {
-	          cbs = this._events[event];
-	          if (cbs) {
-	            modifyListenerCount(this, event, -cbs.length);
-	          }
+	  if (delayLeave) {
+	    delayLeave(performLeave);
+	  } else {
+	    performLeave();
+	  }
+
+	  function performLeave () {
+	    // the delayed leave may have already been cancelled
+	    if (cb.cancelled) {
+	      return
+	    }
+	    // record leaving element
+	    if (!vnode.data.show) {
+	      (el.parentNode._pending || (el.parentNode._pending = {}))[vnode.key] = vnode;
+	    }
+	    beforeLeave && beforeLeave(el);
+	    if (expectsCSS) {
+	      addTransitionClass(el, leaveClass);
+	      addTransitionClass(el, leaveActiveClass);
+	      nextFrame(function () {
+	        removeTransitionClass(el, leaveClass);
+	        if (!cb.cancelled && !userWantsControl) {
+	          whenTransitionEnds(el, type, cb);
 	        }
-	      }
-	      this._events = {};
-	      return this;
-	    }
-	    // specific event
-	    cbs = this._events[event];
-	    if (!cbs) {
-	      return this;
-	    }
-	    if (arguments.length === 1) {
-	      modifyListenerCount(this, event, -cbs.length);
-	      this._events[event] = null;
-	      return this;
-	    }
-	    // specific handler
-	    var cb;
-	    var i = cbs.length;
-	    while (i--) {
-	      cb = cbs[i];
-	      if (cb === fn || cb.fn === fn) {
-	        modifyListenerCount(this, event, -1);
-	        cbs.splice(i, 1);
-	        break;
-	      }
-	    }
-	    return this;
-	  };
-
-	  /**
-	   * Trigger an event on self.
-	   *
-	   * @param {String|Object} event
-	   * @return {Boolean} shouldPropagate
-	   */
-
-	  Vue.prototype.$emit = function (event) {
-	    var isSource = typeof event === 'string';
-	    event = isSource ? event : event.name;
-	    var cbs = this._events[event];
-	    var shouldPropagate = isSource || !cbs;
-	    if (cbs) {
-	      cbs = cbs.length > 1 ? toArray(cbs) : cbs;
-	      // this is a somewhat hacky solution to the question raised
-	      // in #2102: for an inline component listener like <comp @test="doThis">,
-	      // the propagation handling is somewhat broken. Therefore we
-	      // need to treat these inline callbacks differently.
-	      var hasParentCbs = isSource && cbs.some(function (cb) {
-	        return cb._fromParent;
 	      });
-	      if (hasParentCbs) {
-	        shouldPropagate = false;
-	      }
-	      var args = toArray(arguments, 1);
-	      for (var i = 0, l = cbs.length; i < l; i++) {
-	        var cb = cbs[i];
-	        var res = cb.apply(this, args);
-	        if (res === true && (!hasParentCbs || cb._fromParent)) {
-	          shouldPropagate = true;
-	        }
-	      }
-	    }
-	    return shouldPropagate;
-	  };
-
-	  /**
-	   * Recursively broadcast an event to all children instances.
-	   *
-	   * @param {String|Object} event
-	   * @param {...*} additional arguments
-	   */
-
-	  Vue.prototype.$broadcast = function (event) {
-	    var isSource = typeof event === 'string';
-	    event = isSource ? event : event.name;
-	    // if no child has registered for this event,
-	    // then there's no need to broadcast.
-	    if (!this._eventsCount[event]) return;
-	    var children = this.$children;
-	    var args = toArray(arguments);
-	    if (isSource) {
-	      // use object event to indicate non-source emit
-	      // on children
-	      args[0] = { name: event, source: this };
 	    }
-	    for (var i = 0, l = children.length; i < l; i++) {
-	      var child = children[i];
-	      var shouldPropagate = child.$emit.apply(child, args);
-	      if (shouldPropagate) {
-	        child.$broadcast.apply(child, args);
-	      }
+	    leave && leave(el, cb);
+	    if (!expectsCSS && !userWantsControl) {
+	      cb();
 	    }
-	    return this;
-	  };
-
-	  /**
-	   * Recursively propagate an event up the parent chain.
-	   *
-	   * @param {String} event
-	   * @param {...*} additional arguments
-	   */
-
-	  Vue.prototype.$dispatch = function (event) {
-	    var shouldPropagate = this.$emit.apply(this, arguments);
-	    if (!shouldPropagate) return;
-	    var parent = this.$parent;
-	    var args = toArray(arguments);
-	    // use object event to indicate non-source emit
-	    // on parents
-	    args[0] = { name: event, source: this };
-	    while (parent) {
-	      shouldPropagate = parent.$emit.apply(parent, args);
-	      parent = shouldPropagate ? parent.$parent : null;
-	    }
-	    return this;
-	  };
-
-	  /**
-	   * Modify the listener counts on all parents.
-	   * This bookkeeping allows $broadcast to return early when
-	   * no child has listened to a certain event.
-	   *
-	   * @param {Vue} vm
-	   * @param {String} event
-	   * @param {Number} count
-	   */
+	  }
+	}
 
-	  var hookRE = /^hook:/;
-	  function modifyListenerCount(vm, event, count) {
-	    var parent = vm.$parent;
-	    // hooks do not get broadcasted so no need
-	    // to do bookkeeping for them
-	    if (!parent || !count || hookRE.test(event)) return;
-	    while (parent) {
-	      parent._eventsCount[event] = (parent._eventsCount[event] || 0) + count;
-	      parent = parent.$parent;
+	function resolveTransition (def$$1) {
+	  if (!def$$1) {
+	    return
+	  }
+	  /* istanbul ignore else */
+	  if (typeof def$$1 === 'object') {
+	    var res = {};
+	    if (def$$1.css !== false) {
+	      extend(res, autoCssTransition(def$$1.name || 'v'));
 	    }
+	    extend(res, def$$1);
+	    return res
+	  } else if (typeof def$$1 === 'string') {
+	    return autoCssTransition(def$$1)
 	  }
 	}
 
-	function lifecycleAPI (Vue) {
-	  /**
-	   * Set instance target element and kick off the compilation
-	   * process. The passed in `el` can be a selector string, an
-	   * existing Element, or a DocumentFragment (for block
-	   * instances).
-	   *
-	   * @param {Element|DocumentFragment|string} el
-	   * @public
-	   */
+	var autoCssTransition = cached(function (name) {
+	  return {
+	    enterClass: (name + "-enter"),
+	    leaveClass: (name + "-leave"),
+	    appearClass: (name + "-enter"),
+	    enterActiveClass: (name + "-enter-active"),
+	    leaveActiveClass: (name + "-leave-active"),
+	    appearActiveClass: (name + "-enter-active")
+	  }
+	});
 
-	  Vue.prototype.$mount = function (el) {
-	    if (this._isCompiled) {
-	      process.env.NODE_ENV !== 'production' && warn('$mount() should be called only once.', this);
-	      return;
+	function once (fn) {
+	  var called = false;
+	  return function () {
+	    if (!called) {
+	      called = true;
+	      fn();
 	    }
-	    el = query(el);
-	    if (!el) {
-	      el = document.createElement('div');
+	  }
+	}
+
+	var transition = inBrowser ? {
+	  create: function create (_, vnode) {
+	    if (!vnode.data.show) {
+	      enter(vnode);
 	    }
-	    this._compile(el);
-	    this._initDOMHooks();
-	    if (inDoc(this.$el)) {
-	      this._callHook('attached');
-	      ready.call(this);
+	  },
+	  remove: function remove (vnode, rm) {
+	    /* istanbul ignore else */
+	    if (!vnode.data.show) {
+	      leave(vnode, rm);
 	    } else {
-	      this.$once('hook:attached', ready);
+	      rm();
 	    }
-	    return this;
-	  };
-
-	  /**
-	   * Mark an instance as ready.
-	   */
-
-	  function ready() {
-	    this._isAttached = true;
-	    this._isReady = true;
-	    this._callHook('ready');
 	  }
+	} : {};
 
-	  /**
-	   * Teardown the instance, simply delegate to the internal
-	   * _destroy.
-	   *
-	   * @param {Boolean} remove
-	   * @param {Boolean} deferCleanup
-	   */
+	var platformModules = [
+	  attrs,
+	  klass,
+	  events,
+	  domProps,
+	  style,
+	  transition
+	];
 
-	  Vue.prototype.$destroy = function (remove, deferCleanup) {
-	    this._destroy(remove, deferCleanup);
-	  };
+	/*  */
 
-	  /**
-	   * Partially compile a piece of DOM and return a
-	   * decompile function.
-	   *
-	   * @param {Element|DocumentFragment} el
-	   * @param {Vue} [host]
-	   * @param {Object} [scope]
-	   * @param {Fragment} [frag]
-	   * @return {Function}
-	   */
+	// the directive module should be applied last, after all
+	// built-in modules have been applied.
+	var modules = platformModules.concat(baseModules);
 
-	  Vue.prototype.$compile = function (el, host, scope, frag) {
-	    return compile(el, this.$options, true)(this, el, host, scope, frag);
-	  };
-	}
+	var patch$1 = createPatchFunction({ nodeOps: nodeOps, modules: modules });
 
 	/**
-	 * The exposed Vue constructor.
-	 *
-	 * API conventions:
-	 * - public API methods/properties are prefixed with `$`
-	 * - internal methods/properties are prefixed with `_`
-	 * - non-prefixed properties are assumed to be proxied user
-	 *   data.
-	 *
-	 * @constructor
-	 * @param {Object} [options]
-	 * @public
+	 * Not type checking this file because flow doesn't like attaching
+	 * properties to Elements.
 	 */
 
-	function Vue(options) {
-	  this._init(options);
-	}
-
-	// install internals
-	initMixin(Vue);
-	stateMixin(Vue);
-	eventsMixin(Vue);
-	lifecycleMixin(Vue);
-	miscMixin(Vue);
-
-	// install instance APIs
-	dataAPI(Vue);
-	domAPI(Vue);
-	eventsAPI(Vue);
-	lifecycleAPI(Vue);
-
-	var slot = {
+	var modelableTagRE = /^input|select|textarea|vue-component-[0-9]+(-[0-9a-zA-Z_-]*)?$/;
 
-	  priority: SLOT,
-	  params: ['name'],
+	/* istanbul ignore if */
+	if (isIE9) {
+	  // http://www.matts411.com/post/internet-explorer-9-oninput/
+	  document.addEventListener('selectionchange', function () {
+	    var el = document.activeElement;
+	    if (el && el.vmodel) {
+	      trigger(el, 'input');
+	    }
+	  });
+	}
 
-	  bind: function bind() {
-	    // this was resolved during component transclusion
-	    var name = this.params.name || 'default';
-	    var content = this.vm._slotContents && this.vm._slotContents[name];
-	    if (!content || !content.hasChildNodes()) {
-	      this.fallback();
-	    } else {
-	      this.compile(content.cloneNode(true), this.vm._context, this.vm);
+	var model = {
+	  inserted: function inserted (el, binding, vnode) {
+	    if (process.env.NODE_ENV !== 'production') {
+	      if (!modelableTagRE.test(vnode.tag)) {
+	        warn(
+	          "v-model is not supported on element type: <" + (vnode.tag) + ">. " +
+	          'If you are working with contenteditable, it\'s recommended to ' +
+	          'wrap a library dedicated for that purpose inside a custom component.',
+	          vnode.context
+	        );
+	      }
+	    }
+	    if (vnode.tag === 'select') {
+	      var cb = function () {
+	        setSelected(el, binding, vnode.context);
+	      };
+	      cb();
+	      /* istanbul ignore if */
+	      if (isIE || isEdge) {
+	        setTimeout(cb, 0);
+	      }
+	    } else if (
+	      (vnode.tag === 'textarea' || el.type === 'text') &&
+	      !binding.modifiers.lazy
+	    ) {
+	      if (!isAndroid) {
+	        el.addEventListener('compositionstart', onCompositionStart);
+	        el.addEventListener('compositionend', onCompositionEnd);
+	      }
+	      /* istanbul ignore if */
+	      if (isIE9) {
+	        el.vmodel = true;
+	      }
 	    }
 	  },
-
-	  compile: function compile(content, context, host) {
-	    if (content && context) {
-	      if (this.el.hasChildNodes() && content.childNodes.length === 1 && content.childNodes[0].nodeType === 1 && content.childNodes[0].hasAttribute('v-if')) {
-	        // if the inserted slot has v-if
-	        // inject fallback content as the v-else
-	        var elseBlock = document.createElement('template');
-	        elseBlock.setAttribute('v-else', '');
-	        elseBlock.innerHTML = this.el.innerHTML;
-	        // the else block should be compiled in child scope
-	        elseBlock._context = this.vm;
-	        content.appendChild(elseBlock);
+	  componentUpdated: function componentUpdated (el, binding, vnode) {
+	    if (vnode.tag === 'select') {
+	      setSelected(el, binding, vnode.context);
+	      // in case the options rendered by v-for have changed,
+	      // it's possible that the value is out-of-sync with the rendered options.
+	      // detect such cases and filter out values that no longer has a matching
+	      // option in the DOM.
+	      var needReset = el.multiple
+	        ? binding.value.some(function (v) { return hasNoMatchingOption(v, el.options); })
+	        : binding.value !== binding.oldValue && hasNoMatchingOption(binding.value, el.options);
+	      if (needReset) {
+	        trigger(el, 'change');
 	      }
-	      var scope = host ? host._scope : this._scope;
-	      this.unlink = context.$compile(content, host, scope, this._frag);
 	    }
-	    if (content) {
-	      replace(this.el, content);
+	  }
+	};
+
+	function setSelected (el, binding, vm) {
+	  var value = binding.value;
+	  var isMultiple = el.multiple;
+	  if (isMultiple && !Array.isArray(value)) {
+	    process.env.NODE_ENV !== 'production' && warn(
+	      "<select multiple v-model=\"" + (binding.expression) + "\"> " +
+	      "expects an Array value for its binding, but got " + (Object.prototype.toString.call(value).slice(8, -1)),
+	      vm
+	    );
+	    return
+	  }
+	  var selected, option;
+	  for (var i = 0, l = el.options.length; i < l; i++) {
+	    option = el.options[i];
+	    if (isMultiple) {
+	      selected = looseIndexOf(value, getValue(option)) > -1;
+	      if (option.selected !== selected) {
+	        option.selected = selected;
+	      }
 	    } else {
-	      remove(this.el);
+	      if (looseEqual(getValue(option), value)) {
+	        if (el.selectedIndex !== i) {
+	          el.selectedIndex = i;
+	        }
+	        return
+	      }
 	    }
-	  },
+	  }
+	  if (!isMultiple) {
+	    el.selectedIndex = -1;
+	  }
+	}
 
-	  fallback: function fallback() {
-	    this.compile(extractContent(this.el, true), this.vm);
-	  },
+	function hasNoMatchingOption (value, options) {
+	  for (var i = 0, l = options.length; i < l; i++) {
+	    if (looseEqual(getValue(options[i]), value)) {
+	      return false
+	    }
+	  }
+	  return true
+	}
+
+	function getValue (option) {
+	  return '_value' in option
+	    ? option._value
+	    : option.value
+	}
 
-	  unbind: function unbind() {
-	    if (this.unlink) {
-	      this.unlink();
-	    }
-	  }
-	};
+	function onCompositionStart (e) {
+	  e.target.composing = true;
+	}
 
-	var partial = {
+	function onCompositionEnd (e) {
+	  e.target.composing = false;
+	  trigger(e.target, 'input');
+	}
 
-	  priority: PARTIAL,
+	function trigger (el, type) {
+	  var e = document.createEvent('HTMLEvents');
+	  e.initEvent(type, true, true);
+	  el.dispatchEvent(e);
+	}
 
-	  params: ['name'],
+	/*  */
 
-	  // watch changes to name for dynamic partials
-	  paramWatchers: {
-	    name: function name(value) {
-	      vIf.remove.call(this);
-	      if (value) {
-	        this.insert(value);
-	      }
-	    }
-	  },
+	// recursively search for possible transition defined inside the component root
+	function locateNode (vnode) {
+	  return vnode.child && (!vnode.data || !vnode.data.transition)
+	    ? locateNode(vnode.child._vnode)
+	    : vnode
+	}
 
-	  bind: function bind() {
-	    this.anchor = createAnchor('v-partial');
-	    replace(this.el, this.anchor);
-	    this.insert(this.params.name);
-	  },
+	var show = {
+	  bind: function bind (el, ref, vnode) {
+	    var value = ref.value;
 
-	  insert: function insert(id) {
-	    var partial = resolveAsset(this.vm.$options, 'partials', id, true);
-	    if (partial) {
-	      this.factory = new FragmentFactory(this.vm, partial);
-	      vIf.insert.call(this);
+	    vnode = locateNode(vnode);
+	    var transition = vnode.data && vnode.data.transition;
+	    if (value && transition && !isIE9) {
+	      enter(vnode);
 	    }
+	    var originalDisplay = el.style.display === 'none' ? '' : el.style.display;
+	    el.style.display = value ? originalDisplay : 'none';
+	    el.__vOriginalDisplay = originalDisplay;
 	  },
+	  update: function update (el, ref, vnode) {
+	    var value = ref.value;
+	    var oldValue = ref.oldValue;
 
-	  unbind: function unbind() {
-	    if (this.frag) {
-	      this.frag.destroy();
+	    /* istanbul ignore if */
+	    if (value === oldValue) { return }
+	    vnode = locateNode(vnode);
+	    var transition = vnode.data && vnode.data.transition;
+	    if (transition && !isIE9) {
+	      if (value) {
+	        enter(vnode);
+	        el.style.display = el.__vOriginalDisplay;
+	      } else {
+	        leave(vnode, function () {
+	          el.style.display = 'none';
+	        });
+	      }
+	    } else {
+	      el.style.display = value ? el.__vOriginalDisplay : 'none';
 	    }
 	  }
 	};
 
-	var elementDirectives = {
-	  slot: slot,
-	  partial: partial
+	var platformDirectives = {
+	  model: model,
+	  show: show
 	};
 
-	var convertArray = vFor._postProcess;
-
-	/**
-	 * Limit filter for arrays
-	 *
-	 * @param {Number} n
-	 * @param {Number} offset (Decimal expected)
-	 */
-
-	function limitBy(arr, n, offset) {
-	  offset = offset ? parseInt(offset, 10) : 0;
-	  n = toNumber(n);
-	  return typeof n === 'number' ? arr.slice(offset, offset + n) : arr;
-	}
-
-	/**
-	 * Filter filter for arrays
-	 *
-	 * @param {String} search
-	 * @param {String} [delimiter]
-	 * @param {String} ...dataKeys
-	 */
-
-	function filterBy(arr, search, delimiter) {
-	  arr = convertArray(arr);
-	  if (search == null) {
-	    return arr;
-	  }
-	  if (typeof search === 'function') {
-	    return arr.filter(search);
-	  }
-	  // cast to lowercase string
-	  search = ('' + search).toLowerCase();
-	  // allow optional `in` delimiter
-	  // because why not
-	  var n = delimiter === 'in' ? 3 : 2;
-	  // extract and flatten keys
-	  var keys = Array.prototype.concat.apply([], toArray(arguments, n));
-	  var res = [];
-	  var item, key, val, j;
-	  for (var i = 0, l = arr.length; i < l; i++) {
-	    item = arr[i];
-	    val = item && item.$value || item;
-	    j = keys.length;
-	    if (j) {
-	      while (j--) {
-	        key = keys[j];
-	        if (key === '$key' && contains(item.$key, search) || contains(getPath(val, key), search)) {
-	          res.push(item);
-	          break;
-	        }
-	      }
-	    } else if (contains(item, search)) {
-	      res.push(item);
-	    }
-	  }
-	  return res;
-	}
-
-	/**
-	 * Filter filter for arrays
-	 *
-	 * @param {String|Array<String>|Function} ...sortKeys
-	 * @param {Number} [order]
-	 */
+	/*  */
+
+	// Provides transition support for a single element/component.
+	// supports transition mode (out-in / in-out)
+
+	var transitionProps = {
+	  name: String,
+	  appear: Boolean,
+	  css: Boolean,
+	  mode: String,
+	  type: String,
+	  enterClass: String,
+	  leaveClass: String,
+	  enterActiveClass: String,
+	  leaveActiveClass: String,
+	  appearClass: String,
+	  appearActiveClass: String
+	};
 
-	function orderBy(arr) {
-	  var comparator = null;
-	  var sortKeys = undefined;
-	  arr = convertArray(arr);
-
-	  // determine order (last argument)
-	  var args = toArray(arguments, 1);
-	  var order = args[args.length - 1];
-	  if (typeof order === 'number') {
-	    order = order < 0 ? -1 : 1;
-	    args = args.length > 1 ? args.slice(0, -1) : args;
+	// in case the child is also an abstract component, e.g. <keep-alive>
+	// we want to recursively retrieve the real component to be rendered
+	function getRealChild (vnode) {
+	  var compOptions = vnode && vnode.componentOptions;
+	  if (compOptions && compOptions.Ctor.options.abstract) {
+	    return getRealChild(getFirstComponentChild(compOptions.children))
 	  } else {
-	    order = 1;
+	    return vnode
 	  }
+	}
 
-	  // determine sortKeys & comparator
-	  var firstArg = args[0];
-	  if (!firstArg) {
-	    return arr;
-	  } else if (typeof firstArg === 'function') {
-	    // custom comparator
-	    comparator = function (a, b) {
-	      return firstArg(a, b) * order;
-	    };
-	  } else {
-	    // string keys. flatten first
-	    sortKeys = Array.prototype.concat.apply([], args);
-	    comparator = function (a, b, i) {
-	      i = i || 0;
-	      return i >= sortKeys.length - 1 ? baseCompare(a, b, i) : baseCompare(a, b, i) || comparator(a, b, i + 1);
-	    };
+	function extractTransitionData (comp) {
+	  var data = {};
+	  var options = comp.$options;
+	  // props
+	  for (var key in options.propsData) {
+	    data[key] = comp[key];
 	  }
-
-	  function baseCompare(a, b, sortKeyIndex) {
-	    var sortKey = sortKeys[sortKeyIndex];
-	    if (sortKey) {
-	      if (sortKey !== '$key') {
-	        if (isObject(a) && '$value' in a) a = a.$value;
-	        if (isObject(b) && '$value' in b) b = b.$value;
-	      }
-	      a = isObject(a) ? getPath(a, sortKey) : a;
-	      b = isObject(b) ? getPath(b, sortKey) : b;
-	    }
-	    return a === b ? 0 : a > b ? order : -order;
+	  // events.
+	  // extract listeners and pass them directly to the transition methods
+	  var listeners = options._parentListeners;
+	  for (var key$1 in listeners) {
+	    data[camelize(key$1)] = listeners[key$1].fn;
 	  }
-
-	  // sort on a copy to avoid mutating original array
-	  return arr.slice().sort(comparator);
+	  return data
 	}
 
-	/**
-	 * String contain helper
-	 *
-	 * @param {*} val
-	 * @param {String} search
-	 */
+	function placeholder (h, rawChild) {
+	  return /\d-keep-alive$/.test(rawChild.tag)
+	    ? h('keep-alive')
+	    : null
+	}
 
-	function contains(val, search) {
-	  var i;
-	  if (isPlainObject(val)) {
-	    var keys = Object.keys(val);
-	    i = keys.length;
-	    while (i--) {
-	      if (contains(val[keys[i]], search)) {
-	        return true;
-	      }
+	function hasParentTransition (vnode) {
+	  while ((vnode = vnode.parent)) {
+	    if (vnode.data.transition) {
+	      return true
 	    }
-	  } else if (isArray(val)) {
-	    i = val.length;
-	    while (i--) {
-	      if (contains(val[i], search)) {
-	        return true;
-	      }
-	    }
-	  } else if (val != null) {
-	    return val.toString().toLowerCase().indexOf(search) > -1;
 	  }
 	}
 
-	var digitsRE = /(\d{3})(?=\d)/g;
-
-	// asset collections must be a plain object.
-	var filters = {
-
-	  orderBy: orderBy,
-	  filterBy: filterBy,
-	  limitBy: limitBy,
-
-	  /**
-	   * Stringify value.
-	   *
-	   * @param {Number} indent
-	   */
+	var Transition = {
+	  name: 'transition',
+	  props: transitionProps,
+	  abstract: true,
+	  render: function render (h) {
+	    var this$1 = this;
 
-	  json: {
-	    read: function read(value, indent) {
-	      return typeof value === 'string' ? value : JSON.stringify(value, null, Number(indent) || 2);
-	    },
-	    write: function write(value) {
-	      try {
-	        return JSON.parse(value);
-	      } catch (e) {
-	        return value;
-	      }
+	    var children = this.$slots.default;
+	    if (!children) {
+	      return
 	    }
-	  },
 
-	  /**
-	   * 'abc' => 'Abc'
-	   */
+	    // filter out text nodes (possible whitespaces)
+	    children = children.filter(function (c) { return c.tag; });
+	    /* istanbul ignore if */
+	    if (!children.length) {
+	      return
+	    }
 
-	  capitalize: function capitalize(value) {
-	    if (!value && value !== 0) return '';
-	    value = value.toString();
-	    return value.charAt(0).toUpperCase() + value.slice(1);
-	  },
+	    // warn multiple elements
+	    if (process.env.NODE_ENV !== 'production' && children.length > 1) {
+	      warn(
+	        '<transition> can only be used on a single element. Use ' +
+	        '<transition-group> for lists.',
+	        this.$parent
+	      );
+	    }
 
-	  /**
-	   * 'abc' => 'ABC'
-	   */
+	    var mode = this.mode;
 
-	  uppercase: function uppercase(value) {
-	    return value || value === 0 ? value.toString().toUpperCase() : '';
-	  },
+	    // warn invalid mode
+	    if (process.env.NODE_ENV !== 'production' &&
+	        mode && mode !== 'in-out' && mode !== 'out-in') {
+	      warn(
+	        'invalid <transition> mode: ' + mode,
+	        this.$parent
+	      );
+	    }
 
-	  /**
-	   * 'AbC' => 'abc'
-	   */
+	    var rawChild = children[0];
 
-	  lowercase: function lowercase(value) {
-	    return value || value === 0 ? value.toString().toLowerCase() : '';
-	  },
+	    // if this is a component root node and the component's
+	    // parent container node also has transition, skip.
+	    if (hasParentTransition(this.$vnode)) {
+	      return rawChild
+	    }
 
-	  /**
-	   * 12345 => $12,345.00
-	   *
-	   * @param {String} sign
-	   */
+	    // apply transition data to child
+	    // use getRealChild() to ignore abstract components e.g. keep-alive
+	    var child = getRealChild(rawChild);
+	    /* istanbul ignore if */
+	    if (!child) {
+	      return rawChild
+	    }
 
-	  currency: function currency(value, _currency) {
-	    value = parseFloat(value);
-	    if (!isFinite(value) || !value && value !== 0) return '';
-	    _currency = _currency != null ? _currency : '$';
-	    var stringified = Math.abs(value).toFixed(2);
-	    var _int = stringified.slice(0, -3);
-	    var i = _int.length % 3;
-	    var head = i > 0 ? _int.slice(0, i) + (_int.length > 3 ? ',' : '') : '';
-	    var _float = stringified.slice(-3);
-	    var sign = value < 0 ? '-' : '';
-	    return sign + _currency + head + _int.slice(i).replace(digitsRE, '$1,') + _float;
-	  },
+	    if (this._leaving) {
+	      return placeholder(h, rawChild)
+	    }
 
-	  /**
-	   * 'item' => 'items'
-	   *
-	   * @params
-	   *  an array of strings corresponding to
-	   *  the single, double, triple ... forms of the word to
-	   *  be pluralized. When the number to be pluralized
-	   *  exceeds the length of the args, it will use the last
-	   *  entry in the array.
-	   *
-	   *  e.g. ['single', 'double', 'triple', 'multiple']
-	   */
+	    var key = child.key = child.key == null || child.isStatic
+	      ? ("__v" + (child.tag + this._uid) + "__")
+	      : child.key;
+	    var data = (child.data || (child.data = {})).transition = extractTransitionData(this);
+	    var oldRawChild = this._vnode;
+	    var oldChild = getRealChild(oldRawChild);
 
-	  pluralize: function pluralize(value) {
-	    var args = toArray(arguments, 1);
-	    return args.length > 1 ? args[value % 10 - 1] || args[args.length - 1] : args[0] + (value === 1 ? '' : 's');
-	  },
+	    // mark v-show
+	    // so that the transition module can hand over the control to the directive
+	    if (child.data.directives && child.data.directives.some(function (d) { return d.name === 'show'; })) {
+	      child.data.show = true;
+	    }
 
-	  /**
-	   * Debounce a handler function.
-	   *
-	   * @param {Function} handler
-	   * @param {Number} delay = 300
-	   * @return {Function}
-	   */
+	    if (oldChild && oldChild.data && oldChild.key !== key) {
+	      // replace old child transition data with fresh one
+	      // important for dynamic transitions!
+	      var oldData = oldChild.data.transition = extend({}, data);
 
-	  debounce: function debounce(handler, delay) {
-	    if (!handler) return;
-	    if (!delay) {
-	      delay = 300;
+	      // handle transition mode
+	      if (mode === 'out-in') {
+	        // return placeholder node and queue update when leave finishes
+	        this._leaving = true;
+	        mergeVNodeHook(oldData, 'afterLeave', function () {
+	          this$1._leaving = false;
+	          this$1.$forceUpdate();
+	        }, key);
+	        return placeholder(h, rawChild)
+	      } else if (mode === 'in-out') {
+	        var delayedLeave;
+	        var performLeave = function () { delayedLeave(); };
+	        mergeVNodeHook(data, 'afterEnter', performLeave, key);
+	        mergeVNodeHook(data, 'enterCancelled', performLeave, key);
+	        mergeVNodeHook(oldData, 'delayLeave', function (leave) {
+	          delayedLeave = leave;
+	        }, key);
+	      }
 	    }
-	    return _debounce(handler, delay);
+
+	    return rawChild
 	  }
 	};
 
-	function installGlobalAPI (Vue) {
-	  /**
-	   * Vue and every constructor that extends Vue has an
-	   * associated options object, which can be accessed during
-	   * compilation steps as `this.constructor.options`.
-	   *
-	   * These can be seen as the default options of every
-	   * Vue instance.
-	   */
-
-	  Vue.options = {
-	    directives: directives,
-	    elementDirectives: elementDirectives,
-	    filters: filters,
-	    transitions: {},
-	    components: {},
-	    partials: {},
-	    replace: true
-	  };
-
-	  /**
-	   * Expose useful internals
-	   */
-
-	  Vue.util = util;
-	  Vue.config = config;
-	  Vue.set = set;
-	  Vue['delete'] = del;
-	  Vue.nextTick = nextTick;
-
-	  /**
-	   * The following are exposed for advanced usage / plugins
-	   */
-
-	  Vue.compiler = compiler;
-	  Vue.FragmentFactory = FragmentFactory;
-	  Vue.internalDirectives = internalDirectives;
-	  Vue.parsers = {
-	    path: path,
-	    text: text,
-	    template: template,
-	    directive: directive,
-	    expression: expression
-	  };
+	/*  */
+
+	// Provides transition support for list items.
+	// supports move transitions using the FLIP technique.
+
+	// Because the vdom's children update algorithm is "unstable" - i.e.
+	// it doesn't guarantee the relative positioning of removed elements,
+	// we force transition-group to update its children into two passes:
+	// in the first pass, we remove all nodes that need to be removed,
+	// triggering their leaving transition; in the second pass, we insert/move
+	// into the final disired state. This way in the second pass removed
+	// nodes will remain where they should be.
+
+	var props = extend({
+	  tag: String,
+	  moveClass: String
+	}, transitionProps);
+
+	delete props.mode;
+
+	var TransitionGroup = {
+	  props: props,
+
+	  render: function render (h) {
+	    var tag = this.tag || this.$vnode.data.tag || 'span';
+	    var map = Object.create(null);
+	    var prevChildren = this.prevChildren = this.children;
+	    var rawChildren = this.$slots.default || [];
+	    var children = this.children = [];
+	    var transitionData = extractTransitionData(this);
+
+	    for (var i = 0; i < rawChildren.length; i++) {
+	      var c = rawChildren[i];
+	      if (c.tag) {
+	        if (c.key != null && String(c.key).indexOf('__vlist') !== 0) {
+	          children.push(c);
+	          map[c.key] = c
+	          ;(c.data || (c.data = {})).transition = transitionData;
+	        } else if (process.env.NODE_ENV !== 'production') {
+	          var opts = c.componentOptions;
+	          var name = opts
+	            ? (opts.Ctor.options.name || opts.tag)
+	            : c.tag;
+	          warn(("<transition-group> children must be keyed: <" + name + ">"));
+	        }
+	      }
+	    }
 
-	  /**
-	   * Each instance constructor, including Vue, has a unique
-	   * cid. This enables us to create wrapped "child
-	   * constructors" for prototypal inheritance and cache them.
-	   */
+	    if (prevChildren) {
+	      var kept = [];
+	      var removed = [];
+	      for (var i$1 = 0; i$1 < prevChildren.length; i$1++) {
+	        var c$1 = prevChildren[i$1];
+	        c$1.data.transition = transitionData;
+	        c$1.data.pos = c$1.elm.getBoundingClientRect();
+	        if (map[c$1.key]) {
+	          kept.push(c$1);
+	        } else {
+	          removed.push(c$1);
+	        }
+	      }
+	      this.kept = h(tag, null, kept);
+	      this.removed = removed;
+	    }
 
-	  Vue.cid = 0;
-	  var cid = 1;
+	    return h(tag, null, children)
+	  },
 
-	  /**
-	   * Class inheritance
-	   *
-	   * @param {Object} extendOptions
-	   */
+	  beforeUpdate: function beforeUpdate () {
+	    // force removing pass
+	    this.__patch__(
+	      this._vnode,
+	      this.kept,
+	      false, // hydrating
+	      true // removeOnly (!important, avoids unnecessary moves)
+	    );
+	    this._vnode = this.kept;
+	  },
 
-	  Vue.extend = function (extendOptions) {
-	    extendOptions = extendOptions || {};
-	    var Super = this;
-	    var isFirstExtend = Super.cid === 0;
-	    if (isFirstExtend && extendOptions._Ctor) {
-	      return extendOptions._Ctor;
-	    }
-	    var name = extendOptions.name || Super.options.name;
-	    if (process.env.NODE_ENV !== 'production') {
-	      if (!/^[a-zA-Z][\w-]*$/.test(name)) {
-	        warn('Invalid component name: "' + name + '". Component names ' + 'can only contain alphanumeric characaters and the hyphen.');
-	        name = null;
+	  updated: function updated () {
+	    var children = this.prevChildren;
+	    var moveClass = this.moveClass || (this.name + '-move');
+	    if (!children.length || !this.hasMove(children[0].elm, moveClass)) {
+	      return
+	    }
+
+	    // we divide the work into three loops to avoid mixing DOM reads and writes
+	    // in each iteration - which helps prevent layout thrashing.
+	    children.forEach(callPendingCbs);
+	    children.forEach(recordPosition);
+	    children.forEach(applyTranslation);
+
+	    // force reflow to put everything in position
+	    var f = document.body.offsetHeight; // eslint-disable-line
+
+	    children.forEach(function (c) {
+	      if (c.data.moved) {
+	        var el = c.elm;
+	        var s = el.style;
+	        addTransitionClass(el, moveClass);
+	        s.transform = s.WebkitTransform = s.transitionDuration = '';
+	        el.addEventListener(transitionEndEvent, el._moveCb = function cb (e) {
+	          if (!e || /transform$/.test(e.propertyName)) {
+	            el.removeEventListener(transitionEndEvent, cb);
+	            el._moveCb = null;
+	            removeTransitionClass(el, moveClass);
+	          }
+	        });
 	      }
-	    }
-	    var Sub = createClass(name || 'VueComponent');
-	    Sub.prototype = Object.create(Super.prototype);
-	    Sub.prototype.constructor = Sub;
-	    Sub.cid = cid++;
-	    Sub.options = mergeOptions(Super.options, extendOptions);
-	    Sub['super'] = Super;
-	    // allow further extension
-	    Sub.extend = Super.extend;
-	    // create asset registers, so extended classes
-	    // can have their private assets too.
-	    config._assetTypes.forEach(function (type) {
-	      Sub[type] = Super[type];
 	    });
-	    // enable recursive self-lookup
-	    if (name) {
-	      Sub.options.components[name] = Sub;
-	    }
-	    // cache constructor
-	    if (isFirstExtend) {
-	      extendOptions._Ctor = Sub;
-	    }
-	    return Sub;
-	  };
-
-	  /**
-	   * A function that returns a sub-class constructor with the
-	   * given name. This gives us much nicer output when
-	   * logging instances in the console.
-	   *
-	   * @param {String} name
-	   * @return {Function}
-	   */
+	  },
 
-	  function createClass(name) {
-	    /* eslint-disable no-new-func */
-	    return new Function('return function ' + classify(name) + ' (options) { this._init(options) }')();
-	    /* eslint-enable no-new-func */
+	  methods: {
+	    hasMove: function hasMove (el, moveClass) {
+	      /* istanbul ignore if */
+	      if (!hasTransition) {
+	        return false
+	      }
+	      if (this._hasMove != null) {
+	        return this._hasMove
+	      }
+	      addTransitionClass(el, moveClass);
+	      var info = getTransitionInfo(el);
+	      removeTransitionClass(el, moveClass);
+	      return (this._hasMove = info.hasTransform)
+	    }
 	  }
+	};
 
-	  /**
-	   * Plugin system
-	   *
-	   * @param {Object} plugin
-	   */
+	function callPendingCbs (c) {
+	  /* istanbul ignore if */
+	  if (c.elm._moveCb) {
+	    c.elm._moveCb();
+	  }
+	  /* istanbul ignore if */
+	  if (c.elm._enterCb) {
+	    c.elm._enterCb();
+	  }
+	}
 
-	  Vue.use = function (plugin) {
-	    /* istanbul ignore if */
-	    if (plugin.installed) {
-	      return;
-	    }
-	    // additional parameters
-	    var args = toArray(arguments, 1);
-	    args.unshift(this);
-	    if (typeof plugin.install === 'function') {
-	      plugin.install.apply(plugin, args);
-	    } else {
-	      plugin.apply(null, args);
-	    }
-	    plugin.installed = true;
-	    return this;
-	  };
+	function recordPosition (c) {
+	  c.data.newPos = c.elm.getBoundingClientRect();
+	}
 
-	  /**
-	   * Apply a global mixin by merging it into the default
-	   * options.
-	   */
+	function applyTranslation (c) {
+	  var oldPos = c.data.pos;
+	  var newPos = c.data.newPos;
+	  var dx = oldPos.left - newPos.left;
+	  var dy = oldPos.top - newPos.top;
+	  if (dx || dy) {
+	    c.data.moved = true;
+	    var s = c.elm.style;
+	    s.transform = s.WebkitTransform = "translate(" + dx + "px," + dy + "px)";
+	    s.transitionDuration = '0s';
+	  }
+	}
 
-	  Vue.mixin = function (mixin) {
-	    Vue.options = mergeOptions(Vue.options, mixin);
-	  };
+	var platformComponents = {
+	  Transition: Transition,
+	  TransitionGroup: TransitionGroup
+	};
 
-	  /**
-	   * Create asset registration methods with the following
-	   * signature:
-	   *
-	   * @param {String} id
-	   * @param {*} definition
-	   */
+	/*  */
 
-	  config._assetTypes.forEach(function (type) {
-	    Vue[type] = function (id, definition) {
-	      if (!definition) {
-	        return this.options[type + 's'][id];
-	      } else {
-	        /* istanbul ignore if */
-	        if (process.env.NODE_ENV !== 'production') {
-	          if (type === 'component' && (commonTagRE.test(id) || reservedTagRE.test(id))) {
-	            warn('Do not use built-in or reserved HTML elements as component ' + 'id: ' + id);
-	          }
-	        }
-	        if (type === 'component' && isPlainObject(definition)) {
-	          definition.name = id;
-	          definition = Vue.extend(definition);
-	        }
-	        this.options[type + 's'][id] = definition;
-	        return definition;
-	      }
-	    };
-	  });
+	// install platform specific utils
+	Vue$1.config.isUnknownElement = isUnknownElement;
+	Vue$1.config.isReservedTag = isReservedTag;
+	Vue$1.config.getTagNamespace = getTagNamespace;
+	Vue$1.config.mustUseProp = mustUseProp;
 
-	  // expose internal transition API
-	  extend(Vue.transition, transition);
-	}
+	// install platform runtime directives & components
+	extend(Vue$1.options.directives, platformDirectives);
+	extend(Vue$1.options.components, platformComponents);
 
-	installGlobalAPI(Vue);
+	// install platform patch function
+	Vue$1.prototype.__patch__ = config._isServer ? noop : patch$1;
 
-	Vue.version = '1.0.21';
+	// wrap mount
+	Vue$1.prototype.$mount = function (
+	  el,
+	  hydrating
+	) {
+	  el = el && !config._isServer ? query(el) : undefined;
+	  return this._mount(el, hydrating)
+	};
 
 	// devtools global hook
 	/* istanbul ignore next */
 	setTimeout(function () {
 	  if (config.devtools) {
 	    if (devtools) {
-	      devtools.emit('init', Vue);
-	    } else if (process.env.NODE_ENV !== 'production' && inBrowser && /Chrome\/\d+/.test(window.navigator.userAgent)) {
-	      console.log('Download the Vue Devtools for a better development experience:\n' + 'https://github.com/vuejs/vue-devtools');
+	      devtools.emit('init', Vue$1);
+	    } else if (
+	      process.env.NODE_ENV !== 'production' &&
+	      inBrowser && /Chrome\/\d+/.test(window.navigator.userAgent)
+	    ) {
+	      console.log(
+	        'Download the Vue Devtools for a better development experience:\n' +
+	        'https://github.com/vuejs/vue-devtools'
+	      );
 	    }
 	  }
 	}, 0);
 
-	module.exports = Vue;
-	/* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }()), __webpack_require__(2)))
+	module.exports = Vue$1;
+
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(2)))
 
 /***/ },
 /* 2 */
 /***/ function(module, exports) {
 
 	// shim for using process in browser
-
 	var process = module.exports = {};
+
+	// cached from whatever global is present so that test runners that stub it
+	// don't break things.  But we need to wrap it in a try catch in case it is
+	// wrapped in strict mode code which doesn't define any globals.  It's inside a
+	// function because try/catches deoptimize in certain engines.
+
+	var cachedSetTimeout;
+	var cachedClearTimeout;
+
+	function defaultSetTimout() {
+	    throw new Error('setTimeout has not been defined');
+	}
+	function defaultClearTimeout () {
+	    throw new Error('clearTimeout has not been defined');
+	}
+	(function () {
+	    try {
+	        if (typeof setTimeout === 'function') {
+	            cachedSetTimeout = setTimeout;
+	        } else {
+	            cachedSetTimeout = defaultSetTimout;
+	        }
+	    } catch (e) {
+	        cachedSetTimeout = defaultSetTimout;
+	    }
+	    try {
+	        if (typeof clearTimeout === 'function') {
+	            cachedClearTimeout = clearTimeout;
+	        } else {
+	            cachedClearTimeout = defaultClearTimeout;
+	        }
+	    } catch (e) {
+	        cachedClearTimeout = defaultClearTimeout;
+	    }
+	} ())
+	function runTimeout(fun) {
+	    if (cachedSetTimeout === setTimeout) {
+	        //normal enviroments in sane situations
+	        return setTimeout(fun, 0);
+	    }
+	    // if setTimeout wasn't available but was latter defined
+	    if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {
+	        cachedSetTimeout = setTimeout;
+	        return setTimeout(fun, 0);
+	    }
+	    try {
+	        // when when somebody has screwed with setTimeout but no I.E. maddness
+	        return cachedSetTimeout(fun, 0);
+	    } catch(e){
+	        try {
+	            // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
+	            return cachedSetTimeout.call(null, fun, 0);
+	        } catch(e){
+	            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error
+	            return cachedSetTimeout.call(this, fun, 0);
+	        }
+	    }
+
+
+	}
+	function runClearTimeout(marker) {
+	    if (cachedClearTimeout === clearTimeout) {
+	        //normal enviroments in sane situations
+	        return clearTimeout(marker);
+	    }
+	    // if clearTimeout wasn't available but was latter defined
+	    if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {
+	        cachedClearTimeout = clearTimeout;
+	        return clearTimeout(marker);
+	    }
+	    try {
+	        // when when somebody has screwed with setTimeout but no I.E. maddness
+	        return cachedClearTimeout(marker);
+	    } catch (e){
+	        try {
+	            // When we are in I.E. but the script has been evaled so I.E. doesn't  trust the global object when called normally
+	            return cachedClearTimeout.call(null, marker);
+	        } catch (e){
+	            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.
+	            // Some versions of I.E. have different rules for clearTimeout vs setTimeout
+	            return cachedClearTimeout.call(this, marker);
+	        }
+	    }
+
+
+
+	}
 	var queue = [];
 	var draining = false;
 	var currentQueue;
 	var queueIndex = -1;
 
 	function cleanUpNextTick() {
+	    if (!draining || !currentQueue) {
+	        return;
+	    }
 	    draining = false;
 	    if (currentQueue.length) {
 	        queue = currentQueue.concat(queue);
@@ -10071,7 +5910,7 @@
 	    if (draining) {
 	        return;
 	    }
-	    var timeout = setTimeout(cleanUpNextTick);
+	    var timeout = runTimeout(cleanUpNextTick);
 	    draining = true;
 
 	    var len = queue.length;
@@ -10088,7 +5927,7 @@
 	    }
 	    currentQueue = null;
 	    draining = false;
-	    clearTimeout(timeout);
+	    runClearTimeout(timeout);
 	}
 
 	process.nextTick = function (fun) {
@@ -10100,7 +5939,7 @@
 	    }
 	    queue.push(new Item(fun, args));
 	    if (queue.length === 1 && !draining) {
-	        setTimeout(drainQueue, 0);
+	        runTimeout(drainQueue);
 	    }
 	};
 
@@ -10145,7 +5984,7 @@
 /***/ function(module, exports, __webpack_require__) {
 
 	var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/* WEBPACK VAR INJECTION */(function(global, setImmediate, process) {/*!
-	 * vue-dragula v1.1.0
+	 * vue-dragula v1.3.0
 	 * (c) 2016 Yichang Liu
 	 * Released under the MIT License.
 	 */
@@ -11322,7 +7161,7 @@
 		        sourceModel = _this2.findModelForContainer(source, drake);
 		        sourceModel.splice(dragIndex, 1);
 		        drake.cancel(true);
-		        _this2.eventBus.$emit('removeModel', [name, el, source]);
+		        _this2.eventBus.$emit('removeModel', [name, el, source, dragIndex]);
 		      });
 		      drake.on('drag', function (el, source) {
 		        dragElm = el;
@@ -11428,9 +7267,12 @@
 		  Vue.directive('dragula', {
 		    params: ['bag'],
 
-		    bind: function bind() {
-		      var container = this.el;
-		      var bagName = this.params.bag;
+		    bind: function bind(container, binding, vnode) {
+		      var bagName = vnode ? vnode.data.attrs.bag // Vue 2
+		      : this.params.bag; // Vue 1
+		      if (!vnode) {
+		        container = this.el; // Vue 1
+		      }
 		      if (bagName !== undefined && bagName.length !== 0) {
 		        name = bagName;
 		      }
@@ -11447,12 +7289,15 @@
 
 		      service.handleModels(name, drake);
 		    },
-		    update: function update(newValue, oldValue) {
+		    update: function update(container, binding, vnode, oldVnode) {
+		      var newValue = vnode ? binding.value // Vue 2
+		      : container; // Vue 1
 		      if (!newValue) {
 		        return;
 		      }
 
-		      var bagName = this.params.bag;
+		      var bagName = vnode ? vnode.data.attrs.bag // Vue 2
+		      : this.params.bag; // Vue 1
 		      if (bagName !== undefined && bagName.length !== 0) {
 		        name = bagName;
 		      }
@@ -11462,21 +7307,24 @@
 		        drake.models = [];
 		      }
 
-		      var modelContainer = service.findModelContainerByContainer(this.el, drake);
+		      if (!vnode) {
+		        container = this.el; // Vue 1
+		      }
+		      var modelContainer = service.findModelContainerByContainer(container, drake);
 
 		      if (modelContainer) {
 		        modelContainer.model = newValue;
 		      } else {
 		        drake.models.push({
 		          model: newValue,
-		          container: this.el
+		          container: container
 		        });
 		      }
 		    },
-		    unbind: function unbind() {
-		      var container = this.el;
+		    unbind: function unbind(container, binding, vnode) {
 		      var unbindBagName = 'globalBag';
-		      var bagName = this.params.bag;
+		      var bagName = vnode ? vnode.data.attrs.bag // Vue 2
+		      : this.params.bag; // Vue 1
 		      if (bagName !== undefined && bagName.length !== 0) {
 		        unbindBagName = bagName;
 		      }
diff --git a/example/example.js b/example/example.js
index 87226ee..abcfdcd 100644
--- a/example/example.js
+++ b/example/example.js
@@ -38,14 +38,14 @@ new Vue({
   },
   ready: function () {
     var _this = this
-    Vue.vueDragula.eventBus.$on(
+    Vue.$dragula.eventBus.$on(
       'drop',
       function (args) {
         console.log('drop: ' + args[0])
         console.log(_this.categories)
       }
     )
-    Vue.vueDragula.eventBus.$on(
+    Vue.$dragula.eventBus.$on(
       'dropModel',
       function (args) {
         console.log('dropModel: ' + args)
@@ -55,7 +55,7 @@ new Vue({
   },
   methods: {
     onClick: function () {
-      console.log(Vue.vueDragula.find('first-bag'))
+      console.log(Vue.$dragula.find('first-bag'))
       window.alert('click event')
     },
     testModify: function () {
diff --git a/package.json b/package.json
index 129d021..6975dc4 100644
--- a/package.json
+++ b/package.json
@@ -40,7 +40,7 @@
     "rollup-plugin-commonjs": "^3.3.1",
     "rollup-plugin-node-resolve": "^2.0.0",
     "uglify-js": "^2.6.2",
-    "vue": "^1.0.21 || ^2.0.0",
+    "vue": "^2.0.0",
     "webpack": "^1.12.9"
   }
 }
diff --git a/src/vue-dragula.js b/src/vue-dragula.js
index 3e3330a..5e082a1 100644
--- a/src/vue-dragula.js
+++ b/src/vue-dragula.js
@@ -11,7 +11,7 @@ export default function (Vue) {
   let name = 'globalBag'
   let drake
 
-  Vue.vueDragula = {
+  Vue.prototype.$dragula = {
     options: service.setOptions.bind(service),
     find: service.find.bind(service),
     eventBus: service.eventBus
diff --git a/yarn.lock b/yarn.lock
new file mode 100644
index 0000000..95d6a56
--- /dev/null
+++ b/yarn.lock
@@ -0,0 +1,2772 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+abbrev@1:
+  version "1.0.9"
+  resolved "https://registry.yarnpkg.com/abbrev/-/abbrev-1.0.9.tgz#91b4792588a7738c25f35dd6f63752a2f8776135"
+
+acorn-jsx@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-3.0.1.tgz#afdf9488fb1ecefc8348f6fb22f464e32a58b36b"
+  dependencies:
+    acorn "^3.0.4"
+
+acorn@^3.0.0, acorn@^3.0.4, acorn@^3.2.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-3.3.0.tgz#45e37fb39e8da3f25baee3ff5369e2bb5f22017a"
+
+acorn@^4.0.1:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-4.0.3.tgz#1a3e850b428e73ba6b09d1cc527f5aaad4d03ef1"
+
+ajv-keywords@^1.0.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-1.1.1.tgz#02550bc605a3e576041565628af972e06c549d50"
+
+ajv@^4.7.0:
+  version "4.8.2"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-4.8.2.tgz#65486936ca36fea39a1504332a78bebd5d447bdc"
+  dependencies:
+    co "^4.6.0"
+    json-stable-stringify "^1.0.1"
+
+align-text@^0.1.1, align-text@^0.1.3:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/align-text/-/align-text-0.1.4.tgz#0cd90a561093f35d0a99256c22b7069433fad117"
+  dependencies:
+    kind-of "^3.0.2"
+    longest "^1.0.1"
+    repeat-string "^1.5.2"
+
+amdefine@>=0.0.4:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/amdefine/-/amdefine-1.0.1.tgz#4a5282ac164729e93619bcfd3ad151f817ce91f5"
+
+ansi-escapes@^1.1.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-1.4.0.tgz#d3a8a83b319aa67793662b13e761c7911422306e"
+
+ansi-regex@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-2.0.0.tgz#c5061b6e0ef8a81775e50f5d66151bf6bf371107"
+
+ansi-styles@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe"
+
+anymatch@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-1.3.0.tgz#a3e52fa39168c825ff57b0248126ce5a8ff95507"
+  dependencies:
+    arrify "^1.0.0"
+    micromatch "^2.1.5"
+
+aproba@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/aproba/-/aproba-1.0.4.tgz#2713680775e7614c8ba186c065d4e2e52d1072c0"
+
+are-we-there-yet@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/are-we-there-yet/-/are-we-there-yet-1.1.2.tgz#80e470e95a084794fe1899262c5667c6e88de1b3"
+  dependencies:
+    delegates "^1.0.0"
+    readable-stream "^2.0.0 || ^1.1.13"
+
+argparse@^1.0.7:
+  version "1.0.9"
+  resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.9.tgz#73d83bc263f86e97f8cc4f6bae1b0e90a7d22c86"
+  dependencies:
+    sprintf-js "~1.0.2"
+
+arr-diff@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/arr-diff/-/arr-diff-2.0.0.tgz#8f3b827f955a8bd669697e4a4256ac3ceae356cf"
+  dependencies:
+    arr-flatten "^1.0.1"
+
+arr-flatten@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/arr-flatten/-/arr-flatten-1.0.1.tgz#e5ffe54d45e19f32f216e91eb99c8ce892bb604b"
+
+array-union@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/array-union/-/array-union-1.0.2.tgz#9a34410e4f4e3da23dea375be5be70f24778ec39"
+  dependencies:
+    array-uniq "^1.0.1"
+
+array-uniq@^1.0.1:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/array-uniq/-/array-uniq-1.0.3.tgz#af6ac877a25cc7f74e058894753858dfdb24fdb6"
+
+array-unique@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/array-unique/-/array-unique-0.2.1.tgz#a1d97ccafcbc2625cc70fadceb36a50c58b01a53"
+
+arrify@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/arrify/-/arrify-1.0.1.tgz#898508da2226f380df904728456849c1501a4b0d"
+
+asn1@~0.2.3:
+  version "0.2.3"
+  resolved "https://registry.yarnpkg.com/asn1/-/asn1-0.2.3.tgz#dac8787713c9966849fc8180777ebe9c1ddf3b86"
+
+assert-plus@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/assert-plus/-/assert-plus-0.2.0.tgz#d74e1b87e7affc0db8aadb7021f3fe48101ab234"
+
+assert-plus@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/assert-plus/-/assert-plus-1.0.0.tgz#f12e0f3c5d77b0b1cdd9146942e4e96c1e4dd525"
+
+assert@^1.1.1:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/assert/-/assert-1.4.1.tgz#99912d591836b5a6f5b345c0f07eefc08fc65d91"
+  dependencies:
+    util "0.10.3"
+
+async-each@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/async-each/-/async-each-1.0.1.tgz#19d386a1d9edc6e7c1c85d388aedbcc56d33602d"
+
+async@^0.9.0:
+  version "0.9.2"
+  resolved "https://registry.yarnpkg.com/async/-/async-0.9.2.tgz#aea74d5e61c1f899613bf64bda66d4c78f2fd17d"
+
+async@^1.3.0:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/async/-/async-1.5.2.tgz#ec6a61ae56480c0c3cb241c95618e20892f9672a"
+
+async@~0.2.6:
+  version "0.2.10"
+  resolved "https://registry.yarnpkg.com/async/-/async-0.2.10.tgz#b6bbe0b0674b9d719708ca38de8c237cb526c3d1"
+
+asynckit@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
+
+atoa@1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/atoa/-/atoa-1.0.0.tgz#0cc0e91a480e738f923ebc103676471779b34a49"
+
+aws-sign2@~0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/aws-sign2/-/aws-sign2-0.6.0.tgz#14342dd38dbcc94d0e5b87d763cd63612c0e794f"
+
+aws4@^1.2.1:
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.5.0.tgz#0a29ffb79c31c9e712eeb087e8e7a64b4a56d755"
+
+babel-code-frame@^6.16.0:
+  version "6.16.0"
+  resolved "https://registry.yarnpkg.com/babel-code-frame/-/babel-code-frame-6.16.0.tgz#f90e60da0862909d3ce098733b5d3987c97cb8de"
+  dependencies:
+    chalk "^1.1.0"
+    esutils "^2.0.2"
+    js-tokens "^2.0.0"
+
+babel-core@^6.18.0, babel-core@^6.2.1, babel-core@6:
+  version "6.18.2"
+  resolved "https://registry.yarnpkg.com/babel-core/-/babel-core-6.18.2.tgz#d8bb14dd6986fa4f3566a26ceda3964fa0e04e5b"
+  dependencies:
+    babel-code-frame "^6.16.0"
+    babel-generator "^6.18.0"
+    babel-helpers "^6.16.0"
+    babel-messages "^6.8.0"
+    babel-register "^6.18.0"
+    babel-runtime "^6.9.1"
+    babel-template "^6.16.0"
+    babel-traverse "^6.18.0"
+    babel-types "^6.18.0"
+    babylon "^6.11.0"
+    convert-source-map "^1.1.0"
+    debug "^2.1.1"
+    json5 "^0.5.0"
+    lodash "^4.2.0"
+    minimatch "^3.0.2"
+    path-is-absolute "^1.0.0"
+    private "^0.1.6"
+    slash "^1.0.0"
+    source-map "^0.5.0"
+
+babel-generator@^6.18.0:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babel-generator/-/babel-generator-6.18.0.tgz#e4f104cb3063996d9850556a45aae4a022060a07"
+  dependencies:
+    babel-messages "^6.8.0"
+    babel-runtime "^6.9.0"
+    babel-types "^6.18.0"
+    detect-indent "^4.0.0"
+    jsesc "^1.3.0"
+    lodash "^4.2.0"
+    source-map "^0.5.0"
+
+babel-helper-bindify-decorators@^6.18.0:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babel-helper-bindify-decorators/-/babel-helper-bindify-decorators-6.18.0.tgz#fc00c573676a6e702fffa00019580892ec8780a5"
+  dependencies:
+    babel-runtime "^6.0.0"
+    babel-traverse "^6.18.0"
+    babel-types "^6.18.0"
+
+babel-helper-builder-binary-assignment-operator-visitor@^6.8.0:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babel-helper-builder-binary-assignment-operator-visitor/-/babel-helper-builder-binary-assignment-operator-visitor-6.18.0.tgz#8ae814989f7a53682152e3401a04fabd0bb333a6"
+  dependencies:
+    babel-helper-explode-assignable-expression "^6.18.0"
+    babel-runtime "^6.0.0"
+    babel-types "^6.18.0"
+
+babel-helper-call-delegate@^6.18.0:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babel-helper-call-delegate/-/babel-helper-call-delegate-6.18.0.tgz#05b14aafa430884b034097ef29e9f067ea4133bd"
+  dependencies:
+    babel-helper-hoist-variables "^6.18.0"
+    babel-runtime "^6.0.0"
+    babel-traverse "^6.18.0"
+    babel-types "^6.18.0"
+
+babel-helper-define-map@^6.18.0, babel-helper-define-map@^6.8.0:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babel-helper-define-map/-/babel-helper-define-map-6.18.0.tgz#8d6c85dc7fbb4c19be3de40474d18e97c3676ec2"
+  dependencies:
+    babel-helper-function-name "^6.18.0"
+    babel-runtime "^6.9.0"
+    babel-types "^6.18.0"
+    lodash "^4.2.0"
+
+babel-helper-explode-assignable-expression@^6.18.0:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babel-helper-explode-assignable-expression/-/babel-helper-explode-assignable-expression-6.18.0.tgz#14b8e8c2d03ad735d4b20f1840b24cd1f65239fe"
+  dependencies:
+    babel-runtime "^6.0.0"
+    babel-traverse "^6.18.0"
+    babel-types "^6.18.0"
+
+babel-helper-explode-class@^6.8.0:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babel-helper-explode-class/-/babel-helper-explode-class-6.18.0.tgz#c44f76f4fa23b9c5d607cbac5d4115e7a76f62cb"
+  dependencies:
+    babel-helper-bindify-decorators "^6.18.0"
+    babel-runtime "^6.0.0"
+    babel-traverse "^6.18.0"
+    babel-types "^6.18.0"
+
+babel-helper-function-name@^6.18.0, babel-helper-function-name@^6.8.0:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babel-helper-function-name/-/babel-helper-function-name-6.18.0.tgz#68ec71aeba1f3e28b2a6f0730190b754a9bf30e6"
+  dependencies:
+    babel-helper-get-function-arity "^6.18.0"
+    babel-runtime "^6.0.0"
+    babel-template "^6.8.0"
+    babel-traverse "^6.18.0"
+    babel-types "^6.18.0"
+
+babel-helper-get-function-arity@^6.18.0:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babel-helper-get-function-arity/-/babel-helper-get-function-arity-6.18.0.tgz#a5b19695fd3f9cdfc328398b47dafcd7094f9f24"
+  dependencies:
+    babel-runtime "^6.0.0"
+    babel-types "^6.18.0"
+
+babel-helper-hoist-variables@^6.18.0:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babel-helper-hoist-variables/-/babel-helper-hoist-variables-6.18.0.tgz#a835b5ab8b46d6de9babefae4d98ea41e866b82a"
+  dependencies:
+    babel-runtime "^6.0.0"
+    babel-types "^6.18.0"
+
+babel-helper-optimise-call-expression@^6.18.0:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babel-helper-optimise-call-expression/-/babel-helper-optimise-call-expression-6.18.0.tgz#9261d0299ee1a4f08a6dd28b7b7c777348fd8f0f"
+  dependencies:
+    babel-runtime "^6.0.0"
+    babel-types "^6.18.0"
+
+babel-helper-regex@^6.8.0:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babel-helper-regex/-/babel-helper-regex-6.18.0.tgz#ae0ebfd77de86cb2f1af258e2cc20b5fe893ecc6"
+  dependencies:
+    babel-runtime "^6.9.0"
+    babel-types "^6.18.0"
+    lodash "^4.2.0"
+
+babel-helper-remap-async-to-generator@^6.16.0, babel-helper-remap-async-to-generator@^6.16.2:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babel-helper-remap-async-to-generator/-/babel-helper-remap-async-to-generator-6.18.0.tgz#336cdf3cab650bb191b02fc16a3708e7be7f9ce5"
+  dependencies:
+    babel-helper-function-name "^6.18.0"
+    babel-runtime "^6.0.0"
+    babel-template "^6.16.0"
+    babel-traverse "^6.18.0"
+    babel-types "^6.18.0"
+
+babel-helper-replace-supers@^6.18.0, babel-helper-replace-supers@^6.8.0:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babel-helper-replace-supers/-/babel-helper-replace-supers-6.18.0.tgz#28ec69877be4144dbd64f4cc3a337e89f29a924e"
+  dependencies:
+    babel-helper-optimise-call-expression "^6.18.0"
+    babel-messages "^6.8.0"
+    babel-runtime "^6.0.0"
+    babel-template "^6.16.0"
+    babel-traverse "^6.18.0"
+    babel-types "^6.18.0"
+
+babel-helpers@^6.16.0:
+  version "6.16.0"
+  resolved "https://registry.yarnpkg.com/babel-helpers/-/babel-helpers-6.16.0.tgz#1095ec10d99279460553e67eb3eee9973d3867e3"
+  dependencies:
+    babel-runtime "^6.0.0"
+    babel-template "^6.16.0"
+
+babel-loader@^6.2.0:
+  version "6.2.7"
+  resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-6.2.7.tgz#16fdbf64328030dc5a606827d389c8b92a2a8032"
+  dependencies:
+    find-cache-dir "^0.1.1"
+    loader-utils "^0.2.11"
+    mkdirp "^0.5.1"
+    object-assign "^4.0.1"
+
+babel-messages@^6.8.0:
+  version "6.8.0"
+  resolved "https://registry.yarnpkg.com/babel-messages/-/babel-messages-6.8.0.tgz#bf504736ca967e6d65ef0adb5a2a5f947c8e0eb9"
+  dependencies:
+    babel-runtime "^6.0.0"
+
+babel-plugin-check-es2015-constants@^6.3.13:
+  version "6.8.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-check-es2015-constants/-/babel-plugin-check-es2015-constants-6.8.0.tgz#dbf024c32ed37bfda8dee1e76da02386a8d26fe7"
+  dependencies:
+    babel-runtime "^6.0.0"
+
+babel-plugin-external-helpers@^6.4.0:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-external-helpers/-/babel-plugin-external-helpers-6.18.0.tgz#c6bbf87a4448eb49616f24a8b8088503863488da"
+  dependencies:
+    babel-runtime "^6.0.0"
+
+babel-plugin-syntax-async-functions@^6.8.0:
+  version "6.13.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-async-functions/-/babel-plugin-syntax-async-functions-6.13.0.tgz#cad9cad1191b5ad634bf30ae0872391e0647be95"
+
+babel-plugin-syntax-async-generators@^6.5.0:
+  version "6.13.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-async-generators/-/babel-plugin-syntax-async-generators-6.13.0.tgz#6bc963ebb16eccbae6b92b596eb7f35c342a8b9a"
+
+babel-plugin-syntax-class-properties@^6.8.0:
+  version "6.13.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-class-properties/-/babel-plugin-syntax-class-properties-6.13.0.tgz#d7eb23b79a317f8543962c505b827c7d6cac27de"
+
+babel-plugin-syntax-decorators@^6.13.0:
+  version "6.13.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-decorators/-/babel-plugin-syntax-decorators-6.13.0.tgz#312563b4dbde3cc806cee3e416cceeaddd11ac0b"
+
+babel-plugin-syntax-dynamic-import@^6.18.0:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-dynamic-import/-/babel-plugin-syntax-dynamic-import-6.18.0.tgz#8d6a26229c83745a9982a441051572caa179b1da"
+
+babel-plugin-syntax-exponentiation-operator@^6.8.0:
+  version "6.13.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-exponentiation-operator/-/babel-plugin-syntax-exponentiation-operator-6.13.0.tgz#9ee7e8337290da95288201a6a57f4170317830de"
+
+babel-plugin-syntax-object-rest-spread@^6.8.0:
+  version "6.13.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-object-rest-spread/-/babel-plugin-syntax-object-rest-spread-6.13.0.tgz#fd6536f2bce13836ffa3a5458c4903a597bb3bf5"
+
+babel-plugin-syntax-trailing-function-commas@^6.3.13:
+  version "6.13.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-trailing-function-commas/-/babel-plugin-syntax-trailing-function-commas-6.13.0.tgz#2b84b7d53dd744f94ff1fad7669406274b23f541"
+
+babel-plugin-transform-async-generator-functions@^6.17.0:
+  version "6.17.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-async-generator-functions/-/babel-plugin-transform-async-generator-functions-6.17.0.tgz#d0b5a2b2f0940f2b245fa20a00519ed7bc6cae54"
+  dependencies:
+    babel-helper-remap-async-to-generator "^6.16.2"
+    babel-plugin-syntax-async-generators "^6.5.0"
+    babel-runtime "^6.0.0"
+
+babel-plugin-transform-async-to-generator@^6.16.0:
+  version "6.16.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-async-to-generator/-/babel-plugin-transform-async-to-generator-6.16.0.tgz#19ec36cb1486b59f9f468adfa42ce13908ca2999"
+  dependencies:
+    babel-helper-remap-async-to-generator "^6.16.0"
+    babel-plugin-syntax-async-functions "^6.8.0"
+    babel-runtime "^6.0.0"
+
+babel-plugin-transform-class-properties@^6.18.0:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-class-properties/-/babel-plugin-transform-class-properties-6.18.0.tgz#bc1266a39d4c8726e0bd7b15c56235177e6ede57"
+  dependencies:
+    babel-helper-function-name "^6.18.0"
+    babel-plugin-syntax-class-properties "^6.8.0"
+    babel-runtime "^6.9.1"
+
+babel-plugin-transform-decorators@^6.13.0:
+  version "6.13.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-decorators/-/babel-plugin-transform-decorators-6.13.0.tgz#82d65c1470ae83e2d13eebecb0a1c2476d62da9d"
+  dependencies:
+    babel-helper-define-map "^6.8.0"
+    babel-helper-explode-class "^6.8.0"
+    babel-plugin-syntax-decorators "^6.13.0"
+    babel-runtime "^6.0.0"
+    babel-template "^6.8.0"
+    babel-types "^6.13.0"
+
+babel-plugin-transform-es2015-arrow-functions@^6.3.13:
+  version "6.8.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-arrow-functions/-/babel-plugin-transform-es2015-arrow-functions-6.8.0.tgz#5b63afc3181bdc9a8c4d481b5a4f3f7d7fef3d9d"
+  dependencies:
+    babel-runtime "^6.0.0"
+
+babel-plugin-transform-es2015-block-scoped-functions@^6.3.13:
+  version "6.8.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-block-scoped-functions/-/babel-plugin-transform-es2015-block-scoped-functions-6.8.0.tgz#ed95d629c4b5a71ae29682b998f70d9833eb366d"
+  dependencies:
+    babel-runtime "^6.0.0"
+
+babel-plugin-transform-es2015-block-scoping@^6.18.0:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-block-scoping/-/babel-plugin-transform-es2015-block-scoping-6.18.0.tgz#3bfdcfec318d46df22525cdea88f1978813653af"
+  dependencies:
+    babel-runtime "^6.9.0"
+    babel-template "^6.15.0"
+    babel-traverse "^6.18.0"
+    babel-types "^6.18.0"
+    lodash "^4.2.0"
+
+babel-plugin-transform-es2015-classes@^6.18.0, babel-plugin-transform-es2015-classes@^6.9.0:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-classes/-/babel-plugin-transform-es2015-classes-6.18.0.tgz#ffe7a17321bf83e494dcda0ae3fc72df48ffd1d9"
+  dependencies:
+    babel-helper-define-map "^6.18.0"
+    babel-helper-function-name "^6.18.0"
+    babel-helper-optimise-call-expression "^6.18.0"
+    babel-helper-replace-supers "^6.18.0"
+    babel-messages "^6.8.0"
+    babel-runtime "^6.9.0"
+    babel-template "^6.14.0"
+    babel-traverse "^6.18.0"
+    babel-types "^6.18.0"
+
+babel-plugin-transform-es2015-computed-properties@^6.3.13:
+  version "6.8.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-computed-properties/-/babel-plugin-transform-es2015-computed-properties-6.8.0.tgz#f51010fd61b3bd7b6b60a5fdfd307bb7a5279870"
+  dependencies:
+    babel-helper-define-map "^6.8.0"
+    babel-runtime "^6.0.0"
+    babel-template "^6.8.0"
+
+babel-plugin-transform-es2015-destructuring@^6.18.0:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-destructuring/-/babel-plugin-transform-es2015-destructuring-6.18.0.tgz#a08fb89415ab82058649558bedb7bf8dafa76ba5"
+  dependencies:
+    babel-runtime "^6.9.0"
+
+babel-plugin-transform-es2015-duplicate-keys@^6.6.0:
+  version "6.8.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-duplicate-keys/-/babel-plugin-transform-es2015-duplicate-keys-6.8.0.tgz#fd8f7f7171fc108cc1c70c3164b9f15a81c25f7d"
+  dependencies:
+    babel-runtime "^6.0.0"
+    babel-types "^6.8.0"
+
+babel-plugin-transform-es2015-for-of@^6.18.0:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-for-of/-/babel-plugin-transform-es2015-for-of-6.18.0.tgz#4c517504db64bf8cfc119a6b8f177211f2028a70"
+  dependencies:
+    babel-runtime "^6.0.0"
+
+babel-plugin-transform-es2015-function-name@^6.9.0:
+  version "6.9.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-function-name/-/babel-plugin-transform-es2015-function-name-6.9.0.tgz#8c135b17dbd064e5bba56ec511baaee2fca82719"
+  dependencies:
+    babel-helper-function-name "^6.8.0"
+    babel-runtime "^6.9.0"
+    babel-types "^6.9.0"
+
+babel-plugin-transform-es2015-literals@^6.3.13:
+  version "6.8.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-literals/-/babel-plugin-transform-es2015-literals-6.8.0.tgz#50aa2e5c7958fc2ab25d74ec117e0cc98f046468"
+  dependencies:
+    babel-runtime "^6.0.0"
+
+babel-plugin-transform-es2015-modules-amd@^6.18.0:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-modules-amd/-/babel-plugin-transform-es2015-modules-amd-6.18.0.tgz#49a054cbb762bdf9ae2d8a807076cfade6141e40"
+  dependencies:
+    babel-plugin-transform-es2015-modules-commonjs "^6.18.0"
+    babel-runtime "^6.0.0"
+    babel-template "^6.8.0"
+
+babel-plugin-transform-es2015-modules-commonjs@^6.18.0:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-modules-commonjs/-/babel-plugin-transform-es2015-modules-commonjs-6.18.0.tgz#c15ae5bb11b32a0abdcc98a5837baa4ee8d67bcc"
+  dependencies:
+    babel-plugin-transform-strict-mode "^6.18.0"
+    babel-runtime "^6.0.0"
+    babel-template "^6.16.0"
+    babel-types "^6.18.0"
+
+babel-plugin-transform-es2015-modules-systemjs@^6.18.0:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-modules-systemjs/-/babel-plugin-transform-es2015-modules-systemjs-6.18.0.tgz#f09294707163edae4d3b3e8bfacecd01d920b7ad"
+  dependencies:
+    babel-helper-hoist-variables "^6.18.0"
+    babel-runtime "^6.11.6"
+    babel-template "^6.14.0"
+
+babel-plugin-transform-es2015-modules-umd@^6.18.0:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-modules-umd/-/babel-plugin-transform-es2015-modules-umd-6.18.0.tgz#23351770ece5c1f8e83ed67cb1d7992884491e50"
+  dependencies:
+    babel-plugin-transform-es2015-modules-amd "^6.18.0"
+    babel-runtime "^6.0.0"
+    babel-template "^6.8.0"
+
+babel-plugin-transform-es2015-object-super@^6.3.13:
+  version "6.8.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-object-super/-/babel-plugin-transform-es2015-object-super-6.8.0.tgz#1b858740a5a4400887c23dcff6f4d56eea4a24c5"
+  dependencies:
+    babel-helper-replace-supers "^6.8.0"
+    babel-runtime "^6.0.0"
+
+babel-plugin-transform-es2015-parameters@^6.18.0:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-parameters/-/babel-plugin-transform-es2015-parameters-6.18.0.tgz#9b2cfe238c549f1635ba27fc1daa858be70608b1"
+  dependencies:
+    babel-helper-call-delegate "^6.18.0"
+    babel-helper-get-function-arity "^6.18.0"
+    babel-runtime "^6.9.0"
+    babel-template "^6.16.0"
+    babel-traverse "^6.18.0"
+    babel-types "^6.18.0"
+
+babel-plugin-transform-es2015-shorthand-properties@^6.18.0:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-shorthand-properties/-/babel-plugin-transform-es2015-shorthand-properties-6.18.0.tgz#e2ede3b7df47bf980151926534d1dd0cbea58f43"
+  dependencies:
+    babel-runtime "^6.0.0"
+    babel-types "^6.18.0"
+
+babel-plugin-transform-es2015-spread@^6.3.13:
+  version "6.8.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-spread/-/babel-plugin-transform-es2015-spread-6.8.0.tgz#0217f737e3b821fa5a669f187c6ed59205f05e9c"
+  dependencies:
+    babel-runtime "^6.0.0"
+
+babel-plugin-transform-es2015-sticky-regex@^6.3.13:
+  version "6.8.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-sticky-regex/-/babel-plugin-transform-es2015-sticky-regex-6.8.0.tgz#e73d300a440a35d5c64f5c2a344dc236e3df47be"
+  dependencies:
+    babel-helper-regex "^6.8.0"
+    babel-runtime "^6.0.0"
+    babel-types "^6.8.0"
+
+babel-plugin-transform-es2015-template-literals@^6.6.0:
+  version "6.8.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-template-literals/-/babel-plugin-transform-es2015-template-literals-6.8.0.tgz#86eb876d0a2c635da4ec048b4f7de9dfc897e66b"
+  dependencies:
+    babel-runtime "^6.0.0"
+
+babel-plugin-transform-es2015-typeof-symbol@^6.18.0:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-typeof-symbol/-/babel-plugin-transform-es2015-typeof-symbol-6.18.0.tgz#0b14c48629c90ff47a0650077f6aa699bee35798"
+  dependencies:
+    babel-runtime "^6.0.0"
+
+babel-plugin-transform-es2015-unicode-regex@^6.3.13:
+  version "6.11.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-unicode-regex/-/babel-plugin-transform-es2015-unicode-regex-6.11.0.tgz#6298ceabaad88d50a3f4f392d8de997260f6ef2c"
+  dependencies:
+    babel-helper-regex "^6.8.0"
+    babel-runtime "^6.0.0"
+    regexpu-core "^2.0.0"
+
+babel-plugin-transform-exponentiation-operator@^6.3.13:
+  version "6.8.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-exponentiation-operator/-/babel-plugin-transform-exponentiation-operator-6.8.0.tgz#db25742e9339eade676ca9acec46f955599a68a4"
+  dependencies:
+    babel-helper-builder-binary-assignment-operator-visitor "^6.8.0"
+    babel-plugin-syntax-exponentiation-operator "^6.8.0"
+    babel-runtime "^6.0.0"
+
+babel-plugin-transform-object-rest-spread@^6.16.0:
+  version "6.16.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-object-rest-spread/-/babel-plugin-transform-object-rest-spread-6.16.0.tgz#db441d56fffc1999052fdebe2e2f25ebd28e36a9"
+  dependencies:
+    babel-plugin-syntax-object-rest-spread "^6.8.0"
+    babel-runtime "^6.0.0"
+
+babel-plugin-transform-regenerator@^6.16.0:
+  version "6.16.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-regenerator/-/babel-plugin-transform-regenerator-6.16.1.tgz#a75de6b048a14154aae14b0122756c5bed392f59"
+  dependencies:
+    babel-runtime "^6.9.0"
+    babel-types "^6.16.0"
+    private "~0.1.5"
+
+babel-plugin-transform-runtime@^6.1.18:
+  version "6.15.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-runtime/-/babel-plugin-transform-runtime-6.15.0.tgz#3d75b4d949ad81af157570273846fb59aeb0d57c"
+  dependencies:
+    babel-runtime "^6.9.0"
+
+babel-plugin-transform-strict-mode@^6.18.0:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-strict-mode/-/babel-plugin-transform-strict-mode-6.18.0.tgz#df7cf2991fe046f44163dcd110d5ca43bc652b9d"
+  dependencies:
+    babel-runtime "^6.0.0"
+    babel-types "^6.18.0"
+
+babel-polyfill@^6.2.0:
+  version "6.16.0"
+  resolved "https://registry.yarnpkg.com/babel-polyfill/-/babel-polyfill-6.16.0.tgz#2d45021df87e26a374b6d4d1a9c65964d17f2422"
+  dependencies:
+    babel-runtime "^6.9.1"
+    core-js "^2.4.0"
+    regenerator-runtime "^0.9.5"
+
+babel-preset-es2015-rollup@^1.1.1:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/babel-preset-es2015-rollup/-/babel-preset-es2015-rollup-1.2.0.tgz#feedf80346e01fa22d4de15e72cde1cefc59bf67"
+  dependencies:
+    babel-plugin-external-helpers "^6.4.0"
+    babel-preset-es2015 "^6.3.13"
+    modify-babel-preset "^2.1.1"
+
+babel-preset-es2015@^6.1.18, babel-preset-es2015@^6.3.13:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babel-preset-es2015/-/babel-preset-es2015-6.18.0.tgz#b8c70df84ec948c43dcf2bf770e988eb7da88312"
+  dependencies:
+    babel-plugin-check-es2015-constants "^6.3.13"
+    babel-plugin-transform-es2015-arrow-functions "^6.3.13"
+    babel-plugin-transform-es2015-block-scoped-functions "^6.3.13"
+    babel-plugin-transform-es2015-block-scoping "^6.18.0"
+    babel-plugin-transform-es2015-classes "^6.18.0"
+    babel-plugin-transform-es2015-computed-properties "^6.3.13"
+    babel-plugin-transform-es2015-destructuring "^6.18.0"
+    babel-plugin-transform-es2015-duplicate-keys "^6.6.0"
+    babel-plugin-transform-es2015-for-of "^6.18.0"
+    babel-plugin-transform-es2015-function-name "^6.9.0"
+    babel-plugin-transform-es2015-literals "^6.3.13"
+    babel-plugin-transform-es2015-modules-amd "^6.18.0"
+    babel-plugin-transform-es2015-modules-commonjs "^6.18.0"
+    babel-plugin-transform-es2015-modules-systemjs "^6.18.0"
+    babel-plugin-transform-es2015-modules-umd "^6.18.0"
+    babel-plugin-transform-es2015-object-super "^6.3.13"
+    babel-plugin-transform-es2015-parameters "^6.18.0"
+    babel-plugin-transform-es2015-shorthand-properties "^6.18.0"
+    babel-plugin-transform-es2015-spread "^6.3.13"
+    babel-plugin-transform-es2015-sticky-regex "^6.3.13"
+    babel-plugin-transform-es2015-template-literals "^6.6.0"
+    babel-plugin-transform-es2015-typeof-symbol "^6.18.0"
+    babel-plugin-transform-es2015-unicode-regex "^6.3.13"
+    babel-plugin-transform-regenerator "^6.16.0"
+
+babel-preset-stage-2@^6.1.18:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babel-preset-stage-2/-/babel-preset-stage-2-6.18.0.tgz#9eb7bf9a8e91c68260d5ba7500493caaada4b5b5"
+  dependencies:
+    babel-plugin-syntax-dynamic-import "^6.18.0"
+    babel-plugin-transform-class-properties "^6.18.0"
+    babel-plugin-transform-decorators "^6.13.0"
+    babel-preset-stage-3 "^6.17.0"
+
+babel-preset-stage-3@^6.17.0:
+  version "6.17.0"
+  resolved "https://registry.yarnpkg.com/babel-preset-stage-3/-/babel-preset-stage-3-6.17.0.tgz#b6638e46db6e91e3f889013d8ce143917c685e39"
+  dependencies:
+    babel-plugin-syntax-trailing-function-commas "^6.3.13"
+    babel-plugin-transform-async-generator-functions "^6.17.0"
+    babel-plugin-transform-async-to-generator "^6.16.0"
+    babel-plugin-transform-exponentiation-operator "^6.3.13"
+    babel-plugin-transform-object-rest-spread "^6.16.0"
+
+babel-register@^6.18.0:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babel-register/-/babel-register-6.18.0.tgz#892e2e03865078dd90ad2c715111ec4449b32a68"
+  dependencies:
+    babel-core "^6.18.0"
+    babel-runtime "^6.11.6"
+    core-js "^2.4.0"
+    home-or-tmp "^2.0.0"
+    lodash "^4.2.0"
+    mkdirp "^0.5.1"
+    source-map-support "^0.4.2"
+
+babel-runtime@^5.8.0:
+  version "5.8.38"
+  resolved "https://registry.yarnpkg.com/babel-runtime/-/babel-runtime-5.8.38.tgz#1c0b02eb63312f5f087ff20450827b425c9d4c19"
+  dependencies:
+    core-js "^1.0.0"
+
+babel-runtime@^6.0.0, babel-runtime@^6.11.6, babel-runtime@^6.9.0, babel-runtime@^6.9.1:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babel-runtime/-/babel-runtime-6.18.0.tgz#0f4177ffd98492ef13b9f823e9994a02584c9078"
+  dependencies:
+    core-js "^2.4.0"
+    regenerator-runtime "^0.9.5"
+
+babel-template@^6.14.0, babel-template@^6.15.0, babel-template@^6.16.0, babel-template@^6.8.0:
+  version "6.16.0"
+  resolved "https://registry.yarnpkg.com/babel-template/-/babel-template-6.16.0.tgz#e149dd1a9f03a35f817ddbc4d0481988e7ebc8ca"
+  dependencies:
+    babel-runtime "^6.9.0"
+    babel-traverse "^6.16.0"
+    babel-types "^6.16.0"
+    babylon "^6.11.0"
+    lodash "^4.2.0"
+
+babel-traverse@^6.16.0, babel-traverse@^6.18.0:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babel-traverse/-/babel-traverse-6.18.0.tgz#5aeaa980baed2a07c8c47329cd90c3b90c80f05e"
+  dependencies:
+    babel-code-frame "^6.16.0"
+    babel-messages "^6.8.0"
+    babel-runtime "^6.9.0"
+    babel-types "^6.18.0"
+    babylon "^6.11.0"
+    debug "^2.2.0"
+    globals "^9.0.0"
+    invariant "^2.2.0"
+    lodash "^4.2.0"
+
+babel-types@^6.13.0, babel-types@^6.16.0, babel-types@^6.18.0, babel-types@^6.8.0, babel-types@^6.9.0:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babel-types/-/babel-types-6.18.0.tgz#1f7d5a73474c59eb9151b2417bbff4e4fce7c3f8"
+  dependencies:
+    babel-runtime "^6.9.1"
+    esutils "^2.0.2"
+    lodash "^4.2.0"
+    to-fast-properties "^1.0.1"
+
+babylon@^6.11.0:
+  version "6.13.1"
+  resolved "https://registry.yarnpkg.com/babylon/-/babylon-6.13.1.tgz#adca350e088f0467647157652bafead6ddb8dfdb"
+
+balanced-match@^0.4.1:
+  version "0.4.2"
+  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-0.4.2.tgz#cb3f3e3c732dc0f01ee70b403f302e61d7709838"
+
+base64-js@^1.0.2:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.2.0.tgz#a39992d723584811982be5e290bb6a53d86700f1"
+
+Base64@~0.2.0:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/Base64/-/Base64-0.2.1.tgz#ba3a4230708e186705065e66babdd4c35cf60028"
+
+bcrypt-pbkdf@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.0.tgz#3ca76b85241c7170bf7d9703e7b9aa74630040d4"
+  dependencies:
+    tweetnacl "^0.14.3"
+
+big.js@^3.1.3:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/big.js/-/big.js-3.1.3.tgz#4cada2193652eb3ca9ec8e55c9015669c9806978"
+
+binary-extensions@^1.0.0:
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-1.7.0.tgz#6c1610db163abfb34edfe42fa423343a1e01185d"
+
+block-stream@*:
+  version "0.0.9"
+  resolved "https://registry.yarnpkg.com/block-stream/-/block-stream-0.0.9.tgz#13ebfe778a03205cfe03751481ebb4b3300c126a"
+  dependencies:
+    inherits "~2.0.0"
+
+boom@2.x.x:
+  version "2.10.1"
+  resolved "https://registry.yarnpkg.com/boom/-/boom-2.10.1.tgz#39c8918ceff5799f83f9492a848f625add0c766f"
+  dependencies:
+    hoek "2.x.x"
+
+brace-expansion@^1.0.0:
+  version "1.1.6"
+  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.6.tgz#7197d7eaa9b87e648390ea61fc66c84427420df9"
+  dependencies:
+    balanced-match "^0.4.1"
+    concat-map "0.0.1"
+
+braces@^1.8.2:
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/braces/-/braces-1.8.5.tgz#ba77962e12dff969d6b76711e914b737857bf6a7"
+  dependencies:
+    expand-range "^1.8.1"
+    preserve "^0.2.0"
+    repeat-element "^1.1.2"
+
+browser-resolve@^1.11.0:
+  version "1.11.2"
+  resolved "https://registry.yarnpkg.com/browser-resolve/-/browser-resolve-1.11.2.tgz#8ff09b0a2c421718a1051c260b32e48f442938ce"
+  dependencies:
+    resolve "1.1.7"
+
+browserify-zlib@~0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/browserify-zlib/-/browserify-zlib-0.1.4.tgz#bb35f8a519f600e0fa6b8485241c979d0141fb2d"
+  dependencies:
+    pako "~0.2.0"
+
+buffer-shims@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/buffer-shims/-/buffer-shims-1.0.0.tgz#9978ce317388c649ad8793028c3477ef044a8b51"
+
+buffer@^4.9.0:
+  version "4.9.1"
+  resolved "https://registry.yarnpkg.com/buffer/-/buffer-4.9.1.tgz#6d1bb601b07a4efced97094132093027c95bc298"
+  dependencies:
+    base64-js "^1.0.2"
+    ieee754 "^1.1.4"
+    isarray "^1.0.0"
+
+builtin-modules@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/builtin-modules/-/builtin-modules-1.1.1.tgz#270f076c5a72c02f5b65a47df94c5fe3a278892f"
+
+caller-path@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/caller-path/-/caller-path-0.1.0.tgz#94085ef63581ecd3daa92444a8fe94e82577751f"
+  dependencies:
+    callsites "^0.2.0"
+
+callsites@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/callsites/-/callsites-0.2.0.tgz#afab96262910a7f33c19a5775825c69f34e350ca"
+
+camelcase@^1.0.2:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-1.2.1.tgz#9bb5304d2e0b56698b2c758b08a3eaa9daa58a39"
+
+caseless@~0.11.0:
+  version "0.11.0"
+  resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.11.0.tgz#715b96ea9841593cc33067923f5ec60ebda4f7d7"
+
+center-align@^0.1.1:
+  version "0.1.3"
+  resolved "https://registry.yarnpkg.com/center-align/-/center-align-0.1.3.tgz#aa0d32629b6ee972200411cbd4461c907bc2b7ad"
+  dependencies:
+    align-text "^0.1.3"
+    lazy-cache "^1.0.3"
+
+chalk@^1.0.0, chalk@^1.1.0, chalk@^1.1.1, chalk@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98"
+  dependencies:
+    ansi-styles "^2.2.1"
+    escape-string-regexp "^1.0.2"
+    has-ansi "^2.0.0"
+    strip-ansi "^3.0.0"
+    supports-color "^2.0.0"
+
+chokidar@^1.0.0:
+  version "1.6.1"
+  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-1.6.1.tgz#2f4447ab5e96e50fb3d789fd90d4c72e0e4c70c2"
+  dependencies:
+    anymatch "^1.3.0"
+    async-each "^1.0.0"
+    glob-parent "^2.0.0"
+    inherits "^2.0.1"
+    is-binary-path "^1.0.0"
+    is-glob "^2.0.0"
+    path-is-absolute "^1.0.0"
+    readdirp "^2.0.0"
+  optionalDependencies:
+    fsevents "^1.0.0"
+
+circular-json@^0.3.0:
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/circular-json/-/circular-json-0.3.1.tgz#be8b36aefccde8b3ca7aa2d6afc07a37242c0d2d"
+
+cli-cursor@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/cli-cursor/-/cli-cursor-1.0.2.tgz#64da3f7d56a54412e59794bd62dc35295e8f2987"
+  dependencies:
+    restore-cursor "^1.0.1"
+
+cli-width@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/cli-width/-/cli-width-2.1.0.tgz#b234ca209b29ef66fc518d9b98d5847b00edf00a"
+
+cliui@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/cliui/-/cliui-2.1.0.tgz#4b475760ff80264c762c3a1719032e91c7fea0d1"
+  dependencies:
+    center-align "^0.1.1"
+    right-align "^0.1.1"
+    wordwrap "0.0.2"
+
+clone@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/clone/-/clone-1.0.2.tgz#260b7a99ebb1edfe247538175f783243cb19d149"
+
+co@^4.6.0:
+  version "4.6.0"
+  resolved "https://registry.yarnpkg.com/co/-/co-4.6.0.tgz#6ea6bdf3d853ae54ccb8e47bfa0bf3f9031fb184"
+
+code-point-at@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/code-point-at/-/code-point-at-1.1.0.tgz#0d070b4d043a5bea33a2f1a40e2edb3d9a4ccf77"
+
+combined-stream@^1.0.5, combined-stream@~1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.5.tgz#938370a57b4a51dea2c77c15d5c5fdf895164009"
+  dependencies:
+    delayed-stream "~1.0.0"
+
+commander@^2.9.0:
+  version "2.9.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-2.9.0.tgz#9c99094176e12240cb22d6c5146098400fe0f7d4"
+  dependencies:
+    graceful-readlink ">= 1.0.0"
+
+commondir@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/commondir/-/commondir-1.0.1.tgz#ddd800da0c66127393cca5950ea968a3aaf1253b"
+
+concat-map@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
+
+concat-stream@^1.4.6:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/concat-stream/-/concat-stream-1.5.2.tgz#708978624d856af41a5a741defdd261da752c266"
+  dependencies:
+    inherits "~2.0.1"
+    readable-stream "~2.0.0"
+    typedarray "~0.0.5"
+
+console-browserify@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/console-browserify/-/console-browserify-1.1.0.tgz#f0241c45730a9fc6323b206dbf38edc741d0bb10"
+  dependencies:
+    date-now "^0.1.4"
+
+console-control-strings@^1.0.0, console-control-strings@~1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/console-control-strings/-/console-control-strings-1.1.0.tgz#3d7cf4464db6446ea644bf4b39507f9851008e8e"
+
+constants-browserify@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/constants-browserify/-/constants-browserify-0.0.1.tgz#92577db527ba6c4cf0a4568d84bc031f441e21f2"
+
+contra@1.9.4:
+  version "1.9.4"
+  resolved "https://registry.yarnpkg.com/contra/-/contra-1.9.4.tgz#f53bde42d7e5b5985cae4d99a8d610526de8f28d"
+  dependencies:
+    atoa "1.0.0"
+    ticky "1.0.1"
+
+convert-source-map@^1.1.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.3.0.tgz#e9f3e9c6e2728efc2676696a70eb382f73106a67"
+
+core-js@^1.0.0:
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/core-js/-/core-js-1.2.7.tgz#652294c14651db28fa93bd2d5ff2983a4f08c636"
+
+core-js@^2.4.0:
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.4.1.tgz#4de911e667b0eae9124e34254b53aea6fc618d3e"
+
+core-util-is@~1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7"
+
+crossvent@1.5.4:
+  version "1.5.4"
+  resolved "https://registry.yarnpkg.com/crossvent/-/crossvent-1.5.4.tgz#da2c4f8f40c94782517bf2beec1044148194ab92"
+  dependencies:
+    custom-event "1.0.0"
+
+cryptiles@2.x.x:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/cryptiles/-/cryptiles-2.0.5.tgz#3bdfecdc608147c1c67202fa291e7dca59eaa3b8"
+  dependencies:
+    boom "2.x.x"
+
+crypto-browserify@~3.2.6:
+  version "3.2.8"
+  resolved "https://registry.yarnpkg.com/crypto-browserify/-/crypto-browserify-3.2.8.tgz#b9b11dbe6d9651dd882a01e6cc467df718ecf189"
+  dependencies:
+    pbkdf2-compat "2.0.1"
+    ripemd160 "0.2.0"
+    sha.js "2.2.6"
+
+custom-event@1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/custom-event/-/custom-event-1.0.0.tgz#2e4628be19dc4b214b5c02630c5971e811618062"
+
+d@^0.1.1, d@~0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/d/-/d-0.1.1.tgz#da184c535d18d8ee7ba2aa229b914009fae11309"
+  dependencies:
+    es5-ext "~0.10.2"
+
+dashdash@^1.12.0:
+  version "1.14.0"
+  resolved "https://registry.yarnpkg.com/dashdash/-/dashdash-1.14.0.tgz#29e486c5418bf0f356034a993d51686a33e84141"
+  dependencies:
+    assert-plus "^1.0.0"
+
+date-now@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/date-now/-/date-now-0.1.4.tgz#eaf439fd4d4848ad74e5cc7dbef200672b9e345b"
+
+debug@^2.1.1, debug@^2.2.0:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-2.3.2.tgz#94cb466ef7d6d2c7e5245cdd6e4104f2d0d70d30"
+  dependencies:
+    ms "0.7.2"
+
+debug@~2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-2.2.0.tgz#f87057e995b1a1f6ae6a4960664137bc56f039da"
+  dependencies:
+    ms "0.7.1"
+
+decamelize@^1.0.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
+
+deep-extend@~0.4.0:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/deep-extend/-/deep-extend-0.4.1.tgz#efe4113d08085f4e6f9687759810f807469e2253"
+
+deep-is@~0.1.3:
+  version "0.1.3"
+  resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.3.tgz#b369d6fb5dbc13eecf524f91b070feedc357cf34"
+
+del@^2.0.2:
+  version "2.2.2"
+  resolved "https://registry.yarnpkg.com/del/-/del-2.2.2.tgz#c12c981d067846c84bcaf862cff930d907ffd1a8"
+  dependencies:
+    globby "^5.0.0"
+    is-path-cwd "^1.0.0"
+    is-path-in-cwd "^1.0.0"
+    object-assign "^4.0.1"
+    pify "^2.0.0"
+    pinkie-promise "^2.0.0"
+    rimraf "^2.2.8"
+
+delayed-stream@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
+
+delegates@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/delegates/-/delegates-1.0.0.tgz#84c6e159b81904fdca59a0ef44cd870d31250f9a"
+
+detect-indent@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/detect-indent/-/detect-indent-4.0.0.tgz#f76d064352cdf43a1cb6ce619c4ee3a9475de208"
+  dependencies:
+    repeating "^2.0.0"
+
+doctrine@^1.2.2:
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-1.5.0.tgz#379dce730f6166f76cefa4e6707a159b02c5a6fa"
+  dependencies:
+    esutils "^2.0.2"
+    isarray "^1.0.0"
+
+domain-browser@^1.1.1:
+  version "1.1.7"
+  resolved "https://registry.yarnpkg.com/domain-browser/-/domain-browser-1.1.7.tgz#867aa4b093faa05f1de08c06f4d7b21fdf8698bc"
+
+dragula@3.7.2:
+  version "3.7.2"
+  resolved "https://registry.yarnpkg.com/dragula/-/dragula-3.7.2.tgz#4a35c9d3981ffac1a949c29ca7285058e87393ce"
+  dependencies:
+    contra "1.9.4"
+    crossvent "1.5.4"
+
+ecc-jsbn@~0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/ecc-jsbn/-/ecc-jsbn-0.1.1.tgz#0fc73a9ed5f0d53c38193398523ef7e543777505"
+  dependencies:
+    jsbn "~0.1.0"
+
+emojis-list@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-2.1.0.tgz#4daa4d9db00f9819880c79fa457ae5b09a1fd389"
+
+enhanced-resolve@~0.9.0:
+  version "0.9.1"
+  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-0.9.1.tgz#4d6e689b3725f86090927ccc86cd9f1635b89e2e"
+  dependencies:
+    graceful-fs "^4.1.2"
+    memory-fs "^0.2.0"
+    tapable "^0.1.8"
+
+errno@^0.1.3:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/errno/-/errno-0.1.4.tgz#b896e23a9e5e8ba33871fc996abd3635fc9a1c7d"
+  dependencies:
+    prr "~0.0.0"
+
+es5-ext@^0.10.7, es5-ext@^0.10.8, es5-ext@~0.10.11, es5-ext@~0.10.2, es5-ext@~0.10.7:
+  version "0.10.12"
+  resolved "https://registry.yarnpkg.com/es5-ext/-/es5-ext-0.10.12.tgz#aa84641d4db76b62abba5e45fd805ecbab140047"
+  dependencies:
+    es6-iterator "2"
+    es6-symbol "~3.1"
+
+es6-iterator@2:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/es6-iterator/-/es6-iterator-2.0.0.tgz#bd968567d61635e33c0b80727613c9cb4b096bac"
+  dependencies:
+    d "^0.1.1"
+    es5-ext "^0.10.7"
+    es6-symbol "3"
+
+es6-map@^0.1.3:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/es6-map/-/es6-map-0.1.4.tgz#a34b147be224773a4d7da8072794cefa3632b897"
+  dependencies:
+    d "~0.1.1"
+    es5-ext "~0.10.11"
+    es6-iterator "2"
+    es6-set "~0.1.3"
+    es6-symbol "~3.1.0"
+    event-emitter "~0.3.4"
+
+es6-set@~0.1.3:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/es6-set/-/es6-set-0.1.4.tgz#9516b6761c2964b92ff479456233a247dc707ce8"
+  dependencies:
+    d "~0.1.1"
+    es5-ext "~0.10.11"
+    es6-iterator "2"
+    es6-symbol "3"
+    event-emitter "~0.3.4"
+
+es6-symbol@~3.1, es6-symbol@~3.1.0, es6-symbol@3:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/es6-symbol/-/es6-symbol-3.1.0.tgz#94481c655e7a7cad82eba832d97d5433496d7ffa"
+  dependencies:
+    d "~0.1.1"
+    es5-ext "~0.10.11"
+
+es6-weak-map@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/es6-weak-map/-/es6-weak-map-2.0.1.tgz#0d2bbd8827eb5fb4ba8f97fbfea50d43db21ea81"
+  dependencies:
+    d "^0.1.1"
+    es5-ext "^0.10.8"
+    es6-iterator "2"
+    es6-symbol "3"
+
+escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
+
+escope@^3.6.0:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/escope/-/escope-3.6.0.tgz#e01975e812781a163a6dadfdd80398dc64c889c3"
+  dependencies:
+    es6-map "^0.1.3"
+    es6-weak-map "^2.0.1"
+    esrecurse "^4.1.0"
+    estraverse "^4.1.1"
+
+eslint-config-standard@^5.1.0:
+  version "5.3.5"
+  resolved "https://registry.yarnpkg.com/eslint-config-standard/-/eslint-config-standard-5.3.5.tgz#2b42bb5c9f0049b8527868e109c34ee22b13dcf6"
+
+eslint-plugin-promise@^1.0.8:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-promise/-/eslint-plugin-promise-1.3.2.tgz#fce332d6f5ff523200a537704863ec3c2422ba7c"
+
+eslint-plugin-standard@^1.3.2:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-standard/-/eslint-plugin-standard-1.3.3.tgz#a3085451523431e76f409c70cb8f94e32bf0ec7f"
+
+eslint@^2.2.0:
+  version "2.13.1"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-2.13.1.tgz#e4cc8fa0f009fb829aaae23855a29360be1f6c11"
+  dependencies:
+    chalk "^1.1.3"
+    concat-stream "^1.4.6"
+    debug "^2.1.1"
+    doctrine "^1.2.2"
+    es6-map "^0.1.3"
+    escope "^3.6.0"
+    espree "^3.1.6"
+    estraverse "^4.2.0"
+    esutils "^2.0.2"
+    file-entry-cache "^1.1.1"
+    glob "^7.0.3"
+    globals "^9.2.0"
+    ignore "^3.1.2"
+    imurmurhash "^0.1.4"
+    inquirer "^0.12.0"
+    is-my-json-valid "^2.10.0"
+    is-resolvable "^1.0.0"
+    js-yaml "^3.5.1"
+    json-stable-stringify "^1.0.0"
+    levn "^0.3.0"
+    lodash "^4.0.0"
+    mkdirp "^0.5.0"
+    optionator "^0.8.1"
+    path-is-absolute "^1.0.0"
+    path-is-inside "^1.0.1"
+    pluralize "^1.2.1"
+    progress "^1.1.8"
+    require-uncached "^1.0.2"
+    shelljs "^0.6.0"
+    strip-json-comments "~1.0.1"
+    table "^3.7.8"
+    text-table "~0.2.0"
+    user-home "^2.0.0"
+
+espree@^3.1.6:
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-3.3.2.tgz#dbf3fadeb4ecb4d4778303e50103b3d36c88b89c"
+  dependencies:
+    acorn "^4.0.1"
+    acorn-jsx "^3.0.0"
+
+esprima@^2.6.0:
+  version "2.7.3"
+  resolved "https://registry.yarnpkg.com/esprima/-/esprima-2.7.3.tgz#96e3b70d5779f6ad49cd032673d1c312767ba581"
+
+esrecurse@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.1.0.tgz#4713b6536adf7f2ac4f327d559e7756bff648220"
+  dependencies:
+    estraverse "~4.1.0"
+    object-assign "^4.0.1"
+
+estraverse@^4.1.1, estraverse@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.2.0.tgz#0dee3fed31fcd469618ce7342099fc1afa0bdb13"
+
+estraverse@~4.1.0:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.1.1.tgz#f6caca728933a850ef90661d0e17982ba47111a2"
+
+estree-walker@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-0.2.1.tgz#bdafe8095383d8414d5dc2ecf4c9173b6db9412e"
+
+esutils@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.2.tgz#0abf4f1caa5bcb1f7a9d8acc6dea4faaa04bac9b"
+
+event-emitter@~0.3.4:
+  version "0.3.4"
+  resolved "https://registry.yarnpkg.com/event-emitter/-/event-emitter-0.3.4.tgz#8d63ddfb4cfe1fae3b32ca265c4c720222080bb5"
+  dependencies:
+    d "~0.1.1"
+    es5-ext "~0.10.7"
+
+events@^1.0.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/events/-/events-1.1.1.tgz#9ebdb7635ad099c70dcc4c2a1f5004288e8bd924"
+
+exit-hook@^1.0.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/exit-hook/-/exit-hook-1.1.1.tgz#f05ca233b48c05d54fff07765df8507e95c02ff8"
+
+expand-brackets@^0.1.4:
+  version "0.1.5"
+  resolved "https://registry.yarnpkg.com/expand-brackets/-/expand-brackets-0.1.5.tgz#df07284e342a807cd733ac5af72411e581d1177b"
+  dependencies:
+    is-posix-bracket "^0.1.0"
+
+expand-range@^1.8.1:
+  version "1.8.2"
+  resolved "https://registry.yarnpkg.com/expand-range/-/expand-range-1.8.2.tgz#a299effd335fe2721ebae8e257ec79644fc85337"
+  dependencies:
+    fill-range "^2.1.0"
+
+extend@~3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.0.tgz#5a474353b9f3353ddd8176dfd37b91c83a46f1d4"
+
+extglob@^0.3.1:
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/extglob/-/extglob-0.3.2.tgz#2e18ff3d2f49ab2765cec9023f011daa8d8349a1"
+  dependencies:
+    is-extglob "^1.0.0"
+
+extsprintf@1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.0.2.tgz#e1080e0658e300b06294990cc70e1502235fd550"
+
+fast-levenshtein@~2.0.4:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.5.tgz#bd33145744519ab1c36c3ee9f31f08e9079b67f2"
+
+figures@^1.3.5:
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/figures/-/figures-1.7.0.tgz#cbe1e3affcf1cd44b80cadfed28dc793a9701d2e"
+  dependencies:
+    escape-string-regexp "^1.0.5"
+    object-assign "^4.1.0"
+
+file-entry-cache@^1.1.1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-1.3.1.tgz#44c61ea607ae4be9c1402f41f44270cbfe334ff8"
+  dependencies:
+    flat-cache "^1.2.1"
+    object-assign "^4.0.1"
+
+filename-regex@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/filename-regex/-/filename-regex-2.0.0.tgz#996e3e80479b98b9897f15a8a58b3d084e926775"
+
+fill-range@^2.1.0:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-2.2.3.tgz#50b77dfd7e469bc7492470963699fe7a8485a723"
+  dependencies:
+    is-number "^2.1.0"
+    isobject "^2.0.0"
+    randomatic "^1.1.3"
+    repeat-element "^1.1.2"
+    repeat-string "^1.5.2"
+
+find-cache-dir@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-0.1.1.tgz#c8defae57c8a52a8a784f9e31c57c742e993a0b9"
+  dependencies:
+    commondir "^1.0.1"
+    mkdirp "^0.5.1"
+    pkg-dir "^1.0.0"
+
+find-up@^1.0.0:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-1.1.2.tgz#6b2e9822b1a2ce0a60ab64d610eccad53cb24d0f"
+  dependencies:
+    path-exists "^2.0.0"
+    pinkie-promise "^2.0.0"
+
+flat-cache@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-1.2.1.tgz#6c837d6225a7de5659323740b36d5361f71691ff"
+  dependencies:
+    circular-json "^0.3.0"
+    del "^2.0.2"
+    graceful-fs "^4.1.2"
+    write "^0.2.1"
+
+for-in@^0.1.5:
+  version "0.1.6"
+  resolved "https://registry.yarnpkg.com/for-in/-/for-in-0.1.6.tgz#c9f96e89bfad18a545af5ec3ed352a1d9e5b4dc8"
+
+for-own@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/for-own/-/for-own-0.1.4.tgz#0149b41a39088c7515f51ebe1c1386d45f935072"
+  dependencies:
+    for-in "^0.1.5"
+
+forever-agent@~0.6.1:
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/forever-agent/-/forever-agent-0.6.1.tgz#fbc71f0c41adeb37f96c577ad1ed42d8fdacca91"
+
+form-data@~2.1.1:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/form-data/-/form-data-2.1.2.tgz#89c3534008b97eada4cbb157d58f6f5df025eae4"
+  dependencies:
+    asynckit "^0.4.0"
+    combined-stream "^1.0.5"
+    mime-types "^2.1.12"
+
+fs.realpath@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
+
+fsevents@^1.0.0:
+  version "1.0.15"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-1.0.15.tgz#fa63f590f3c2ad91275e4972a6cea545fb0aae44"
+  dependencies:
+    nan "^2.3.0"
+    node-pre-gyp "^0.6.29"
+
+fstream-ignore@~1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/fstream-ignore/-/fstream-ignore-1.0.5.tgz#9c31dae34767018fe1d249b24dada67d092da105"
+  dependencies:
+    fstream "^1.0.0"
+    inherits "2"
+    minimatch "^3.0.0"
+
+fstream@^1.0.0, fstream@^1.0.2, fstream@~1.0.10:
+  version "1.0.10"
+  resolved "https://registry.yarnpkg.com/fstream/-/fstream-1.0.10.tgz#604e8a92fe26ffd9f6fae30399d4984e1ab22822"
+  dependencies:
+    graceful-fs "^4.1.2"
+    inherits "~2.0.0"
+    mkdirp ">=0.5 0"
+    rimraf "2"
+
+gauge@~2.6.0:
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/gauge/-/gauge-2.6.0.tgz#d35301ad18e96902b4751dcbbe40f4218b942a46"
+  dependencies:
+    aproba "^1.0.3"
+    console-control-strings "^1.0.0"
+    has-color "^0.1.7"
+    has-unicode "^2.0.0"
+    object-assign "^4.1.0"
+    signal-exit "^3.0.0"
+    string-width "^1.0.1"
+    strip-ansi "^3.0.1"
+    wide-align "^1.1.0"
+
+generate-function@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/generate-function/-/generate-function-2.0.0.tgz#6858fe7c0969b7d4e9093337647ac79f60dfbe74"
+
+generate-object-property@^1.1.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/generate-object-property/-/generate-object-property-1.2.0.tgz#9c0e1c40308ce804f4783618b937fa88f99d50d0"
+  dependencies:
+    is-property "^1.0.0"
+
+getpass@^0.1.1:
+  version "0.1.6"
+  resolved "https://registry.yarnpkg.com/getpass/-/getpass-0.1.6.tgz#283ffd9fc1256840875311c1b60e8c40187110e6"
+  dependencies:
+    assert-plus "^1.0.0"
+
+glob-base@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/glob-base/-/glob-base-0.3.0.tgz#dbb164f6221b1c0b1ccf82aea328b497df0ea3c4"
+  dependencies:
+    glob-parent "^2.0.0"
+    is-glob "^2.0.0"
+
+glob-parent@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-2.0.0.tgz#81383d72db054fcccf5336daa902f182f6edbb28"
+  dependencies:
+    is-glob "^2.0.0"
+
+glob@^7.0.3, glob@^7.0.5:
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.1.tgz#805211df04faaf1c63a3600306cdf5ade50b2ec8"
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^3.0.2"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
+globals@^9.0.0, globals@^9.2.0:
+  version "9.13.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-9.13.0.tgz#d97706b61600d8dbe94708c367d3fdcf48470b8f"
+
+globby@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/globby/-/globby-5.0.0.tgz#ebd84667ca0dbb330b99bcfc68eac2bc54370e0d"
+  dependencies:
+    array-union "^1.0.1"
+    arrify "^1.0.0"
+    glob "^7.0.3"
+    object-assign "^4.0.1"
+    pify "^2.0.0"
+    pinkie-promise "^2.0.0"
+
+graceful-fs@^4.1.2:
+  version "4.1.10"
+  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.1.10.tgz#f2d720c22092f743228775c75e3612632501f131"
+
+"graceful-readlink@>= 1.0.0":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/graceful-readlink/-/graceful-readlink-1.0.1.tgz#4cafad76bc62f02fa039b2f94e9a3dd3a391a725"
+
+har-validator@~2.0.6:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/har-validator/-/har-validator-2.0.6.tgz#cdcbc08188265ad119b6a5a7c8ab70eecfb5d27d"
+  dependencies:
+    chalk "^1.1.1"
+    commander "^2.9.0"
+    is-my-json-valid "^2.12.4"
+    pinkie-promise "^2.0.0"
+
+has-ansi@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/has-ansi/-/has-ansi-2.0.0.tgz#34f5049ce1ecdf2b0649af3ef24e45ed35416d91"
+  dependencies:
+    ansi-regex "^2.0.0"
+
+has-color@^0.1.7:
+  version "0.1.7"
+  resolved "https://registry.yarnpkg.com/has-color/-/has-color-0.1.7.tgz#67144a5260c34fc3cca677d041daf52fe7b78b2f"
+
+has-flag@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-1.0.0.tgz#9d9e793165ce017a00f00418c43f942a7b1d11fa"
+
+has-unicode@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/has-unicode/-/has-unicode-2.0.1.tgz#e0e6fe6a28cf51138855e086d1691e771de2a8b9"
+
+hawk@~3.1.3:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/hawk/-/hawk-3.1.3.tgz#078444bd7c1640b0fe540d2c9b73d59678e8e1c4"
+  dependencies:
+    boom "2.x.x"
+    cryptiles "2.x.x"
+    hoek "2.x.x"
+    sntp "1.x.x"
+
+hoek@2.x.x:
+  version "2.16.3"
+  resolved "https://registry.yarnpkg.com/hoek/-/hoek-2.16.3.tgz#20bb7403d3cea398e91dc4710a8ff1b8274a25ed"
+
+home-or-tmp@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/home-or-tmp/-/home-or-tmp-2.0.0.tgz#e36c3f2d2cae7d746a857e38d18d5f32a7882db8"
+  dependencies:
+    os-homedir "^1.0.0"
+    os-tmpdir "^1.0.1"
+
+http-browserify@^1.3.2:
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/http-browserify/-/http-browserify-1.7.0.tgz#33795ade72df88acfbfd36773cefeda764735b20"
+  dependencies:
+    Base64 "~0.2.0"
+    inherits "~2.0.1"
+
+http-signature@~1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/http-signature/-/http-signature-1.1.1.tgz#df72e267066cd0ac67fb76adf8e134a8fbcf91bf"
+  dependencies:
+    assert-plus "^0.2.0"
+    jsprim "^1.2.2"
+    sshpk "^1.7.0"
+
+https-browserify@0.0.0:
+  version "0.0.0"
+  resolved "https://registry.yarnpkg.com/https-browserify/-/https-browserify-0.0.0.tgz#b3ffdfe734b2a3d4a9efd58e8654c91fce86eafd"
+
+ieee754@^1.1.4:
+  version "1.1.8"
+  resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.1.8.tgz#be33d40ac10ef1926701f6f08a2d86fbfd1ad3e4"
+
+ignore@^3.1.2:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-3.2.0.tgz#8d88f03c3002a0ac52114db25d2c673b0bf1e435"
+
+imurmurhash@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
+
+indexof@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/indexof/-/indexof-0.0.1.tgz#82dc336d232b9062179d05ab3293a66059fd435d"
+
+inflight@^1.0.4:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
+  dependencies:
+    once "^1.3.0"
+    wrappy "1"
+
+inherits@^2.0.1, inherits@~2.0.0, inherits@~2.0.1, inherits@2:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
+
+inherits@2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.1.tgz#b17d08d326b4423e568eff719f91b0b1cbdf69f1"
+
+ini@~1.3.0:
+  version "1.3.4"
+  resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.4.tgz#0537cb79daf59b59a1a517dff706c86ec039162e"
+
+inquirer@^0.12.0:
+  version "0.12.0"
+  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-0.12.0.tgz#1ef2bfd63504df0bc75785fff8c2c41df12f077e"
+  dependencies:
+    ansi-escapes "^1.1.0"
+    ansi-regex "^2.0.0"
+    chalk "^1.0.0"
+    cli-cursor "^1.0.1"
+    cli-width "^2.0.0"
+    figures "^1.3.5"
+    lodash "^4.3.0"
+    readline2 "^1.0.1"
+    run-async "^0.1.0"
+    rx-lite "^3.1.2"
+    string-width "^1.0.1"
+    strip-ansi "^3.0.0"
+    through "^2.3.6"
+
+interpret@^0.6.4:
+  version "0.6.6"
+  resolved "https://registry.yarnpkg.com/interpret/-/interpret-0.6.6.tgz#fecd7a18e7ce5ca6abfb953e1f86213a49f1625b"
+
+invariant@^2.2.0:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/invariant/-/invariant-2.2.1.tgz#b097010547668c7e337028ebe816ebe36c8a8d54"
+  dependencies:
+    loose-envify "^1.0.0"
+
+is-binary-path@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-1.0.1.tgz#75f16642b480f187a711c814161fd3a4a7655898"
+  dependencies:
+    binary-extensions "^1.0.0"
+
+is-buffer@^1.0.2:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-1.1.4.tgz#cfc86ccd5dc5a52fa80489111c6920c457e2d98b"
+
+is-dotfile@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/is-dotfile/-/is-dotfile-1.0.2.tgz#2c132383f39199f8edc268ca01b9b007d205cc4d"
+
+is-equal-shallow@^0.1.3:
+  version "0.1.3"
+  resolved "https://registry.yarnpkg.com/is-equal-shallow/-/is-equal-shallow-0.1.3.tgz#2238098fc221de0bcfa5d9eac4c45d638aa1c534"
+  dependencies:
+    is-primitive "^2.0.0"
+
+is-extendable@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/is-extendable/-/is-extendable-0.1.1.tgz#62b110e289a471418e3ec36a617d472e301dfc89"
+
+is-extglob@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-1.0.0.tgz#ac468177c4943405a092fc8f29760c6ffc6206c0"
+
+is-finite@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/is-finite/-/is-finite-1.0.2.tgz#cc6677695602be550ef11e8b4aa6305342b6d0aa"
+  dependencies:
+    number-is-nan "^1.0.0"
+
+is-fullwidth-code-point@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz#ef9e31386f031a7f0d643af82fde50c457ef00cb"
+  dependencies:
+    number-is-nan "^1.0.0"
+
+is-fullwidth-code-point@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz#a3b30a5c4f199183167aaab93beefae3ddfb654f"
+
+is-glob@^2.0.0, is-glob@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-2.0.1.tgz#d096f926a3ded5600f3fdfd91198cb0888c2d863"
+  dependencies:
+    is-extglob "^1.0.0"
+
+is-my-json-valid@^2.10.0, is-my-json-valid@^2.12.4:
+  version "2.15.0"
+  resolved "https://registry.yarnpkg.com/is-my-json-valid/-/is-my-json-valid-2.15.0.tgz#936edda3ca3c211fd98f3b2d3e08da43f7b2915b"
+  dependencies:
+    generate-function "^2.0.0"
+    generate-object-property "^1.1.0"
+    jsonpointer "^4.0.0"
+    xtend "^4.0.0"
+
+is-number@^2.0.2, is-number@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/is-number/-/is-number-2.1.0.tgz#01fcbbb393463a548f2f466cce16dece49db908f"
+  dependencies:
+    kind-of "^3.0.2"
+
+is-path-cwd@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-path-cwd/-/is-path-cwd-1.0.0.tgz#d225ec23132e89edd38fda767472e62e65f1106d"
+
+is-path-in-cwd@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-path-in-cwd/-/is-path-in-cwd-1.0.0.tgz#6477582b8214d602346094567003be8a9eac04dc"
+  dependencies:
+    is-path-inside "^1.0.0"
+
+is-path-inside@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-1.0.0.tgz#fc06e5a1683fbda13de667aff717bbc10a48f37f"
+  dependencies:
+    path-is-inside "^1.0.1"
+
+is-posix-bracket@^0.1.0:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/is-posix-bracket/-/is-posix-bracket-0.1.1.tgz#3334dc79774368e92f016e6fbc0a88f5cd6e6bc4"
+
+is-primitive@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/is-primitive/-/is-primitive-2.0.0.tgz#207bab91638499c07b2adf240a41a87210034575"
+
+is-property@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/is-property/-/is-property-1.0.2.tgz#57fe1c4e48474edd65b09911f26b1cd4095dda84"
+
+is-resolvable@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-resolvable/-/is-resolvable-1.0.0.tgz#8df57c61ea2e3c501408d100fb013cf8d6e0cc62"
+  dependencies:
+    tryit "^1.0.1"
+
+is-typedarray@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-typedarray/-/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a"
+
+isarray@^1.0.0, isarray@~1.0.0, isarray@1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
+
+isarray@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/isarray/-/isarray-0.0.1.tgz#8a18acfca9a8f4177e09abfc6038939b05d1eedf"
+
+isobject@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/isobject/-/isobject-2.1.0.tgz#f065561096a3f1da2ef46272f815c840d87e0c89"
+  dependencies:
+    isarray "1.0.0"
+
+isstream@~0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/isstream/-/isstream-0.1.2.tgz#47e63f7af55afa6f92e1500e690eb8b8529c099a"
+
+jodid25519@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/jodid25519/-/jodid25519-1.0.2.tgz#06d4912255093419477d425633606e0e90782967"
+  dependencies:
+    jsbn "~0.1.0"
+
+js-tokens@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-2.0.0.tgz#79903f5563ee778cc1162e6dcf1a0027c97f9cb5"
+
+js-yaml@^3.5.1:
+  version "3.6.1"
+  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.6.1.tgz#6e5fe67d8b205ce4d22fad05b7781e8dadcc4b30"
+  dependencies:
+    argparse "^1.0.7"
+    esprima "^2.6.0"
+
+jsbn@~0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-0.1.0.tgz#650987da0dd74f4ebf5a11377a2aa2d273e97dfd"
+
+jsesc@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-1.3.0.tgz#46c3fec8c1892b12b0833db9bc7622176dbab34b"
+
+jsesc@~0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-0.5.0.tgz#e7dee66e35d6fc16f710fe91d5cf69f70f08911d"
+
+json-schema@0.2.3:
+  version "0.2.3"
+  resolved "https://registry.yarnpkg.com/json-schema/-/json-schema-0.2.3.tgz#b480c892e59a2f05954ce727bd3f2a4e882f9e13"
+
+json-stable-stringify@^1.0.0, json-stable-stringify@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/json-stable-stringify/-/json-stable-stringify-1.0.1.tgz#9a759d39c5f2ff503fd5300646ed445f88c4f9af"
+  dependencies:
+    jsonify "~0.0.0"
+
+json-stringify-safe@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz#1296a2d58fd45f19a0f6ce01d65701e2c735b6eb"
+
+json5@^0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-0.5.0.tgz#9b20715b026cbe3778fd769edccd822d8332a5b2"
+
+jsonify@~0.0.0:
+  version "0.0.0"
+  resolved "https://registry.yarnpkg.com/jsonify/-/jsonify-0.0.0.tgz#2c74b6ee41d93ca51b7b5aaee8f503631d252a73"
+
+jsonpointer@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/jsonpointer/-/jsonpointer-4.0.0.tgz#6661e161d2fc445f19f98430231343722e1fcbd5"
+
+jsprim@^1.2.2:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/jsprim/-/jsprim-1.3.1.tgz#2a7256f70412a29ee3670aaca625994c4dcff252"
+  dependencies:
+    extsprintf "1.0.2"
+    json-schema "0.2.3"
+    verror "1.3.6"
+
+kind-of@^3.0.2:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-3.0.4.tgz#7b8ecf18a4e17f8269d73b501c9f232c96887a74"
+  dependencies:
+    is-buffer "^1.0.2"
+
+lazy-cache@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/lazy-cache/-/lazy-cache-1.0.4.tgz#a1d78fc3a50474cb80845d3b3b6e1da49a446e8e"
+
+levn@^0.3.0, levn@~0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/levn/-/levn-0.3.0.tgz#3b09924edf9f083c0490fdd4c0bc4421e04764ee"
+  dependencies:
+    prelude-ls "~1.1.2"
+    type-check "~0.3.2"
+
+loader-utils@^0.2.11:
+  version "0.2.16"
+  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-0.2.16.tgz#f08632066ed8282835dff88dfb52704765adee6d"
+  dependencies:
+    big.js "^3.1.3"
+    emojis-list "^2.0.0"
+    json5 "^0.5.0"
+    object-assign "^4.0.1"
+
+lodash@^4.0.0, lodash@^4.2.0, lodash@^4.3.0:
+  version "4.16.6"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.16.6.tgz#d22c9ac660288f3843e16ba7d2b5d06cca27d777"
+
+longest@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/longest/-/longest-1.0.1.tgz#30a0b2da38f73770e8294a0d22e6625ed77d0097"
+
+loose-envify@^1.0.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.3.0.tgz#6b26248c42f6d4fa4b0d8542f78edfcde35642a8"
+  dependencies:
+    js-tokens "^2.0.0"
+
+magic-string@^0.15.2:
+  version "0.15.2"
+  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.15.2.tgz#0681d7388741bbc3addaa65060992624c6c09e9c"
+  dependencies:
+    vlq "^0.2.1"
+
+memory-fs@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/memory-fs/-/memory-fs-0.2.0.tgz#f2bb25368bc121e391c2520de92969caee0a0290"
+
+memory-fs@~0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/memory-fs/-/memory-fs-0.3.0.tgz#7bcc6b629e3a43e871d7e29aca6ae8a7f15cbb20"
+  dependencies:
+    errno "^0.1.3"
+    readable-stream "^2.0.1"
+
+micromatch@^2.1.5:
+  version "2.3.11"
+  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-2.3.11.tgz#86677c97d1720b363431d04d0d15293bd38c1565"
+  dependencies:
+    arr-diff "^2.0.0"
+    array-unique "^0.2.1"
+    braces "^1.8.2"
+    expand-brackets "^0.1.4"
+    extglob "^0.3.1"
+    filename-regex "^2.0.0"
+    is-extglob "^1.0.0"
+    is-glob "^2.0.1"
+    kind-of "^3.0.2"
+    normalize-path "^2.0.1"
+    object.omit "^2.0.0"
+    parse-glob "^3.0.4"
+    regex-cache "^0.4.2"
+
+mime-db@~1.24.0:
+  version "1.24.0"
+  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.24.0.tgz#e2d13f939f0016c6e4e9ad25a8652f126c467f0c"
+
+mime-types@^2.1.12, mime-types@~2.1.7:
+  version "2.1.12"
+  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.12.tgz#152ba256777020dd4663f54c2e7bc26381e71729"
+  dependencies:
+    mime-db "~1.24.0"
+
+minimatch@^3.0.0, minimatch@^3.0.2:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.3.tgz#2a4e4090b96b2db06a9d7df01055a62a77c9b774"
+  dependencies:
+    brace-expansion "^1.0.0"
+
+minimist@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284"
+
+minimist@~0.0.1:
+  version "0.0.10"
+  resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.10.tgz#de3f98543dbf96082be48ad1a0c7cda836301dcf"
+
+minimist@0.0.8:
+  version "0.0.8"
+  resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.8.tgz#857fcabfc3397d2625b8228262e86aa7a011b05d"
+
+mkdirp@^0.5.0, mkdirp@^0.5.1, "mkdirp@>=0.5 0", mkdirp@~0.5.0, mkdirp@~0.5.1:
+  version "0.5.1"
+  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.1.tgz#30057438eac6cf7f8c4767f38648d6697d75c903"
+  dependencies:
+    minimist "0.0.8"
+
+modify-babel-preset@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/modify-babel-preset/-/modify-babel-preset-2.1.1.tgz#2d3190162ee62fb67aaa3325c242f026322ebbac"
+  dependencies:
+    require-relative "^0.8.7"
+
+ms@0.7.1:
+  version "0.7.1"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-0.7.1.tgz#9cd13c03adbff25b65effde7ce864ee952017098"
+
+ms@0.7.2:
+  version "0.7.2"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-0.7.2.tgz#ae25cf2512b3885a1d95d7f037868d8431124765"
+
+mute-stream@0.0.5:
+  version "0.0.5"
+  resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-0.0.5.tgz#8fbfabb0a98a253d3184331f9e8deb7372fac6c0"
+
+nan@^2.3.0:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/nan/-/nan-2.4.0.tgz#fb3c59d45fe4effe215f0b890f8adf6eb32d2232"
+
+node-libs-browser@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/node-libs-browser/-/node-libs-browser-0.6.0.tgz#244806d44d319e048bc8607b5cc4eaf9a29d2e3c"
+  dependencies:
+    assert "^1.1.1"
+    browserify-zlib "~0.1.4"
+    buffer "^4.9.0"
+    console-browserify "^1.1.0"
+    constants-browserify "0.0.1"
+    crypto-browserify "~3.2.6"
+    domain-browser "^1.1.1"
+    events "^1.0.0"
+    http-browserify "^1.3.2"
+    https-browserify "0.0.0"
+    os-browserify "~0.1.2"
+    path-browserify "0.0.0"
+    process "^0.11.0"
+    punycode "^1.2.4"
+    querystring-es3 "~0.2.0"
+    readable-stream "^1.1.13"
+    stream-browserify "^1.0.0"
+    string_decoder "~0.10.25"
+    timers-browserify "^1.0.1"
+    tty-browserify "0.0.0"
+    url "~0.10.1"
+    util "~0.10.3"
+    vm-browserify "0.0.4"
+
+node-pre-gyp@^0.6.29:
+  version "0.6.31"
+  resolved "https://registry.yarnpkg.com/node-pre-gyp/-/node-pre-gyp-0.6.31.tgz#d8a00ddaa301a940615dbcc8caad4024d58f6017"
+  dependencies:
+    mkdirp "~0.5.1"
+    nopt "~3.0.6"
+    npmlog "^4.0.0"
+    rc "~1.1.6"
+    request "^2.75.0"
+    rimraf "~2.5.4"
+    semver "~5.3.0"
+    tar "~2.2.1"
+    tar-pack "~3.3.0"
+
+node-uuid@~1.4.7:
+  version "1.4.7"
+  resolved "https://registry.yarnpkg.com/node-uuid/-/node-uuid-1.4.7.tgz#6da5a17668c4b3dd59623bda11cf7fa4c1f60a6f"
+
+nopt@~3.0.6:
+  version "3.0.6"
+  resolved "https://registry.yarnpkg.com/nopt/-/nopt-3.0.6.tgz#c6465dbf08abcd4db359317f79ac68a646b28ff9"
+  dependencies:
+    abbrev "1"
+
+normalize-path@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-2.0.1.tgz#47886ac1662760d4261b7d979d241709d3ce3f7a"
+
+npmlog@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/npmlog/-/npmlog-4.0.0.tgz#e094503961c70c1774eb76692080e8d578a9f88f"
+  dependencies:
+    are-we-there-yet "~1.1.2"
+    console-control-strings "~1.1.0"
+    gauge "~2.6.0"
+    set-blocking "~2.0.0"
+
+number-is-nan@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/number-is-nan/-/number-is-nan-1.0.1.tgz#097b602b53422a522c1afb8790318336941a011d"
+
+oauth-sign@~0.8.1:
+  version "0.8.2"
+  resolved "https://registry.yarnpkg.com/oauth-sign/-/oauth-sign-0.8.2.tgz#46a6ab7f0aead8deae9ec0565780b7d4efeb9d43"
+
+object-assign@^4.0.1, object-assign@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.0.tgz#7a3b3d0e98063d43f4c03f2e8ae6cd51a86883a0"
+
+object.omit@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/object.omit/-/object.omit-2.0.1.tgz#1a9c744829f39dbb858c76ca3579ae2a54ebd1fa"
+  dependencies:
+    for-own "^0.1.4"
+    is-extendable "^0.1.1"
+
+once@^1.3.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
+  dependencies:
+    wrappy "1"
+
+once@~1.3.3:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/once/-/once-1.3.3.tgz#b2e261557ce4c314ec8304f3fa82663e4297ca20"
+  dependencies:
+    wrappy "1"
+
+onetime@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/onetime/-/onetime-1.1.0.tgz#a1f7838f8314c516f05ecefcbc4ccfe04b4ed789"
+
+optimist@~0.6.0:
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/optimist/-/optimist-0.6.1.tgz#da3ea74686fa21a19a111c326e90eb15a0196686"
+  dependencies:
+    minimist "~0.0.1"
+    wordwrap "~0.0.2"
+
+optionator@^0.8.1:
+  version "0.8.2"
+  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.8.2.tgz#364c5e409d3f4d6301d6c0b4c05bba50180aeb64"
+  dependencies:
+    deep-is "~0.1.3"
+    fast-levenshtein "~2.0.4"
+    levn "~0.3.0"
+    prelude-ls "~1.1.2"
+    type-check "~0.3.2"
+    wordwrap "~1.0.0"
+
+os-browserify@~0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/os-browserify/-/os-browserify-0.1.2.tgz#49ca0293e0b19590a5f5de10c7f265a617d8fe54"
+
+os-homedir@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/os-homedir/-/os-homedir-1.0.2.tgz#ffbc4988336e0e833de0c168c7ef152121aa7fb3"
+
+os-tmpdir@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/os-tmpdir/-/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274"
+
+pako@~0.2.0:
+  version "0.2.9"
+  resolved "https://registry.yarnpkg.com/pako/-/pako-0.2.9.tgz#f3f7522f4ef782348da8161bad9ecfd51bf83a75"
+
+parse-glob@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/parse-glob/-/parse-glob-3.0.4.tgz#b2c376cfb11f35513badd173ef0bb6e3a388391c"
+  dependencies:
+    glob-base "^0.3.0"
+    is-dotfile "^1.0.0"
+    is-extglob "^1.0.0"
+    is-glob "^2.0.0"
+
+path-browserify@0.0.0:
+  version "0.0.0"
+  resolved "https://registry.yarnpkg.com/path-browserify/-/path-browserify-0.0.0.tgz#a0b870729aae214005b7d5032ec2cbbb0fb4451a"
+
+path-exists@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-2.1.0.tgz#0feb6c64f0fc518d9a754dd5efb62c7022761f4b"
+  dependencies:
+    pinkie-promise "^2.0.0"
+
+path-is-absolute@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
+
+path-is-inside@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/path-is-inside/-/path-is-inside-1.0.2.tgz#365417dede44430d1c11af61027facf074bdfc53"
+
+pbkdf2-compat@2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/pbkdf2-compat/-/pbkdf2-compat-2.0.1.tgz#b6e0c8fa99494d94e0511575802a59a5c142f288"
+
+pify@^2.0.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
+
+pinkie-promise@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/pinkie-promise/-/pinkie-promise-2.0.1.tgz#2135d6dfa7a358c069ac9b178776288228450ffa"
+  dependencies:
+    pinkie "^2.0.0"
+
+pinkie@^2.0.0:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/pinkie/-/pinkie-2.0.4.tgz#72556b80cfa0d48a974e80e77248e80ed4f7f870"
+
+pkg-dir@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-1.0.0.tgz#7a4b508a8d5bb2d629d447056ff4e9c9314cf3d4"
+  dependencies:
+    find-up "^1.0.0"
+
+pluralize@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/pluralize/-/pluralize-1.2.1.tgz#d1a21483fd22bb41e58a12fa3421823140897c45"
+
+prelude-ls@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
+
+preserve@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/preserve/-/preserve-0.2.0.tgz#815ed1f6ebc65926f865b310c0713bcb3315ce4b"
+
+private@^0.1.6, private@~0.1.5:
+  version "0.1.6"
+  resolved "https://registry.yarnpkg.com/private/-/private-0.1.6.tgz#55c6a976d0f9bafb9924851350fe47b9b5fbb7c1"
+
+process-nextick-args@~1.0.6:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-1.0.7.tgz#150e20b756590ad3f91093f25a4f2ad8bff30ba3"
+
+process@^0.11.0, process@~0.11.0:
+  version "0.11.9"
+  resolved "https://registry.yarnpkg.com/process/-/process-0.11.9.tgz#7bd5ad21aa6253e7da8682264f1e11d11c0318c1"
+
+progress@^1.1.8:
+  version "1.1.8"
+  resolved "https://registry.yarnpkg.com/progress/-/progress-1.1.8.tgz#e260c78f6161cdd9b0e56cc3e0a85de17c7a57be"
+
+prr@~0.0.0:
+  version "0.0.0"
+  resolved "https://registry.yarnpkg.com/prr/-/prr-0.0.0.tgz#1a84b85908325501411853d0081ee3fa86e2926a"
+
+punycode@^1.2.4, punycode@^1.4.1:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.4.1.tgz#c0d5a63b2718800ad8e1eb0fa5269c84dd41845e"
+
+punycode@1.3.2:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.3.2.tgz#9653a036fb7c1ee42342f2325cceefea3926c48d"
+
+qs@~6.3.0:
+  version "6.3.0"
+  resolved "https://registry.yarnpkg.com/qs/-/qs-6.3.0.tgz#f403b264f23bc01228c74131b407f18d5ea5d442"
+
+querystring-es3@~0.2.0:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/querystring-es3/-/querystring-es3-0.2.1.tgz#9ec61f79049875707d69414596fd907a4d711e73"
+
+querystring@0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/querystring/-/querystring-0.2.0.tgz#b209849203bb25df820da756e747005878521620"
+
+randomatic@^1.1.3:
+  version "1.1.5"
+  resolved "https://registry.yarnpkg.com/randomatic/-/randomatic-1.1.5.tgz#5e9ef5f2d573c67bd2b8124ae90b5156e457840b"
+  dependencies:
+    is-number "^2.0.2"
+    kind-of "^3.0.2"
+
+rc@~1.1.6:
+  version "1.1.6"
+  resolved "https://registry.yarnpkg.com/rc/-/rc-1.1.6.tgz#43651b76b6ae53b5c802f1151fa3fc3b059969c9"
+  dependencies:
+    deep-extend "~0.4.0"
+    ini "~1.3.0"
+    minimist "^1.2.0"
+    strip-json-comments "~1.0.4"
+
+readable-stream@^1.0.27-1, readable-stream@^1.1.13:
+  version "1.1.14"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-1.1.14.tgz#7cf4c54ef648e3813084c636dd2079e166c081d9"
+  dependencies:
+    core-util-is "~1.0.0"
+    inherits "~2.0.1"
+    isarray "0.0.1"
+    string_decoder "~0.10.x"
+
+"readable-stream@^2.0.0 || ^1.1.13", readable-stream@^2.0.1, readable-stream@^2.0.2:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.2.1.tgz#c459a6687ad6195f936b959870776edef27a7655"
+  dependencies:
+    buffer-shims "^1.0.0"
+    core-util-is "~1.0.0"
+    inherits "~2.0.1"
+    isarray "~1.0.0"
+    process-nextick-args "~1.0.6"
+    string_decoder "~0.10.x"
+    util-deprecate "~1.0.1"
+
+readable-stream@~2.0.0:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.0.6.tgz#8f90341e68a53ccc928788dacfcd11b36eb9b78e"
+  dependencies:
+    core-util-is "~1.0.0"
+    inherits "~2.0.1"
+    isarray "~1.0.0"
+    process-nextick-args "~1.0.6"
+    string_decoder "~0.10.x"
+    util-deprecate "~1.0.1"
+
+readable-stream@~2.1.4:
+  version "2.1.5"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.1.5.tgz#66fa8b720e1438b364681f2ad1a63c618448c9d0"
+  dependencies:
+    buffer-shims "^1.0.0"
+    core-util-is "~1.0.0"
+    inherits "~2.0.1"
+    isarray "~1.0.0"
+    process-nextick-args "~1.0.6"
+    string_decoder "~0.10.x"
+    util-deprecate "~1.0.1"
+
+readdirp@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-2.1.0.tgz#4ed0ad060df3073300c48440373f72d1cc642d78"
+  dependencies:
+    graceful-fs "^4.1.2"
+    minimatch "^3.0.2"
+    readable-stream "^2.0.2"
+    set-immediate-shim "^1.0.1"
+
+readline2@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/readline2/-/readline2-1.0.1.tgz#41059608ffc154757b715d9989d199ffbf372e35"
+  dependencies:
+    code-point-at "^1.0.0"
+    is-fullwidth-code-point "^1.0.0"
+    mute-stream "0.0.5"
+
+regenerate@^1.2.1:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.3.2.tgz#d1941c67bad437e1be76433add5b385f95b19260"
+
+regenerator-runtime@^0.9.5:
+  version "0.9.6"
+  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.9.6.tgz#d33eb95d0d2001a4be39659707c51b0cb71ce029"
+
+regex-cache@^0.4.2:
+  version "0.4.3"
+  resolved "https://registry.yarnpkg.com/regex-cache/-/regex-cache-0.4.3.tgz#9b1a6c35d4d0dfcef5711ae651e8e9d3d7114145"
+  dependencies:
+    is-equal-shallow "^0.1.3"
+    is-primitive "^2.0.0"
+
+regexpu-core@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-2.0.0.tgz#49d038837b8dcf8bfa5b9a42139938e6ea2ae240"
+  dependencies:
+    regenerate "^1.2.1"
+    regjsgen "^0.2.0"
+    regjsparser "^0.1.4"
+
+regjsgen@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/regjsgen/-/regjsgen-0.2.0.tgz#6c016adeac554f75823fe37ac05b92d5a4edb1f7"
+
+regjsparser@^0.1.4:
+  version "0.1.5"
+  resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.1.5.tgz#7ee8f84dc6fa792d3fd0ae228d24bd949ead205c"
+  dependencies:
+    jsesc "~0.5.0"
+
+repeat-element@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/repeat-element/-/repeat-element-1.1.2.tgz#ef089a178d1483baae4d93eb98b4f9e4e11d990a"
+
+repeat-string@^1.5.2:
+  version "1.6.1"
+  resolved "https://registry.yarnpkg.com/repeat-string/-/repeat-string-1.6.1.tgz#8dcae470e1c88abc2d600fff4a776286da75e637"
+
+repeating@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/repeating/-/repeating-2.0.1.tgz#5214c53a926d3552707527fbab415dbc08d06dda"
+  dependencies:
+    is-finite "^1.0.0"
+
+request@^2.75.0:
+  version "2.78.0"
+  resolved "https://registry.yarnpkg.com/request/-/request-2.78.0.tgz#e1c8dec346e1c81923b24acdb337f11decabe9cc"
+  dependencies:
+    aws-sign2 "~0.6.0"
+    aws4 "^1.2.1"
+    caseless "~0.11.0"
+    combined-stream "~1.0.5"
+    extend "~3.0.0"
+    forever-agent "~0.6.1"
+    form-data "~2.1.1"
+    har-validator "~2.0.6"
+    hawk "~3.1.3"
+    http-signature "~1.1.0"
+    is-typedarray "~1.0.0"
+    isstream "~0.1.2"
+    json-stringify-safe "~5.0.1"
+    mime-types "~2.1.7"
+    node-uuid "~1.4.7"
+    oauth-sign "~0.8.1"
+    qs "~6.3.0"
+    stringstream "~0.0.4"
+    tough-cookie "~2.3.0"
+    tunnel-agent "~0.4.1"
+
+require-relative@^0.8.7:
+  version "0.8.7"
+  resolved "https://registry.yarnpkg.com/require-relative/-/require-relative-0.8.7.tgz#7999539fc9e047a37928fa196f8e1563dabd36de"
+
+require-uncached@^1.0.2:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/require-uncached/-/require-uncached-1.0.3.tgz#4e0d56d6c9662fd31e43011c4b95aa49955421d3"
+  dependencies:
+    caller-path "^0.1.0"
+    resolve-from "^1.0.0"
+
+resolve-from@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-1.0.1.tgz#26cbfe935d1aeeeabb29bc3fe5aeb01e93d44226"
+
+resolve@^1.1.6, resolve@^1.1.7, resolve@1.1.7:
+  version "1.1.7"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.1.7.tgz#203114d82ad2c5ed9e8e0411b3932875e889e97b"
+
+restore-cursor@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-1.0.1.tgz#34661f46886327fed2991479152252df92daa541"
+  dependencies:
+    exit-hook "^1.0.0"
+    onetime "^1.0.0"
+
+right-align@^0.1.1:
+  version "0.1.3"
+  resolved "https://registry.yarnpkg.com/right-align/-/right-align-0.1.3.tgz#61339b722fe6a3515689210d24e14c96148613ef"
+  dependencies:
+    align-text "^0.1.1"
+
+rimraf@^2.2.8, rimraf@~2.5.1, rimraf@~2.5.4, rimraf@2:
+  version "2.5.4"
+  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.5.4.tgz#96800093cbf1a0c86bd95b4625467535c29dfa04"
+  dependencies:
+    glob "^7.0.5"
+
+ripemd160@0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/ripemd160/-/ripemd160-0.2.0.tgz#2bf198bde167cacfa51c0a928e84b68bbe171fce"
+
+rollup-plugin-babel@^2.4.0:
+  version "2.6.1"
+  resolved "https://registry.yarnpkg.com/rollup-plugin-babel/-/rollup-plugin-babel-2.6.1.tgz#470b03486337045d7e8a3e43fc5fc00e8db82c26"
+  dependencies:
+    babel-core "6"
+    babel-plugin-transform-es2015-classes "^6.9.0"
+    object-assign "^4.1.0"
+    rollup-pluginutils "^1.5.0"
+
+rollup-plugin-commonjs@^3.3.1:
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/rollup-plugin-commonjs/-/rollup-plugin-commonjs-3.3.1.tgz#da824e93615c0c56157d1f743849dc0074fabbfb"
+  dependencies:
+    acorn "^3.2.0"
+    estree-walker "^0.2.1"
+    magic-string "^0.15.2"
+    resolve "^1.1.7"
+    rollup-pluginutils "^1.5.1"
+
+rollup-plugin-node-resolve@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/rollup-plugin-node-resolve/-/rollup-plugin-node-resolve-2.0.0.tgz#07e0ae94ac002a3ea36e8f33ca121d9f836b1309"
+  dependencies:
+    browser-resolve "^1.11.0"
+    builtin-modules "^1.1.0"
+    resolve "^1.1.6"
+
+rollup-pluginutils@^1.5.0, rollup-pluginutils@^1.5.1:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/rollup-pluginutils/-/rollup-pluginutils-1.5.2.tgz#1e156e778f94b7255bfa1b3d0178be8f5c552408"
+  dependencies:
+    estree-walker "^0.2.1"
+    minimatch "^3.0.2"
+
+rollup@^0.25.4:
+  version "0.25.8"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-0.25.8.tgz#bf6ce83b87510d163446eeaa577ed6a6fc5835e0"
+  dependencies:
+    chalk "^1.1.1"
+    minimist "^1.2.0"
+    source-map-support "^0.3.2"
+
+run-async@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/run-async/-/run-async-0.1.0.tgz#c8ad4a5e110661e402a7d21b530e009f25f8e389"
+  dependencies:
+    once "^1.3.0"
+
+rx-lite@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/rx-lite/-/rx-lite-3.1.2.tgz#19ce502ca572665f3b647b10939f97fd1615f102"
+
+semver@~5.3.0:
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-5.3.0.tgz#9b2ce5d3de02d17c6012ad326aa6b4d0cf54f94f"
+
+set-blocking@~2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7"
+
+set-immediate-shim@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/set-immediate-shim/-/set-immediate-shim-1.0.1.tgz#4b2b1b27eb808a9f8dcc481a58e5e56f599f3f61"
+
+sha.js@2.2.6:
+  version "2.2.6"
+  resolved "https://registry.yarnpkg.com/sha.js/-/sha.js-2.2.6.tgz#17ddeddc5f722fb66501658895461977867315ba"
+
+shelljs@^0.6.0:
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/shelljs/-/shelljs-0.6.1.tgz#ec6211bed1920442088fe0f70b2837232ed2c8a8"
+
+signal-exit@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.1.tgz#5a4c884992b63a7acd9badb7894c3ee9cfccad81"
+
+slash@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/slash/-/slash-1.0.0.tgz#c41f2f6c39fc16d1cd17ad4b5d896114ae470d55"
+
+slice-ansi@0.0.4:
+  version "0.0.4"
+  resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-0.0.4.tgz#edbf8903f66f7ce2f8eafd6ceed65e264c831b35"
+
+sntp@1.x.x:
+  version "1.0.9"
+  resolved "https://registry.yarnpkg.com/sntp/-/sntp-1.0.9.tgz#6541184cc90aeea6c6e7b35e2659082443c66198"
+  dependencies:
+    hoek "2.x.x"
+
+source-list-map@~0.1.0:
+  version "0.1.6"
+  resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-0.1.6.tgz#e1e6f94f0b40c4d28dcf8f5b8766e0e45636877f"
+
+source-map-support@^0.3.2:
+  version "0.3.3"
+  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.3.3.tgz#34900977d5ba3f07c7757ee72e73bb1a9b53754f"
+  dependencies:
+    source-map "0.1.32"
+
+source-map-support@^0.4.2:
+  version "0.4.6"
+  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.4.6.tgz#32552aa64b458392a85eab3b0b5ee61527167aeb"
+  dependencies:
+    source-map "^0.5.3"
+
+source-map@^0.5.0, source-map@^0.5.3, source-map@~0.5.1:
+  version "0.5.6"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.6.tgz#75ce38f52bf0733c5a7f0c118d81334a2bb5f412"
+
+source-map@~0.4.1:
+  version "0.4.4"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.4.4.tgz#eba4f5da9c0dc999de68032d8b4f76173652036b"
+  dependencies:
+    amdefine ">=0.0.4"
+
+source-map@0.1.32:
+  version "0.1.32"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.1.32.tgz#c8b6c167797ba4740a8ea33252162ff08591b266"
+  dependencies:
+    amdefine ">=0.0.4"
+
+sprintf-js@~1.0.2:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
+
+sshpk@^1.7.0:
+  version "1.10.1"
+  resolved "https://registry.yarnpkg.com/sshpk/-/sshpk-1.10.1.tgz#30e1a5d329244974a1af61511339d595af6638b0"
+  dependencies:
+    asn1 "~0.2.3"
+    assert-plus "^1.0.0"
+    dashdash "^1.12.0"
+    getpass "^0.1.1"
+  optionalDependencies:
+    bcrypt-pbkdf "^1.0.0"
+    ecc-jsbn "~0.1.1"
+    jodid25519 "^1.0.0"
+    jsbn "~0.1.0"
+    tweetnacl "~0.14.0"
+
+stream-browserify@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/stream-browserify/-/stream-browserify-1.0.0.tgz#bf9b4abfb42b274d751479e44e0ff2656b6f1193"
+  dependencies:
+    inherits "~2.0.1"
+    readable-stream "^1.0.27-1"
+
+string_decoder@~0.10.25, string_decoder@~0.10.x:
+  version "0.10.31"
+  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-0.10.31.tgz#62e203bc41766c6c28c9fc84301dab1c5310fa94"
+
+string-width@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-1.0.2.tgz#118bdf5b8cdc51a2a7e70d211e07e2b0b9b107d3"
+  dependencies:
+    code-point-at "^1.0.0"
+    is-fullwidth-code-point "^1.0.0"
+    strip-ansi "^3.0.0"
+
+string-width@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-2.0.0.tgz#635c5436cc72a6e0c387ceca278d4e2eec52687e"
+  dependencies:
+    is-fullwidth-code-point "^2.0.0"
+    strip-ansi "^3.0.0"
+
+stringstream@~0.0.4:
+  version "0.0.5"
+  resolved "https://registry.yarnpkg.com/stringstream/-/stringstream-0.0.5.tgz#4e484cd4de5a0bbbee18e46307710a8a81621878"
+
+strip-ansi@^3.0.0, strip-ansi@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf"
+  dependencies:
+    ansi-regex "^2.0.0"
+
+strip-json-comments@~1.0.1, strip-json-comments@~1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-1.0.4.tgz#1e15fbcac97d3ee99bf2d73b4c656b082bbafb91"
+
+supports-color@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"
+
+supports-color@^3.1.0:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-3.1.2.tgz#72a262894d9d408b956ca05ff37b2ed8a6e2a2d5"
+  dependencies:
+    has-flag "^1.0.0"
+
+table@^3.7.8:
+  version "3.8.3"
+  resolved "https://registry.yarnpkg.com/table/-/table-3.8.3.tgz#2bbc542f0fda9861a755d3947fefd8b3f513855f"
+  dependencies:
+    ajv "^4.7.0"
+    ajv-keywords "^1.0.0"
+    chalk "^1.1.1"
+    lodash "^4.0.0"
+    slice-ansi "0.0.4"
+    string-width "^2.0.0"
+
+tapable@^0.1.8, tapable@~0.1.8:
+  version "0.1.10"
+  resolved "https://registry.yarnpkg.com/tapable/-/tapable-0.1.10.tgz#29c35707c2b70e50d07482b5d202e8ed446dafd4"
+
+tar-pack@~3.3.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/tar-pack/-/tar-pack-3.3.0.tgz#30931816418f55afc4d21775afdd6720cee45dae"
+  dependencies:
+    debug "~2.2.0"
+    fstream "~1.0.10"
+    fstream-ignore "~1.0.5"
+    once "~1.3.3"
+    readable-stream "~2.1.4"
+    rimraf "~2.5.1"
+    tar "~2.2.1"
+    uid-number "~0.0.6"
+
+tar@~2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/tar/-/tar-2.2.1.tgz#8e4d2a256c0e2185c6b18ad694aec968b83cb1d1"
+  dependencies:
+    block-stream "*"
+    fstream "^1.0.2"
+    inherits "2"
+
+text-table@~0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
+
+through@^2.3.6:
+  version "2.3.8"
+  resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
+
+ticky@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/ticky/-/ticky-1.0.1.tgz#b7cfa71e768f1c9000c497b9151b30947c50e46d"
+
+timers-browserify@^1.0.1:
+  version "1.4.2"
+  resolved "https://registry.yarnpkg.com/timers-browserify/-/timers-browserify-1.4.2.tgz#c9c58b575be8407375cb5e2462dacee74359f41d"
+  dependencies:
+    process "~0.11.0"
+
+to-fast-properties@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/to-fast-properties/-/to-fast-properties-1.0.2.tgz#f3f5c0c3ba7299a7ef99427e44633257ade43320"
+
+tough-cookie@~2.3.0:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-2.3.2.tgz#f081f76e4c85720e6c37a5faced737150d84072a"
+  dependencies:
+    punycode "^1.4.1"
+
+tryit@^1.0.1:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/tryit/-/tryit-1.0.3.tgz#393be730a9446fd1ead6da59a014308f36c289cb"
+
+tty-browserify@0.0.0:
+  version "0.0.0"
+  resolved "https://registry.yarnpkg.com/tty-browserify/-/tty-browserify-0.0.0.tgz#a157ba402da24e9bf957f9aa69d524eed42901a6"
+
+tunnel-agent@~0.4.1:
+  version "0.4.3"
+  resolved "https://registry.yarnpkg.com/tunnel-agent/-/tunnel-agent-0.4.3.tgz#6373db76909fe570e08d73583365ed828a74eeeb"
+
+tweetnacl@^0.14.3, tweetnacl@~0.14.0:
+  version "0.14.3"
+  resolved "https://registry.yarnpkg.com/tweetnacl/-/tweetnacl-0.14.3.tgz#3da382f670f25ded78d7b3d1792119bca0b7132d"
+
+type-check@~0.3.2:
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.3.2.tgz#5884cab512cf1d355e3fb784f30804b2b520db72"
+  dependencies:
+    prelude-ls "~1.1.2"
+
+typedarray@~0.0.5:
+  version "0.0.6"
+  resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
+
+uglify-js@^2.6.2, uglify-js@~2.7.3:
+  version "2.7.4"
+  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-2.7.4.tgz#a295a0de12b6a650c031c40deb0dc40b14568bd2"
+  dependencies:
+    async "~0.2.6"
+    source-map "~0.5.1"
+    uglify-to-browserify "~1.0.0"
+    yargs "~3.10.0"
+
+uglify-to-browserify@~1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/uglify-to-browserify/-/uglify-to-browserify-1.0.2.tgz#6e0924d6bda6b5afe349e39a6d632850a0f882b7"
+
+uid-number@~0.0.6:
+  version "0.0.6"
+  resolved "https://registry.yarnpkg.com/uid-number/-/uid-number-0.0.6.tgz#0ea10e8035e8eb5b8e4449f06da1c730663baa81"
+
+url@~0.10.1:
+  version "0.10.3"
+  resolved "https://registry.yarnpkg.com/url/-/url-0.10.3.tgz#021e4d9c7705f21bbf37d03ceb58767402774c64"
+  dependencies:
+    punycode "1.3.2"
+    querystring "0.2.0"
+
+user-home@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/user-home/-/user-home-2.0.0.tgz#9c70bfd8169bc1dcbf48604e0f04b8b49cde9e9f"
+  dependencies:
+    os-homedir "^1.0.0"
+
+util-deprecate@~1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
+
+util@~0.10.3, util@0.10.3:
+  version "0.10.3"
+  resolved "https://registry.yarnpkg.com/util/-/util-0.10.3.tgz#7afb1afe50805246489e3db7fe0ed379336ac0f9"
+  dependencies:
+    inherits "2.0.1"
+
+verror@1.3.6:
+  version "1.3.6"
+  resolved "https://registry.yarnpkg.com/verror/-/verror-1.3.6.tgz#cff5df12946d297d2baaefaa2689e25be01c005c"
+  dependencies:
+    extsprintf "1.0.2"
+
+vlq@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/vlq/-/vlq-0.2.1.tgz#14439d711891e682535467f8587c5630e4222a6c"
+
+vm-browserify@0.0.4:
+  version "0.0.4"
+  resolved "https://registry.yarnpkg.com/vm-browserify/-/vm-browserify-0.0.4.tgz#5d7ea45bbef9e4a6ff65f95438e0a87c357d5a73"
+  dependencies:
+    indexof "0.0.1"
+
+vue@^2.0.0:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/vue/-/vue-2.0.5.tgz#b99dc7180a802d1148a508db3d84b52c09b5ca8e"
+
+watchpack@^0.2.1:
+  version "0.2.9"
+  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-0.2.9.tgz#62eaa4ab5e5ba35fdfc018275626e3c0f5e3fb0b"
+  dependencies:
+    async "^0.9.0"
+    chokidar "^1.0.0"
+    graceful-fs "^4.1.2"
+
+webpack-core@~0.6.0:
+  version "0.6.8"
+  resolved "https://registry.yarnpkg.com/webpack-core/-/webpack-core-0.6.8.tgz#edf9135de00a6a3c26dd0f14b208af0aa4af8d0a"
+  dependencies:
+    source-list-map "~0.1.0"
+    source-map "~0.4.1"
+
+webpack@^1.12.9:
+  version "1.13.3"
+  resolved "https://registry.yarnpkg.com/webpack/-/webpack-1.13.3.tgz#e79c46fe5a37c5ca70084ba0894c595cdcb42815"
+  dependencies:
+    acorn "^3.0.0"
+    async "^1.3.0"
+    clone "^1.0.2"
+    enhanced-resolve "~0.9.0"
+    interpret "^0.6.4"
+    loader-utils "^0.2.11"
+    memory-fs "~0.3.0"
+    mkdirp "~0.5.0"
+    node-libs-browser "^0.6.0"
+    optimist "~0.6.0"
+    supports-color "^3.1.0"
+    tapable "~0.1.8"
+    uglify-js "~2.7.3"
+    watchpack "^0.2.1"
+    webpack-core "~0.6.0"
+
+wide-align@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/wide-align/-/wide-align-1.1.0.tgz#40edde802a71fea1f070da3e62dcda2e7add96ad"
+  dependencies:
+    string-width "^1.0.1"
+
+window-size@0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/window-size/-/window-size-0.1.0.tgz#5438cd2ea93b202efa3a19fe8887aee7c94f9c9d"
+
+wordwrap@~0.0.2:
+  version "0.0.3"
+  resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-0.0.3.tgz#a3d5da6cd5c0bc0008d37234bbaf1bed63059107"
+
+wordwrap@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-1.0.0.tgz#27584810891456a4171c8d0226441ade90cbcaeb"
+
+wordwrap@0.0.2:
+  version "0.0.2"
+  resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-0.0.2.tgz#b79669bb42ecb409f83d583cad52ca17eaa1643f"
+
+wrappy@1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
+
+write@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/write/-/write-0.2.1.tgz#5fc03828e264cea3fe91455476f7a3c566cb0757"
+  dependencies:
+    mkdirp "^0.5.1"
+
+xtend@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.1.tgz#a5c6d532be656e23db820efb943a1f04998d63af"
+
+yargs@~3.10.0:
+  version "3.10.0"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-3.10.0.tgz#f7ee7bd857dd7c1d2d38c0e74efbd681d1431fd1"
+  dependencies:
+    camelcase "^1.0.2"
+    cliui "^2.1.0"
+    decamelize "^1.0.0"
+    window-size "0.1.0"
+

From c04f3e1eb834e946a80edfc97c505a9dc25cbcb6 Mon Sep 17 00:00:00 2001
From: Kristian Mandrup <kmandrup@gmail.com>
Date: Fri, 11 Nov 2016 15:59:29 +0100
Subject: [PATCH 02/30] WIP example for Vue2

---
 README.md                |  32 ++++-
 dist/vue-dragula.js      | 191 +++++++++++++++++++------
 dist/vue-dragula.min.js  |   2 +-
 example/example.build.js | 291 +++++++++++++++++++++++++++------------
 example/example.js       | 100 +++++++-------
 package.json             |   3 +-
 src/vue-dragula.js       |   5 +-
 yarn.lock                |   4 +
 8 files changed, 443 insertions(+), 185 deletions(-)

diff --git a/README.md b/README.md
index 1e93908..de57617 100644
--- a/README.md
+++ b/README.md
@@ -3,6 +3,16 @@
 
 Vue wrapper for [`dragula`][1].
 
+## Status
+
+WIP attempting to make example work with Vue 2.x
+
+### Changelog
+
+- Changed life cycle method `ready` to `mounted`
+- Using `$nextTick` callback as recommended in Vue2 guide
+- Using `this.$dragula` to access dragula extension/plugin  via Vue prototype global inherited by components 
+
 ## Install
 #### CommonJS
 
@@ -96,4 +106,24 @@ Following npm scripts are included:
 - `npm run dev` run example in dev mode
 - `npm run lint` lint code using ESlint
 
-How to view the example!? WTF - I have node idea!!! Please document!!! :)
\ No newline at end of file
+How to view the example? Start a simple Http server, like the pythong [simplehttpserver](http://angusjune.github.io/blog/2014/08/16/python-3-dot-x-no-module-named-simplehttpserver/)
+
+`python -m http.server`
+
+The open in browser: `open localhost:8000`
+
+## Issues on Vue 2
+
+```
+  function ready () {
+    
+    domReadyTime = Date.now() ;
+      
+    // First, check if it's a PRE and exit if not
+      var bodyChildren = document.body.childNodes ;
+```
+
+```
+Exception:
+TypeError: Cannot read property 'childNodes' of null at HTMLDocument.ready
+```       
\ No newline at end of file
diff --git a/dist/vue-dragula.js b/dist/vue-dragula.js
index f56ccf4..1c66b42 100644
--- a/dist/vue-dragula.js
+++ b/dist/vue-dragula.js
@@ -9,43 +9,10 @@
 	(global.vueDragula = factory());
 }(this, function () { 'use strict';
 
-	var babelHelpers = {};
-	babelHelpers.typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) {
-	  return typeof obj;
-	} : function (obj) {
-	  return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj;
-	};
-
-	babelHelpers.classCallCheck = function (instance, Constructor) {
-	  if (!(instance instanceof Constructor)) {
-	    throw new TypeError("Cannot call a class as a function");
-	  }
-	};
-
-	babelHelpers.createClass = function () {
-	  function defineProperties(target, props) {
-	    for (var i = 0; i < props.length; i++) {
-	      var descriptor = props[i];
-	      descriptor.enumerable = descriptor.enumerable || false;
-	      descriptor.configurable = true;
-	      if ("value" in descriptor) descriptor.writable = true;
-	      Object.defineProperty(target, descriptor.key, descriptor);
-	    }
-	  }
-
-	  return function (Constructor, protoProps, staticProps) {
-	    if (protoProps) defineProperties(Constructor.prototype, protoProps);
-	    if (staticProps) defineProperties(Constructor, staticProps);
-	    return Constructor;
-	  };
-	}();
-
-	babelHelpers;
-
-	var commonjsGlobal = typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+	var commonjsGlobal = typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {}
 
 	function interopDefault(ex) {
-		return ex && (typeof ex === 'undefined' ? 'undefined' : babelHelpers.typeof(ex)) === 'object' && 'default' in ex ? ex['default'] : ex;
+		return ex && typeof ex === 'object' && 'default' in ex ? ex['default'] : ex;
 	}
 
 	function createCommonjsModule(fn, module) {
@@ -565,8 +532,8 @@ var require$$0$3 = Object.freeze({
 	          // see also: https://github.com/bevacqua/dragula/issues/208
 	          item.focus(); // fixes https://github.com/bevacqua/dragula/issues/176
 	        } else {
-	            e.preventDefault(); // fixes https://github.com/bevacqua/dragula/issues/155
-	          }
+	          e.preventDefault(); // fixes https://github.com/bevacqua/dragula/issues/155
+	        }
 	      }
 	    }
 
@@ -1104,6 +1071,143 @@ var require$$0$3 = Object.freeze({
 
 	var dragula$1 = interopDefault(dragula);
 
+	var asyncGenerator = function () {
+	  function AwaitValue(value) {
+	    this.value = value;
+	  }
+
+	  function AsyncGenerator(gen) {
+	    var front, back;
+
+	    function send(key, arg) {
+	      return new Promise(function (resolve, reject) {
+	        var request = {
+	          key: key,
+	          arg: arg,
+	          resolve: resolve,
+	          reject: reject,
+	          next: null
+	        };
+
+	        if (back) {
+	          back = back.next = request;
+	        } else {
+	          front = back = request;
+	          resume(key, arg);
+	        }
+	      });
+	    }
+
+	    function resume(key, arg) {
+	      try {
+	        var result = gen[key](arg);
+	        var value = result.value;
+
+	        if (value instanceof AwaitValue) {
+	          Promise.resolve(value.value).then(function (arg) {
+	            resume("next", arg);
+	          }, function (arg) {
+	            resume("throw", arg);
+	          });
+	        } else {
+	          settle(result.done ? "return" : "normal", result.value);
+	        }
+	      } catch (err) {
+	        settle("throw", err);
+	      }
+	    }
+
+	    function settle(type, value) {
+	      switch (type) {
+	        case "return":
+	          front.resolve({
+	            value: value,
+	            done: true
+	          });
+	          break;
+
+	        case "throw":
+	          front.reject(value);
+	          break;
+
+	        default:
+	          front.resolve({
+	            value: value,
+	            done: false
+	          });
+	          break;
+	      }
+
+	      front = front.next;
+
+	      if (front) {
+	        resume(front.key, front.arg);
+	      } else {
+	        back = null;
+	      }
+	    }
+
+	    this._invoke = send;
+
+	    if (typeof gen.return !== "function") {
+	      this.return = undefined;
+	    }
+	  }
+
+	  if (typeof Symbol === "function" && Symbol.asyncIterator) {
+	    AsyncGenerator.prototype[Symbol.asyncIterator] = function () {
+	      return this;
+	    };
+	  }
+
+	  AsyncGenerator.prototype.next = function (arg) {
+	    return this._invoke("next", arg);
+	  };
+
+	  AsyncGenerator.prototype.throw = function (arg) {
+	    return this._invoke("throw", arg);
+	  };
+
+	  AsyncGenerator.prototype.return = function (arg) {
+	    return this._invoke("return", arg);
+	  };
+
+	  return {
+	    wrap: function (fn) {
+	      return function () {
+	        return new AsyncGenerator(fn.apply(this, arguments));
+	      };
+	    },
+	    await: function (value) {
+	      return new AwaitValue(value);
+	    }
+	  };
+	}();
+
+	var classCallCheck = function (instance, Constructor) {
+	  if (!(instance instanceof Constructor)) {
+	    throw new TypeError("Cannot call a class as a function");
+	  }
+	};
+
+	var createClass = function () {
+	  function defineProperties(target, props) {
+	    for (var i = 0; i < props.length; i++) {
+	      var descriptor = props[i];
+	      descriptor.enumerable = descriptor.enumerable || false;
+	      descriptor.configurable = true;
+	      if ("value" in descriptor) descriptor.writable = true;
+	      Object.defineProperty(target, descriptor.key, descriptor);
+	    }
+	  }
+
+	  return function (Constructor, protoProps, staticProps) {
+	    if (protoProps) defineProperties(Constructor.prototype, protoProps);
+	    if (staticProps) defineProperties(Constructor, staticProps);
+	    return Constructor;
+	  };
+	}();
+
 	if (!dragula$1) {
 	  throw new Error('[vue-dragula] cannot locate dragula.');
 	}
@@ -1119,14 +1223,14 @@ var require$$0$3 = Object.freeze({
 
 	var DragulaService = function () {
 	  function DragulaService(Vue) {
-	    babelHelpers.classCallCheck(this, DragulaService);
+	    classCallCheck(this, DragulaService);
 
 	    this.bags = []; // bag store
 	    this.eventBus = new Vue();
 	    this.events = ['cancel', 'cloned', 'drag', 'dragend', 'drop', 'out', 'over', 'remove', 'shadow', 'dropModel', 'removeModel'];
 	  }
 
-	  babelHelpers.createClass(DragulaService, [{
+	  createClass(DragulaService, [{
 	    key: 'add',
 	    value: function add(name, drake) {
 	      var bag = this.find(name);
@@ -1273,11 +1377,12 @@ var require$$0$3 = Object.freeze({
 	  var name = 'globalBag';
 	  var drake = void 0;
 
-	  Vue.vueDragula = {
+	  Vue.$dragula = {
 	    options: service.setOptions.bind(service),
 	    find: service.find.bind(service),
 	    eventBus: service.eventBus
 	  };
+	  Vue.prototype.$dragula = Vue.$dragula;
 
 	  Vue.directive('dragula', {
 	    params: ['bag'],
@@ -1359,7 +1464,7 @@ var require$$0$3 = Object.freeze({
 	}
 
 	function plugin(Vue) {
-	  var options = arguments.length <= 1 || arguments[1] === undefined ? {} : arguments[1];
+	  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
 
 	  if (plugin.installed) {
 	    console.warn('[vue-dragula] already installed.');
@@ -1376,8 +1481,8 @@ var require$$0$3 = Object.freeze({
 	    plugin;
 	  }); // eslint-disable-line
 	} else if (window.Vue) {
-	    window.Vue.use(plugin);
-	  }
+	  window.Vue.use(plugin);
+	}
 
 	return plugin;
 
diff --git a/dist/vue-dragula.min.js b/dist/vue-dragula.min.js
index 380a55f..dcb3307 100644
--- a/dist/vue-dragula.min.js
+++ b/dist/vue-dragula.min.js
@@ -3,4 +3,4 @@
  * (c) 2016 Yichang Liu
  * Released under the MIT License.
  */
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n():"function"==typeof define&&define.amd?define(n):e.vueDragula=n()}(this,function(){"use strict";function e(e){return e&&"object"===("undefined"==typeof e?"undefined":o["typeof"](e))&&"default"in e?e["default"]:e}function n(e,n){return n={exports:{}},e(n,n.exports),n.exports}function t(e){var n=new F(e),t="globalBag",r=void 0;e.vueDragula={options:n.setOptions.bind(n),find:n.find.bind(n),eventBus:n.eventBus},e.directive("dragula",{params:["bag"],bind:function(e,o,i){var a=i?i.data.attrs.bag:this.params.bag;i||(e=this.el),void 0!==a&&0!==a.length&&(t=a);var u=n.find(t);return u?(r=u.drake,void r.containers.push(e)):(r=z({containers:[e]}),n.add(t,r),void n.handleModels(t,r))},update:function(e,o,i,a){var u=i?o.value:e;if(u){var c=i?i.data.attrs.bag:this.params.bag;void 0!==c&&0!==c.length&&(t=c);var l=n.find(t);r=l.drake,r.models||(r.models=[]),i||(e=this.el);var d=n.findModelContainerByContainer(e,r);d?d.model=u:r.models.push({model:u,container:e})}},unbind:function(e,t,r){var o="globalBag",i=r?r.data.attrs.bag:this.params.bag;void 0!==i&&0!==i.length&&(o=i);var a=n.find(o).drake;if(a){var u=a.containers.indexOf(e);u>-1&&a.containers.splice(u,1),0===a.containers.length&&n.destroy(o)}}})}function r(e){arguments.length<=1||void 0===arguments[1]?{}:arguments[1];r.installed&&console.warn("[vue-dragula] already installed."),t(e)}var o={};o["typeof"]="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol?"symbol":typeof e},o.classCallCheck=function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")},o.createClass=function(){function e(e,n){for(var t=0;t<n.length;t++){var r=n[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(n,t,r){return t&&e(n.prototype,t),r&&e(n,r),n}}();var i="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},a=n(function(e){e.exports=function(e,n){return Array.prototype.slice.call(e,n)}}),u=e(a),c=Object.freeze({"default":u}),l=n(function(e){var n,t="function"==typeof setImmediate;n=t?function(e){setImmediate(e)}:"undefined"!=typeof process&&process.nextTick?process.nextTick:function(e){setTimeout(e,0)},e.exports=n}),d=e(l),f=Object.freeze({"default":d}),s=n(function(n){var t=e(f);n.exports=function(e,n,r){e&&t(function(){e.apply(r||null,n||[])})}}),v=e(s),p=Object.freeze({"default":v}),m=n(function(n){var t=e(c),r=e(p);n.exports=function(e,n){var o=n||{},i={};return void 0===e&&(e={}),e.on=function(n,t){return i[n]?i[n].push(t):i[n]=[t],e},e.once=function(n,t){return t._once=!0,e.on(n,t),e},e.off=function(n,t){var r=arguments.length;if(1===r)delete i[n];else if(0===r)i={};else{var o=i[n];if(!o)return e;o.splice(o.indexOf(t),1)}return e},e.emit=function(){var n=t(arguments);return e.emitterSnapshot(n.shift()).apply(this,n)},e.emitterSnapshot=function(n){var a=(i[n]||[]).slice(0);return function(){var i=t(arguments),u=this||e;if("error"===n&&o["throws"]!==!1&&!a.length)throw 1===i.length?i[0]:i;return a.forEach(function(t){o.async?r(t,i,u):t.apply(u,i),t._once&&e.off(n,t)}),e}},e}}),g=e(m),h=Object.freeze({"default":g}),y=n(function(e){function n(){try{var e=new t("cat",{detail:{foo:"bar"}});return"cat"===e.type&&"bar"===e.detail.foo}catch(n){}return!1}var t=i.CustomEvent;e.exports=n()?t:"function"==typeof document.createEvent?function(e,n){var t=document.createEvent("CustomEvent");return n?t.initCustomEvent(e,n.bubbles,n.cancelable,n.detail):t.initCustomEvent(e,!1,!1,void 0),t}:function(e,n){var t=document.createEventObject();return t.type=e,n?(t.bubbles=Boolean(n.bubbles),t.cancelable=Boolean(n.cancelable),t.detail=n.detail):(t.bubbles=!1,t.cancelable=!1,t.detail=void 0),t}}),b=e(y),w=Object.freeze({"default":b}),E=n(function(e){var n=[],t="",r=/^on/;for(t in i)r.test(t)&&n.push(t.slice(2));e.exports=n}),C=e(E),x=Object.freeze({"default":C}),O=n(function(n){function t(e,n,t,r){return e.addEventListener(n,t,r)}function r(e,n,t){return e.attachEvent("on"+n,l(e,n,t))}function o(e,n,t,r){return e.removeEventListener(n,t,r)}function a(e,n,t){var r=d(e,n,t);return r?e.detachEvent("on"+n,r):void 0}function u(e,n,t){function r(){var e;return p.createEvent?(e=p.createEvent("Event"),e.initEvent(n,!0,!0)):p.createEventObject&&(e=p.createEventObject()),e}function o(){return new s(n,{detail:t})}var i=-1===v.indexOf(n)?o():r();e.dispatchEvent?e.dispatchEvent(i):e.fireEvent("on"+n,i)}function c(e,n,t){return function(n){var r=n||i.event;r.target=r.target||r.srcElement,r.preventDefault=r.preventDefault||function(){r.returnValue=!1},r.stopPropagation=r.stopPropagation||function(){r.cancelBubble=!0},r.which=r.which||r.keyCode,t.call(e,r)}}function l(e,n,t){var r=d(e,n,t)||c(e,n,t);return h.push({wrapper:r,element:e,type:n,fn:t}),r}function d(e,n,t){var r=f(e,n,t);if(r){var o=h[r].wrapper;return h.splice(r,1),o}}function f(e,n,t){var r,o;for(r=0;r<h.length;r++)if(o=h[r],o.element===e&&o.type===n&&o.fn===t)return r}var s=e(w),v=e(x),p=i.document,m=t,g=o,h=[];i.addEventListener||(m=r,g=a),n.exports={add:m,remove:g,fabricate:u}}),S=e(O),k=O.add,B=O.remove,T=O.fabricate,M=Object.freeze({"default":S,add:k,remove:B,fabricate:T}),N=n(function(e){function n(e){var n=o[e];return n?n.lastIndex=0:o[e]=n=new RegExp(i+e+a,"g"),n}function t(e,t){var r=e.className;r.length?n(t).test(r)||(e.className+=" "+t):e.className=t}function r(e,t){e.className=e.className.replace(n(t)," ").trim()}var o={},i="(?:^|\\s)",a="(?:\\s|$)";e.exports={add:t,rm:r}}),j=e(N),X=N.add,I=N.rm,P=Object.freeze({"default":j,add:X,rm:I}),Y=n(function(n){function t(e,n){function t(e){return-1!==de.containers.indexOf(e)||le.isContainer(e)}function i(e){var n=e?"remove":"add";r(O,n,"mousedown",S),r(O,n,"mouseup",P)}function u(e){var n=e?"remove":"add";r(O,n,"mousemove",k)}function m(e){var n=e?"remove":"add";E[n](O,"selectstart",y),E[n](O,"click",y)}function h(){i(!0),P({})}function y(e){ue&&e.preventDefault()}function S(e){ne=e.clientX,te=e.clientY;var n=1!==o(e)||e.metaKey||e.ctrlKey;if(!n){var t=e.target,r=B(t);r&&(ue=r,u(),"mousedown"===e.type&&(p(t)?t.focus():e.preventDefault()))}}function k(e){if(ue){if(0===o(e))return void P({});if(void 0===e.clientX||e.clientX!==ne||void 0===e.clientY||e.clientY!==te){if(le.ignoreInputTextSelection){var n=b("clientX",e),t=b("clientY",e),r=x.elementFromPoint(n,t);if(p(r))return}var i=ue;u(!0),m(),X(),N(i);var c=a(W);Z=b("pageX",e)-c.left,ee=b("pageY",e)-c.top,C.add(ie||W,"gu-transit"),J(),L(e)}}}function B(e){if(!(de.dragging&&G||t(e))){for(var n=e;v(e)&&t(v(e))===!1;){if(le.invalid(e,n))return;if(e=v(e),!e)return}var r=v(e);if(r&&!le.invalid(e,n)){var o=le.moves(e,r,n,g(e));if(o)return{item:e,source:r}}}}function T(e){return!!B(e)}function M(e){var n=B(e);n&&N(n)}function N(e){q(e.item,e.source)&&(ie=e.item.cloneNode(!0),de.emit("cloned",ie,e.item,"copy")),Q=e.source,W=e.item,re=oe=g(e.item),de.dragging=!0,de.emit("drag",W,Q)}function j(){return!1}function X(){if(de.dragging){var e=ie||W;Y(e,v(e))}}function I(){ue=!1,u(!0),m(!0)}function P(e){if(I(),de.dragging){var n=ie||W,t=b("clientX",e),r=b("clientY",e),o=c(G,t,r),i=R(o,t,r);i&&(ie&&le.copySortSource||!ie||i!==Q)?Y(n,i):le.removeOnSpill?z():A()}}function Y(e,n){var t=v(e);ie&&le.copySortSource&&n===Q&&t.removeChild(W),F(n)?de.emit("cancel",e,Q,Q):de.emit("drop",e,n,Q,oe),D()}function z(){if(de.dragging){var e=ie||W,n=v(e);n&&n.removeChild(e),de.emit(ie?"cancel":"remove",e,n,Q),D()}}function A(e){if(de.dragging){var n=arguments.length>0?e:le.revertOnSpill,t=ie||W,r=v(t),o=F(r);o===!1&&n&&(ie?r&&r.removeChild(ie):Q.insertBefore(t,re)),o||n?de.emit("cancel",t,Q,Q):de.emit("drop",t,r,Q,oe),D()}}function D(){var e=ie||W;I(),K(),e&&C.rm(e,"gu-transit"),ae&&clearTimeout(ae),de.dragging=!1,ce&&de.emit("out",e,ce,Q),de.emit("dragend",e),Q=W=ie=re=oe=ae=ce=null}function F(e,n){var t;return t=void 0!==n?n:G?oe:g(ie||W),e===Q&&t===re}function R(e,n,r){function o(){var o=t(i);if(o===!1)return!1;var a=U(i,e),u=_(i,a,n,r),c=F(i,u);return c?!0:le.accepts(W,i,Q,u)}for(var i=e;i&&!o();)i=v(i);return i}function L(e){function n(e){de.emit(e,l,ce,Q)}function t(){s&&n("over")}function r(){ce&&n("out")}if(G){e.preventDefault();var o=b("clientX",e),i=b("clientY",e),a=o-Z,u=i-ee;G.style.left=a+"px",G.style.top=u+"px";var l=ie||W,d=c(G,o,i),f=R(d,o,i),s=null!==f&&f!==ce;(s||null===f)&&(r(),ce=f,t());var p=v(l);if(f===Q&&ie&&!le.copySortSource)return void(p&&p.removeChild(l));var m,h=U(f,d);if(null!==h)m=_(f,h,o,i);else{if(le.revertOnSpill!==!0||ie)return void(ie&&p&&p.removeChild(l));m=re,f=Q}(null===m&&s||m!==l&&m!==g(l))&&(oe=m,f.insertBefore(l,m),de.emit("shadow",l,f,Q))}}function $(e){C.rm(e,"gu-hide")}function V(e){de.dragging&&C.add(e,"gu-hide")}function J(){if(!G){var e=W.getBoundingClientRect();G=W.cloneNode(!0),G.style.width=f(e)+"px",G.style.height=s(e)+"px",C.rm(G,"gu-transit"),C.add(G,"gu-mirror"),le.mirrorContainer.appendChild(G),r(O,"add","mousemove",L),C.add(le.mirrorContainer,"gu-unselectable"),de.emit("cloned",G,W,"mirror")}}function K(){G&&(C.rm(le.mirrorContainer,"gu-unselectable"),r(O,"remove","mousemove",L),v(G).removeChild(G),G=null)}function U(e,n){for(var t=n;t!==e&&v(t)!==e;)t=v(t);return t===O?null:t}function _(e,n,t,r){function o(){var n,o,i,a=e.children.length;for(n=0;a>n;n++){if(o=e.children[n],i=o.getBoundingClientRect(),u&&i.left+i.width/2>t)return o;if(!u&&i.top+i.height/2>r)return o}return null}function i(){var e=n.getBoundingClientRect();return a(u?t>e.left+f(e)/2:r>e.top+s(e)/2)}function a(e){return e?g(n):n}var u="horizontal"===le.direction,c=n!==e?i():o();return c}function q(e,n){return"boolean"==typeof le.copy?le.copy:le.copy(e,n)}var H=arguments.length;1===H&&Array.isArray(e)===!1&&(n=e,e=[]);var G,Q,W,Z,ee,ne,te,re,oe,ie,ae,ue,ce=null,le=n||{};void 0===le.moves&&(le.moves=d),void 0===le.accepts&&(le.accepts=d),void 0===le.invalid&&(le.invalid=j),void 0===le.containers&&(le.containers=e||[]),void 0===le.isContainer&&(le.isContainer=l),void 0===le.copy&&(le.copy=!1),void 0===le.copySortSource&&(le.copySortSource=!1),void 0===le.revertOnSpill&&(le.revertOnSpill=!1),void 0===le.removeOnSpill&&(le.removeOnSpill=!1),void 0===le.direction&&(le.direction="vertical"),void 0===le.ignoreInputTextSelection&&(le.ignoreInputTextSelection=!0),void 0===le.mirrorContainer&&(le.mirrorContainer=x.body);var de=w({containers:le.containers,start:M,end:X,cancel:A,remove:z,destroy:h,canMove:T,dragging:!1});return le.removeOnSpill===!0&&de.on("over",$).on("out",V),i(),de}function r(e,n,t,r){var o={mouseup:"touchend",mousedown:"touchstart",mousemove:"touchmove"},a={mouseup:"pointerup",mousedown:"pointerdown",mousemove:"pointermove"},u={mouseup:"MSPointerUp",mousedown:"MSPointerDown",mousemove:"MSPointerMove"};i.navigator.pointerEnabled?E[n](e,a[t],r):i.navigator.msPointerEnabled?E[n](e,u[t],r):(E[n](e,o[t],r),E[n](e,t,r))}function o(e){if(void 0!==e.touches)return e.touches.length;if(void 0!==e.which&&0!==e.which)return e.which;if(void 0!==e.buttons)return e.buttons;var n=e.button;return void 0!==n?1&n?1:2&n?3:4&n?2:0:void 0}function a(e){var n=e.getBoundingClientRect();return{left:n.left+u("scrollLeft","pageXOffset"),top:n.top+u("scrollTop","pageYOffset")}}function u(e,n){return"undefined"!=typeof i[n]?i[n]:O.clientHeight?O[e]:x.body[e]}function c(e,n,t){var r,o=e||{},i=o.className;return o.className+=" gu-hide",r=x.elementFromPoint(n,t),o.className=i,r}function l(){return!1}function d(){return!0}function f(e){return e.width||e.right-e.left}function s(e){return e.height||e.bottom-e.top}function v(e){return e.parentNode===x?null:e.parentNode}function p(e){return"INPUT"===e.tagName||"TEXTAREA"===e.tagName||"SELECT"===e.tagName||m(e)}function m(e){return e?"false"===e.contentEditable?!1:"true"===e.contentEditable?!0:m(v(e)):!1}function g(e){function n(){var n=e;do n=n.nextSibling;while(n&&1!==n.nodeType);return n}return e.nextElementSibling||n()}function y(e){return e.targetTouches&&e.targetTouches.length?e.targetTouches[0]:e.changedTouches&&e.changedTouches.length?e.changedTouches[0]:e}function b(e,n){var t=y(n),r={pageX:"clientX",pageY:"clientY"};return e in r&&!(e in t)&&r[e]in t&&(e=r[e]),t[e]}var w=e(h),E=e(M),C=e(P),x=document,O=x.documentElement;n.exports=t}),z=e(Y);if(!z)throw new Error("[vue-dragula] cannot locate dragula.");var A=window.requestAnimationFrame,D=A?function(e){A(function(){A(e)})}:function(e){window.setTimeout(e,50)},F=function(){function e(n){o.classCallCheck(this,e),this.bags=[],this.eventBus=new n,this.events=["cancel","cloned","drag","dragend","drop","out","over","remove","shadow","dropModel","removeModel"]}return o.createClass(e,[{key:"add",value:function(e,n){var t=this.find(e);if(t)throw new Error('Bag named: "'+e+'" already exists.');return t={name:e,drake:n},this.bags.push(t),n.models&&this.handleModels(e,n),t.initEvents||this.setupEvents(t),t}},{key:"find",value:function(e){for(var n=this.bags,t=0;t<n.length;t++)if(n[t].name===e)return n[t]}},{key:"handleModels",value:function(e,n){var t=this;if(!n.registered){var r=void 0,o=void 0,i=void 0,a=void 0;n.on("remove",function(r,i,u){n.models&&(a=t.findModelForContainer(u,n),a.splice(o,1),n.cancel(!0),t.eventBus.$emit("removeModel",[e,r,u,o]))}),n.on("drag",function(e,n){r=e,o=t.domIndexOf(e,n)}),n.on("drop",function(u,c,l){if(n.models&&c){if(i=t.domIndexOf(u,c),a=t.findModelForContainer(l,n),c===l)a.splice(i,0,a.splice(o,1)[0]);else{var d=r===u,f=t.findModelForContainer(c,n),s=d?a[o]:JSON.parse(JSON.stringify(a[o]));d&&D(function(){a.splice(o,1)}),f.splice(i,0,s),n.cancel(!0)}t.eventBus.$emit("dropModel",[e,u,c,l,i])}}),n.registered=!0}}},{key:"destroy",value:function(e){var n=this.find(e);if(n){var t=this.bags.indexOf(n);this.bags.splice(t,1),n.drake.destroy()}}},{key:"setOptions",value:function(e,n){var t=this.add(e,z(n));this.handleModels(e,t.drake)}},{key:"setupEvents",value:function(e){e.initEvents=!0;var n=this,t=function(t){function r(){var r=Array.prototype.slice.call(arguments);n.eventBus.$emit(t,[e.name].concat(r))}e.drake.on(t,r)};this.events.forEach(t)}},{key:"domIndexOf",value:function(e,n){return Array.prototype.indexOf.call(n.children,e)}},{key:"findModelForContainer",value:function(e,n){return(this.findModelContainerByContainer(e,n)||{}).model}},{key:"findModelContainerByContainer",value:function(e,n){return n.models?n.models.find(function(n){return n.container===e}):void 0}}]),e}();if(!z)throw new Error("[vue-dragula] cannot locate dragula.");return r.version="1.0.0","function"==typeof define&&define.amd?define([],function(){}):window.Vue&&window.Vue.use(r),r});
\ No newline at end of file
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n():"function"==typeof define&&define.amd?define(n):e.vueDragula=n()}(this,function(){"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}function n(e,n){return n={exports:{}},e(n,n.exports),n.exports}function t(e){var n=new $(e),t="globalBag",r=void 0;e.$dragula={options:n.setOptions.bind(n),find:n.find.bind(n),eventBus:n.eventBus},e.prototype.$dragula=e.$dragula,e.directive("dragula",{params:["bag"],bind:function(e,o,i){var a=i?i.data.attrs.bag:this.params.bag;i||(e=this.el),void 0!==a&&0!==a.length&&(t=a);var u=n.find(t);return u?(r=u.drake,void r.containers.push(e)):(r=Y({containers:[e]}),n.add(t,r),void n.handleModels(t,r))},update:function(e,o,i,a){var u=i?o.value:e;if(u){var c=i?i.data.attrs.bag:this.params.bag;void 0!==c&&0!==c.length&&(t=c);var l=n.find(t);r=l.drake,r.models||(r.models=[]),i||(e=this.el);var f=n.findModelContainerByContainer(e,r);f?f.model=u:r.models.push({model:u,container:e})}},unbind:function(e,t,r){var o="globalBag",i=r?r.data.attrs.bag:this.params.bag;void 0!==i&&0!==i.length&&(o=i);var a=n.find(o).drake;if(a){var u=a.containers.indexOf(e);u>-1&&a.containers.splice(u,1),0===a.containers.length&&n.destroy(o)}}})}function r(e){arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};r.installed&&console.warn("[vue-dragula] already installed."),t(e)}var o="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},i=n(function(e){e.exports=function(e,n){return Array.prototype.slice.call(e,n)}}),a=e(i),u=Object.freeze({default:a}),c=n(function(e){var n,t="function"==typeof setImmediate;n=t?function(e){setImmediate(e)}:"undefined"!=typeof process&&process.nextTick?process.nextTick:function(e){setTimeout(e,0)},e.exports=n}),l=e(c),f=Object.freeze({default:l}),d=n(function(n){var t=e(f);n.exports=function(e,n,r){e&&t(function(){e.apply(r||null,n||[])})}}),s=e(d),v=Object.freeze({default:s}),p=n(function(n){var t=e(u),r=e(v);n.exports=function(e,n){var o=n||{},i={};return void 0===e&&(e={}),e.on=function(n,t){return i[n]?i[n].push(t):i[n]=[t],e},e.once=function(n,t){return t._once=!0,e.on(n,t),e},e.off=function(n,t){var r=arguments.length;if(1===r)delete i[n];else if(0===r)i={};else{var o=i[n];if(!o)return e;o.splice(o.indexOf(t),1)}return e},e.emit=function(){var n=t(arguments);return e.emitterSnapshot(n.shift()).apply(this,n)},e.emitterSnapshot=function(n){var a=(i[n]||[]).slice(0);return function(){var i=t(arguments),u=this||e;if("error"===n&&o.throws!==!1&&!a.length)throw 1===i.length?i[0]:i;return a.forEach(function(t){o.async?r(t,i,u):t.apply(u,i),t._once&&e.off(n,t)}),e}},e}}),m=e(p),h=Object.freeze({default:m}),g=n(function(e){function n(){try{var e=new t("cat",{detail:{foo:"bar"}});return"cat"===e.type&&"bar"===e.detail.foo}catch(e){}return!1}var t=o.CustomEvent;e.exports=n()?t:"function"==typeof document.createEvent?function(e,n){var t=document.createEvent("CustomEvent");return n?t.initCustomEvent(e,n.bubbles,n.cancelable,n.detail):t.initCustomEvent(e,!1,!1,void 0),t}:function(e,n){var t=document.createEventObject();return t.type=e,n?(t.bubbles=Boolean(n.bubbles),t.cancelable=Boolean(n.cancelable),t.detail=n.detail):(t.bubbles=!1,t.cancelable=!1,t.detail=void 0),t}}),y=e(g),b=Object.freeze({default:y}),w=n(function(e){var n=[],t="",r=/^on/;for(t in o)r.test(t)&&n.push(t.slice(2));e.exports=n}),x=e(w),E=Object.freeze({default:x}),C=n(function(n){function t(e,n,t,r){return e.addEventListener(n,t,r)}function r(e,n,t){return e.attachEvent("on"+n,l(e,n,t))}function i(e,n,t,r){return e.removeEventListener(n,t,r)}function a(e,n,t){var r=f(e,n,t);if(r)return e.detachEvent("on"+n,r)}function u(e,n,t){function r(){var e;return p.createEvent?(e=p.createEvent("Event"),e.initEvent(n,!0,!0)):p.createEventObject&&(e=p.createEventObject()),e}function o(){return new s(n,{detail:t})}var i=v.indexOf(n)===-1?o():r();e.dispatchEvent?e.dispatchEvent(i):e.fireEvent("on"+n,i)}function c(e,n,t){return function(n){var r=n||o.event;r.target=r.target||r.srcElement,r.preventDefault=r.preventDefault||function(){r.returnValue=!1},r.stopPropagation=r.stopPropagation||function(){r.cancelBubble=!0},r.which=r.which||r.keyCode,t.call(e,r)}}function l(e,n,t){var r=f(e,n,t)||c(e,n,t);return g.push({wrapper:r,element:e,type:n,fn:t}),r}function f(e,n,t){var r=d(e,n,t);if(r){var o=g[r].wrapper;return g.splice(r,1),o}}function d(e,n,t){var r,o;for(r=0;r<g.length;r++)if(o=g[r],o.element===e&&o.type===n&&o.fn===t)return r}var s=e(b),v=e(E),p=o.document,m=t,h=i,g=[];o.addEventListener||(m=r,h=a),n.exports={add:m,remove:h,fabricate:u}}),O=e(C),S=C.add,k=C.remove,B=C.fabricate,T=Object.freeze({default:O,add:S,remove:k,fabricate:B}),M=n(function(e){function n(e){var n=o[e];return n?n.lastIndex=0:o[e]=n=new RegExp(i+e+a,"g"),n}function t(e,t){var r=e.className;r.length?n(t).test(r)||(e.className+=" "+t):e.className=t}function r(e,t){e.className=e.className.replace(n(t)," ").trim()}var o={},i="(?:^|\\s)",a="(?:\\s|$)";e.exports={add:t,rm:r}}),N=e(M),j=M.add,I=M.rm,P=Object.freeze({default:N,add:j,rm:I}),X=n(function(n){function t(e,n){function t(e){return fe.containers.indexOf(e)!==-1||le.isContainer(e)}function o(e){var n=e?"remove":"add";r(O,n,"mousedown",S),r(O,n,"mouseup",X)}function u(e){var n=e?"remove":"add";r(O,n,"mousemove",k)}function m(e){var n=e?"remove":"add";x[n](O,"selectstart",y),x[n](O,"click",y)}function h(){o(!0),X({})}function y(e){ue&&e.preventDefault()}function S(e){ne=e.clientX,te=e.clientY;var n=1!==i(e)||e.metaKey||e.ctrlKey;if(!n){var t=e.target,r=B(t);r&&(ue=r,u(),"mousedown"===e.type&&(p(t)?t.focus():e.preventDefault()))}}function k(e){if(ue){if(0===i(e))return void X({});if(void 0===e.clientX||e.clientX!==ne||void 0===e.clientY||e.clientY!==te){if(le.ignoreInputTextSelection){var n=b("clientX",e),t=b("clientY",e),r=C.elementFromPoint(n,t);if(p(r))return}var o=ue;u(!0),m(),I(),N(o);var c=a(W);Z=b("pageX",e)-c.left,ee=b("pageY",e)-c.top,E.add(ie||W,"gu-transit"),V(),R(e)}}}function B(e){if(!(fe.dragging&&G||t(e))){for(var n=e;v(e)&&t(v(e))===!1;){if(le.invalid(e,n))return;if(e=v(e),!e)return}var r=v(e);if(r&&!le.invalid(e,n)){var o=le.moves(e,r,n,g(e));if(o)return{item:e,source:r}}}}function T(e){return!!B(e)}function M(e){var n=B(e);n&&N(n)}function N(e){q(e.item,e.source)&&(ie=e.item.cloneNode(!0),fe.emit("cloned",ie,e.item,"copy")),Q=e.source,W=e.item,re=oe=g(e.item),fe.dragging=!0,fe.emit("drag",W,Q)}function j(){return!1}function I(){if(fe.dragging){var e=ie||W;Y(e,v(e))}}function P(){ue=!1,u(!0),m(!0)}function X(e){if(P(),fe.dragging){var n=ie||W,t=b("clientX",e),r=b("clientY",e),o=c(G,t,r),i=$(o,t,r);i&&(ie&&le.copySortSource||!ie||i!==Q)?Y(n,i):le.removeOnSpill?z():A()}}function Y(e,n){var t=v(e);ie&&le.copySortSource&&n===Q&&t.removeChild(W),F(n)?fe.emit("cancel",e,Q,Q):fe.emit("drop",e,n,Q,oe),D()}function z(){if(fe.dragging){var e=ie||W,n=v(e);n&&n.removeChild(e),fe.emit(ie?"cancel":"remove",e,n,Q),D()}}function A(e){if(fe.dragging){var n=arguments.length>0?e:le.revertOnSpill,t=ie||W,r=v(t),o=F(r);o===!1&&n&&(ie?r&&r.removeChild(ie):Q.insertBefore(t,re)),o||n?fe.emit("cancel",t,Q,Q):fe.emit("drop",t,r,Q,oe),D()}}function D(){var e=ie||W;P(),J(),e&&E.rm(e,"gu-transit"),ae&&clearTimeout(ae),fe.dragging=!1,ce&&fe.emit("out",e,ce,Q),fe.emit("dragend",e),Q=W=ie=re=oe=ae=ce=null}function F(e,n){var t;return t=void 0!==n?n:G?oe:g(ie||W),e===Q&&t===re}function $(e,n,r){function o(){var o=t(i);if(o===!1)return!1;var a=K(i,e),u=U(i,a,n,r),c=F(i,u);return!!c||le.accepts(W,i,Q,u)}for(var i=e;i&&!o();)i=v(i);return i}function R(e){function n(e){fe.emit(e,l,ce,Q)}function t(){s&&n("over")}function r(){ce&&n("out")}if(G){e.preventDefault();var o=b("clientX",e),i=b("clientY",e),a=o-Z,u=i-ee;G.style.left=a+"px",G.style.top=u+"px";var l=ie||W,f=c(G,o,i),d=$(f,o,i),s=null!==d&&d!==ce;(s||null===d)&&(r(),ce=d,t());var p=v(l);if(d===Q&&ie&&!le.copySortSource)return void(p&&p.removeChild(l));var m,h=K(d,f);if(null!==h)m=U(d,h,o,i);else{if(le.revertOnSpill!==!0||ie)return void(ie&&p&&p.removeChild(l));m=re,d=Q}(null===m&&s||m!==l&&m!==g(l))&&(oe=m,d.insertBefore(l,m),fe.emit("shadow",l,d,Q))}}function _(e){E.rm(e,"gu-hide")}function L(e){fe.dragging&&E.add(e,"gu-hide")}function V(){if(!G){var e=W.getBoundingClientRect();G=W.cloneNode(!0),G.style.width=d(e)+"px",G.style.height=s(e)+"px",E.rm(G,"gu-transit"),E.add(G,"gu-mirror"),le.mirrorContainer.appendChild(G),r(O,"add","mousemove",R),E.add(le.mirrorContainer,"gu-unselectable"),fe.emit("cloned",G,W,"mirror")}}function J(){G&&(E.rm(le.mirrorContainer,"gu-unselectable"),r(O,"remove","mousemove",R),v(G).removeChild(G),G=null)}function K(e,n){for(var t=n;t!==e&&v(t)!==e;)t=v(t);return t===O?null:t}function U(e,n,t,r){function o(){var n,o,i,a=e.children.length;for(n=0;n<a;n++){if(o=e.children[n],i=o.getBoundingClientRect(),u&&i.left+i.width/2>t)return o;if(!u&&i.top+i.height/2>r)return o}return null}function i(){var e=n.getBoundingClientRect();return a(u?t>e.left+d(e)/2:r>e.top+s(e)/2)}function a(e){return e?g(n):n}var u="horizontal"===le.direction,c=n!==e?i():o();return c}function q(e,n){return"boolean"==typeof le.copy?le.copy:le.copy(e,n)}var H=arguments.length;1===H&&Array.isArray(e)===!1&&(n=e,e=[]);var G,Q,W,Z,ee,ne,te,re,oe,ie,ae,ue,ce=null,le=n||{};void 0===le.moves&&(le.moves=f),void 0===le.accepts&&(le.accepts=f),void 0===le.invalid&&(le.invalid=j),void 0===le.containers&&(le.containers=e||[]),void 0===le.isContainer&&(le.isContainer=l),void 0===le.copy&&(le.copy=!1),void 0===le.copySortSource&&(le.copySortSource=!1),void 0===le.revertOnSpill&&(le.revertOnSpill=!1),void 0===le.removeOnSpill&&(le.removeOnSpill=!1),void 0===le.direction&&(le.direction="vertical"),void 0===le.ignoreInputTextSelection&&(le.ignoreInputTextSelection=!0),void 0===le.mirrorContainer&&(le.mirrorContainer=C.body);var fe=w({containers:le.containers,start:M,end:I,cancel:A,remove:z,destroy:h,canMove:T,dragging:!1});return le.removeOnSpill===!0&&fe.on("over",_).on("out",L),o(),fe}function r(e,n,t,r){var i={mouseup:"touchend",mousedown:"touchstart",mousemove:"touchmove"},a={mouseup:"pointerup",mousedown:"pointerdown",mousemove:"pointermove"},u={mouseup:"MSPointerUp",mousedown:"MSPointerDown",mousemove:"MSPointerMove"};o.navigator.pointerEnabled?x[n](e,a[t],r):o.navigator.msPointerEnabled?x[n](e,u[t],r):(x[n](e,i[t],r),x[n](e,t,r))}function i(e){if(void 0!==e.touches)return e.touches.length;if(void 0!==e.which&&0!==e.which)return e.which;if(void 0!==e.buttons)return e.buttons;var n=e.button;return void 0!==n?1&n?1:2&n?3:4&n?2:0:void 0}function a(e){var n=e.getBoundingClientRect();return{left:n.left+u("scrollLeft","pageXOffset"),top:n.top+u("scrollTop","pageYOffset")}}function u(e,n){return"undefined"!=typeof o[n]?o[n]:O.clientHeight?O[e]:C.body[e]}function c(e,n,t){var r,o=e||{},i=o.className;return o.className+=" gu-hide",r=C.elementFromPoint(n,t),o.className=i,r}function l(){return!1}function f(){return!0}function d(e){return e.width||e.right-e.left}function s(e){return e.height||e.bottom-e.top}function v(e){return e.parentNode===C?null:e.parentNode}function p(e){return"INPUT"===e.tagName||"TEXTAREA"===e.tagName||"SELECT"===e.tagName||m(e)}function m(e){return!!e&&("false"!==e.contentEditable&&("true"===e.contentEditable||m(v(e))))}function g(e){function n(){var n=e;do n=n.nextSibling;while(n&&1!==n.nodeType);return n}return e.nextElementSibling||n()}function y(e){return e.targetTouches&&e.targetTouches.length?e.targetTouches[0]:e.changedTouches&&e.changedTouches.length?e.changedTouches[0]:e}function b(e,n){var t=y(n),r={pageX:"clientX",pageY:"clientY"};return e in r&&!(e in t)&&r[e]in t&&(e=r[e]),t[e]}var w=e(h),x=e(T),E=e(P),C=document,O=C.documentElement;n.exports=t}),Y=e(X),z=(function(){function e(e){this.value=e}function n(n){function t(e,n){return new Promise(function(t,o){var u={key:e,arg:n,resolve:t,reject:o,next:null};a?a=a.next=u:(i=a=u,r(e,n))})}function r(t,i){try{var a=n[t](i),u=a.value;u instanceof e?Promise.resolve(u.value).then(function(e){r("next",e)},function(e){r("throw",e)}):o(a.done?"return":"normal",a.value)}catch(e){o("throw",e)}}function o(e,n){switch(e){case"return":i.resolve({value:n,done:!0});break;case"throw":i.reject(n);break;default:i.resolve({value:n,done:!1})}i=i.next,i?r(i.key,i.arg):a=null}var i,a;this._invoke=t,"function"!=typeof n.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(n.prototype[Symbol.asyncIterator]=function(){return this}),n.prototype.next=function(e){return this._invoke("next",e)},n.prototype.throw=function(e){return this._invoke("throw",e)},n.prototype.return=function(e){return this._invoke("return",e)},{wrap:function(e){return function(){return new n(e.apply(this,arguments))}},await:function(n){return new e(n)}}}(),function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}),A=function(){function e(e,n){for(var t=0;t<n.length;t++){var r=n[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(n,t,r){return t&&e(n.prototype,t),r&&e(n,r),n}}();if(!Y)throw new Error("[vue-dragula] cannot locate dragula.");var D=window.requestAnimationFrame,F=D?function(e){D(function(){D(e)})}:function(e){window.setTimeout(e,50)},$=function(){function e(n){z(this,e),this.bags=[],this.eventBus=new n,this.events=["cancel","cloned","drag","dragend","drop","out","over","remove","shadow","dropModel","removeModel"]}return A(e,[{key:"add",value:function(e,n){var t=this.find(e);if(t)throw new Error('Bag named: "'+e+'" already exists.');return t={name:e,drake:n},this.bags.push(t),n.models&&this.handleModels(e,n),t.initEvents||this.setupEvents(t),t}},{key:"find",value:function(e){for(var n=this.bags,t=0;t<n.length;t++)if(n[t].name===e)return n[t]}},{key:"handleModels",value:function(e,n){var t=this;if(!n.registered){var r=void 0,o=void 0,i=void 0,a=void 0;n.on("remove",function(r,i,u){n.models&&(a=t.findModelForContainer(u,n),a.splice(o,1),n.cancel(!0),t.eventBus.$emit("removeModel",[e,r,u,o]))}),n.on("drag",function(e,n){r=e,o=t.domIndexOf(e,n)}),n.on("drop",function(u,c,l){if(n.models&&c){if(i=t.domIndexOf(u,c),a=t.findModelForContainer(l,n),c===l)a.splice(i,0,a.splice(o,1)[0]);else{var f=r===u,d=t.findModelForContainer(c,n),s=f?a[o]:JSON.parse(JSON.stringify(a[o]));f&&F(function(){a.splice(o,1)}),d.splice(i,0,s),n.cancel(!0)}t.eventBus.$emit("dropModel",[e,u,c,l,i])}}),n.registered=!0}}},{key:"destroy",value:function(e){var n=this.find(e);if(n){var t=this.bags.indexOf(n);this.bags.splice(t,1),n.drake.destroy()}}},{key:"setOptions",value:function(e,n){var t=this.add(e,Y(n));this.handleModels(e,t.drake)}},{key:"setupEvents",value:function(e){e.initEvents=!0;var n=this,t=function(t){function r(){var r=Array.prototype.slice.call(arguments);n.eventBus.$emit(t,[e.name].concat(r))}e.drake.on(t,r)};this.events.forEach(t)}},{key:"domIndexOf",value:function(e,n){return Array.prototype.indexOf.call(n.children,e)}},{key:"findModelForContainer",value:function(e,n){return(this.findModelContainerByContainer(e,n)||{}).model}},{key:"findModelContainerByContainer",value:function(e,n){if(n.models)return n.models.find(function(n){return n.container===e})}}]),e}();if(!Y)throw new Error("[vue-dragula] cannot locate dragula.");return r.version="1.0.0","function"==typeof define&&define.amd?define([],function(){}):window.Vue&&window.Vue.use(r),r});
\ No newline at end of file
diff --git a/example/example.build.js b/example/example.build.js
index 1eea667..f8c9438 100644
--- a/example/example.build.js
+++ b/example/example.build.js
@@ -46,72 +46,78 @@
 
 	var Vue = __webpack_require__(1)
 	var VueDragula = __webpack_require__(3)
-
 	Vue.config.debug = true
 
 	Vue.use(VueDragula)
 
 	new Vue({
-	  el: 'body',
-	  data: {
-	    colOne: [
-	      'You can move these elements between these two containers',
-	      'Moving them anywhere else isn"t quite possible',
-	      'There"s also the possibility of moving elements around in the same container, changing their position'
-	    ],
-	    colTwo: [
-	      'This is the default use case. You only need to specify the containers you want to use',
-	      'More interactive use cases lie ahead',
-	      'Another message'
-	    ],
-	    categories: [
-	      [1, 2, 3],
-	      [4, 5, 6]
-	    ],
-	    copyOne: [
-	      'Lorem ipsum dolor sit amet, consectetuer adipiscing elit.',
-	      'Aenean commodo ligula eget dolor. Aenean massa.'
-	    ],
-	    copyTwo: [
-	      'Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.',
-	      'Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.'
-	    ]
+	  data () {
+	    return {
+	      colOne: [
+	        'You can move these elements between these two containers',
+	        'Moving them anywhere else isn"t quite possible',
+	        'There"s also the possibility of moving elements around in the same container, changing their position'
+	      ],
+	      colTwo: [
+	        'This is the default use case. You only need to specify the containers you want to use',
+	        'More interactive use cases lie ahead',
+	        'Another message'
+	      ],
+	      categories: [
+	        [1, 2, 3],
+	        [4, 5, 6]
+	      ],
+	      copyOne: [
+	        'Lorem ipsum dolor sit amet, consectetuer adipiscing elit.',
+	        'Aenean commodo ligula eget dolor. Aenean massa.'
+	      ],
+	      copyTwo: [
+	        'Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.',
+	        'Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.'
+	      ]
+	    }
 	  },
-	  created: function () {
-	    Vue.vueDragula.options('third-bag', {
+	  created () {
+	    console.log(Vue, Vue.prototype)
+
+	    Vue.$dragula.options('third-bag', {
 	      copy: true
 	    })
 	  },
-	  ready: function () {
-	    var _this = this
-	    Vue.$dragula.eventBus.$on(
-	      'drop',
-	      function (args) {
-	        console.log('drop: ' + args[0])
-	        console.log(_this.categories)
-	      }
-	    )
-	    Vue.$dragula.eventBus.$on(
-	      'dropModel',
-	      function (args) {
-	        console.log('dropModel: ' + args)
-	        console.log(_this.categories)
-	      }
-	    )
+	  // See https://vuejs.org/v2/guide/instance.html#Instance-Lifecycle-Hooks
+	  mounted () {
+	    this.$nextTick(() => {
+	      // since $dragula in on Vue.prototype which all Components inherit from
+	      // you should also be able to do: this.$dragula  
+	      this.$dragula.eventBus.$on(
+	        'drop',
+	        function (args) {
+	          console.log('drop: ' + args[0])
+	          console.log(this.categories)
+	        }
+	      )
+	      this.$dragula.eventBus.$on(
+	        'dropModel',
+	        function (args) {
+	          console.log('dropModel: ' + args)
+	          console.log(this.categories)
+	        }
+	      )
+	    })
 	  },
 	  methods: {
-	    onClick: function () {
-	      console.log(Vue.$dragula.find('first-bag'))
+	    onClick () {
+	      console.log(this.$dragula.find('first-bag'))
 	      window.alert('click event')
 	    },
-	    testModify: function () {
+	    testModify () {
 	      this.categories = [
 	        ['a', 'b', 'c'],
 	        ['d', 'e', 'f']
 	      ]
 	    }
 	  }
-	})
+	}).$mount('body')
 
 
 /***/ },
@@ -5994,43 +6000,10 @@
 		(global.vueDragula = factory());
 	}(this, function () { 'use strict';
 
-		var babelHelpers = {};
-		babelHelpers.typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) {
-		  return typeof obj;
-		} : function (obj) {
-		  return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj;
-		};
-
-		babelHelpers.classCallCheck = function (instance, Constructor) {
-		  if (!(instance instanceof Constructor)) {
-		    throw new TypeError("Cannot call a class as a function");
-		  }
-		};
-
-		babelHelpers.createClass = function () {
-		  function defineProperties(target, props) {
-		    for (var i = 0; i < props.length; i++) {
-		      var descriptor = props[i];
-		      descriptor.enumerable = descriptor.enumerable || false;
-		      descriptor.configurable = true;
-		      if ("value" in descriptor) descriptor.writable = true;
-		      Object.defineProperty(target, descriptor.key, descriptor);
-		    }
-		  }
-
-		  return function (Constructor, protoProps, staticProps) {
-		    if (protoProps) defineProperties(Constructor.prototype, protoProps);
-		    if (staticProps) defineProperties(Constructor, staticProps);
-		    return Constructor;
-		  };
-		}();
-
-		babelHelpers;
-
-		var commonjsGlobal = typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+		var commonjsGlobal = typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {}
 
 		function interopDefault(ex) {
-			return ex && (typeof ex === 'undefined' ? 'undefined' : babelHelpers.typeof(ex)) === 'object' && 'default' in ex ? ex['default'] : ex;
+			return ex && typeof ex === 'object' && 'default' in ex ? ex['default'] : ex;
 		}
 
 		function createCommonjsModule(fn, module) {
@@ -6550,8 +6523,8 @@
 		          // see also: https://github.com/bevacqua/dragula/issues/208
 		          item.focus(); // fixes https://github.com/bevacqua/dragula/issues/176
 		        } else {
-		            e.preventDefault(); // fixes https://github.com/bevacqua/dragula/issues/155
-		          }
+		          e.preventDefault(); // fixes https://github.com/bevacqua/dragula/issues/155
+		        }
 		      }
 		    }
 
@@ -7089,6 +7062,143 @@
 
 		var dragula$1 = interopDefault(dragula);
 
+		var asyncGenerator = function () {
+		  function AwaitValue(value) {
+		    this.value = value;
+		  }
+
+		  function AsyncGenerator(gen) {
+		    var front, back;
+
+		    function send(key, arg) {
+		      return new Promise(function (resolve, reject) {
+		        var request = {
+		          key: key,
+		          arg: arg,
+		          resolve: resolve,
+		          reject: reject,
+		          next: null
+		        };
+
+		        if (back) {
+		          back = back.next = request;
+		        } else {
+		          front = back = request;
+		          resume(key, arg);
+		        }
+		      });
+		    }
+
+		    function resume(key, arg) {
+		      try {
+		        var result = gen[key](arg);
+		        var value = result.value;
+
+		        if (value instanceof AwaitValue) {
+		          Promise.resolve(value.value).then(function (arg) {
+		            resume("next", arg);
+		          }, function (arg) {
+		            resume("throw", arg);
+		          });
+		        } else {
+		          settle(result.done ? "return" : "normal", result.value);
+		        }
+		      } catch (err) {
+		        settle("throw", err);
+		      }
+		    }
+
+		    function settle(type, value) {
+		      switch (type) {
+		        case "return":
+		          front.resolve({
+		            value: value,
+		            done: true
+		          });
+		          break;
+
+		        case "throw":
+		          front.reject(value);
+		          break;
+
+		        default:
+		          front.resolve({
+		            value: value,
+		            done: false
+		          });
+		          break;
+		      }
+
+		      front = front.next;
+
+		      if (front) {
+		        resume(front.key, front.arg);
+		      } else {
+		        back = null;
+		      }
+		    }
+
+		    this._invoke = send;
+
+		    if (typeof gen.return !== "function") {
+		      this.return = undefined;
+		    }
+		  }
+
+		  if (typeof Symbol === "function" && Symbol.asyncIterator) {
+		    AsyncGenerator.prototype[Symbol.asyncIterator] = function () {
+		      return this;
+		    };
+		  }
+
+		  AsyncGenerator.prototype.next = function (arg) {
+		    return this._invoke("next", arg);
+		  };
+
+		  AsyncGenerator.prototype.throw = function (arg) {
+		    return this._invoke("throw", arg);
+		  };
+
+		  AsyncGenerator.prototype.return = function (arg) {
+		    return this._invoke("return", arg);
+		  };
+
+		  return {
+		    wrap: function (fn) {
+		      return function () {
+		        return new AsyncGenerator(fn.apply(this, arguments));
+		      };
+		    },
+		    await: function (value) {
+		      return new AwaitValue(value);
+		    }
+		  };
+		}();
+
+		var classCallCheck = function (instance, Constructor) {
+		  if (!(instance instanceof Constructor)) {
+		    throw new TypeError("Cannot call a class as a function");
+		  }
+		};
+
+		var createClass = function () {
+		  function defineProperties(target, props) {
+		    for (var i = 0; i < props.length; i++) {
+		      var descriptor = props[i];
+		      descriptor.enumerable = descriptor.enumerable || false;
+		      descriptor.configurable = true;
+		      if ("value" in descriptor) descriptor.writable = true;
+		      Object.defineProperty(target, descriptor.key, descriptor);
+		    }
+		  }
+
+		  return function (Constructor, protoProps, staticProps) {
+		    if (protoProps) defineProperties(Constructor.prototype, protoProps);
+		    if (staticProps) defineProperties(Constructor, staticProps);
+		    return Constructor;
+		  };
+		}();
+
 		if (!dragula$1) {
 		  throw new Error('[vue-dragula] cannot locate dragula.');
 		}
@@ -7104,14 +7214,14 @@
 
 		var DragulaService = function () {
 		  function DragulaService(Vue) {
-		    babelHelpers.classCallCheck(this, DragulaService);
+		    classCallCheck(this, DragulaService);
 
 		    this.bags = []; // bag store
 		    this.eventBus = new Vue();
 		    this.events = ['cancel', 'cloned', 'drag', 'dragend', 'drop', 'out', 'over', 'remove', 'shadow', 'dropModel', 'removeModel'];
 		  }
 
-		  babelHelpers.createClass(DragulaService, [{
+		  createClass(DragulaService, [{
 		    key: 'add',
 		    value: function add(name, drake) {
 		      var bag = this.find(name);
@@ -7258,11 +7368,12 @@
 		  var name = 'globalBag';
 		  var drake = void 0;
 
-		  Vue.vueDragula = {
+		  Vue.$dragula = {
 		    options: service.setOptions.bind(service),
 		    find: service.find.bind(service),
 		    eventBus: service.eventBus
 		  };
+		  Vue.prototype.$dragula = Vue.$dragula;
 
 		  Vue.directive('dragula', {
 		    params: ['bag'],
@@ -7344,7 +7455,7 @@
 		}
 
 		function plugin(Vue) {
-		  var options = arguments.length <= 1 || arguments[1] === undefined ? {} : arguments[1];
+		  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
 
 		  if (plugin.installed) {
 		    console.warn('[vue-dragula] already installed.');
@@ -7361,8 +7472,8 @@
 		    plugin;
 		  }.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__)); // eslint-disable-line
 		} else if (window.Vue) {
-		    window.Vue.use(plugin);
-		  }
+		  window.Vue.use(plugin);
+		}
 
 		return plugin;
 
diff --git a/example/example.js b/example/example.js
index abcfdcd..82c847d 100644
--- a/example/example.js
+++ b/example/example.js
@@ -1,68 +1,74 @@
 var Vue = require('vue')
 var VueDragula = require('../dist/vue-dragula')
-
 Vue.config.debug = true
 
 Vue.use(VueDragula)
 
 new Vue({
-  el: 'body',
-  data: {
-    colOne: [
-      'You can move these elements between these two containers',
-      'Moving them anywhere else isn"t quite possible',
-      'There"s also the possibility of moving elements around in the same container, changing their position'
-    ],
-    colTwo: [
-      'This is the default use case. You only need to specify the containers you want to use',
-      'More interactive use cases lie ahead',
-      'Another message'
-    ],
-    categories: [
-      [1, 2, 3],
-      [4, 5, 6]
-    ],
-    copyOne: [
-      'Lorem ipsum dolor sit amet, consectetuer adipiscing elit.',
-      'Aenean commodo ligula eget dolor. Aenean massa.'
-    ],
-    copyTwo: [
-      'Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.',
-      'Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.'
-    ]
+  data () {
+    return {
+      colOne: [
+        'You can move these elements between these two containers',
+        'Moving them anywhere else isn"t quite possible',
+        'There"s also the possibility of moving elements around in the same container, changing their position'
+      ],
+      colTwo: [
+        'This is the default use case. You only need to specify the containers you want to use',
+        'More interactive use cases lie ahead',
+        'Another message'
+      ],
+      categories: [
+        [1, 2, 3],
+        [4, 5, 6]
+      ],
+      copyOne: [
+        'Lorem ipsum dolor sit amet, consectetuer adipiscing elit.',
+        'Aenean commodo ligula eget dolor. Aenean massa.'
+      ],
+      copyTwo: [
+        'Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.',
+        'Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.'
+      ]
+    }
   },
-  created: function () {
-    Vue.vueDragula.options('third-bag', {
+  created () {
+    console.log(Vue, Vue.prototype)
+
+    Vue.$dragula.options('third-bag', {
       copy: true
     })
   },
-  ready: function () {
-    var _this = this
-    Vue.$dragula.eventBus.$on(
-      'drop',
-      function (args) {
-        console.log('drop: ' + args[0])
-        console.log(_this.categories)
-      }
-    )
-    Vue.$dragula.eventBus.$on(
-      'dropModel',
-      function (args) {
-        console.log('dropModel: ' + args)
-        console.log(_this.categories)
-      }
-    )
+  // See https://vuejs.org/v2/guide/instance.html#Instance-Lifecycle-Hooks
+  mounted () {
+    this.$nextTick(() => {
+      // since $dragula in on Vue.prototype which all Components inherit from
+      // you should also be able to do: this.$dragula  
+      this.$dragula.eventBus.$on(
+        'drop',
+        function (args) {
+          console.log('drop: ' + args[0])
+          console.log(this.categories)
+        }
+      )
+      this.$dragula.eventBus.$on(
+        'dropModel',
+        function (args) {
+          console.log('dropModel: ' + args)
+          console.log(this.categories)
+        }
+      )
+    })
   },
   methods: {
-    onClick: function () {
-      console.log(Vue.$dragula.find('first-bag'))
+    onClick () {
+      console.log(this.$dragula.find('first-bag'))
       window.alert('click event')
     },
-    testModify: function () {
+    testModify () {
       this.categories = [
         ['a', 'b', 'c'],
         ['d', 'e', 'f']
       ]
     }
   }
-})
+}).$mount('body')
diff --git a/package.json b/package.json
index 6975dc4..e8a96d0 100644
--- a/package.json
+++ b/package.json
@@ -20,7 +20,8 @@
     "lint": "eslint src"
   },
   "dependencies": {
-    "dragula": "3.7.2"
+    "dragula": "3.7.2",
+    "lodash.merge": "^4.6.0"
   },
   "devDependencies": {
     "babel-core": "^6.2.1",
diff --git a/src/vue-dragula.js b/src/vue-dragula.js
index 5e082a1..e528841 100644
--- a/src/vue-dragula.js
+++ b/src/vue-dragula.js
@@ -11,12 +11,13 @@ export default function (Vue) {
   let name = 'globalBag'
   let drake
 
-  Vue.prototype.$dragula = {
+  Vue.$dragula = {
     options: service.setOptions.bind(service),
     find: service.find.bind(service),
     eventBus: service.eventBus
   }
-
+  Vue.prototype.$dragula = Vue.$dragula 
+ 
   Vue.directive('dragula', {
     params: ['bag'],
 
diff --git a/yarn.lock b/yarn.lock
index 95d6a56..7cf1e92 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1816,6 +1816,10 @@ loader-utils@^0.2.11:
     json5 "^0.5.0"
     object-assign "^4.0.1"
 
+lodash.merge:
+  version "4.6.0"
+  resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.0.tgz#69884ba144ac33fe699737a6086deffadd0f89c5"
+
 lodash@^4.0.0, lodash@^4.2.0, lodash@^4.3.0:
   version "4.16.6"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.16.6.tgz#d22c9ac660288f3843e16ba7d2b5d06cca27d777"

From d9d182e72a728cb993ade9dbff29d41b20330760 Mon Sep 17 00:00:00 2001
From: Kristian Mandrup <kmandrup@gmail.com>
Date: Fri, 11 Nov 2016 16:20:56 +0100
Subject: [PATCH 03/30] no template or render function - WTF

---
 README.md                | 17 +++++++++++++++++
 example/example.build.js |  5 ++++-
 example/example.js       |  5 ++++-
 index.html               |  2 +-
 src/index.js             |  1 +
 src/service.js           |  5 +++++
 src/vue-dragula.js       |  7 +++++++
 7 files changed, 39 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index de57617..59c9944 100644
--- a/README.md
+++ b/README.md
@@ -13,6 +13,23 @@ WIP attempting to make example work with Vue 2.x
 - Using `$nextTick` callback as recommended in Vue2 guide
 - Using `this.$dragula` to access dragula extension/plugin  via Vue prototype global inherited by components 
 
+### TODO
+
+Check new [directives API](https://vuejs.org/v2/guide/custom-directive.html) and modify as needed:
+
+`bind`: called only once, when the directive is first bound to the element. This is where you can do one-time setup work.
+
+`inserted`: called when the bound element has been inserted into its parent node (this only guarantees parent node presence, not necessarily in-document).
+
+`update`: called after the containing component has updated, but possibly before its children have updated. The directive’s value may or may not have changed, but you can skip unnecessary updates by comparing the binding’s current and old values (see below on hook arguments).
+
+`componentUpdated`: called after the containing component and its children have updated.
+
+`unbind`: called only once, when the directive is unbound from the element.
+
+
+Currently, `bind`, `update` and `unbind` hooks are used.
+
 ## Install
 #### CommonJS
 
diff --git a/example/example.build.js b/example/example.build.js
index f8c9438..8345e83 100644
--- a/example/example.build.js
+++ b/example/example.build.js
@@ -51,6 +51,7 @@
 	Vue.use(VueDragula)
 
 	new Vue({
+	  el: '#app',
 	  data () {
 	    return {
 	      colOne: [
@@ -86,7 +87,9 @@
 	  },
 	  // See https://vuejs.org/v2/guide/instance.html#Instance-Lifecycle-Hooks
 	  mounted () {
+	    console.log('Mounted')    
 	    this.$nextTick(() => {
+	      console.log('Comfig $dragula.eventBus', this.$dragula.eventBus)
 	      // since $dragula in on Vue.prototype which all Components inherit from
 	      // you should also be able to do: this.$dragula  
 	      this.$dragula.eventBus.$on(
@@ -117,7 +120,7 @@
 	      ]
 	    }
 	  }
-	}).$mount('body')
+	}) //.$mount('#app')
 
 
 /***/ },
diff --git a/example/example.js b/example/example.js
index 82c847d..6a42cfa 100644
--- a/example/example.js
+++ b/example/example.js
@@ -5,6 +5,7 @@ Vue.config.debug = true
 Vue.use(VueDragula)
 
 new Vue({
+  el: '#app',
   data () {
     return {
       colOne: [
@@ -40,7 +41,9 @@ new Vue({
   },
   // See https://vuejs.org/v2/guide/instance.html#Instance-Lifecycle-Hooks
   mounted () {
+    console.log('Mounted')    
     this.$nextTick(() => {
+      console.log('Comfig $dragula.eventBus', this.$dragula.eventBus)
       // since $dragula in on Vue.prototype which all Components inherit from
       // you should also be able to do: this.$dragula  
       this.$dragula.eventBus.$on(
@@ -71,4 +74,4 @@ new Vue({
       ]
     }
   }
-}).$mount('body')
+}) //.$mount('#app')
diff --git a/index.html b/index.html
index ff3d3c7..c6925e4 100644
--- a/index.html
+++ b/index.html
@@ -6,7 +6,7 @@
   <link rel="stylesheet" href="styles/dragula.css">
   <link rel="stylesheet" href="example/example.css">
 </head>
-<body>
+<body id="app">
   <h1>
     <a href="https://github.com/Astray-git/vue-dragula">
     <img src="../resources/logo.svg" onerror="this.src='resources/logo.png'" alt="vue-dragula"/></a>
diff --git a/src/index.js b/src/index.js
index 721488b..4a4a634 100644
--- a/src/index.js
+++ b/src/index.js
@@ -5,6 +5,7 @@ function plugin (Vue, options = {}) {
     console.warn('[vue-dragula] already installed.')
   }
 
+  console.log('Add Dragula plugin:', options)
   VueDragula(Vue)
 }
 
diff --git a/src/service.js b/src/service.js
index 5625f2c..6800263 100644
--- a/src/service.js
+++ b/src/service.js
@@ -17,6 +17,7 @@ const waitForTransition = raf
 
 class DragulaService {
   constructor (Vue) {
+    console.log('Create Dragula service')    
     this.bags = [] // bag store
     this.eventBus = new Vue()
     this.events = [
@@ -35,6 +36,7 @@ class DragulaService {
   }
 
   add (name, drake) {
+    console.log('Dragula: add', name)    
     let bag = this.find(name)
     if (bag) {
       throw new Error('Bag named: "' + name + '" already exists.')
@@ -54,6 +56,7 @@ class DragulaService {
   }
 
   find (name) {
+    console.log('Dragula: find', name)    
     let bags = this.bags
     for (var i = 0; i < bags.length; i++) {
       if (bags[i].name === name) {
@@ -63,6 +66,8 @@ class DragulaService {
   }
 
   handleModels (name, drake) {
+    console.log('Dragula: handleModels', name)
+
     if (drake.registered) { // do not register events twice
       return
     }
diff --git a/src/vue-dragula.js b/src/vue-dragula.js
index e528841..3ab9e7c 100644
--- a/src/vue-dragula.js
+++ b/src/vue-dragula.js
@@ -11,6 +11,7 @@ export default function (Vue) {
   let name = 'globalBag'
   let drake
 
+  console.log('Adding Dragula as plugin...')
   Vue.$dragula = {
     options: service.setOptions.bind(service),
     find: service.find.bind(service),
@@ -22,6 +23,8 @@ export default function (Vue) {
     params: ['bag'],
 
     bind (container, binding, vnode) {
+      console.log('bind Dragula', container)
+
       const bagName = vnode
         ? vnode.data.attrs.bag // Vue 2
         : this.params.bag // Vue 1
@@ -46,6 +49,8 @@ export default function (Vue) {
     },
 
     update (container, binding, vnode, oldVnode) {
+      console.log('update Dragula', container)
+
       const newValue = vnode
         ? binding.value // Vue 2
         : container // Vue 1
@@ -79,6 +84,8 @@ export default function (Vue) {
     },
 
     unbind (container, binding, vnode) {
+      console.log('unbind Dragula', container)
+
       let unbindBagName = 'globalBag'
       const bagName = vnode
         ? vnode.data.attrs.bag // Vue 2

From c086d5bb39d3c875df63f8c917845c7e7f9d7722 Mon Sep 17 00:00:00 2001
From: Kristian Mandrup <kmandrup@gmail.com>
Date: Fri, 11 Nov 2016 16:27:21 +0100
Subject: [PATCH 04/30] Vue 2 example must use proper .vue components with
 template element

---
 README.md                |  8 ++++-
 example/example.build.js | 73 ++++++++++++++++++++++++++++++++++++++++
 example/example.js       |  1 +
 example/template.js      | 67 ++++++++++++++++++++++++++++++++++++
 index.html               | 67 ------------------------------------
 5 files changed, 148 insertions(+), 68 deletions(-)
 create mode 100644 example/template.js

diff --git a/README.md b/README.md
index 59c9944..6d55753 100644
--- a/README.md
+++ b/README.md
@@ -143,4 +143,10 @@ The open in browser: `open localhost:8000`
 ```
 Exception:
 TypeError: Cannot read property 'childNodes' of null at HTMLDocument.ready
-```       
\ No newline at end of file
+```       
+
+### Recommendations
+
+Basically, the example needs to use proper `.vue` templates to work as discussed [here](https://github.com/vuejs-templates/webpack/issues/215)
+
+So please update example to use webpack or better yet, create demo app using basic Vue2 setup with webpack :)  
\ No newline at end of file
diff --git a/example/example.build.js b/example/example.build.js
index 8345e83..056dcdd 100644
--- a/example/example.build.js
+++ b/example/example.build.js
@@ -52,6 +52,7 @@
 
 	new Vue({
 	  el: '#app',
+	  template: __webpack_require__(5),
 	  data () {
 	    return {
 	      colOne: [
@@ -7565,5 +7566,77 @@
 	};
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4).setImmediate, __webpack_require__(4).clearImmediate))
 
+/***/ },
+/* 5 */
+/***/ function(module, exports) {
+
+	module.exports = `  <h1>
+	    <a href="https://github.com/Astray-git/vue-dragula">
+	    <img src="../resources/logo.svg" onerror="this.src='resources/logo.png'" alt="vue-dragula"/></a>
+	  </h1>
+	  <h3 class="tagline">Drag and drop so simple it hurts</h3>
+	  <a href="https://github.com/Astray-git/vue-dragula">
+	    <img class="gh-fork"
+	    src="https://camo.githubusercontent.com/52760788cde945287fbb584134c4cbc2bc36f904/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f77686974655f6666666666662e706e67"
+	    alt="Fork me on GitHub"
+	    data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png" />
+	  </a>
+	  <div class="parent">Note: these examples mimic the ones for <code>dragula</code>, but using <code>vue-dragula</code>.</div>
+	  <div class="examples" id="examples">
+	    <div class="parent">
+	      <label>Move stuff between these two containers. Note how the stuff gets inserted near the mouse pointer? Great stuff.</label>
+	      <div class="wrapper">
+	        <div class="container" v-dragula="colOne" bag="first-bag">
+	          <div v-for="text in colOne" @click="onClick">{{text}} [click me]</div>
+	        </div>
+	        <div class="container" v-dragula="colTwo" bag="first-bag">
+	          <div v-for="text in colTwo">{{text}}</div>
+	        </div>
+	      </div>
+	      <pre>
+	        <code>
+	          &lt;div v-dragula=&quot;colOne&quot; bag=&quot;first-bag&quot;&gt;&lt;/div&gt;
+	          &lt;div v-dragula=&quot;colTwo&quot; bag=&quot;first-bag&quot;&gt;&lt;/div&gt;
+	        </code>
+	      </pre>
+	      <h4>Result</h5>
+	      <p>
+	        <h5>colOne</h5>
+	        {{colOne | json}}
+	      </p>
+
+	      <p>
+	        <h5>colTwo</h5>
+	        {{colTwo | json}}
+	      </p>
+	    </div>
+	  </div>
+
+	  <div class="examples" id="examples-2">
+	    <div class="parent">
+	      <label>Modify items in dragula bag  with transition</label>
+	      <div class="wrapper" v-for="container in categories">
+	        <div class="container" v-dragula="container" bag="second-bag">
+	          <div v-for="number in container" transition="scale">{{number}}</div>
+	        </div>
+	      </div>
+	      <button @click="testModify">Modify Items</button>
+	    </div>
+	  </div>
+
+	  <div class="examples" id="examples-3">
+	    <div class="parent">
+	      <label>Copy between containers</label>
+	      <div class="wrapper">
+	        <div class="container" v-dragula="copyOne" bag="third-bag">
+	          <div v-for="text in copyOne" track-by="$index">{{text}}</div>
+	        </div>
+	        <div class="container" v-dragula="copyTwo" bag="third-bag">
+	          <div v-for="text in copyTwo" track-by="$index">{{text}}</div>
+	        </div>
+	      </div>
+	    </div>
+	  </div>`
+
 /***/ }
 /******/ ]);
\ No newline at end of file
diff --git a/example/example.js b/example/example.js
index 6a42cfa..cec0d07 100644
--- a/example/example.js
+++ b/example/example.js
@@ -6,6 +6,7 @@ Vue.use(VueDragula)
 
 new Vue({
   el: '#app',
+  template: require('./template'),
   data () {
     return {
       colOne: [
diff --git a/example/template.js b/example/template.js
new file mode 100644
index 0000000..9b1da0b
--- /dev/null
+++ b/example/template.js
@@ -0,0 +1,67 @@
+module.exports = `  <h1>
+    <a href="https://github.com/Astray-git/vue-dragula">
+    <img src="../resources/logo.svg" onerror="this.src='resources/logo.png'" alt="vue-dragula"/></a>
+  </h1>
+  <h3 class="tagline">Drag and drop so simple it hurts</h3>
+  <a href="https://github.com/Astray-git/vue-dragula">
+    <img class="gh-fork"
+    src="https://camo.githubusercontent.com/52760788cde945287fbb584134c4cbc2bc36f904/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f77686974655f6666666666662e706e67"
+    alt="Fork me on GitHub"
+    data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png" />
+  </a>
+  <div class="parent">Note: these examples mimic the ones for <code>dragula</code>, but using <code>vue-dragula</code>.</div>
+  <div class="examples" id="examples">
+    <div class="parent">
+      <label>Move stuff between these two containers. Note how the stuff gets inserted near the mouse pointer? Great stuff.</label>
+      <div class="wrapper">
+        <div class="container" v-dragula="colOne" bag="first-bag">
+          <div v-for="text in colOne" @click="onClick">{{text}} [click me]</div>
+        </div>
+        <div class="container" v-dragula="colTwo" bag="first-bag">
+          <div v-for="text in colTwo">{{text}}</div>
+        </div>
+      </div>
+      <pre>
+        <code>
+          &lt;div v-dragula=&quot;colOne&quot; bag=&quot;first-bag&quot;&gt;&lt;/div&gt;
+          &lt;div v-dragula=&quot;colTwo&quot; bag=&quot;first-bag&quot;&gt;&lt;/div&gt;
+        </code>
+      </pre>
+      <h4>Result</h5>
+      <p>
+        <h5>colOne</h5>
+        {{colOne | json}}
+      </p>
+
+      <p>
+        <h5>colTwo</h5>
+        {{colTwo | json}}
+      </p>
+    </div>
+  </div>
+
+  <div class="examples" id="examples-2">
+    <div class="parent">
+      <label>Modify items in dragula bag  with transition</label>
+      <div class="wrapper" v-for="container in categories">
+        <div class="container" v-dragula="container" bag="second-bag">
+          <div v-for="number in container" transition="scale">{{number}}</div>
+        </div>
+      </div>
+      <button @click="testModify">Modify Items</button>
+    </div>
+  </div>
+
+  <div class="examples" id="examples-3">
+    <div class="parent">
+      <label>Copy between containers</label>
+      <div class="wrapper">
+        <div class="container" v-dragula="copyOne" bag="third-bag">
+          <div v-for="text in copyOne" track-by="$index">{{text}}</div>
+        </div>
+        <div class="container" v-dragula="copyTwo" bag="third-bag">
+          <div v-for="text in copyTwo" track-by="$index">{{text}}</div>
+        </div>
+      </div>
+    </div>
+  </div>`
\ No newline at end of file
diff --git a/index.html b/index.html
index c6925e4..be4db84 100644
--- a/index.html
+++ b/index.html
@@ -7,73 +7,6 @@
   <link rel="stylesheet" href="example/example.css">
 </head>
 <body id="app">
-  <h1>
-    <a href="https://github.com/Astray-git/vue-dragula">
-    <img src="../resources/logo.svg" onerror="this.src='resources/logo.png'" alt="vue-dragula"/></a>
-  </h1>
-  <h3 class="tagline">Drag and drop so simple it hurts</h3>
-  <a href="https://github.com/Astray-git/vue-dragula">
-    <img class="gh-fork"
-    src="https://camo.githubusercontent.com/52760788cde945287fbb584134c4cbc2bc36f904/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f77686974655f6666666666662e706e67"
-    alt="Fork me on GitHub"
-    data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png" />
-  </a>
-  <div class="parent">Note: these examples mimic the ones for <code>dragula</code>, but using <code>vue-dragula</code>.</div>
-  <div class="examples" id="examples">
-    <div class="parent">
-      <label>Move stuff between these two containers. Note how the stuff gets inserted near the mouse pointer? Great stuff.</label>
-      <div class="wrapper">
-        <div class="container" v-dragula="colOne" bag="first-bag">
-          <div v-for="text in colOne" @click="onClick">{{text}} [click me]</div>
-        </div>
-        <div class="container" v-dragula="colTwo" bag="first-bag">
-          <div v-for="text in colTwo">{{text}}</div>
-        </div>
-      </div>
-      <pre>
-        <code>
-          &lt;div v-dragula=&quot;colOne&quot; bag=&quot;first-bag&quot;&gt;&lt;/div&gt;
-          &lt;div v-dragula=&quot;colTwo&quot; bag=&quot;first-bag&quot;&gt;&lt;/div&gt;
-        </code>
-      </pre>
-      <h4>Result</h5>
-      <p>
-        <h5>colOne</h5>
-        {{colOne | json}}
-      </p>
-
-      <p>
-        <h5>colTwo</h5>
-        {{colTwo | json}}
-      </p>
-    </div>
-  </div>
-
-  <div class="examples" id="examples-2">
-    <div class="parent">
-      <label>Modify items in dragula bag  with transition</label>
-      <div class="wrapper" v-for="container in categories">
-        <div class="container" v-dragula="container" bag="second-bag">
-          <div v-for="number in container" transition="scale">{{number}}</div>
-        </div>
-      </div>
-      <button @click="testModify">Modify Items</button>
-    </div>
-  </div>
-
-  <div class="examples" id="examples-3">
-    <div class="parent">
-      <label>Copy between containers</label>
-      <div class="wrapper">
-        <div class="container" v-dragula="copyOne" bag="third-bag">
-          <div v-for="text in copyOne" track-by="$index">{{text}}</div>
-        </div>
-        <div class="container" v-dragula="copyTwo" bag="third-bag">
-          <div v-for="text in copyTwo" track-by="$index">{{text}}</div>
-        </div>
-      </div>
-    </div>
-  </div>
   <script src="example/example.build.js"></script>
 </body>
 </html>

From 2bd2d9fcc3d9893a45d9369eb1b5010d588b8250 Mon Sep 17 00:00:00 2001
From: Kristian Mandrup <kmandrup@gmail.com>
Date: Fri, 11 Nov 2016 18:59:10 +0100
Subject: [PATCH 05/30] trying to fix :''

---
 README.md                | 58 +++++++++++++++++++++++++++++++++++++++-
 example/example.build.js | 12 ++++++++-
 example/example.js       | 12 ++++++++-
 src/index.js             |  2 +-
 src/vue-dragula.js       |  2 +-
 5 files changed, 81 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index 6d55753..9685f64 100644
--- a/README.md
+++ b/README.md
@@ -149,4 +149,60 @@ TypeError: Cannot read property 'childNodes' of null at HTMLDocument.ready
 
 Basically, the example needs to use proper `.vue` templates to work as discussed [here](https://github.com/vuejs-templates/webpack/issues/215)
 
-So please update example to use webpack or better yet, create demo app using basic Vue2 setup with webpack :)  
\ No newline at end of file
+So please update example to use webpack or better yet, create demo app using basic Vue2 setup with webpack :)  
+
+I've started such a [demo app](https://github.com/kristianmandrup/vue2-dragula-demo) but having problems :() 
+
+I don't yet understand the Vue2 plugin architecture! Please help out...
+
+### Vue 2 Plugin
+
+Trying to add dragula as a [Vue 2 plugin](https://vuejs.org/v2/guide/plugins.html)
+
+```js
+  // 3. inject some component options
+  Vue.mixin({
+    created: function () {
+      // something logic ...
+    }
+    ...
+  })
+  // 4. add an instance method
+  Vue.prototype.$myMethod = function (options) {
+    // something logic ...
+  }  
+```
+
+Looks correct to add `$dragula` to `Vue.prototype` as shown [here](https://github.com/aarondfrancis/vue-model/blob/master/src/VueModel.js#L99)
+
+```js
+function plugin (Vue, options = {}) {
+  if (plugin.installed) {
+    console.warn('[vue-dragula] already installed.')
+  }
+
+  console.log('Add Dragula plugin:', options)
+  VueDragula(Vue, options)
+}
+```
+
+
+We then call the function in `vue-dragula.js` which adds `$dragula` to `Vue.prototype` in accordance with Vue 2 specs on plugins.
+What is missing!?!?! WTF!!!
+
+```js
+export default function (Vue, options = {}) {
+  const service = new DragulaService(Vue)
+
+  let name = 'globalBag'
+  let drake
+
+  console.log('Adding Dragula as plugin...')
+  Vue.$dragula = {
+    options: service.setOptions.bind(service),
+    find: service.find.bind(service),
+    eventBus: service.eventBus
+  }
+  Vue.prototype.$dragula = Vue.$dragula 
+}
+```
\ No newline at end of file
diff --git a/example/example.build.js b/example/example.build.js
index 056dcdd..88b6414 100644
--- a/example/example.build.js
+++ b/example/example.build.js
@@ -50,9 +50,19 @@
 
 	Vue.use(VueDragula)
 
+	let template = __webpack_require__(5);
+
 	new Vue({
 	  el: '#app',
-	  template: __webpack_require__(5),
+
+	  // Does NOT seem to work anymore...
+	  // template: require('./template'),
+
+	  // Would needs to convert into manual VDOM 
+	  // render () {
+	  //   return template
+	  // },
+
 	  data () {
 	    return {
 	      colOne: [
diff --git a/example/example.js b/example/example.js
index cec0d07..0dabaaf 100644
--- a/example/example.js
+++ b/example/example.js
@@ -4,9 +4,19 @@ Vue.config.debug = true
 
 Vue.use(VueDragula)
 
+let template = require('./template');
+
 new Vue({
   el: '#app',
-  template: require('./template'),
+
+  // Does NOT seem to work anymore...
+  // template: require('./template'),
+
+  // Would needs to convert into manual VDOM 
+  // render () {
+  //   return template
+  // },
+
   data () {
     return {
       colOne: [
diff --git a/src/index.js b/src/index.js
index 4a4a634..8062f74 100644
--- a/src/index.js
+++ b/src/index.js
@@ -6,7 +6,7 @@ function plugin (Vue, options = {}) {
   }
 
   console.log('Add Dragula plugin:', options)
-  VueDragula(Vue)
+  VueDragula(Vue, options)
 }
 
 plugin.version = '1.0.0'
diff --git a/src/vue-dragula.js b/src/vue-dragula.js
index 3ab9e7c..b7357d7 100644
--- a/src/vue-dragula.js
+++ b/src/vue-dragula.js
@@ -5,7 +5,7 @@ if (!dragula) {
   throw new Error('[vue-dragula] cannot locate dragula.')
 }
 
-export default function (Vue) {
+export default function (Vue, options = {}) {
   const service = new DragulaService(Vue)
 
   let name = 'globalBag'

From e77cefe0776b8a64aeaf1d80ee166272ca50fa66 Mon Sep 17 00:00:00 2001
From: Kristian Mandrup <kmandrup@gmail.com>
Date: Sat, 12 Nov 2016 09:02:12 +0100
Subject: [PATCH 06/30] bump version

---
 package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index e8a96d0..e5d9c56 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "vue-dragula",
-  "version": "1.3.0",
-  "description": "Vue wrapper for dragula",
+  "version": "2.0.0",
+  "description": "Vue 2 wrapper for dragula",
   "main": "dist/vue-dragula.js",
   "files": [
     "dist",

From 2dbe65d0faf2c7edac705332ffdab09dc696866d Mon Sep 17 00:00:00 2001
From: Kristian Mandrup <kmandrup@gmail.com>
Date: Sat, 12 Nov 2016 09:03:12 +0100
Subject: [PATCH 07/30] build

---
 dist/vue-dragula.js     | 19 +++++++++++++++++--
 dist/vue-dragula.min.js |  4 ++--
 2 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/dist/vue-dragula.js b/dist/vue-dragula.js
index 1c66b42..120f841 100644
--- a/dist/vue-dragula.js
+++ b/dist/vue-dragula.js
@@ -1,5 +1,5 @@
 /*!
- * vue-dragula v1.3.0
+ * vue-dragula v2.0.0
  * (c) 2016 Yichang Liu
  * Released under the MIT License.
  */
@@ -1225,6 +1225,7 @@ var require$$0$3 = Object.freeze({
 	  function DragulaService(Vue) {
 	    classCallCheck(this, DragulaService);
 
+	    console.log('Create Dragula service');
 	    this.bags = []; // bag store
 	    this.eventBus = new Vue();
 	    this.events = ['cancel', 'cloned', 'drag', 'dragend', 'drop', 'out', 'over', 'remove', 'shadow', 'dropModel', 'removeModel'];
@@ -1233,6 +1234,7 @@ var require$$0$3 = Object.freeze({
 	  createClass(DragulaService, [{
 	    key: 'add',
 	    value: function add(name, drake) {
+	      console.log('Dragula: add', name);
 	      var bag = this.find(name);
 	      if (bag) {
 	        throw new Error('Bag named: "' + name + '" already exists.');
@@ -1253,6 +1255,7 @@ var require$$0$3 = Object.freeze({
 	  }, {
 	    key: 'find',
 	    value: function find(name) {
+	      console.log('Dragula: find', name);
 	      var bags = this.bags;
 	      for (var i = 0; i < bags.length; i++) {
 	        if (bags[i].name === name) {
@@ -1265,6 +1268,8 @@ var require$$0$3 = Object.freeze({
 	    value: function handleModels(name, drake) {
 	      var _this2 = this;
 
+	      console.log('Dragula: handleModels', name);
+
 	      if (drake.registered) {
 	        // do not register events twice
 	        return;
@@ -1372,11 +1377,14 @@ var require$$0$3 = Object.freeze({
 	}
 
 	function VueDragula (Vue) {
+	  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
 	  var service = new DragulaService(Vue);
 
 	  var name = 'globalBag';
 	  var drake = void 0;
 
+	  console.log('Adding Dragula as plugin...');
 	  Vue.$dragula = {
 	    options: service.setOptions.bind(service),
 	    find: service.find.bind(service),
@@ -1388,6 +1396,8 @@ var require$$0$3 = Object.freeze({
 	    params: ['bag'],
 
 	    bind: function bind(container, binding, vnode) {
+	      console.log('bind Dragula', container);
+
 	      var bagName = vnode ? vnode.data.attrs.bag // Vue 2
 	      : this.params.bag; // Vue 1
 	      if (!vnode) {
@@ -1410,6 +1420,8 @@ var require$$0$3 = Object.freeze({
 	      service.handleModels(name, drake);
 	    },
 	    update: function update(container, binding, vnode, oldVnode) {
+	      console.log('update Dragula', container);
+
 	      var newValue = vnode ? binding.value // Vue 2
 	      : container; // Vue 1
 	      if (!newValue) {
@@ -1442,6 +1454,8 @@ var require$$0$3 = Object.freeze({
 	      }
 	    },
 	    unbind: function unbind(container, binding, vnode) {
+	      console.log('unbind Dragula', container);
+
 	      var unbindBagName = 'globalBag';
 	      var bagName = vnode ? vnode.data.attrs.bag // Vue 2
 	      : this.params.bag; // Vue 1
@@ -1470,7 +1484,8 @@ var require$$0$3 = Object.freeze({
 	    console.warn('[vue-dragula] already installed.');
 	  }
 
-	  VueDragula(Vue);
+	  console.log('Add Dragula plugin:', options);
+	  VueDragula(Vue, options);
 	}
 
 	plugin.version = '1.0.0';
diff --git a/dist/vue-dragula.min.js b/dist/vue-dragula.min.js
index dcb3307..2d10425 100644
--- a/dist/vue-dragula.min.js
+++ b/dist/vue-dragula.min.js
@@ -1,6 +1,6 @@
 /*!
- * vue-dragula v1.3.0
+ * vue-dragula v2.0.0
  * (c) 2016 Yichang Liu
  * Released under the MIT License.
  */
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n():"function"==typeof define&&define.amd?define(n):e.vueDragula=n()}(this,function(){"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}function n(e,n){return n={exports:{}},e(n,n.exports),n.exports}function t(e){var n=new $(e),t="globalBag",r=void 0;e.$dragula={options:n.setOptions.bind(n),find:n.find.bind(n),eventBus:n.eventBus},e.prototype.$dragula=e.$dragula,e.directive("dragula",{params:["bag"],bind:function(e,o,i){var a=i?i.data.attrs.bag:this.params.bag;i||(e=this.el),void 0!==a&&0!==a.length&&(t=a);var u=n.find(t);return u?(r=u.drake,void r.containers.push(e)):(r=Y({containers:[e]}),n.add(t,r),void n.handleModels(t,r))},update:function(e,o,i,a){var u=i?o.value:e;if(u){var c=i?i.data.attrs.bag:this.params.bag;void 0!==c&&0!==c.length&&(t=c);var l=n.find(t);r=l.drake,r.models||(r.models=[]),i||(e=this.el);var f=n.findModelContainerByContainer(e,r);f?f.model=u:r.models.push({model:u,container:e})}},unbind:function(e,t,r){var o="globalBag",i=r?r.data.attrs.bag:this.params.bag;void 0!==i&&0!==i.length&&(o=i);var a=n.find(o).drake;if(a){var u=a.containers.indexOf(e);u>-1&&a.containers.splice(u,1),0===a.containers.length&&n.destroy(o)}}})}function r(e){arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};r.installed&&console.warn("[vue-dragula] already installed."),t(e)}var o="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},i=n(function(e){e.exports=function(e,n){return Array.prototype.slice.call(e,n)}}),a=e(i),u=Object.freeze({default:a}),c=n(function(e){var n,t="function"==typeof setImmediate;n=t?function(e){setImmediate(e)}:"undefined"!=typeof process&&process.nextTick?process.nextTick:function(e){setTimeout(e,0)},e.exports=n}),l=e(c),f=Object.freeze({default:l}),d=n(function(n){var t=e(f);n.exports=function(e,n,r){e&&t(function(){e.apply(r||null,n||[])})}}),s=e(d),v=Object.freeze({default:s}),p=n(function(n){var t=e(u),r=e(v);n.exports=function(e,n){var o=n||{},i={};return void 0===e&&(e={}),e.on=function(n,t){return i[n]?i[n].push(t):i[n]=[t],e},e.once=function(n,t){return t._once=!0,e.on(n,t),e},e.off=function(n,t){var r=arguments.length;if(1===r)delete i[n];else if(0===r)i={};else{var o=i[n];if(!o)return e;o.splice(o.indexOf(t),1)}return e},e.emit=function(){var n=t(arguments);return e.emitterSnapshot(n.shift()).apply(this,n)},e.emitterSnapshot=function(n){var a=(i[n]||[]).slice(0);return function(){var i=t(arguments),u=this||e;if("error"===n&&o.throws!==!1&&!a.length)throw 1===i.length?i[0]:i;return a.forEach(function(t){o.async?r(t,i,u):t.apply(u,i),t._once&&e.off(n,t)}),e}},e}}),m=e(p),h=Object.freeze({default:m}),g=n(function(e){function n(){try{var e=new t("cat",{detail:{foo:"bar"}});return"cat"===e.type&&"bar"===e.detail.foo}catch(e){}return!1}var t=o.CustomEvent;e.exports=n()?t:"function"==typeof document.createEvent?function(e,n){var t=document.createEvent("CustomEvent");return n?t.initCustomEvent(e,n.bubbles,n.cancelable,n.detail):t.initCustomEvent(e,!1,!1,void 0),t}:function(e,n){var t=document.createEventObject();return t.type=e,n?(t.bubbles=Boolean(n.bubbles),t.cancelable=Boolean(n.cancelable),t.detail=n.detail):(t.bubbles=!1,t.cancelable=!1,t.detail=void 0),t}}),y=e(g),b=Object.freeze({default:y}),w=n(function(e){var n=[],t="",r=/^on/;for(t in o)r.test(t)&&n.push(t.slice(2));e.exports=n}),x=e(w),E=Object.freeze({default:x}),C=n(function(n){function t(e,n,t,r){return e.addEventListener(n,t,r)}function r(e,n,t){return e.attachEvent("on"+n,l(e,n,t))}function i(e,n,t,r){return e.removeEventListener(n,t,r)}function a(e,n,t){var r=f(e,n,t);if(r)return e.detachEvent("on"+n,r)}function u(e,n,t){function r(){var e;return p.createEvent?(e=p.createEvent("Event"),e.initEvent(n,!0,!0)):p.createEventObject&&(e=p.createEventObject()),e}function o(){return new s(n,{detail:t})}var i=v.indexOf(n)===-1?o():r();e.dispatchEvent?e.dispatchEvent(i):e.fireEvent("on"+n,i)}function c(e,n,t){return function(n){var r=n||o.event;r.target=r.target||r.srcElement,r.preventDefault=r.preventDefault||function(){r.returnValue=!1},r.stopPropagation=r.stopPropagation||function(){r.cancelBubble=!0},r.which=r.which||r.keyCode,t.call(e,r)}}function l(e,n,t){var r=f(e,n,t)||c(e,n,t);return g.push({wrapper:r,element:e,type:n,fn:t}),r}function f(e,n,t){var r=d(e,n,t);if(r){var o=g[r].wrapper;return g.splice(r,1),o}}function d(e,n,t){var r,o;for(r=0;r<g.length;r++)if(o=g[r],o.element===e&&o.type===n&&o.fn===t)return r}var s=e(b),v=e(E),p=o.document,m=t,h=i,g=[];o.addEventListener||(m=r,h=a),n.exports={add:m,remove:h,fabricate:u}}),O=e(C),S=C.add,k=C.remove,B=C.fabricate,T=Object.freeze({default:O,add:S,remove:k,fabricate:B}),M=n(function(e){function n(e){var n=o[e];return n?n.lastIndex=0:o[e]=n=new RegExp(i+e+a,"g"),n}function t(e,t){var r=e.className;r.length?n(t).test(r)||(e.className+=" "+t):e.className=t}function r(e,t){e.className=e.className.replace(n(t)," ").trim()}var o={},i="(?:^|\\s)",a="(?:\\s|$)";e.exports={add:t,rm:r}}),N=e(M),j=M.add,I=M.rm,P=Object.freeze({default:N,add:j,rm:I}),X=n(function(n){function t(e,n){function t(e){return fe.containers.indexOf(e)!==-1||le.isContainer(e)}function o(e){var n=e?"remove":"add";r(O,n,"mousedown",S),r(O,n,"mouseup",X)}function u(e){var n=e?"remove":"add";r(O,n,"mousemove",k)}function m(e){var n=e?"remove":"add";x[n](O,"selectstart",y),x[n](O,"click",y)}function h(){o(!0),X({})}function y(e){ue&&e.preventDefault()}function S(e){ne=e.clientX,te=e.clientY;var n=1!==i(e)||e.metaKey||e.ctrlKey;if(!n){var t=e.target,r=B(t);r&&(ue=r,u(),"mousedown"===e.type&&(p(t)?t.focus():e.preventDefault()))}}function k(e){if(ue){if(0===i(e))return void X({});if(void 0===e.clientX||e.clientX!==ne||void 0===e.clientY||e.clientY!==te){if(le.ignoreInputTextSelection){var n=b("clientX",e),t=b("clientY",e),r=C.elementFromPoint(n,t);if(p(r))return}var o=ue;u(!0),m(),I(),N(o);var c=a(W);Z=b("pageX",e)-c.left,ee=b("pageY",e)-c.top,E.add(ie||W,"gu-transit"),V(),R(e)}}}function B(e){if(!(fe.dragging&&G||t(e))){for(var n=e;v(e)&&t(v(e))===!1;){if(le.invalid(e,n))return;if(e=v(e),!e)return}var r=v(e);if(r&&!le.invalid(e,n)){var o=le.moves(e,r,n,g(e));if(o)return{item:e,source:r}}}}function T(e){return!!B(e)}function M(e){var n=B(e);n&&N(n)}function N(e){q(e.item,e.source)&&(ie=e.item.cloneNode(!0),fe.emit("cloned",ie,e.item,"copy")),Q=e.source,W=e.item,re=oe=g(e.item),fe.dragging=!0,fe.emit("drag",W,Q)}function j(){return!1}function I(){if(fe.dragging){var e=ie||W;Y(e,v(e))}}function P(){ue=!1,u(!0),m(!0)}function X(e){if(P(),fe.dragging){var n=ie||W,t=b("clientX",e),r=b("clientY",e),o=c(G,t,r),i=$(o,t,r);i&&(ie&&le.copySortSource||!ie||i!==Q)?Y(n,i):le.removeOnSpill?z():A()}}function Y(e,n){var t=v(e);ie&&le.copySortSource&&n===Q&&t.removeChild(W),F(n)?fe.emit("cancel",e,Q,Q):fe.emit("drop",e,n,Q,oe),D()}function z(){if(fe.dragging){var e=ie||W,n=v(e);n&&n.removeChild(e),fe.emit(ie?"cancel":"remove",e,n,Q),D()}}function A(e){if(fe.dragging){var n=arguments.length>0?e:le.revertOnSpill,t=ie||W,r=v(t),o=F(r);o===!1&&n&&(ie?r&&r.removeChild(ie):Q.insertBefore(t,re)),o||n?fe.emit("cancel",t,Q,Q):fe.emit("drop",t,r,Q,oe),D()}}function D(){var e=ie||W;P(),J(),e&&E.rm(e,"gu-transit"),ae&&clearTimeout(ae),fe.dragging=!1,ce&&fe.emit("out",e,ce,Q),fe.emit("dragend",e),Q=W=ie=re=oe=ae=ce=null}function F(e,n){var t;return t=void 0!==n?n:G?oe:g(ie||W),e===Q&&t===re}function $(e,n,r){function o(){var o=t(i);if(o===!1)return!1;var a=K(i,e),u=U(i,a,n,r),c=F(i,u);return!!c||le.accepts(W,i,Q,u)}for(var i=e;i&&!o();)i=v(i);return i}function R(e){function n(e){fe.emit(e,l,ce,Q)}function t(){s&&n("over")}function r(){ce&&n("out")}if(G){e.preventDefault();var o=b("clientX",e),i=b("clientY",e),a=o-Z,u=i-ee;G.style.left=a+"px",G.style.top=u+"px";var l=ie||W,f=c(G,o,i),d=$(f,o,i),s=null!==d&&d!==ce;(s||null===d)&&(r(),ce=d,t());var p=v(l);if(d===Q&&ie&&!le.copySortSource)return void(p&&p.removeChild(l));var m,h=K(d,f);if(null!==h)m=U(d,h,o,i);else{if(le.revertOnSpill!==!0||ie)return void(ie&&p&&p.removeChild(l));m=re,d=Q}(null===m&&s||m!==l&&m!==g(l))&&(oe=m,d.insertBefore(l,m),fe.emit("shadow",l,d,Q))}}function _(e){E.rm(e,"gu-hide")}function L(e){fe.dragging&&E.add(e,"gu-hide")}function V(){if(!G){var e=W.getBoundingClientRect();G=W.cloneNode(!0),G.style.width=d(e)+"px",G.style.height=s(e)+"px",E.rm(G,"gu-transit"),E.add(G,"gu-mirror"),le.mirrorContainer.appendChild(G),r(O,"add","mousemove",R),E.add(le.mirrorContainer,"gu-unselectable"),fe.emit("cloned",G,W,"mirror")}}function J(){G&&(E.rm(le.mirrorContainer,"gu-unselectable"),r(O,"remove","mousemove",R),v(G).removeChild(G),G=null)}function K(e,n){for(var t=n;t!==e&&v(t)!==e;)t=v(t);return t===O?null:t}function U(e,n,t,r){function o(){var n,o,i,a=e.children.length;for(n=0;n<a;n++){if(o=e.children[n],i=o.getBoundingClientRect(),u&&i.left+i.width/2>t)return o;if(!u&&i.top+i.height/2>r)return o}return null}function i(){var e=n.getBoundingClientRect();return a(u?t>e.left+d(e)/2:r>e.top+s(e)/2)}function a(e){return e?g(n):n}var u="horizontal"===le.direction,c=n!==e?i():o();return c}function q(e,n){return"boolean"==typeof le.copy?le.copy:le.copy(e,n)}var H=arguments.length;1===H&&Array.isArray(e)===!1&&(n=e,e=[]);var G,Q,W,Z,ee,ne,te,re,oe,ie,ae,ue,ce=null,le=n||{};void 0===le.moves&&(le.moves=f),void 0===le.accepts&&(le.accepts=f),void 0===le.invalid&&(le.invalid=j),void 0===le.containers&&(le.containers=e||[]),void 0===le.isContainer&&(le.isContainer=l),void 0===le.copy&&(le.copy=!1),void 0===le.copySortSource&&(le.copySortSource=!1),void 0===le.revertOnSpill&&(le.revertOnSpill=!1),void 0===le.removeOnSpill&&(le.removeOnSpill=!1),void 0===le.direction&&(le.direction="vertical"),void 0===le.ignoreInputTextSelection&&(le.ignoreInputTextSelection=!0),void 0===le.mirrorContainer&&(le.mirrorContainer=C.body);var fe=w({containers:le.containers,start:M,end:I,cancel:A,remove:z,destroy:h,canMove:T,dragging:!1});return le.removeOnSpill===!0&&fe.on("over",_).on("out",L),o(),fe}function r(e,n,t,r){var i={mouseup:"touchend",mousedown:"touchstart",mousemove:"touchmove"},a={mouseup:"pointerup",mousedown:"pointerdown",mousemove:"pointermove"},u={mouseup:"MSPointerUp",mousedown:"MSPointerDown",mousemove:"MSPointerMove"};o.navigator.pointerEnabled?x[n](e,a[t],r):o.navigator.msPointerEnabled?x[n](e,u[t],r):(x[n](e,i[t],r),x[n](e,t,r))}function i(e){if(void 0!==e.touches)return e.touches.length;if(void 0!==e.which&&0!==e.which)return e.which;if(void 0!==e.buttons)return e.buttons;var n=e.button;return void 0!==n?1&n?1:2&n?3:4&n?2:0:void 0}function a(e){var n=e.getBoundingClientRect();return{left:n.left+u("scrollLeft","pageXOffset"),top:n.top+u("scrollTop","pageYOffset")}}function u(e,n){return"undefined"!=typeof o[n]?o[n]:O.clientHeight?O[e]:C.body[e]}function c(e,n,t){var r,o=e||{},i=o.className;return o.className+=" gu-hide",r=C.elementFromPoint(n,t),o.className=i,r}function l(){return!1}function f(){return!0}function d(e){return e.width||e.right-e.left}function s(e){return e.height||e.bottom-e.top}function v(e){return e.parentNode===C?null:e.parentNode}function p(e){return"INPUT"===e.tagName||"TEXTAREA"===e.tagName||"SELECT"===e.tagName||m(e)}function m(e){return!!e&&("false"!==e.contentEditable&&("true"===e.contentEditable||m(v(e))))}function g(e){function n(){var n=e;do n=n.nextSibling;while(n&&1!==n.nodeType);return n}return e.nextElementSibling||n()}function y(e){return e.targetTouches&&e.targetTouches.length?e.targetTouches[0]:e.changedTouches&&e.changedTouches.length?e.changedTouches[0]:e}function b(e,n){var t=y(n),r={pageX:"clientX",pageY:"clientY"};return e in r&&!(e in t)&&r[e]in t&&(e=r[e]),t[e]}var w=e(h),x=e(T),E=e(P),C=document,O=C.documentElement;n.exports=t}),Y=e(X),z=(function(){function e(e){this.value=e}function n(n){function t(e,n){return new Promise(function(t,o){var u={key:e,arg:n,resolve:t,reject:o,next:null};a?a=a.next=u:(i=a=u,r(e,n))})}function r(t,i){try{var a=n[t](i),u=a.value;u instanceof e?Promise.resolve(u.value).then(function(e){r("next",e)},function(e){r("throw",e)}):o(a.done?"return":"normal",a.value)}catch(e){o("throw",e)}}function o(e,n){switch(e){case"return":i.resolve({value:n,done:!0});break;case"throw":i.reject(n);break;default:i.resolve({value:n,done:!1})}i=i.next,i?r(i.key,i.arg):a=null}var i,a;this._invoke=t,"function"!=typeof n.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(n.prototype[Symbol.asyncIterator]=function(){return this}),n.prototype.next=function(e){return this._invoke("next",e)},n.prototype.throw=function(e){return this._invoke("throw",e)},n.prototype.return=function(e){return this._invoke("return",e)},{wrap:function(e){return function(){return new n(e.apply(this,arguments))}},await:function(n){return new e(n)}}}(),function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}),A=function(){function e(e,n){for(var t=0;t<n.length;t++){var r=n[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(n,t,r){return t&&e(n.prototype,t),r&&e(n,r),n}}();if(!Y)throw new Error("[vue-dragula] cannot locate dragula.");var D=window.requestAnimationFrame,F=D?function(e){D(function(){D(e)})}:function(e){window.setTimeout(e,50)},$=function(){function e(n){z(this,e),this.bags=[],this.eventBus=new n,this.events=["cancel","cloned","drag","dragend","drop","out","over","remove","shadow","dropModel","removeModel"]}return A(e,[{key:"add",value:function(e,n){var t=this.find(e);if(t)throw new Error('Bag named: "'+e+'" already exists.');return t={name:e,drake:n},this.bags.push(t),n.models&&this.handleModels(e,n),t.initEvents||this.setupEvents(t),t}},{key:"find",value:function(e){for(var n=this.bags,t=0;t<n.length;t++)if(n[t].name===e)return n[t]}},{key:"handleModels",value:function(e,n){var t=this;if(!n.registered){var r=void 0,o=void 0,i=void 0,a=void 0;n.on("remove",function(r,i,u){n.models&&(a=t.findModelForContainer(u,n),a.splice(o,1),n.cancel(!0),t.eventBus.$emit("removeModel",[e,r,u,o]))}),n.on("drag",function(e,n){r=e,o=t.domIndexOf(e,n)}),n.on("drop",function(u,c,l){if(n.models&&c){if(i=t.domIndexOf(u,c),a=t.findModelForContainer(l,n),c===l)a.splice(i,0,a.splice(o,1)[0]);else{var f=r===u,d=t.findModelForContainer(c,n),s=f?a[o]:JSON.parse(JSON.stringify(a[o]));f&&F(function(){a.splice(o,1)}),d.splice(i,0,s),n.cancel(!0)}t.eventBus.$emit("dropModel",[e,u,c,l,i])}}),n.registered=!0}}},{key:"destroy",value:function(e){var n=this.find(e);if(n){var t=this.bags.indexOf(n);this.bags.splice(t,1),n.drake.destroy()}}},{key:"setOptions",value:function(e,n){var t=this.add(e,Y(n));this.handleModels(e,t.drake)}},{key:"setupEvents",value:function(e){e.initEvents=!0;var n=this,t=function(t){function r(){var r=Array.prototype.slice.call(arguments);n.eventBus.$emit(t,[e.name].concat(r))}e.drake.on(t,r)};this.events.forEach(t)}},{key:"domIndexOf",value:function(e,n){return Array.prototype.indexOf.call(n.children,e)}},{key:"findModelForContainer",value:function(e,n){return(this.findModelContainerByContainer(e,n)||{}).model}},{key:"findModelContainerByContainer",value:function(e,n){if(n.models)return n.models.find(function(n){return n.container===e})}}]),e}();if(!Y)throw new Error("[vue-dragula] cannot locate dragula.");return r.version="1.0.0","function"==typeof define&&define.amd?define([],function(){}):window.Vue&&window.Vue.use(r),r});
\ No newline at end of file
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n():"function"==typeof define&&define.amd?define(n):e.vueDragula=n()}(this,function(){"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}function n(e,n){return n={exports:{}},e(n,n.exports),n.exports}function t(e){var n=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},new $(e)),t="globalBag",r=void 0;console.log("Adding Dragula as plugin..."),e.$dragula={options:n.setOptions.bind(n),find:n.find.bind(n),eventBus:n.eventBus},e.prototype.$dragula=e.$dragula,e.directive("dragula",{params:["bag"],bind:function(e,o,i){console.log("bind Dragula",e);var a=i?i.data.attrs.bag:this.params.bag;i||(e=this.el),void 0!==a&&0!==a.length&&(t=a);var u=n.find(t);return u?(r=u.drake,void r.containers.push(e)):(r=X({containers:[e]}),n.add(t,r),void n.handleModels(t,r))},update:function(e,o,i,a){console.log("update Dragula",e);var u=i?o.value:e;if(u){var c=i?i.data.attrs.bag:this.params.bag;void 0!==c&&0!==c.length&&(t=c);var l=n.find(t);r=l.drake,r.models||(r.models=[]),i||(e=this.el);var d=n.findModelContainerByContainer(e,r);d?d.model=u:r.models.push({model:u,container:e})}},unbind:function(e,t,r){console.log("unbind Dragula",e);var o="globalBag",i=r?r.data.attrs.bag:this.params.bag;void 0!==i&&0!==i.length&&(o=i);var a=n.find(o).drake;if(a){var u=a.containers.indexOf(e);u>-1&&a.containers.splice(u,1),0===a.containers.length&&n.destroy(o)}}})}function r(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};r.installed&&console.warn("[vue-dragula] already installed."),console.log("Add Dragula plugin:",n),t(e,n)}var o="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},i=n(function(e){e.exports=function(e,n){return Array.prototype.slice.call(e,n)}}),a=e(i),u=Object.freeze({default:a}),c=n(function(e){var n,t="function"==typeof setImmediate;n=t?function(e){setImmediate(e)}:"undefined"!=typeof process&&process.nextTick?process.nextTick:function(e){setTimeout(e,0)},e.exports=n}),l=e(c),d=Object.freeze({default:l}),f=n(function(n){var t=e(d);n.exports=function(e,n,r){e&&t(function(){e.apply(r||null,n||[])})}}),s=e(f),v=Object.freeze({default:s}),p=n(function(n){var t=e(u),r=e(v);n.exports=function(e,n){var o=n||{},i={};return void 0===e&&(e={}),e.on=function(n,t){return i[n]?i[n].push(t):i[n]=[t],e},e.once=function(n,t){return t._once=!0,e.on(n,t),e},e.off=function(n,t){var r=arguments.length;if(1===r)delete i[n];else if(0===r)i={};else{var o=i[n];if(!o)return e;o.splice(o.indexOf(t),1)}return e},e.emit=function(){var n=t(arguments);return e.emitterSnapshot(n.shift()).apply(this,n)},e.emitterSnapshot=function(n){var a=(i[n]||[]).slice(0);return function(){var i=t(arguments),u=this||e;if("error"===n&&o.throws!==!1&&!a.length)throw 1===i.length?i[0]:i;return a.forEach(function(t){o.async?r(t,i,u):t.apply(u,i),t._once&&e.off(n,t)}),e}},e}}),m=e(p),g=Object.freeze({default:m}),h=n(function(e){function n(){try{var e=new t("cat",{detail:{foo:"bar"}});return"cat"===e.type&&"bar"===e.detail.foo}catch(e){}return!1}var t=o.CustomEvent;e.exports=n()?t:"function"==typeof document.createEvent?function(e,n){var t=document.createEvent("CustomEvent");return n?t.initCustomEvent(e,n.bubbles,n.cancelable,n.detail):t.initCustomEvent(e,!1,!1,void 0),t}:function(e,n){var t=document.createEventObject();return t.type=e,n?(t.bubbles=Boolean(n.bubbles),t.cancelable=Boolean(n.cancelable),t.detail=n.detail):(t.bubbles=!1,t.cancelable=!1,t.detail=void 0),t}}),y=e(h),b=Object.freeze({default:y}),w=n(function(e){var n=[],t="",r=/^on/;for(t in o)r.test(t)&&n.push(t.slice(2));e.exports=n}),x=e(w),E=Object.freeze({default:x}),C=n(function(n){function t(e,n,t,r){return e.addEventListener(n,t,r)}function r(e,n,t){return e.attachEvent("on"+n,l(e,n,t))}function i(e,n,t,r){return e.removeEventListener(n,t,r)}function a(e,n,t){var r=d(e,n,t);if(r)return e.detachEvent("on"+n,r)}function u(e,n,t){function r(){var e;return p.createEvent?(e=p.createEvent("Event"),e.initEvent(n,!0,!0)):p.createEventObject&&(e=p.createEventObject()),e}function o(){return new s(n,{detail:t})}var i=v.indexOf(n)===-1?o():r();e.dispatchEvent?e.dispatchEvent(i):e.fireEvent("on"+n,i)}function c(e,n,t){return function(n){var r=n||o.event;r.target=r.target||r.srcElement,r.preventDefault=r.preventDefault||function(){r.returnValue=!1},r.stopPropagation=r.stopPropagation||function(){r.cancelBubble=!0},r.which=r.which||r.keyCode,t.call(e,r)}}function l(e,n,t){var r=d(e,n,t)||c(e,n,t);return h.push({wrapper:r,element:e,type:n,fn:t}),r}function d(e,n,t){var r=f(e,n,t);if(r){var o=h[r].wrapper;return h.splice(r,1),o}}function f(e,n,t){var r,o;for(r=0;r<h.length;r++)if(o=h[r],o.element===e&&o.type===n&&o.fn===t)return r}var s=e(b),v=e(E),p=o.document,m=t,g=i,h=[];o.addEventListener||(m=r,g=a),n.exports={add:m,remove:g,fabricate:u}}),O=e(C),S=C.add,k=C.remove,B=C.fabricate,M=Object.freeze({default:O,add:S,remove:k,fabricate:B}),T=n(function(e){function n(e){var n=o[e];return n?n.lastIndex=0:o[e]=n=new RegExp(i+e+a,"g"),n}function t(e,t){var r=e.className;r.length?n(t).test(r)||(e.className+=" "+t):e.className=t}function r(e,t){e.className=e.className.replace(n(t)," ").trim()}var o={},i="(?:^|\\s)",a="(?:\\s|$)";e.exports={add:t,rm:r}}),N=e(T),j=T.add,D=T.rm,I=Object.freeze({default:N,add:j,rm:D}),P=n(function(n){function t(e,n){function t(e){return de.containers.indexOf(e)!==-1||le.isContainer(e)}function o(e){var n=e?"remove":"add";r(O,n,"mousedown",S),r(O,n,"mouseup",P)}function u(e){var n=e?"remove":"add";r(O,n,"mousemove",k)}function m(e){var n=e?"remove":"add";x[n](O,"selectstart",y),x[n](O,"click",y)}function g(){o(!0),P({})}function y(e){ue&&e.preventDefault()}function S(e){ne=e.clientX,te=e.clientY;var n=1!==i(e)||e.metaKey||e.ctrlKey;if(!n){var t=e.target,r=B(t);r&&(ue=r,u(),"mousedown"===e.type&&(p(t)?t.focus():e.preventDefault()))}}function k(e){if(ue){if(0===i(e))return void P({});if(void 0===e.clientX||e.clientX!==ne||void 0===e.clientY||e.clientY!==te){if(le.ignoreInputTextSelection){var n=b("clientX",e),t=b("clientY",e),r=C.elementFromPoint(n,t);if(p(r))return}var o=ue;u(!0),m(),D(),N(o);var c=a(W);Z=b("pageX",e)-c.left,ee=b("pageY",e)-c.top,E.add(ie||W,"gu-transit"),V(),R(e)}}}function B(e){if(!(de.dragging&&G||t(e))){for(var n=e;v(e)&&t(v(e))===!1;){if(le.invalid(e,n))return;if(e=v(e),!e)return}var r=v(e);if(r&&!le.invalid(e,n)){var o=le.moves(e,r,n,h(e));if(o)return{item:e,source:r}}}}function M(e){return!!B(e)}function T(e){var n=B(e);n&&N(n)}function N(e){q(e.item,e.source)&&(ie=e.item.cloneNode(!0),de.emit("cloned",ie,e.item,"copy")),Q=e.source,W=e.item,re=oe=h(e.item),de.dragging=!0,de.emit("drag",W,Q)}function j(){return!1}function D(){if(de.dragging){var e=ie||W;X(e,v(e))}}function I(){ue=!1,u(!0),m(!0)}function P(e){if(I(),de.dragging){var n=ie||W,t=b("clientX",e),r=b("clientY",e),o=c(G,t,r),i=$(o,t,r);i&&(ie&&le.copySortSource||!ie||i!==Q)?X(n,i):le.removeOnSpill?A():Y()}}function X(e,n){var t=v(e);ie&&le.copySortSource&&n===Q&&t.removeChild(W),F(n)?de.emit("cancel",e,Q,Q):de.emit("drop",e,n,Q,oe),z()}function A(){if(de.dragging){var e=ie||W,n=v(e);n&&n.removeChild(e),de.emit(ie?"cancel":"remove",e,n,Q),z()}}function Y(e){if(de.dragging){var n=arguments.length>0?e:le.revertOnSpill,t=ie||W,r=v(t),o=F(r);o===!1&&n&&(ie?r&&r.removeChild(ie):Q.insertBefore(t,re)),o||n?de.emit("cancel",t,Q,Q):de.emit("drop",t,r,Q,oe),z()}}function z(){var e=ie||W;I(),J(),e&&E.rm(e,"gu-transit"),ae&&clearTimeout(ae),de.dragging=!1,ce&&de.emit("out",e,ce,Q),de.emit("dragend",e),Q=W=ie=re=oe=ae=ce=null}function F(e,n){var t;return t=void 0!==n?n:G?oe:h(ie||W),e===Q&&t===re}function $(e,n,r){function o(){var o=t(i);if(o===!1)return!1;var a=K(i,e),u=U(i,a,n,r),c=F(i,u);return!!c||le.accepts(W,i,Q,u)}for(var i=e;i&&!o();)i=v(i);return i}function R(e){function n(e){de.emit(e,l,ce,Q)}function t(){s&&n("over")}function r(){ce&&n("out")}if(G){e.preventDefault();var o=b("clientX",e),i=b("clientY",e),a=o-Z,u=i-ee;G.style.left=a+"px",G.style.top=u+"px";var l=ie||W,d=c(G,o,i),f=$(d,o,i),s=null!==f&&f!==ce;(s||null===f)&&(r(),ce=f,t());var p=v(l);if(f===Q&&ie&&!le.copySortSource)return void(p&&p.removeChild(l));var m,g=K(f,d);if(null!==g)m=U(f,g,o,i);else{if(le.revertOnSpill!==!0||ie)return void(ie&&p&&p.removeChild(l));m=re,f=Q}(null===m&&s||m!==l&&m!==h(l))&&(oe=m,f.insertBefore(l,m),de.emit("shadow",l,f,Q))}}function _(e){E.rm(e,"gu-hide")}function L(e){de.dragging&&E.add(e,"gu-hide")}function V(){if(!G){var e=W.getBoundingClientRect();G=W.cloneNode(!0),G.style.width=f(e)+"px",G.style.height=s(e)+"px",E.rm(G,"gu-transit"),E.add(G,"gu-mirror"),le.mirrorContainer.appendChild(G),r(O,"add","mousemove",R),E.add(le.mirrorContainer,"gu-unselectable"),de.emit("cloned",G,W,"mirror")}}function J(){G&&(E.rm(le.mirrorContainer,"gu-unselectable"),r(O,"remove","mousemove",R),v(G).removeChild(G),G=null)}function K(e,n){for(var t=n;t!==e&&v(t)!==e;)t=v(t);return t===O?null:t}function U(e,n,t,r){function o(){var n,o,i,a=e.children.length;for(n=0;n<a;n++){if(o=e.children[n],i=o.getBoundingClientRect(),u&&i.left+i.width/2>t)return o;if(!u&&i.top+i.height/2>r)return o}return null}function i(){var e=n.getBoundingClientRect();return a(u?t>e.left+f(e)/2:r>e.top+s(e)/2)}function a(e){return e?h(n):n}var u="horizontal"===le.direction,c=n!==e?i():o();return c}function q(e,n){return"boolean"==typeof le.copy?le.copy:le.copy(e,n)}var H=arguments.length;1===H&&Array.isArray(e)===!1&&(n=e,e=[]);var G,Q,W,Z,ee,ne,te,re,oe,ie,ae,ue,ce=null,le=n||{};void 0===le.moves&&(le.moves=d),void 0===le.accepts&&(le.accepts=d),void 0===le.invalid&&(le.invalid=j),void 0===le.containers&&(le.containers=e||[]),void 0===le.isContainer&&(le.isContainer=l),void 0===le.copy&&(le.copy=!1),void 0===le.copySortSource&&(le.copySortSource=!1),void 0===le.revertOnSpill&&(le.revertOnSpill=!1),void 0===le.removeOnSpill&&(le.removeOnSpill=!1),void 0===le.direction&&(le.direction="vertical"),void 0===le.ignoreInputTextSelection&&(le.ignoreInputTextSelection=!0),void 0===le.mirrorContainer&&(le.mirrorContainer=C.body);var de=w({containers:le.containers,start:T,end:D,cancel:Y,remove:A,destroy:g,canMove:M,dragging:!1});return le.removeOnSpill===!0&&de.on("over",_).on("out",L),o(),de}function r(e,n,t,r){var i={mouseup:"touchend",mousedown:"touchstart",mousemove:"touchmove"},a={mouseup:"pointerup",mousedown:"pointerdown",mousemove:"pointermove"},u={mouseup:"MSPointerUp",mousedown:"MSPointerDown",mousemove:"MSPointerMove"};o.navigator.pointerEnabled?x[n](e,a[t],r):o.navigator.msPointerEnabled?x[n](e,u[t],r):(x[n](e,i[t],r),x[n](e,t,r))}function i(e){if(void 0!==e.touches)return e.touches.length;if(void 0!==e.which&&0!==e.which)return e.which;if(void 0!==e.buttons)return e.buttons;var n=e.button;return void 0!==n?1&n?1:2&n?3:4&n?2:0:void 0}function a(e){var n=e.getBoundingClientRect();return{left:n.left+u("scrollLeft","pageXOffset"),top:n.top+u("scrollTop","pageYOffset")}}function u(e,n){return"undefined"!=typeof o[n]?o[n]:O.clientHeight?O[e]:C.body[e]}function c(e,n,t){var r,o=e||{},i=o.className;return o.className+=" gu-hide",r=C.elementFromPoint(n,t),o.className=i,r}function l(){return!1}function d(){return!0}function f(e){return e.width||e.right-e.left}function s(e){return e.height||e.bottom-e.top}function v(e){return e.parentNode===C?null:e.parentNode}function p(e){return"INPUT"===e.tagName||"TEXTAREA"===e.tagName||"SELECT"===e.tagName||m(e)}function m(e){return!!e&&("false"!==e.contentEditable&&("true"===e.contentEditable||m(v(e))))}function h(e){function n(){var n=e;do n=n.nextSibling;while(n&&1!==n.nodeType);return n}return e.nextElementSibling||n()}function y(e){return e.targetTouches&&e.targetTouches.length?e.targetTouches[0]:e.changedTouches&&e.changedTouches.length?e.changedTouches[0]:e}function b(e,n){var t=y(n),r={pageX:"clientX",pageY:"clientY"};return e in r&&!(e in t)&&r[e]in t&&(e=r[e]),t[e]}var w=e(g),x=e(M),E=e(I),C=document,O=C.documentElement;n.exports=t}),X=e(P),A=(function(){function e(e){this.value=e}function n(n){function t(e,n){return new Promise(function(t,o){var u={key:e,arg:n,resolve:t,reject:o,next:null};a?a=a.next=u:(i=a=u,r(e,n))})}function r(t,i){try{var a=n[t](i),u=a.value;u instanceof e?Promise.resolve(u.value).then(function(e){r("next",e)},function(e){r("throw",e)}):o(a.done?"return":"normal",a.value)}catch(e){o("throw",e)}}function o(e,n){switch(e){case"return":i.resolve({value:n,done:!0});break;case"throw":i.reject(n);break;default:i.resolve({value:n,done:!1})}i=i.next,i?r(i.key,i.arg):a=null}var i,a;this._invoke=t,"function"!=typeof n.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(n.prototype[Symbol.asyncIterator]=function(){return this}),n.prototype.next=function(e){return this._invoke("next",e)},n.prototype.throw=function(e){return this._invoke("throw",e)},n.prototype.return=function(e){return this._invoke("return",e)},{wrap:function(e){return function(){return new n(e.apply(this,arguments))}},await:function(n){return new e(n)}}}(),function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}),Y=function(){function e(e,n){for(var t=0;t<n.length;t++){var r=n[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(n,t,r){return t&&e(n.prototype,t),r&&e(n,r),n}}();if(!X)throw new Error("[vue-dragula] cannot locate dragula.");var z=window.requestAnimationFrame,F=z?function(e){z(function(){z(e)})}:function(e){window.setTimeout(e,50)},$=function(){function e(n){A(this,e),console.log("Create Dragula service"),this.bags=[],this.eventBus=new n,this.events=["cancel","cloned","drag","dragend","drop","out","over","remove","shadow","dropModel","removeModel"]}return Y(e,[{key:"add",value:function(e,n){console.log("Dragula: add",e);var t=this.find(e);if(t)throw new Error('Bag named: "'+e+'" already exists.');return t={name:e,drake:n},this.bags.push(t),n.models&&this.handleModels(e,n),t.initEvents||this.setupEvents(t),t}},{key:"find",value:function(e){console.log("Dragula: find",e);for(var n=this.bags,t=0;t<n.length;t++)if(n[t].name===e)return n[t]}},{key:"handleModels",value:function(e,n){var t=this;if(console.log("Dragula: handleModels",e),!n.registered){var r=void 0,o=void 0,i=void 0,a=void 0;n.on("remove",function(r,i,u){n.models&&(a=t.findModelForContainer(u,n),a.splice(o,1),n.cancel(!0),t.eventBus.$emit("removeModel",[e,r,u,o]))}),n.on("drag",function(e,n){r=e,o=t.domIndexOf(e,n)}),n.on("drop",function(u,c,l){if(n.models&&c){if(i=t.domIndexOf(u,c),a=t.findModelForContainer(l,n),c===l)a.splice(i,0,a.splice(o,1)[0]);else{var d=r===u,f=t.findModelForContainer(c,n),s=d?a[o]:JSON.parse(JSON.stringify(a[o]));d&&F(function(){a.splice(o,1)}),f.splice(i,0,s),n.cancel(!0)}t.eventBus.$emit("dropModel",[e,u,c,l,i])}}),n.registered=!0}}},{key:"destroy",value:function(e){var n=this.find(e);if(n){var t=this.bags.indexOf(n);this.bags.splice(t,1),n.drake.destroy()}}},{key:"setOptions",value:function(e,n){var t=this.add(e,X(n));this.handleModels(e,t.drake)}},{key:"setupEvents",value:function(e){e.initEvents=!0;var n=this,t=function(t){function r(){var r=Array.prototype.slice.call(arguments);n.eventBus.$emit(t,[e.name].concat(r))}e.drake.on(t,r)};this.events.forEach(t)}},{key:"domIndexOf",value:function(e,n){return Array.prototype.indexOf.call(n.children,e)}},{key:"findModelForContainer",value:function(e,n){return(this.findModelContainerByContainer(e,n)||{}).model}},{key:"findModelContainerByContainer",value:function(e,n){if(n.models)return n.models.find(function(n){return n.container===e})}}]),e}();if(!X)throw new Error("[vue-dragula] cannot locate dragula.");return r.version="1.0.0","function"==typeof define&&define.amd?define([],function(){}):window.Vue&&window.Vue.use(r),r});
\ No newline at end of file

From 06e9ad25f37d444967f48ea17f99d67a930134e1 Mon Sep 17 00:00:00 2001
From: Kristian Mandrup <kmandrup@gmail.com>
Date: Sat, 12 Nov 2016 12:16:18 +0100
Subject: [PATCH 08/30] various extensions to directive and service

---
 README.md          | 32 ++++++++---------------
 src/service.js     | 25 +++++++++++++-----
 src/vue-dragula.js | 63 +++++++++++++++++++++++++++++++++++++++++-----
 3 files changed, 87 insertions(+), 33 deletions(-)

diff --git a/README.md b/README.md
index 9685f64..90de1bd 100644
--- a/README.md
+++ b/README.md
@@ -5,30 +5,20 @@ Vue wrapper for [`dragula`][1].
 
 ## Status
 
-WIP attempting to make example work with Vue 2.x
+- Make it better work with Vue 2.x
+- Make service and directive more flexible and granular as needed
 
 ### Changelog
 
-- Changed life cycle method `ready` to `mounted`
-- Using `$nextTick` callback as recommended in Vue2 guide
-- Using `this.$dragula` to access dragula extension/plugin  via Vue prototype global inherited by components 
-
-### TODO
-
-Check new [directives API](https://vuejs.org/v2/guide/custom-directive.html) and modify as needed:
-
-`bind`: called only once, when the directive is first bound to the element. This is where you can do one-time setup work.
-
-`inserted`: called when the bound element has been inserted into its parent node (this only guarantees parent node presence, not necessarily in-document).
-
-`update`: called after the containing component has updated, but possibly before its children have updated. The directive’s value may or may not have changed, but you can skip unnecessary updates by comparing the binding’s current and old values (see below on hook arguments).
-
-`componentUpdated`: called after the containing component and its children have updated.
-
-`unbind`: called only once, when the directive is unbound from the element.
-
-
-Currently, `bind`, `update` and `unbind` hooks are used.
+- Changed life cycle method `ready` to `mounted` with `$nextTick`
+- Add `$dragula` to Vue.prototype to make available on each component instance
+- Add ability to create DragulaServices per container.
+- Add ability to create and set eventbus per service, either shared or independent
+- Add methods on `$dragula`
+  - `create({name, eventBus})` : create new service
+  - `allOn(handlerConfig = {})` : add set of eventBus handlers to all services
+  - `service(name)` : access individual service
+- Make `bind` try to bind directive (with bags) to a matching named component service before falling back to bind to global dragula service.
 
 ## Install
 #### CommonJS
diff --git a/src/service.js b/src/service.js
index 6800263..ef17dee 100644
--- a/src/service.js
+++ b/src/service.js
@@ -15,11 +15,13 @@ const waitForTransition = raf
     window.setTimeout(fn, 50)
   }
 
+// Use one Service per directive instance
 class DragulaService {
-  constructor (Vue) {
-    console.log('Create Dragula service')    
-    this.bags = [] // bag store
-    this.eventBus = new Vue()
+  constructor ({name, eventBus, bags}) {
+    console.log('Create Dragula service')
+    this.name = name
+    this.bags = bags || [] // bag store
+    this.eventBus = eventBus
     this.events = [
       'cancel',
       'cloned',
@@ -36,7 +38,7 @@ class DragulaService {
   }
 
   add (name, drake) {
-    console.log('Dragula: add', name)    
+    console.log('Dragula: add', name)
     let bag = this.find(name)
     if (bag) {
       throw new Error('Bag named: "' + name + '" already exists.')
@@ -56,7 +58,7 @@ class DragulaService {
   }
 
   find (name) {
-    console.log('Dragula: find', name)    
+    console.log('Dragula: find', name)
     let bags = this.bags
     for (var i = 0; i < bags.length; i++) {
       if (bags[i].name === name) {
@@ -115,6 +117,17 @@ class DragulaService {
     drake.registered = true
   }
 
+  // convenience to set eventBus handlers via Object
+  on (handlerConfig = {}) {
+    let handlerNames = Object.keys(handlerConfig)
+
+    for (let handlerName of handlerNames) {
+      let handlerFunction = handlerConfig[handlerName]
+      this.eventBus.$on(handlerName, handlerFunction)
+    }
+  },
+
+
   destroy (name) {
     let bag = this.find(name)
     if (!bag) { return }
diff --git a/src/vue-dragula.js b/src/vue-dragula.js
index b7357d7..dd79f13 100644
--- a/src/vue-dragula.js
+++ b/src/vue-dragula.js
@@ -6,19 +6,50 @@ if (!dragula) {
 }
 
 export default function (Vue, options = {}) {
-  const service = new DragulaService(Vue)
+  const eventBus = new Vue()
+  const service = new DragulaService({
+    name: 'global.dragula',
+    eventBus
+  })
 
   let name = 'globalBag'
   let drake
 
   console.log('Adding Dragula as plugin...')
-  Vue.$dragula = {
+
+  Vue.prototype.$dragula = {
     options: service.setOptions.bind(service),
     find: service.find.bind(service),
-    eventBus: service.eventBus
+    eventBus: service.eventBus,
+
+    create: function(serviceOpts = {}) {
+      this.services = this.services || {};
+      let containers = serviceOpts.containers || []
+      let eventBus = serviceOpts.eventBus || eventBus
+
+      for (let container of containers) {
+        let name = container
+        let service = new DragulaService({
+          name,
+          eventBus
+        })
+        this.services[name] = service
+      }
+      return this
+    },
+    allOn: function(handlerConfig = {}) {
+      let services = Object.values(this.services)
+      // TODO: must set this handlerConfig on all services of this.services
+      for (let service of services) {
+        service.on(handlerConfig)
+      }
+    },
+    // allow specifying individual handlers on particular servic
+    service: function(name) {
+      return this.services[name]
+    }
   }
-  Vue.prototype.$dragula = Vue.$dragula 
- 
+
   Vue.directive('dragula', {
     params: ['bag'],
 
@@ -34,6 +65,25 @@ export default function (Vue, options = {}) {
       if (bagName !== undefined && bagName.length !== 0) {
         name = bagName
       }
+
+      // first try to register on DragulaService of component
+      let $dragulaOfComponent = vnode.context.$dragula
+      if ($dragulaOfComponent) {
+        containerName = binding.expression
+
+        drake = dragula({
+          containers: [container]
+        })
+
+        let containerService = $dragulaOfComponent.services[containerName]
+
+        if (containerService) {
+          containerService.add(name, drake)
+          containerService.handleModels(name, drake)
+          return
+        }
+      }
+
       const bag = service.find(name)
       if (bag) {
         drake = bag.drake
@@ -49,7 +99,8 @@ export default function (Vue, options = {}) {
     },
 
     update (container, binding, vnode, oldVnode) {
-      console.log('update Dragula', container)
+      console.log('update Dragula', container, binding, vnode)
+      console.log('context', vnode.context)
 
       const newValue = vnode
         ? binding.value // Vue 2

From 2793481d8d74c7061f1d97154b8aee3022fd1f63 Mon Sep 17 00:00:00 2001
From: Kristian Mandrup <kmandrup@gmail.com>
Date: Sat, 12 Nov 2016 12:22:04 +0100
Subject: [PATCH 09/30] allow passing bags

---
 README.md          | 23 +++++++++++++++++++++++
 src/vue-dragula.js |  8 +++++---
 2 files changed, 28 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index 90de1bd..0edaca6 100644
--- a/README.md
+++ b/README.md
@@ -20,6 +20,29 @@ Vue wrapper for [`dragula`][1].
   - `service(name)` : access individual service
 - Make `bind` try to bind directive (with bags) to a matching named component service before falling back to bind to global dragula service.
 
+The DragulaService now takes an options hash:
+
+```js
+  constructor ({name, eventBus, bags}) {
+    console.log('Create Dragula service')
+    this.name = name
+    this.bags = bags || [] // bag store
+    this.eventBus = eventBus
+    ...
+  }
+```
+
+A bag must be of the form:
+
+```js
+  bag = {
+    name,
+    drake
+  }
+```
+
+This allows you to add bags dynamically/programatically if needed.
+
 ## Install
 #### CommonJS
 
diff --git a/src/vue-dragula.js b/src/vue-dragula.js
index dd79f13..ec00eb2 100644
--- a/src/vue-dragula.js
+++ b/src/vue-dragula.js
@@ -9,7 +9,8 @@ export default function (Vue, options = {}) {
   const eventBus = new Vue()
   const service = new DragulaService({
     name: 'global.dragula',
-    eventBus
+    eventBus,
+    bags: options.bags
   })
 
   let name = 'globalBag'
@@ -26,12 +27,14 @@ export default function (Vue, options = {}) {
       this.services = this.services || {};
       let containers = serviceOpts.containers || []
       let eventBus = serviceOpts.eventBus || eventBus
+      let bags = serviceOpts.bags || []
 
       for (let container of containers) {
         let name = container
         let service = new DragulaService({
           name,
-          eventBus
+          eventBus,
+          bags
         })
         this.services[name] = service
       }
@@ -39,7 +42,6 @@ export default function (Vue, options = {}) {
     },
     allOn: function(handlerConfig = {}) {
       let services = Object.values(this.services)
-      // TODO: must set this handlerConfig on all services of this.services
       for (let service of services) {
         service.on(handlerConfig)
       }

From 42b59dcc9c2b8e452313cf5b44ab6cda503ac931 Mon Sep 17 00:00:00 2001
From: Kristian Mandrup <kmandrup@gmail.com>
Date: Sat, 12 Nov 2016 12:54:10 +0100
Subject: [PATCH 10/30] option for custom DragulaService and better docs

---
 README.md          | 90 ++++++++++++++++++++++++++++++++++++++++++++++
 src/index.js       |  4 +++
 src/service.js     |  3 ++
 src/vue-dragula.js | 12 ++++++-
 4 files changed, 108 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 0edaca6..de73b18 100644
--- a/README.md
+++ b/README.md
@@ -43,6 +43,96 @@ A bag must be of the form:
 
 This allows you to add bags dynamically/programatically if needed.
 
+### Binding models to dragable elements
+
+Please note that vue-dragula expects the `v-dragula` expression to be linked to an underlying model in the VM. When you move the elements in the UI you also rearrange the underlying model data (using `findModelForContainer`). 
+This is VERY POWERFUL!!
+
+Note that the special Vue events `removeModel` and `dropModel` are emitted as models are shifted around.
+
+```js
+    drake.on('remove', (el, container, source) => {
+      if (!drake.models) {
+        return
+      }
+      sourceModel = this.findModelForContainer(source, drake)
+      sourceModel.splice(dragIndex, 1)
+      drake.cancel(true)
+      this.eventBus.$emit('removeModel', [name, el, source, dragIndex])
+    })
+
+    drake.on('drag', (el, source) => {
+      dragElm = el
+      dragIndex = this.domIndexOf(el, source)
+    })
+
+    drake.on('drop', (dropElm, target, source) => {
+      if (!drake.models || !target) {
+        return
+      }
+      dropIndex = this.domIndexOf(dropElm, target)
+      sourceModel = this.findModelForContainer(source, drake)
+
+      if (target === source) {
+        sourceModel.splice(dropIndex, 0, sourceModel.splice(dragIndex, 1)[0])
+      } else {
+        let notCopy = dragElm === dropElm
+        let targetModel = this.findModelForContainer(target, drake)
+        let dropElmModel = notCopy ? sourceModel[dragIndex] : JSON.parse(JSON.stringify(sourceModel[dragIndex]))
+
+        if (notCopy) {
+          waitForTransition(() => {
+            sourceModel.splice(dragIndex, 1)
+          })
+        }
+        targetModel.splice(dropIndex, 0, dropElmModel)
+        drake.cancel(true)
+      }
+      this.eventBus.$emit('dropModel', [name, dropElm, target, source, dropIndex])
+    })
+    drake.registered = true
+  }
+```
+
+Each `bag` is setup to delegate dragula events to Vue eventbus events of the same name. This allows you to define custom event handling as regular Vue event handlers.
+
+```js
+  setupEvents (bag) {
+    bag.initEvents = true
+    let _this = this
+    let emitter = type => {
+      function replicate () {
+        let args = Array.prototype.slice.call(arguments)
+        _this.eventBus.$emit(type, [bag.name].concat(args))
+      }
+      bag.drake.on(type, replicate)
+    }
+    this.events.forEach(emitter)
+  }
+```
+
+### Customis DragulaService
+
+For even more customization, you can also subclass `DragulaService` or create your own, then pass a `createService` option for you install the plugin:
+
+```js
+import { DragulaService } from 'vue-dragula'
+
+class MyDragulaService extends DragulaService {
+  /// ...
+}
+
+function createService({name, eventBus, bags}) {
+  return new MyDragulaService({
+    name,
+    eventBus,
+    bags
+  })
+}
+
+Vue.use(VueDragula, { createService });
+```
+
 ## Install
 #### CommonJS
 
diff --git a/src/index.js b/src/index.js
index 8062f74..1a35092 100644
--- a/src/index.js
+++ b/src/index.js
@@ -13,6 +13,10 @@ plugin.version = '1.0.0'
 
 export default plugin
 
+// make it possible to subclass service
+import { default as DService } from './service'
+export const DragulaService = DService
+
 if (typeof define === 'function' && define.amd) { // eslint-disable-line
   define([], () => { plugin }) // eslint-disable-line
 } else if (window.Vue) {
diff --git a/src/service.js b/src/service.js
index ef17dee..c2efe5f 100644
--- a/src/service.js
+++ b/src/service.js
@@ -77,6 +77,7 @@ class DragulaService {
     let dragIndex
     let dropIndex
     let sourceModel
+
     drake.on('remove', (el, container, source) => {
       if (!drake.models) {
         return
@@ -86,10 +87,12 @@ class DragulaService {
       drake.cancel(true)
       this.eventBus.$emit('removeModel', [name, el, source, dragIndex])
     })
+
     drake.on('drag', (el, source) => {
       dragElm = el
       dragIndex = this.domIndexOf(el, source)
     })
+
     drake.on('drop', (dropElm, target, source) => {
       if (!drake.models || !target) {
         return
diff --git a/src/vue-dragula.js b/src/vue-dragula.js
index ec00eb2..f36a834 100644
--- a/src/vue-dragula.js
+++ b/src/vue-dragula.js
@@ -5,9 +5,19 @@ if (!dragula) {
   throw new Error('[vue-dragula] cannot locate dragula.')
 }
 
+function defaultCreateService({name, eventBus, bags}) {
+  return new DragulaService({
+    name,
+    eventBus,
+    bags
+  })
+}
+
 export default function (Vue, options = {}) {
   const eventBus = new Vue()
-  const service = new DragulaService({
+  let createService = options.createService || defaultCreateService
+
+  const service = createService({
     name: 'global.dragula',
     eventBus,
     bags: options.bags

From 5c8fd99d962bc42a927954ecd8e93a6a90fca2cf Mon Sep 17 00:00:00 2001
From: Kristian Mandrup <kmandrup@gmail.com>
Date: Sat, 12 Nov 2016 13:29:50 +0100
Subject: [PATCH 11/30] new build

---
 dist/vue-dragula.js     | 190 +++++++++++++++++++++++++++++++++++++---
 dist/vue-dragula.min.js |   2 +-
 src/service.js          |   3 +-
 3 files changed, 178 insertions(+), 17 deletions(-)

diff --git a/dist/vue-dragula.js b/dist/vue-dragula.js
index 120f841..0e76517 100644
--- a/dist/vue-dragula.js
+++ b/dist/vue-dragula.js
@@ -4,10 +4,10 @@
  * Released under the MIT License.
  */
 (function (global, factory) {
-	typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
-	typeof define === 'function' && define.amd ? define(factory) :
-	(global.vueDragula = factory());
-}(this, function () { 'use strict';
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+	typeof define === 'function' && define.amd ? define(['exports'], factory) :
+	(factory((global.vueDragula = global.vueDragula || {})));
+}(this, function (exports) { 'use strict';
 
 	var commonjsGlobal = typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {}
 
@@ -1221,13 +1221,19 @@ var require$$0$3 = Object.freeze({
 	  window.setTimeout(fn, 50);
 	};
 
-	var DragulaService = function () {
-	  function DragulaService(Vue) {
+	// Use one Service per directive instance
+
+	var DragulaService$1 = function () {
+	  function DragulaService(_ref) {
+	    var name = _ref.name,
+	        eventBus = _ref.eventBus,
+	        bags = _ref.bags;
 	    classCallCheck(this, DragulaService);
 
 	    console.log('Create Dragula service');
-	    this.bags = []; // bag store
-	    this.eventBus = new Vue();
+	    this.name = name;
+	    this.bags = bags || []; // bag store
+	    this.eventBus = eventBus;
 	    this.events = ['cancel', 'cloned', 'drag', 'dragend', 'drop', 'out', 'over', 'remove', 'shadow', 'dropModel', 'removeModel'];
 	  }
 
@@ -1278,6 +1284,7 @@ var require$$0$3 = Object.freeze({
 	      var dragIndex = void 0;
 	      var dropIndex = void 0;
 	      var sourceModel = void 0;
+
 	      drake.on('remove', function (el, container, source) {
 	        if (!drake.models) {
 	          return;
@@ -1287,10 +1294,12 @@ var require$$0$3 = Object.freeze({
 	        drake.cancel(true);
 	        _this2.eventBus.$emit('removeModel', [name, el, source, dragIndex]);
 	      });
+
 	      drake.on('drag', function (el, source) {
 	        dragElm = el;
 	        dragIndex = _this2.domIndexOf(el, source);
 	      });
+
 	      drake.on('drop', function (dropElm, target, source) {
 	        if (!drake.models || !target) {
 	          return;
@@ -1317,6 +1326,42 @@ var require$$0$3 = Object.freeze({
 	      });
 	      drake.registered = true;
 	    }
+
+	    // convenience to set eventBus handlers via Object
+
+	  }, {
+	    key: 'on',
+	    value: function on() {
+	      var handlerConfig = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+	      var handlerNames = Object.keys(handlerConfig);
+
+	      var _iteratorNormalCompletion = true;
+	      var _didIteratorError = false;
+	      var _iteratorError = undefined;
+
+	      try {
+	        for (var _iterator = handlerNames[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+	          var handlerName = _step.value;
+
+	          var handlerFunction = handlerConfig[handlerName];
+	          this.eventBus.$on(handlerName, handlerFunction);
+	        }
+	      } catch (err) {
+	        _didIteratorError = true;
+	        _iteratorError = err;
+	      } finally {
+	        try {
+	          if (!_iteratorNormalCompletion && _iterator.return) {
+	            _iterator.return();
+	          }
+	        } finally {
+	          if (_didIteratorError) {
+	            throw _iteratorError;
+	          }
+	        }
+	      }
+	    }
 	  }, {
 	    key: 'destroy',
 	    value: function destroy(name) {
@@ -1376,21 +1421,115 @@ var require$$0$3 = Object.freeze({
 	  throw new Error('[vue-dragula] cannot locate dragula.');
 	}
 
+	function defaultCreateService(_ref) {
+	  var name = _ref.name,
+	      eventBus = _ref.eventBus,
+	      bags = _ref.bags;
+
+	  return new DragulaService$1({
+	    name: name,
+	    eventBus: eventBus,
+	    bags: bags
+	  });
+	}
+
 	function VueDragula (Vue) {
 	  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
 
-	  var service = new DragulaService(Vue);
+	  var eventBus = new Vue();
+	  var createService = options.createService || defaultCreateService;
+
+	  var service = createService({
+	    name: 'global.dragula',
+	    eventBus: eventBus,
+	    bags: options.bags
+	  });
 
 	  var name = 'globalBag';
 	  var drake = void 0;
 
 	  console.log('Adding Dragula as plugin...');
-	  Vue.$dragula = {
+
+	  Vue.prototype.$dragula = {
 	    options: service.setOptions.bind(service),
 	    find: service.find.bind(service),
-	    eventBus: service.eventBus
+	    eventBus: service.eventBus,
+
+	    create: function create() {
+	      var serviceOpts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+	      this.services = this.services || {};
+	      var containers = serviceOpts.containers || [];
+	      var eventBus = serviceOpts.eventBus || eventBus;
+	      var bags = serviceOpts.bags || [];
+
+	      var _iteratorNormalCompletion = true;
+	      var _didIteratorError = false;
+	      var _iteratorError = undefined;
+
+	      try {
+	        for (var _iterator = containers[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+	          var container = _step.value;
+
+	          var _name = container;
+	          var _service = new DragulaService$1({
+	            name: _name,
+	            eventBus: eventBus,
+	            bags: bags
+	          });
+	          this.services[_name] = _service;
+	        }
+	      } catch (err) {
+	        _didIteratorError = true;
+	        _iteratorError = err;
+	      } finally {
+	        try {
+	          if (!_iteratorNormalCompletion && _iterator.return) {
+	            _iterator.return();
+	          }
+	        } finally {
+	          if (_didIteratorError) {
+	            throw _iteratorError;
+	          }
+	        }
+	      }
+
+	      return this;
+	    },
+	    allOn: function allOn() {
+	      var handlerConfig = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+	      var services = Object.values(this.services);
+	      var _iteratorNormalCompletion2 = true;
+	      var _didIteratorError2 = false;
+	      var _iteratorError2 = undefined;
+
+	      try {
+	        for (var _iterator2 = services[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+	          var _service2 = _step2.value;
+
+	          _service2.on(handlerConfig);
+	        }
+	      } catch (err) {
+	        _didIteratorError2 = true;
+	        _iteratorError2 = err;
+	      } finally {
+	        try {
+	          if (!_iteratorNormalCompletion2 && _iterator2.return) {
+	            _iterator2.return();
+	          }
+	        } finally {
+	          if (_didIteratorError2) {
+	            throw _iteratorError2;
+	          }
+	        }
+	      }
+	    },
+	    // allow specifying individual handlers on particular servic
+	    service: function service(name) {
+	      return this.services[name];
+	    }
 	  };
-	  Vue.prototype.$dragula = Vue.$dragula;
 
 	  Vue.directive('dragula', {
 	    params: ['bag'],
@@ -1406,6 +1545,25 @@ var require$$0$3 = Object.freeze({
 	      if (bagName !== undefined && bagName.length !== 0) {
 	        name = bagName;
 	      }
+
+	      // first try to register on DragulaService of component
+	      var $dragulaOfComponent = vnode.context.$dragula;
+	      if ($dragulaOfComponent) {
+	        containerName = binding.expression;
+
+	        drake = dragula$1({
+	          containers: [container]
+	        });
+
+	        var containerService = $dragulaOfComponent.services[containerName];
+
+	        if (containerService) {
+	          containerService.add(name, drake);
+	          containerService.handleModels(name, drake);
+	          return;
+	        }
+	      }
+
 	      var bag = service.find(name);
 	      if (bag) {
 	        drake = bag.drake;
@@ -1420,7 +1578,8 @@ var require$$0$3 = Object.freeze({
 	      service.handleModels(name, drake);
 	    },
 	    update: function update(container, binding, vnode, oldVnode) {
-	      console.log('update Dragula', container);
+	      console.log('update Dragula', container, binding, vnode);
+	      console.log('context', vnode.context);
 
 	      var newValue = vnode ? binding.value // Vue 2
 	      : container; // Vue 1
@@ -1490,6 +1649,8 @@ var require$$0$3 = Object.freeze({
 
 	plugin.version = '1.0.0';
 
+	var DragulaService = DragulaService$1;
+
 	if (typeof define === 'function' && define.amd) {
 	  // eslint-disable-line
 	  define([], function () {
@@ -1499,6 +1660,7 @@ var require$$0$3 = Object.freeze({
 	  window.Vue.use(plugin);
 	}
 
-	return plugin;
+	exports['default'] = plugin;
+	exports.DragulaService = DragulaService;
 
 }));
\ No newline at end of file
diff --git a/dist/vue-dragula.min.js b/dist/vue-dragula.min.js
index 2d10425..2816619 100644
--- a/dist/vue-dragula.min.js
+++ b/dist/vue-dragula.min.js
@@ -3,4 +3,4 @@
  * (c) 2016 Yichang Liu
  * Released under the MIT License.
  */
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n():"function"==typeof define&&define.amd?define(n):e.vueDragula=n()}(this,function(){"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}function n(e,n){return n={exports:{}},e(n,n.exports),n.exports}function t(e){var n=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},new $(e)),t="globalBag",r=void 0;console.log("Adding Dragula as plugin..."),e.$dragula={options:n.setOptions.bind(n),find:n.find.bind(n),eventBus:n.eventBus},e.prototype.$dragula=e.$dragula,e.directive("dragula",{params:["bag"],bind:function(e,o,i){console.log("bind Dragula",e);var a=i?i.data.attrs.bag:this.params.bag;i||(e=this.el),void 0!==a&&0!==a.length&&(t=a);var u=n.find(t);return u?(r=u.drake,void r.containers.push(e)):(r=X({containers:[e]}),n.add(t,r),void n.handleModels(t,r))},update:function(e,o,i,a){console.log("update Dragula",e);var u=i?o.value:e;if(u){var c=i?i.data.attrs.bag:this.params.bag;void 0!==c&&0!==c.length&&(t=c);var l=n.find(t);r=l.drake,r.models||(r.models=[]),i||(e=this.el);var d=n.findModelContainerByContainer(e,r);d?d.model=u:r.models.push({model:u,container:e})}},unbind:function(e,t,r){console.log("unbind Dragula",e);var o="globalBag",i=r?r.data.attrs.bag:this.params.bag;void 0!==i&&0!==i.length&&(o=i);var a=n.find(o).drake;if(a){var u=a.containers.indexOf(e);u>-1&&a.containers.splice(u,1),0===a.containers.length&&n.destroy(o)}}})}function r(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};r.installed&&console.warn("[vue-dragula] already installed."),console.log("Add Dragula plugin:",n),t(e,n)}var o="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},i=n(function(e){e.exports=function(e,n){return Array.prototype.slice.call(e,n)}}),a=e(i),u=Object.freeze({default:a}),c=n(function(e){var n,t="function"==typeof setImmediate;n=t?function(e){setImmediate(e)}:"undefined"!=typeof process&&process.nextTick?process.nextTick:function(e){setTimeout(e,0)},e.exports=n}),l=e(c),d=Object.freeze({default:l}),f=n(function(n){var t=e(d);n.exports=function(e,n,r){e&&t(function(){e.apply(r||null,n||[])})}}),s=e(f),v=Object.freeze({default:s}),p=n(function(n){var t=e(u),r=e(v);n.exports=function(e,n){var o=n||{},i={};return void 0===e&&(e={}),e.on=function(n,t){return i[n]?i[n].push(t):i[n]=[t],e},e.once=function(n,t){return t._once=!0,e.on(n,t),e},e.off=function(n,t){var r=arguments.length;if(1===r)delete i[n];else if(0===r)i={};else{var o=i[n];if(!o)return e;o.splice(o.indexOf(t),1)}return e},e.emit=function(){var n=t(arguments);return e.emitterSnapshot(n.shift()).apply(this,n)},e.emitterSnapshot=function(n){var a=(i[n]||[]).slice(0);return function(){var i=t(arguments),u=this||e;if("error"===n&&o.throws!==!1&&!a.length)throw 1===i.length?i[0]:i;return a.forEach(function(t){o.async?r(t,i,u):t.apply(u,i),t._once&&e.off(n,t)}),e}},e}}),m=e(p),g=Object.freeze({default:m}),h=n(function(e){function n(){try{var e=new t("cat",{detail:{foo:"bar"}});return"cat"===e.type&&"bar"===e.detail.foo}catch(e){}return!1}var t=o.CustomEvent;e.exports=n()?t:"function"==typeof document.createEvent?function(e,n){var t=document.createEvent("CustomEvent");return n?t.initCustomEvent(e,n.bubbles,n.cancelable,n.detail):t.initCustomEvent(e,!1,!1,void 0),t}:function(e,n){var t=document.createEventObject();return t.type=e,n?(t.bubbles=Boolean(n.bubbles),t.cancelable=Boolean(n.cancelable),t.detail=n.detail):(t.bubbles=!1,t.cancelable=!1,t.detail=void 0),t}}),y=e(h),b=Object.freeze({default:y}),w=n(function(e){var n=[],t="",r=/^on/;for(t in o)r.test(t)&&n.push(t.slice(2));e.exports=n}),x=e(w),E=Object.freeze({default:x}),C=n(function(n){function t(e,n,t,r){return e.addEventListener(n,t,r)}function r(e,n,t){return e.attachEvent("on"+n,l(e,n,t))}function i(e,n,t,r){return e.removeEventListener(n,t,r)}function a(e,n,t){var r=d(e,n,t);if(r)return e.detachEvent("on"+n,r)}function u(e,n,t){function r(){var e;return p.createEvent?(e=p.createEvent("Event"),e.initEvent(n,!0,!0)):p.createEventObject&&(e=p.createEventObject()),e}function o(){return new s(n,{detail:t})}var i=v.indexOf(n)===-1?o():r();e.dispatchEvent?e.dispatchEvent(i):e.fireEvent("on"+n,i)}function c(e,n,t){return function(n){var r=n||o.event;r.target=r.target||r.srcElement,r.preventDefault=r.preventDefault||function(){r.returnValue=!1},r.stopPropagation=r.stopPropagation||function(){r.cancelBubble=!0},r.which=r.which||r.keyCode,t.call(e,r)}}function l(e,n,t){var r=d(e,n,t)||c(e,n,t);return h.push({wrapper:r,element:e,type:n,fn:t}),r}function d(e,n,t){var r=f(e,n,t);if(r){var o=h[r].wrapper;return h.splice(r,1),o}}function f(e,n,t){var r,o;for(r=0;r<h.length;r++)if(o=h[r],o.element===e&&o.type===n&&o.fn===t)return r}var s=e(b),v=e(E),p=o.document,m=t,g=i,h=[];o.addEventListener||(m=r,g=a),n.exports={add:m,remove:g,fabricate:u}}),O=e(C),S=C.add,k=C.remove,B=C.fabricate,M=Object.freeze({default:O,add:S,remove:k,fabricate:B}),T=n(function(e){function n(e){var n=o[e];return n?n.lastIndex=0:o[e]=n=new RegExp(i+e+a,"g"),n}function t(e,t){var r=e.className;r.length?n(t).test(r)||(e.className+=" "+t):e.className=t}function r(e,t){e.className=e.className.replace(n(t)," ").trim()}var o={},i="(?:^|\\s)",a="(?:\\s|$)";e.exports={add:t,rm:r}}),N=e(T),j=T.add,D=T.rm,I=Object.freeze({default:N,add:j,rm:D}),P=n(function(n){function t(e,n){function t(e){return de.containers.indexOf(e)!==-1||le.isContainer(e)}function o(e){var n=e?"remove":"add";r(O,n,"mousedown",S),r(O,n,"mouseup",P)}function u(e){var n=e?"remove":"add";r(O,n,"mousemove",k)}function m(e){var n=e?"remove":"add";x[n](O,"selectstart",y),x[n](O,"click",y)}function g(){o(!0),P({})}function y(e){ue&&e.preventDefault()}function S(e){ne=e.clientX,te=e.clientY;var n=1!==i(e)||e.metaKey||e.ctrlKey;if(!n){var t=e.target,r=B(t);r&&(ue=r,u(),"mousedown"===e.type&&(p(t)?t.focus():e.preventDefault()))}}function k(e){if(ue){if(0===i(e))return void P({});if(void 0===e.clientX||e.clientX!==ne||void 0===e.clientY||e.clientY!==te){if(le.ignoreInputTextSelection){var n=b("clientX",e),t=b("clientY",e),r=C.elementFromPoint(n,t);if(p(r))return}var o=ue;u(!0),m(),D(),N(o);var c=a(W);Z=b("pageX",e)-c.left,ee=b("pageY",e)-c.top,E.add(ie||W,"gu-transit"),V(),R(e)}}}function B(e){if(!(de.dragging&&G||t(e))){for(var n=e;v(e)&&t(v(e))===!1;){if(le.invalid(e,n))return;if(e=v(e),!e)return}var r=v(e);if(r&&!le.invalid(e,n)){var o=le.moves(e,r,n,h(e));if(o)return{item:e,source:r}}}}function M(e){return!!B(e)}function T(e){var n=B(e);n&&N(n)}function N(e){q(e.item,e.source)&&(ie=e.item.cloneNode(!0),de.emit("cloned",ie,e.item,"copy")),Q=e.source,W=e.item,re=oe=h(e.item),de.dragging=!0,de.emit("drag",W,Q)}function j(){return!1}function D(){if(de.dragging){var e=ie||W;X(e,v(e))}}function I(){ue=!1,u(!0),m(!0)}function P(e){if(I(),de.dragging){var n=ie||W,t=b("clientX",e),r=b("clientY",e),o=c(G,t,r),i=$(o,t,r);i&&(ie&&le.copySortSource||!ie||i!==Q)?X(n,i):le.removeOnSpill?A():Y()}}function X(e,n){var t=v(e);ie&&le.copySortSource&&n===Q&&t.removeChild(W),F(n)?de.emit("cancel",e,Q,Q):de.emit("drop",e,n,Q,oe),z()}function A(){if(de.dragging){var e=ie||W,n=v(e);n&&n.removeChild(e),de.emit(ie?"cancel":"remove",e,n,Q),z()}}function Y(e){if(de.dragging){var n=arguments.length>0?e:le.revertOnSpill,t=ie||W,r=v(t),o=F(r);o===!1&&n&&(ie?r&&r.removeChild(ie):Q.insertBefore(t,re)),o||n?de.emit("cancel",t,Q,Q):de.emit("drop",t,r,Q,oe),z()}}function z(){var e=ie||W;I(),J(),e&&E.rm(e,"gu-transit"),ae&&clearTimeout(ae),de.dragging=!1,ce&&de.emit("out",e,ce,Q),de.emit("dragend",e),Q=W=ie=re=oe=ae=ce=null}function F(e,n){var t;return t=void 0!==n?n:G?oe:h(ie||W),e===Q&&t===re}function $(e,n,r){function o(){var o=t(i);if(o===!1)return!1;var a=K(i,e),u=U(i,a,n,r),c=F(i,u);return!!c||le.accepts(W,i,Q,u)}for(var i=e;i&&!o();)i=v(i);return i}function R(e){function n(e){de.emit(e,l,ce,Q)}function t(){s&&n("over")}function r(){ce&&n("out")}if(G){e.preventDefault();var o=b("clientX",e),i=b("clientY",e),a=o-Z,u=i-ee;G.style.left=a+"px",G.style.top=u+"px";var l=ie||W,d=c(G,o,i),f=$(d,o,i),s=null!==f&&f!==ce;(s||null===f)&&(r(),ce=f,t());var p=v(l);if(f===Q&&ie&&!le.copySortSource)return void(p&&p.removeChild(l));var m,g=K(f,d);if(null!==g)m=U(f,g,o,i);else{if(le.revertOnSpill!==!0||ie)return void(ie&&p&&p.removeChild(l));m=re,f=Q}(null===m&&s||m!==l&&m!==h(l))&&(oe=m,f.insertBefore(l,m),de.emit("shadow",l,f,Q))}}function _(e){E.rm(e,"gu-hide")}function L(e){de.dragging&&E.add(e,"gu-hide")}function V(){if(!G){var e=W.getBoundingClientRect();G=W.cloneNode(!0),G.style.width=f(e)+"px",G.style.height=s(e)+"px",E.rm(G,"gu-transit"),E.add(G,"gu-mirror"),le.mirrorContainer.appendChild(G),r(O,"add","mousemove",R),E.add(le.mirrorContainer,"gu-unselectable"),de.emit("cloned",G,W,"mirror")}}function J(){G&&(E.rm(le.mirrorContainer,"gu-unselectable"),r(O,"remove","mousemove",R),v(G).removeChild(G),G=null)}function K(e,n){for(var t=n;t!==e&&v(t)!==e;)t=v(t);return t===O?null:t}function U(e,n,t,r){function o(){var n,o,i,a=e.children.length;for(n=0;n<a;n++){if(o=e.children[n],i=o.getBoundingClientRect(),u&&i.left+i.width/2>t)return o;if(!u&&i.top+i.height/2>r)return o}return null}function i(){var e=n.getBoundingClientRect();return a(u?t>e.left+f(e)/2:r>e.top+s(e)/2)}function a(e){return e?h(n):n}var u="horizontal"===le.direction,c=n!==e?i():o();return c}function q(e,n){return"boolean"==typeof le.copy?le.copy:le.copy(e,n)}var H=arguments.length;1===H&&Array.isArray(e)===!1&&(n=e,e=[]);var G,Q,W,Z,ee,ne,te,re,oe,ie,ae,ue,ce=null,le=n||{};void 0===le.moves&&(le.moves=d),void 0===le.accepts&&(le.accepts=d),void 0===le.invalid&&(le.invalid=j),void 0===le.containers&&(le.containers=e||[]),void 0===le.isContainer&&(le.isContainer=l),void 0===le.copy&&(le.copy=!1),void 0===le.copySortSource&&(le.copySortSource=!1),void 0===le.revertOnSpill&&(le.revertOnSpill=!1),void 0===le.removeOnSpill&&(le.removeOnSpill=!1),void 0===le.direction&&(le.direction="vertical"),void 0===le.ignoreInputTextSelection&&(le.ignoreInputTextSelection=!0),void 0===le.mirrorContainer&&(le.mirrorContainer=C.body);var de=w({containers:le.containers,start:T,end:D,cancel:Y,remove:A,destroy:g,canMove:M,dragging:!1});return le.removeOnSpill===!0&&de.on("over",_).on("out",L),o(),de}function r(e,n,t,r){var i={mouseup:"touchend",mousedown:"touchstart",mousemove:"touchmove"},a={mouseup:"pointerup",mousedown:"pointerdown",mousemove:"pointermove"},u={mouseup:"MSPointerUp",mousedown:"MSPointerDown",mousemove:"MSPointerMove"};o.navigator.pointerEnabled?x[n](e,a[t],r):o.navigator.msPointerEnabled?x[n](e,u[t],r):(x[n](e,i[t],r),x[n](e,t,r))}function i(e){if(void 0!==e.touches)return e.touches.length;if(void 0!==e.which&&0!==e.which)return e.which;if(void 0!==e.buttons)return e.buttons;var n=e.button;return void 0!==n?1&n?1:2&n?3:4&n?2:0:void 0}function a(e){var n=e.getBoundingClientRect();return{left:n.left+u("scrollLeft","pageXOffset"),top:n.top+u("scrollTop","pageYOffset")}}function u(e,n){return"undefined"!=typeof o[n]?o[n]:O.clientHeight?O[e]:C.body[e]}function c(e,n,t){var r,o=e||{},i=o.className;return o.className+=" gu-hide",r=C.elementFromPoint(n,t),o.className=i,r}function l(){return!1}function d(){return!0}function f(e){return e.width||e.right-e.left}function s(e){return e.height||e.bottom-e.top}function v(e){return e.parentNode===C?null:e.parentNode}function p(e){return"INPUT"===e.tagName||"TEXTAREA"===e.tagName||"SELECT"===e.tagName||m(e)}function m(e){return!!e&&("false"!==e.contentEditable&&("true"===e.contentEditable||m(v(e))))}function h(e){function n(){var n=e;do n=n.nextSibling;while(n&&1!==n.nodeType);return n}return e.nextElementSibling||n()}function y(e){return e.targetTouches&&e.targetTouches.length?e.targetTouches[0]:e.changedTouches&&e.changedTouches.length?e.changedTouches[0]:e}function b(e,n){var t=y(n),r={pageX:"clientX",pageY:"clientY"};return e in r&&!(e in t)&&r[e]in t&&(e=r[e]),t[e]}var w=e(g),x=e(M),E=e(I),C=document,O=C.documentElement;n.exports=t}),X=e(P),A=(function(){function e(e){this.value=e}function n(n){function t(e,n){return new Promise(function(t,o){var u={key:e,arg:n,resolve:t,reject:o,next:null};a?a=a.next=u:(i=a=u,r(e,n))})}function r(t,i){try{var a=n[t](i),u=a.value;u instanceof e?Promise.resolve(u.value).then(function(e){r("next",e)},function(e){r("throw",e)}):o(a.done?"return":"normal",a.value)}catch(e){o("throw",e)}}function o(e,n){switch(e){case"return":i.resolve({value:n,done:!0});break;case"throw":i.reject(n);break;default:i.resolve({value:n,done:!1})}i=i.next,i?r(i.key,i.arg):a=null}var i,a;this._invoke=t,"function"!=typeof n.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(n.prototype[Symbol.asyncIterator]=function(){return this}),n.prototype.next=function(e){return this._invoke("next",e)},n.prototype.throw=function(e){return this._invoke("throw",e)},n.prototype.return=function(e){return this._invoke("return",e)},{wrap:function(e){return function(){return new n(e.apply(this,arguments))}},await:function(n){return new e(n)}}}(),function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}),Y=function(){function e(e,n){for(var t=0;t<n.length;t++){var r=n[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(n,t,r){return t&&e(n.prototype,t),r&&e(n,r),n}}();if(!X)throw new Error("[vue-dragula] cannot locate dragula.");var z=window.requestAnimationFrame,F=z?function(e){z(function(){z(e)})}:function(e){window.setTimeout(e,50)},$=function(){function e(n){A(this,e),console.log("Create Dragula service"),this.bags=[],this.eventBus=new n,this.events=["cancel","cloned","drag","dragend","drop","out","over","remove","shadow","dropModel","removeModel"]}return Y(e,[{key:"add",value:function(e,n){console.log("Dragula: add",e);var t=this.find(e);if(t)throw new Error('Bag named: "'+e+'" already exists.');return t={name:e,drake:n},this.bags.push(t),n.models&&this.handleModels(e,n),t.initEvents||this.setupEvents(t),t}},{key:"find",value:function(e){console.log("Dragula: find",e);for(var n=this.bags,t=0;t<n.length;t++)if(n[t].name===e)return n[t]}},{key:"handleModels",value:function(e,n){var t=this;if(console.log("Dragula: handleModels",e),!n.registered){var r=void 0,o=void 0,i=void 0,a=void 0;n.on("remove",function(r,i,u){n.models&&(a=t.findModelForContainer(u,n),a.splice(o,1),n.cancel(!0),t.eventBus.$emit("removeModel",[e,r,u,o]))}),n.on("drag",function(e,n){r=e,o=t.domIndexOf(e,n)}),n.on("drop",function(u,c,l){if(n.models&&c){if(i=t.domIndexOf(u,c),a=t.findModelForContainer(l,n),c===l)a.splice(i,0,a.splice(o,1)[0]);else{var d=r===u,f=t.findModelForContainer(c,n),s=d?a[o]:JSON.parse(JSON.stringify(a[o]));d&&F(function(){a.splice(o,1)}),f.splice(i,0,s),n.cancel(!0)}t.eventBus.$emit("dropModel",[e,u,c,l,i])}}),n.registered=!0}}},{key:"destroy",value:function(e){var n=this.find(e);if(n){var t=this.bags.indexOf(n);this.bags.splice(t,1),n.drake.destroy()}}},{key:"setOptions",value:function(e,n){var t=this.add(e,X(n));this.handleModels(e,t.drake)}},{key:"setupEvents",value:function(e){e.initEvents=!0;var n=this,t=function(t){function r(){var r=Array.prototype.slice.call(arguments);n.eventBus.$emit(t,[e.name].concat(r))}e.drake.on(t,r)};this.events.forEach(t)}},{key:"domIndexOf",value:function(e,n){return Array.prototype.indexOf.call(n.children,e)}},{key:"findModelForContainer",value:function(e,n){return(this.findModelContainerByContainer(e,n)||{}).model}},{key:"findModelContainerByContainer",value:function(e,n){if(n.models)return n.models.find(function(n){return n.container===e})}}]),e}();if(!X)throw new Error("[vue-dragula] cannot locate dragula.");return r.version="1.0.0","function"==typeof define&&define.amd?define([],function(){}):window.Vue&&window.Vue.use(r),r});
\ No newline at end of file
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports):"function"==typeof define&&define.amd?define(["exports"],n):n(e.vueDragula=e.vueDragula||{})}(this,function(e){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e.default:e}function t(e,n){return n={exports:{}},e(n,n.exports),n.exports}function r(e){var n=e.name,t=e.eventBus,r=e.bags;return new _({name:n,eventBus:t,bags:r})}function o(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=new e,o=n.createService||r,i=o({name:"global.dragula",eventBus:t,bags:n.bags}),a="globalBag",u=void 0;console.log("Adding Dragula as plugin..."),e.prototype.$dragula={options:i.setOptions.bind(i),find:i.find.bind(i),eventBus:i.eventBus,create:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.services=this.services||{};var n=e.containers||[],t=e.eventBus||t,r=e.bags||[],o=!0,i=!1,a=void 0;try{for(var u,c=n[Symbol.iterator]();!(o=(u=c.next()).done);o=!0){var l=u.value,f=l,d=new _({name:f,eventBus:t,bags:r});this.services[f]=d}}catch(e){i=!0,a=e}finally{try{!o&&c.return&&c.return()}finally{if(i)throw a}}return this},allOn:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Object.values(this.services),t=!0,r=!1,o=void 0;try{for(var i,a=n[Symbol.iterator]();!(t=(i=a.next()).done);t=!0){var u=i.value;u.on(e)}}catch(e){r=!0,o=e}finally{try{!t&&a.return&&a.return()}finally{if(r)throw o}}},service:function(e){return this.services[e]}},e.directive("dragula",{params:["bag"],bind:function(e,n,t){console.log("bind Dragula",e);var r=t?t.data.attrs.bag:this.params.bag;t||(e=this.el),void 0!==r&&0!==r.length&&(a=r);var o=t.context.$dragula;if(o){containerName=n.expression,u=Y({containers:[e]});var c=o.services[containerName];if(c)return c.add(a,u),void c.handleModels(a,u)}var l=i.find(a);return l?(u=l.drake,void u.containers.push(e)):(u=Y({containers:[e]}),i.add(a,u),void i.handleModels(a,u))},update:function(e,n,t,r){console.log("update Dragula",e,n,t),console.log("context",t.context);var o=t?n.value:e;if(o){var c=t?t.data.attrs.bag:this.params.bag;void 0!==c&&0!==c.length&&(a=c);var l=i.find(a);u=l.drake,u.models||(u.models=[]),t||(e=this.el);var f=i.findModelContainerByContainer(e,u);f?f.model=o:u.models.push({model:o,container:e})}},unbind:function(e,n,t){console.log("unbind Dragula",e);var r="globalBag",o=t?t.data.attrs.bag:this.params.bag;void 0!==o&&0!==o.length&&(r=o);var a=i.find(r).drake;if(a){var u=a.containers.indexOf(e);u>-1&&a.containers.splice(u,1),0===a.containers.length&&i.destroy(r)}}})}function i(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};i.installed&&console.warn("[vue-dragula] already installed."),console.log("Add Dragula plugin:",n),o(e,n)}var a="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},u=t(function(e){e.exports=function(e,n){return Array.prototype.slice.call(e,n)}}),c=n(u),l=Object.freeze({default:c}),f=t(function(e){var n,t="function"==typeof setImmediate;n=t?function(e){setImmediate(e)}:"undefined"!=typeof process&&process.nextTick?process.nextTick:function(e){setTimeout(e,0)},e.exports=n}),d=n(f),s=Object.freeze({default:d}),v=t(function(e){var t=n(s);e.exports=function(e,n,r){e&&t(function(){e.apply(r||null,n||[])})}}),p=n(v),m=Object.freeze({default:p}),g=t(function(e){var t=n(l),r=n(m);e.exports=function(e,n){var o=n||{},i={};return void 0===e&&(e={}),e.on=function(n,t){return i[n]?i[n].push(t):i[n]=[t],e},e.once=function(n,t){return t._once=!0,e.on(n,t),e},e.off=function(n,t){var r=arguments.length;if(1===r)delete i[n];else if(0===r)i={};else{var o=i[n];if(!o)return e;o.splice(o.indexOf(t),1)}return e},e.emit=function(){var n=t(arguments);return e.emitterSnapshot(n.shift()).apply(this,n)},e.emitterSnapshot=function(n){var a=(i[n]||[]).slice(0);return function(){var i=t(arguments),u=this||e;if("error"===n&&o.throws!==!1&&!a.length)throw 1===i.length?i[0]:i;return a.forEach(function(t){o.async?r(t,i,u):t.apply(u,i),t._once&&e.off(n,t)}),e}},e}}),h=n(g),y=Object.freeze({default:h}),b=t(function(e){function n(){try{var e=new t("cat",{detail:{foo:"bar"}});return"cat"===e.type&&"bar"===e.detail.foo}catch(e){}return!1}var t=a.CustomEvent;e.exports=n()?t:"function"==typeof document.createEvent?function(e,n){var t=document.createEvent("CustomEvent");return n?t.initCustomEvent(e,n.bubbles,n.cancelable,n.detail):t.initCustomEvent(e,!1,!1,void 0),t}:function(e,n){var t=document.createEventObject();return t.type=e,n?(t.bubbles=Boolean(n.bubbles),t.cancelable=Boolean(n.cancelable),t.detail=n.detail):(t.bubbles=!1,t.cancelable=!1,t.detail=void 0),t}}),w=n(b),x=Object.freeze({default:w}),E=t(function(e){var n=[],t="",r=/^on/;for(t in a)r.test(t)&&n.push(t.slice(2));e.exports=n}),S=n(E),O=Object.freeze({default:S}),C=t(function(e){function t(e,n,t,r){return e.addEventListener(n,t,r)}function r(e,n,t){return e.attachEvent("on"+n,l(e,n,t))}function o(e,n,t,r){return e.removeEventListener(n,t,r)}function i(e,n,t){var r=f(e,n,t);if(r)return e.detachEvent("on"+n,r)}function u(e,n,t){function r(){var e;return p.createEvent?(e=p.createEvent("Event"),e.initEvent(n,!0,!0)):p.createEventObject&&(e=p.createEventObject()),e}function o(){return new s(n,{detail:t})}var i=v.indexOf(n)===-1?o():r();e.dispatchEvent?e.dispatchEvent(i):e.fireEvent("on"+n,i)}function c(e,n,t){return function(n){var r=n||a.event;r.target=r.target||r.srcElement,r.preventDefault=r.preventDefault||function(){r.returnValue=!1},r.stopPropagation=r.stopPropagation||function(){r.cancelBubble=!0},r.which=r.which||r.keyCode,t.call(e,r)}}function l(e,n,t){var r=f(e,n,t)||c(e,n,t);return h.push({wrapper:r,element:e,type:n,fn:t}),r}function f(e,n,t){var r=d(e,n,t);if(r){var o=h[r].wrapper;return h.splice(r,1),o}}function d(e,n,t){var r,o;for(r=0;r<h.length;r++)if(o=h[r],o.element===e&&o.type===n&&o.fn===t)return r}var s=n(x),v=n(O),p=a.document,m=t,g=o,h=[];a.addEventListener||(m=r,g=i),e.exports={add:m,remove:g,fabricate:u}}),k=n(C),B=C.add,M=C.remove,T=C.fabricate,N=Object.freeze({default:k,add:B,remove:M,fabricate:T}),j=t(function(e){function n(e){var n=o[e];return n?n.lastIndex=0:o[e]=n=new RegExp(i+e+a,"g"),n}function t(e,t){var r=e.className;r.length?n(t).test(r)||(e.className+=" "+t):e.className=t}function r(e,t){e.className=e.className.replace(n(t)," ").trim()}var o={},i="(?:^|\\s)",a="(?:\\s|$)";e.exports={add:t,rm:r}}),D=n(j),I=j.add,P=j.rm,X=Object.freeze({default:D,add:I,rm:P}),A=t(function(e){function t(e,n){function t(e){return fe.containers.indexOf(e)!==-1||le.isContainer(e)}function a(e){var n=e?"remove":"add";r(O,n,"mousedown",C),r(O,n,"mouseup",P)}function u(e){var n=e?"remove":"add";r(O,n,"mousemove",k)}function m(e){var n=e?"remove":"add";x[n](O,"selectstart",y),x[n](O,"click",y)}function h(){a(!0),P({})}function y(e){ue&&e.preventDefault()}function C(e){ne=e.clientX,te=e.clientY;var n=1!==o(e)||e.metaKey||e.ctrlKey;if(!n){var t=e.target,r=B(t);r&&(ue=r,u(),"mousedown"===e.type&&(p(t)?t.focus():e.preventDefault()))}}function k(e){if(ue){if(0===o(e))return void P({});if(void 0===e.clientX||e.clientX!==ne||void 0===e.clientY||e.clientY!==te){if(le.ignoreInputTextSelection){var n=b("clientX",e),t=b("clientY",e),r=S.elementFromPoint(n,t);if(p(r))return}var a=ue;u(!0),m(),D(),N(a);var c=i(W);Z=b("pageX",e)-c.left,ee=b("pageY",e)-c.top,E.add(ie||W,"gu-transit"),V(),R(e)}}}function B(e){if(!(fe.dragging&&G||t(e))){for(var n=e;v(e)&&t(v(e))===!1;){if(le.invalid(e,n))return;if(e=v(e),!e)return}var r=v(e);if(r&&!le.invalid(e,n)){var o=le.moves(e,r,n,g(e));if(o)return{item:e,source:r}}}}function M(e){return!!B(e)}function T(e){var n=B(e);n&&N(n)}function N(e){q(e.item,e.source)&&(ie=e.item.cloneNode(!0),fe.emit("cloned",ie,e.item,"copy")),Q=e.source,W=e.item,re=oe=g(e.item),fe.dragging=!0,fe.emit("drag",W,Q)}function j(){return!1}function D(){if(fe.dragging){var e=ie||W;X(e,v(e))}}function I(){ue=!1,u(!0),m(!0)}function P(e){if(I(),fe.dragging){var n=ie||W,t=b("clientX",e),r=b("clientY",e),o=c(G,t,r),i=$(o,t,r);i&&(ie&&le.copySortSource||!ie||i!==Q)?X(n,i):le.removeOnSpill?A():Y()}}function X(e,n){var t=v(e);ie&&le.copySortSource&&n===Q&&t.removeChild(W),F(n)?fe.emit("cancel",e,Q,Q):fe.emit("drop",e,n,Q,oe),z()}function A(){if(fe.dragging){var e=ie||W,n=v(e);n&&n.removeChild(e),fe.emit(ie?"cancel":"remove",e,n,Q),z()}}function Y(e){if(fe.dragging){var n=arguments.length>0?e:le.revertOnSpill,t=ie||W,r=v(t),o=F(r);o===!1&&n&&(ie?r&&r.removeChild(ie):Q.insertBefore(t,re)),o||n?fe.emit("cancel",t,Q,Q):fe.emit("drop",t,r,Q,oe),z()}}function z(){var e=ie||W;I(),J(),e&&E.rm(e,"gu-transit"),ae&&clearTimeout(ae),fe.dragging=!1,ce&&fe.emit("out",e,ce,Q),fe.emit("dragend",e),Q=W=ie=re=oe=ae=ce=null}function F(e,n){var t;return t=void 0!==n?n:G?oe:g(ie||W),e===Q&&t===re}function $(e,n,r){function o(){var o=t(i);if(o===!1)return!1;var a=K(i,e),u=U(i,a,n,r),c=F(i,u);return!!c||le.accepts(W,i,Q,u)}for(var i=e;i&&!o();)i=v(i);return i}function R(e){function n(e){fe.emit(e,l,ce,Q)}function t(){s&&n("over")}function r(){ce&&n("out")}if(G){e.preventDefault();var o=b("clientX",e),i=b("clientY",e),a=o-Z,u=i-ee;G.style.left=a+"px",G.style.top=u+"px";var l=ie||W,f=c(G,o,i),d=$(f,o,i),s=null!==d&&d!==ce;(s||null===d)&&(r(),ce=d,t());var p=v(l);if(d===Q&&ie&&!le.copySortSource)return void(p&&p.removeChild(l));var m,h=K(d,f);if(null!==h)m=U(d,h,o,i);else{if(le.revertOnSpill!==!0||ie)return void(ie&&p&&p.removeChild(l));m=re,d=Q}(null===m&&s||m!==l&&m!==g(l))&&(oe=m,d.insertBefore(l,m),fe.emit("shadow",l,d,Q))}}function _(e){E.rm(e,"gu-hide")}function L(e){fe.dragging&&E.add(e,"gu-hide")}function V(){if(!G){var e=W.getBoundingClientRect();G=W.cloneNode(!0),G.style.width=d(e)+"px",G.style.height=s(e)+"px",E.rm(G,"gu-transit"),E.add(G,"gu-mirror"),le.mirrorContainer.appendChild(G),r(O,"add","mousemove",R),E.add(le.mirrorContainer,"gu-unselectable"),fe.emit("cloned",G,W,"mirror")}}function J(){G&&(E.rm(le.mirrorContainer,"gu-unselectable"),r(O,"remove","mousemove",R),v(G).removeChild(G),G=null)}function K(e,n){for(var t=n;t!==e&&v(t)!==e;)t=v(t);return t===O?null:t}function U(e,n,t,r){function o(){var n,o,i,a=e.children.length;for(n=0;n<a;n++){if(o=e.children[n],i=o.getBoundingClientRect(),u&&i.left+i.width/2>t)return o;if(!u&&i.top+i.height/2>r)return o}return null}function i(){var e=n.getBoundingClientRect();return a(u?t>e.left+d(e)/2:r>e.top+s(e)/2)}function a(e){return e?g(n):n}var u="horizontal"===le.direction,c=n!==e?i():o();return c}function q(e,n){return"boolean"==typeof le.copy?le.copy:le.copy(e,n)}var H=arguments.length;1===H&&Array.isArray(e)===!1&&(n=e,e=[]);var G,Q,W,Z,ee,ne,te,re,oe,ie,ae,ue,ce=null,le=n||{};void 0===le.moves&&(le.moves=f),void 0===le.accepts&&(le.accepts=f),void 0===le.invalid&&(le.invalid=j),void 0===le.containers&&(le.containers=e||[]),void 0===le.isContainer&&(le.isContainer=l),void 0===le.copy&&(le.copy=!1),void 0===le.copySortSource&&(le.copySortSource=!1),void 0===le.revertOnSpill&&(le.revertOnSpill=!1),void 0===le.removeOnSpill&&(le.removeOnSpill=!1),void 0===le.direction&&(le.direction="vertical"),void 0===le.ignoreInputTextSelection&&(le.ignoreInputTextSelection=!0),void 0===le.mirrorContainer&&(le.mirrorContainer=S.body);var fe=w({containers:le.containers,start:T,end:D,cancel:Y,remove:A,destroy:h,canMove:M,dragging:!1});return le.removeOnSpill===!0&&fe.on("over",_).on("out",L),a(),fe}function r(e,n,t,r){var o={mouseup:"touchend",mousedown:"touchstart",mousemove:"touchmove"},i={mouseup:"pointerup",mousedown:"pointerdown",mousemove:"pointermove"},u={mouseup:"MSPointerUp",mousedown:"MSPointerDown",mousemove:"MSPointerMove"};a.navigator.pointerEnabled?x[n](e,i[t],r):a.navigator.msPointerEnabled?x[n](e,u[t],r):(x[n](e,o[t],r),x[n](e,t,r))}function o(e){if(void 0!==e.touches)return e.touches.length;if(void 0!==e.which&&0!==e.which)return e.which;if(void 0!==e.buttons)return e.buttons;var n=e.button;return void 0!==n?1&n?1:2&n?3:4&n?2:0:void 0}function i(e){var n=e.getBoundingClientRect();return{left:n.left+u("scrollLeft","pageXOffset"),top:n.top+u("scrollTop","pageYOffset")}}function u(e,n){return"undefined"!=typeof a[n]?a[n]:O.clientHeight?O[e]:S.body[e]}function c(e,n,t){var r,o=e||{},i=o.className;return o.className+=" gu-hide",r=S.elementFromPoint(n,t),o.className=i,r}function l(){return!1}function f(){return!0}function d(e){return e.width||e.right-e.left}function s(e){return e.height||e.bottom-e.top}function v(e){return e.parentNode===S?null:e.parentNode}function p(e){return"INPUT"===e.tagName||"TEXTAREA"===e.tagName||"SELECT"===e.tagName||m(e)}function m(e){return!!e&&("false"!==e.contentEditable&&("true"===e.contentEditable||m(v(e))))}function g(e){function n(){var n=e;do n=n.nextSibling;while(n&&1!==n.nodeType);return n}return e.nextElementSibling||n()}function h(e){return e.targetTouches&&e.targetTouches.length?e.targetTouches[0]:e.changedTouches&&e.changedTouches.length?e.changedTouches[0]:e}function b(e,n){var t=h(n),r={pageX:"clientX",pageY:"clientY"};return e in r&&!(e in t)&&r[e]in t&&(e=r[e]),t[e]}var w=n(y),x=n(N),E=n(X),S=document,O=S.documentElement;e.exports=t}),Y=n(A),z=(function(){function e(e){this.value=e}function n(n){function t(e,n){return new Promise(function(t,o){var u={key:e,arg:n,resolve:t,reject:o,next:null};a?a=a.next=u:(i=a=u,r(e,n))})}function r(t,i){try{var a=n[t](i),u=a.value;u instanceof e?Promise.resolve(u.value).then(function(e){r("next",e)},function(e){r("throw",e)}):o(a.done?"return":"normal",a.value)}catch(e){o("throw",e)}}function o(e,n){switch(e){case"return":i.resolve({value:n,done:!0});break;case"throw":i.reject(n);break;default:i.resolve({value:n,done:!1})}i=i.next,i?r(i.key,i.arg):a=null}var i,a;this._invoke=t,"function"!=typeof n.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(n.prototype[Symbol.asyncIterator]=function(){return this}),n.prototype.next=function(e){return this._invoke("next",e)},n.prototype.throw=function(e){return this._invoke("throw",e)},n.prototype.return=function(e){return this._invoke("return",e)},{wrap:function(e){return function(){return new n(e.apply(this,arguments))}},await:function(n){return new e(n)}}}(),function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}),F=function(){function e(e,n){for(var t=0;t<n.length;t++){var r=n[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(n,t,r){return t&&e(n.prototype,t),r&&e(n,r),n}}();if(!Y)throw new Error("[vue-dragula] cannot locate dragula.");var $=window.requestAnimationFrame,R=$?function(e){$(function(){$(e)})}:function(e){window.setTimeout(e,50)},_=function(){function e(n){var t=n.name,r=n.eventBus,o=n.bags;z(this,e),console.log("Create Dragula service"),this.name=t,this.bags=o||[],this.eventBus=r,this.events=["cancel","cloned","drag","dragend","drop","out","over","remove","shadow","dropModel","removeModel"]}return F(e,[{key:"add",value:function(e,n){console.log("Dragula: add",e);var t=this.find(e);if(t)throw new Error('Bag named: "'+e+'" already exists.');return t={name:e,drake:n},this.bags.push(t),n.models&&this.handleModels(e,n),t.initEvents||this.setupEvents(t),t}},{key:"find",value:function(e){console.log("Dragula: find",e);for(var n=this.bags,t=0;t<n.length;t++)if(n[t].name===e)return n[t]}},{key:"handleModels",value:function(e,n){var t=this;if(console.log("Dragula: handleModels",e),!n.registered){var r=void 0,o=void 0,i=void 0,a=void 0;n.on("remove",function(r,i,u){n.models&&(a=t.findModelForContainer(u,n),a.splice(o,1),n.cancel(!0),t.eventBus.$emit("removeModel",[e,r,u,o]))}),n.on("drag",function(e,n){r=e,o=t.domIndexOf(e,n)}),n.on("drop",function(u,c,l){if(n.models&&c){if(i=t.domIndexOf(u,c),a=t.findModelForContainer(l,n),c===l)a.splice(i,0,a.splice(o,1)[0]);else{var f=r===u,d=t.findModelForContainer(c,n),s=f?a[o]:JSON.parse(JSON.stringify(a[o]));f&&R(function(){a.splice(o,1)}),d.splice(i,0,s),n.cancel(!0)}t.eventBus.$emit("dropModel",[e,u,c,l,i])}}),n.registered=!0}}},{key:"on",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Object.keys(e),t=!0,r=!1,o=void 0;try{for(var i,a=n[Symbol.iterator]();!(t=(i=a.next()).done);t=!0){var u=i.value,c=e[u];this.eventBus.$on(u,c)}}catch(e){r=!0,o=e}finally{try{!t&&a.return&&a.return()}finally{if(r)throw o}}}},{key:"destroy",value:function(e){var n=this.find(e);if(n){var t=this.bags.indexOf(n);this.bags.splice(t,1),n.drake.destroy()}}},{key:"setOptions",value:function(e,n){var t=this.add(e,Y(n));this.handleModels(e,t.drake)}},{key:"setupEvents",value:function(e){e.initEvents=!0;var n=this,t=function(t){function r(){var r=Array.prototype.slice.call(arguments);n.eventBus.$emit(t,[e.name].concat(r))}e.drake.on(t,r)};this.events.forEach(t)}},{key:"domIndexOf",value:function(e,n){return Array.prototype.indexOf.call(n.children,e)}},{key:"findModelForContainer",value:function(e,n){return(this.findModelContainerByContainer(e,n)||{}).model}},{key:"findModelContainerByContainer",value:function(e,n){if(n.models)return n.models.find(function(n){return n.container===e})}}]),e}();if(!Y)throw new Error("[vue-dragula] cannot locate dragula.");i.version="1.0.0";var L=_;"function"==typeof define&&define.amd?define([],function(){}):window.Vue&&window.Vue.use(i),e.default=i,e.DragulaService=L});
\ No newline at end of file
diff --git a/src/service.js b/src/service.js
index c2efe5f..a8f5572 100644
--- a/src/service.js
+++ b/src/service.js
@@ -128,8 +128,7 @@ class DragulaService {
       let handlerFunction = handlerConfig[handlerName]
       this.eventBus.$on(handlerName, handlerFunction)
     }
-  },
-
+  }
 
   destroy (name) {
     let bag = this.find(name)

From db001f307aa04e723fd6c12e6a00f6d5d6889e7a Mon Sep 17 00:00:00 2001
From: Kristian Mandrup <kmandrup@gmail.com>
Date: Sat, 12 Nov 2016 15:50:12 +0100
Subject: [PATCH 12/30] major refactor and updated docs

---
 README.md               |  76 +++++++-
 dist/vue-dragula.js     | 400 ++++++++++++++++++++++++++++------------
 dist/vue-dragula.min.js |   2 +-
 src/service.js          |  21 ++-
 src/vue-dragula.js      | 246 ++++++++++++++++--------
 5 files changed, 533 insertions(+), 212 deletions(-)

diff --git a/README.md b/README.md
index de73b18..fd23bb2 100644
--- a/README.md
+++ b/README.md
@@ -12,18 +12,32 @@ Vue wrapper for [`dragula`][1].
 
 - Changed life cycle method `ready` to `mounted` with `$nextTick`
 - Add `$dragula` to Vue.prototype to make available on each component instance
-- Add ability to create DragulaServices per container.
-- Add ability to create and set eventbus per service, either shared or independent
+- Make `$dragula.$service` a shortcut to access key methods on global service
+
+- Add `service` property to `v-dragula` directive to indicate service to use for container
+- Add ability to add `DragulaService` per service name of component via `service="name"` on `v-dragula` element or by default use the global service.
+
+- Add ability to create and set `eventBus` per service, either as shared bus or independent
+- Add ability to set `bags` on creation of `DragulaService`
+- Add ability to create and use custom `DragulaService` via `createService`  plugin option
+- Add ability to create and use custom `eventBus` via `createEventBus` plugin option
+
 - Add methods on `$dragula`
-  - `create({name, eventBus})` : create new service
-  - `allOn(handlerConfig = {})` : add set of eventBus handlers to all services
+  - `create({name, eventBus, bags})` : to create a named service
+  - `create({names, ...})` : to create multiple services (`names`)
+  - `on(handlerConfig = {})` : add set of eventBus handlers to all services
   - `service(name)` : access individual service
+  - `.services` : get list of all registered services
+  - `.serviceNames` : get list of names for all registered services
+
 - Make `bind` try to bind directive (with bags) to a matching named component service before falling back to bind to global dragula service.
+- Add detailed logging via `logging: true` option on plugin
+- Extracted common logic of directive functions into reusable functions
 
-The DragulaService now takes an options hash:
+The `DragulaService` now takes an options hash:
 
 ```js
-  constructor ({name, eventBus, bags}) {
+  constructor ({name, eventBus, bags, options}) {
     console.log('Create Dragula service')
     this.name = name
     this.bags = bags || [] // bag store
@@ -42,13 +56,19 @@ A bag must be of the form:
 ```
 
 This allows you to add bags dynamically/programatically if needed.
+The `drake` instance of each bag must be a dragula instance (with its own event handlers etc).
+
+```js
+bag.drake.on(type, replicate)
+```
 
 ### Binding models to dragable elements
 
-Please note that vue-dragula expects the `v-dragula` expression to be linked to an underlying model in the VM. When you move the elements in the UI you also rearrange the underlying model data (using `findModelForContainer`). 
-This is VERY POWERFUL!!
+Please note that `vue-dragula` expects the `v-dragula` binding expression to link to an underlying model in the VM. 
 
-Note that the special Vue events `removeModel` and `dropModel` are emitted as models are shifted around.
+When you move the elements in the UI you also rearrange the underlying model data (using `findModelForContainer`). This is VERY powerful!
+
+Note that the special Vue events `removeModel` and `dropModel` are emitted as models are operated on (using [splice](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/splice)).
 
 ```js
     drake.on('remove', (el, container, source) => {
@@ -94,7 +114,12 @@ Note that the special Vue events `removeModel` and `dropModel` are emitted as mo
   }
 ```
 
-Each `bag` is setup to delegate dragula events to Vue eventbus events of the same name. This allows you to define custom event handling as regular Vue event handlers.
+Please be advised not to change the default behavior of this key functionality.
+
+If you need more control over models (such as filtering, conditions etc.), use watchers on these models and then create derived models in response. 
+Keep the "raw" dragula models intact and in perfect sync with the models in the UI.
+
+Each `bag` is setup to delegate dragula events to the `eventBus` events of the same name. This lets you to define custom event handling as regular Vue event handlers.
 
 ```js
   setupEvents (bag) {
@@ -111,6 +136,17 @@ Each `bag` is setup to delegate dragula events to Vue eventbus events of the sam
   }
 ```
 
+### Logging
+
+You can now pass a `{logging: true}`
+
+```
+Vue.use(VueDragula, {
+  // ...
+  logging: true
+});
+```
+
 ### Customis DragulaService
 
 For even more customization, you can also subclass `DragulaService` or create your own, then pass a `createService` option for you install the plugin:
@@ -133,6 +169,26 @@ function createService({name, eventBus, bags}) {
 Vue.use(VueDragula, { createService });
 ```
 
+### Custom event bus
+
+You could create an event bus factory method to always log events emitted if logging is turned on.
+
+```js
+function createEventBus(Vue, options = {}) {
+  const eventBus = new Vue()
+  return {
+    $emit: function(event, args) {
+      if (options.logging) {
+        console.log('emit:', event, args)
+      }
+      eventBus.$emit(event, args)
+    }
+  })
+}
+
+Vue.use(VueDragula, { createService, createEventBus });
+```
+
 ## Install
 #### CommonJS
 
diff --git a/dist/vue-dragula.js b/dist/vue-dragula.js
index 0e76517..447f53d 100644
--- a/dist/vue-dragula.js
+++ b/dist/vue-dragula.js
@@ -1221,16 +1221,16 @@ var require$$0$3 = Object.freeze({
 	  window.setTimeout(fn, 50);
 	};
 
-	// Use one Service per directive instance
-
 	var DragulaService$1 = function () {
 	  function DragulaService(_ref) {
 	    var name = _ref.name,
 	        eventBus = _ref.eventBus,
-	        bags = _ref.bags;
+	        bags = _ref.bags,
+	        options = _ref.options;
 	    classCallCheck(this, DragulaService);
 
-	    console.log('Create Dragula service');
+	    this.options = options || {};
+	    this.logging = options.logging;
 	    this.name = name;
 	    this.bags = bags || []; // bag store
 	    this.eventBus = eventBus;
@@ -1238,9 +1238,22 @@ var require$$0$3 = Object.freeze({
 	  }
 
 	  createClass(DragulaService, [{
+	    key: 'log',
+	    value: function log(event) {
+	      var _console;
+
+	      if (!this.logging) return;
+
+	      for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+	        args[_key - 1] = arguments[_key];
+	      }
+
+	      (_console = console).log.apply(_console, ['DragulaService:', event].concat(args));
+	    }
+	  }, {
 	    key: 'add',
 	    value: function add(name, drake) {
-	      console.log('Dragula: add', name);
+	      this.log('add', name);
 	      var bag = this.find(name);
 	      if (bag) {
 	        throw new Error('Bag named: "' + name + '" already exists.');
@@ -1261,7 +1274,7 @@ var require$$0$3 = Object.freeze({
 	  }, {
 	    key: 'find',
 	    value: function find(name) {
-	      console.log('Dragula: find', name);
+	      this.log('find', name);
 	      var bags = this.bags;
 	      for (var i = 0; i < bags.length; i++) {
 	        if (bags[i].name === name) {
@@ -1274,7 +1287,7 @@ var require$$0$3 = Object.freeze({
 	    value: function handleModels(name, drake) {
 	      var _this2 = this;
 
-	      console.log('Dragula: handleModels', name);
+	      this.log('handleModels', name, drake);
 
 	      if (drake.registered) {
 	        // do not register events twice
@@ -1365,6 +1378,7 @@ var require$$0$3 = Object.freeze({
 	  }, {
 	    key: 'destroy',
 	    value: function destroy(name) {
+	      this.log('destroy', name);
 	      var bag = this.find(name);
 	      if (!bag) {
 	        return;
@@ -1376,12 +1390,14 @@ var require$$0$3 = Object.freeze({
 	  }, {
 	    key: 'setOptions',
 	    value: function setOptions(name, options) {
+	      this.log('setOptions', name, options);
 	      var bag = this.add(name, dragula$1(options));
 	      this.handleModels(name, bag.drake);
 	    }
 	  }, {
 	    key: 'setupEvents',
 	    value: function setupEvents(bag) {
+	      this.log('setupEvents', bag);
 	      bag.initEvents = true;
 	      var _this = this;
 	      var emitter = function emitter(type) {
@@ -1401,6 +1417,7 @@ var require$$0$3 = Object.freeze({
 	  }, {
 	    key: 'findModelForContainer',
 	    value: function findModelForContainer(container, drake) {
+	      this.log('findModelForContainer', container, drake);
 	      return (this.findModelContainerByContainer(container, drake) || {}).model;
 	    }
 	  }, {
@@ -1421,24 +1438,56 @@ var require$$0$3 = Object.freeze({
 	  throw new Error('[vue-dragula] cannot locate dragula.');
 	}
 
-	function defaultCreateService(_ref) {
-	  var name = _ref.name,
-	      eventBus = _ref.eventBus,
-	      bags = _ref.bags;
+	var defaults = {
+	  createService: function createService(_ref) {
+	    var name = _ref.name,
+	        eventBus = _ref.eventBus,
+	        bags = _ref.bags;
 
-	  return new DragulaService$1({
-	    name: name,
-	    eventBus: eventBus,
-	    bags: bags
-	  });
-	}
+	    return new DragulaService$1({
+	      name: name,
+	      eventBus: eventBus,
+	      bags: bags
+	    });
+	  },
+	  createEventBus: function createEventBus(Vue) {
+	    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+	    return new Vue();
+	  }
+	};
 
 	function VueDragula (Vue) {
 	  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
 
-	  var eventBus = new Vue();
-	  var createService = options.createService || defaultCreateService;
+	  function logPlugin() {
+	    var _console;
+
+	    if (!options.logging) return;
+
+	    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+	      args[_key] = arguments[_key];
+	    }
+
+	    (_console = console).log.apply(_console, ['vue-dragula plugin'].concat(args));
+	  }
+
+	  function logDir() {
+	    for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+	      args[_key2] = arguments[_key2];
+	    }
+
+	    return logPlugin.apply(undefined, ['v-dragula directive'].concat(args));
+	  }
+
+	  logPlugin('Initializing vue-dragula plugin', options);
+
+	  var createService = options.createService || defaults.createService;
+	  var createEventBus = options.createEventBus || defaults.createEventBus;
 
+	  var eventBus = createEventBus(Vue, options);
+
+	  // global service
 	  var service = createService({
 	    name: 'global.dragula',
 	    eventBus: eventBus,
@@ -1448,123 +1497,192 @@ var require$$0$3 = Object.freeze({
 	  var name = 'globalBag';
 	  var drake = void 0;
 
-	  console.log('Adding Dragula as plugin...');
+	  var Dragula = function () {
+	    function Dragula(options) {
+	      classCallCheck(this, Dragula);
 
-	  Vue.prototype.$dragula = {
-	    options: service.setOptions.bind(service),
-	    find: service.find.bind(service),
-	    eventBus: service.eventBus,
+	      this.options = options;
 
-	    create: function create() {
-	      var serviceOpts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+	      // convenience functions on global service
+	      this.$service = {
+	        options: service.setOptions.bind(service),
+	        find: service.find.bind(service),
+	        eventBus: this.eventBus = service.eventBus
+	      };
+	    }
 
-	      this.services = this.services || {};
-	      var containers = serviceOpts.containers || [];
-	      var eventBus = serviceOpts.eventBus || eventBus;
-	      var bags = serviceOpts.bags || [];
+	    createClass(Dragula, [{
+	      key: 'createService',
+	      value: function createService() {
+	        var serviceOpts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
-	      var _iteratorNormalCompletion = true;
-	      var _didIteratorError = false;
-	      var _iteratorError = undefined;
+	        this._serviceMap = this._serviceMap || {};
+	        var names = serviceOpts.names || [];
+	        var name = serviceOpts.name || [];
+	        names = names || [name];
+	        var eventBus = serviceOpts.eventBus || eventBus;
+	        var bags = serviceOpts.bags || [];
+
+	        var _iteratorNormalCompletion = true;
+	        var _didIteratorError = false;
+	        var _iteratorError = undefined;
 
-	      try {
-	        for (var _iterator = containers[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-	          var container = _step.value;
-
-	          var _name = container;
-	          var _service = new DragulaService$1({
-	            name: _name,
-	            eventBus: eventBus,
-	            bags: bags
-	          });
-	          this.services[_name] = _service;
-	        }
-	      } catch (err) {
-	        _didIteratorError = true;
-	        _iteratorError = err;
-	      } finally {
 	        try {
-	          if (!_iteratorNormalCompletion && _iterator.return) {
-	            _iterator.return();
+	          for (var _iterator = names[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+	            var _name = _step.value;
+
+	            var newService = new DragulaService$1({
+	              name: _name,
+	              eventBus: eventBus,
+	              bags: bags,
+	              options: options
+	            });
+	            this._serviceMap[_name] = newService;
 	          }
+	        } catch (err) {
+	          _didIteratorError = true;
+	          _iteratorError = err;
 	        } finally {
-	          if (_didIteratorError) {
-	            throw _iteratorError;
+	          try {
+	            if (!_iteratorNormalCompletion && _iterator.return) {
+	              _iterator.return();
+	            }
+	          } finally {
+	            if (_didIteratorError) {
+	              throw _iteratorError;
+	            }
 	          }
 	        }
-	      }
 
-	      return this;
-	    },
-	    allOn: function allOn() {
-	      var handlerConfig = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+	        return this;
+	      }
+	    }, {
+	      key: 'on',
+	      value: function on() {
+	        var handlerConfig = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
-	      var services = Object.values(this.services);
-	      var _iteratorNormalCompletion2 = true;
-	      var _didIteratorError2 = false;
-	      var _iteratorError2 = undefined;
+	        var services = Object.values(this.serviceMap);
+	        var _iteratorNormalCompletion2 = true;
+	        var _didIteratorError2 = false;
+	        var _iteratorError2 = undefined;
 
-	      try {
-	        for (var _iterator2 = services[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
-	          var _service2 = _step2.value;
-
-	          _service2.on(handlerConfig);
-	        }
-	      } catch (err) {
-	        _didIteratorError2 = true;
-	        _iteratorError2 = err;
-	      } finally {
 	        try {
-	          if (!_iteratorNormalCompletion2 && _iterator2.return) {
-	            _iterator2.return();
+	          for (var _iterator2 = services[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+	            var _service = _step2.value;
+
+	            _service.on(handlerConfig);
 	          }
+	        } catch (err) {
+	          _didIteratorError2 = true;
+	          _iteratorError2 = err;
 	        } finally {
-	          if (_didIteratorError2) {
-	            throw _iteratorError2;
+	          try {
+	            if (!_iteratorNormalCompletion2 && _iterator2.return) {
+	              _iterator2.return();
+	            }
+	          } finally {
+	            if (_didIteratorError2) {
+	              throw _iteratorError2;
+	            }
 	          }
 	        }
 	      }
-	    },
-	    // allow specifying individual handlers on particular servic
-	    service: function service(name) {
-	      return this.services[name];
-	    }
-	  };
-
-	  Vue.directive('dragula', {
-	    params: ['bag'],
+	    }, {
+	      key: 'service',
 
-	    bind: function bind(container, binding, vnode) {
-	      console.log('bind Dragula', container);
 
-	      var bagName = vnode ? vnode.data.attrs.bag // Vue 2
-	      : this.params.bag; // Vue 1
-	      if (!vnode) {
-	        container = this.el; // Vue 1
+	      // return named service or first service
+	      value: function service(name) {
+	        var found = this._serviceMap[name];
+	        if (!found || !name) {
+	          var keys = this.servicesNames;
+	          found = this._serviceMap[keys[0]];
+	        }
+	        return found;
 	      }
-	      if (bagName !== undefined && bagName.length !== 0) {
-	        name = bagName;
+	    }, {
+	      key: 'serviceNames',
+	      get: function get() {
+	        return Object.keys(this._serviceMap);
 	      }
+	    }, {
+	      key: 'services',
+	      get: function get() {
+	        return Object.values(this._serviceMap);
+	      }
+	    }]);
+	    return Dragula;
+	  }();
+
+	  Vue.$dragula = new Dragula(options);
 
-	      // first try to register on DragulaService of component
+	  Vue.prototype.$dragula = Vue.$dragula;
+
+	  function findService(name, vnode, serviceName) {
+	    // first try to register on DragulaService of component
+	    if (vnode) {
 	      var $dragulaOfComponent = vnode.context.$dragula;
 	      if ($dragulaOfComponent) {
-	        containerName = binding.expression;
+	        logDir('trying to find and use component service');
 
-	        drake = dragula$1({
-	          containers: [container]
-	        });
+	        var componentService = $dragulaOfComponent.services[serviceName];
+	        if (componentService) {
+	          logDir('using component service', componentService);
+	          return componentService;
+	        }
+	      }
+	    }
+	    logDir('using global service', service);
+	    return service.find(name, vnode);
+	  }
 
-	        var containerService = $dragulaOfComponent.services[containerName];
+	  function findBag(name, vnode, serviceName) {
+	    return findService(name, vnode, serviceName).find(name, vnode);
+	  }
 
-	        if (containerService) {
-	          containerService.add(name, drake);
-	          containerService.handleModels(name, drake);
-	          return;
-	        }
+	  function calcNames(name, vnode, ctx) {
+	    var bagName = vnode ? vnode.data.attrs.bag // Vue 2
+	    : this.params.bag; // Vue 1
+
+	    var serviceName = vnode ? vnode.data.attrs.service // Vue 2
+	    : this.params.service; // Vue 1
+
+	    if (bagName !== undefined && bagName.length !== 0) {
+	      name = bagName;
+	    }
+	    return { name: name, bagName: bagName, serviceName: serviceName };
+	  }
+
+	  Vue.directive('dragula', {
+	    params: ['bag', 'service'],
+
+	    bind: function bind(container, binding, vnode) {
+	      logDir('bind', container, binding, vnode);
+
+	      var _calcNames = calcNames('globalBag', vnode, this),
+	          name = _calcNames.name,
+	          bagName = _calcNames.bagName,
+	          serviceName = _calcNames.serviceName;
+
+	      var service = findService(name, vnode, serviceName);
+	      var bag = service.find(name, vnode);
+
+	      if (!vnode) {
+	        container = this.el; // Vue 1
 	      }
 
-	      var bag = service.find(name);
+	      logDir({
+	        service: {
+	          name: serviceName,
+	          instance: service
+	        },
+	        bag: {
+	          name: bagName,
+	          instance: bag
+	        },
+	        container: container
+	      });
+
 	      if (bag) {
 	        drake = bag.drake;
 	        drake.containers.push(container);
@@ -1578,8 +1696,7 @@ var require$$0$3 = Object.freeze({
 	      service.handleModels(name, drake);
 	    },
 	    update: function update(container, binding, vnode, oldVnode) {
-	      console.log('update Dragula', container, binding, vnode);
-	      console.log('context', vnode.context);
+	      logDir('update', container, binding, vnode);
 
 	      var newValue = vnode ? binding.value // Vue 2
 	      : container; // Vue 1
@@ -1587,12 +1704,14 @@ var require$$0$3 = Object.freeze({
 	        return;
 	      }
 
-	      var bagName = vnode ? vnode.data.attrs.bag // Vue 2
-	      : this.params.bag; // Vue 1
-	      if (bagName !== undefined && bagName.length !== 0) {
-	        name = bagName;
-	      }
-	      var bag = service.find(name);
+	      var _calcNames2 = calcNames('globalBag', vnode, this),
+	          name = _calcNames2.name,
+	          bagName = _calcNames2.bagName,
+	          serviceName = _calcNames2.serviceName;
+
+	      var service = findService(name, vnode, serviceName);
+	      var bag = service.find(name, vnode);
+
 	      drake = bag.drake;
 	      if (!drake.models) {
 	        drake.models = [];
@@ -1601,36 +1720,73 @@ var require$$0$3 = Object.freeze({
 	      if (!vnode) {
 	        container = this.el; // Vue 1
 	      }
+
 	      var modelContainer = service.findModelContainerByContainer(container, drake);
 
+	      logDir({
+	        service: {
+	          name: serviceName,
+	          instance: service
+	        },
+	        bag: {
+	          name: bagName,
+	          instance: bag
+	        },
+	        container: container,
+	        modelContainer: modelContainer
+	      });
+
 	      if (modelContainer) {
+	        logDir('set model of container', newValue);
 	        modelContainer.model = newValue;
 	      } else {
+	        logDir('push model and container on drake', newValue, container);
 	        drake.models.push({
 	          model: newValue,
 	          container: container
 	        });
 	      }
 	    },
+
+
+	    // Not sure to handle this with new design
 	    unbind: function unbind(container, binding, vnode) {
-	      console.log('unbind Dragula', container);
+	      logDir('unbind', container, binding, vnode);
+
+	      var _calcNames3 = calcNames('globalBag', vnode, this),
+	          name = _calcNames3.name,
+	          serviceName = _calcNames3.serviceName;
+
+	      var service = findService(name, vnode, serviceName);
+	      var bag = service.find(name, vnode);
+
+	      logDir({
+	        service: {
+	          name: serviceName,
+	          instance: service
+	        },
+	        bag: {
+	          name: bagName,
+	          instance: bag
+	        },
+	        container: container
+	      });
 
-	      var unbindBagName = 'globalBag';
-	      var bagName = vnode ? vnode.data.attrs.bag // Vue 2
-	      : this.params.bag; // Vue 1
-	      if (bagName !== undefined && bagName.length !== 0) {
-	        unbindBagName = bagName;
-	      }
-	      var drake = service.find(unbindBagName).drake;
+	      var drake = bag.drake;
 	      if (!drake) {
 	        return;
 	      }
+
 	      var containerIndex = drake.containers.indexOf(container);
+
 	      if (containerIndex > -1) {
+	        logDir('remove container', containerIndex);
 	        drake.containers.splice(containerIndex, 1);
 	      }
+
 	      if (drake.containers.length === 0) {
-	        service.destroy(unbindBagName);
+	        logDir('destroy service');
+	        service.destroy(name);
 	      }
 	    }
 	  });
diff --git a/dist/vue-dragula.min.js b/dist/vue-dragula.min.js
index 2816619..d4350f5 100644
--- a/dist/vue-dragula.min.js
+++ b/dist/vue-dragula.min.js
@@ -3,4 +3,4 @@
  * (c) 2016 Yichang Liu
  * Released under the MIT License.
  */
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports):"function"==typeof define&&define.amd?define(["exports"],n):n(e.vueDragula=e.vueDragula||{})}(this,function(e){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e.default:e}function t(e,n){return n={exports:{}},e(n,n.exports),n.exports}function r(e){var n=e.name,t=e.eventBus,r=e.bags;return new _({name:n,eventBus:t,bags:r})}function o(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=new e,o=n.createService||r,i=o({name:"global.dragula",eventBus:t,bags:n.bags}),a="globalBag",u=void 0;console.log("Adding Dragula as plugin..."),e.prototype.$dragula={options:i.setOptions.bind(i),find:i.find.bind(i),eventBus:i.eventBus,create:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.services=this.services||{};var n=e.containers||[],t=e.eventBus||t,r=e.bags||[],o=!0,i=!1,a=void 0;try{for(var u,c=n[Symbol.iterator]();!(o=(u=c.next()).done);o=!0){var l=u.value,f=l,d=new _({name:f,eventBus:t,bags:r});this.services[f]=d}}catch(e){i=!0,a=e}finally{try{!o&&c.return&&c.return()}finally{if(i)throw a}}return this},allOn:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Object.values(this.services),t=!0,r=!1,o=void 0;try{for(var i,a=n[Symbol.iterator]();!(t=(i=a.next()).done);t=!0){var u=i.value;u.on(e)}}catch(e){r=!0,o=e}finally{try{!t&&a.return&&a.return()}finally{if(r)throw o}}},service:function(e){return this.services[e]}},e.directive("dragula",{params:["bag"],bind:function(e,n,t){console.log("bind Dragula",e);var r=t?t.data.attrs.bag:this.params.bag;t||(e=this.el),void 0!==r&&0!==r.length&&(a=r);var o=t.context.$dragula;if(o){containerName=n.expression,u=Y({containers:[e]});var c=o.services[containerName];if(c)return c.add(a,u),void c.handleModels(a,u)}var l=i.find(a);return l?(u=l.drake,void u.containers.push(e)):(u=Y({containers:[e]}),i.add(a,u),void i.handleModels(a,u))},update:function(e,n,t,r){console.log("update Dragula",e,n,t),console.log("context",t.context);var o=t?n.value:e;if(o){var c=t?t.data.attrs.bag:this.params.bag;void 0!==c&&0!==c.length&&(a=c);var l=i.find(a);u=l.drake,u.models||(u.models=[]),t||(e=this.el);var f=i.findModelContainerByContainer(e,u);f?f.model=o:u.models.push({model:o,container:e})}},unbind:function(e,n,t){console.log("unbind Dragula",e);var r="globalBag",o=t?t.data.attrs.bag:this.params.bag;void 0!==o&&0!==o.length&&(r=o);var a=i.find(r).drake;if(a){var u=a.containers.indexOf(e);u>-1&&a.containers.splice(u,1),0===a.containers.length&&i.destroy(r)}}})}function i(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};i.installed&&console.warn("[vue-dragula] already installed."),console.log("Add Dragula plugin:",n),o(e,n)}var a="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},u=t(function(e){e.exports=function(e,n){return Array.prototype.slice.call(e,n)}}),c=n(u),l=Object.freeze({default:c}),f=t(function(e){var n,t="function"==typeof setImmediate;n=t?function(e){setImmediate(e)}:"undefined"!=typeof process&&process.nextTick?process.nextTick:function(e){setTimeout(e,0)},e.exports=n}),d=n(f),s=Object.freeze({default:d}),v=t(function(e){var t=n(s);e.exports=function(e,n,r){e&&t(function(){e.apply(r||null,n||[])})}}),p=n(v),m=Object.freeze({default:p}),g=t(function(e){var t=n(l),r=n(m);e.exports=function(e,n){var o=n||{},i={};return void 0===e&&(e={}),e.on=function(n,t){return i[n]?i[n].push(t):i[n]=[t],e},e.once=function(n,t){return t._once=!0,e.on(n,t),e},e.off=function(n,t){var r=arguments.length;if(1===r)delete i[n];else if(0===r)i={};else{var o=i[n];if(!o)return e;o.splice(o.indexOf(t),1)}return e},e.emit=function(){var n=t(arguments);return e.emitterSnapshot(n.shift()).apply(this,n)},e.emitterSnapshot=function(n){var a=(i[n]||[]).slice(0);return function(){var i=t(arguments),u=this||e;if("error"===n&&o.throws!==!1&&!a.length)throw 1===i.length?i[0]:i;return a.forEach(function(t){o.async?r(t,i,u):t.apply(u,i),t._once&&e.off(n,t)}),e}},e}}),h=n(g),y=Object.freeze({default:h}),b=t(function(e){function n(){try{var e=new t("cat",{detail:{foo:"bar"}});return"cat"===e.type&&"bar"===e.detail.foo}catch(e){}return!1}var t=a.CustomEvent;e.exports=n()?t:"function"==typeof document.createEvent?function(e,n){var t=document.createEvent("CustomEvent");return n?t.initCustomEvent(e,n.bubbles,n.cancelable,n.detail):t.initCustomEvent(e,!1,!1,void 0),t}:function(e,n){var t=document.createEventObject();return t.type=e,n?(t.bubbles=Boolean(n.bubbles),t.cancelable=Boolean(n.cancelable),t.detail=n.detail):(t.bubbles=!1,t.cancelable=!1,t.detail=void 0),t}}),w=n(b),x=Object.freeze({default:w}),E=t(function(e){var n=[],t="",r=/^on/;for(t in a)r.test(t)&&n.push(t.slice(2));e.exports=n}),S=n(E),O=Object.freeze({default:S}),C=t(function(e){function t(e,n,t,r){return e.addEventListener(n,t,r)}function r(e,n,t){return e.attachEvent("on"+n,l(e,n,t))}function o(e,n,t,r){return e.removeEventListener(n,t,r)}function i(e,n,t){var r=f(e,n,t);if(r)return e.detachEvent("on"+n,r)}function u(e,n,t){function r(){var e;return p.createEvent?(e=p.createEvent("Event"),e.initEvent(n,!0,!0)):p.createEventObject&&(e=p.createEventObject()),e}function o(){return new s(n,{detail:t})}var i=v.indexOf(n)===-1?o():r();e.dispatchEvent?e.dispatchEvent(i):e.fireEvent("on"+n,i)}function c(e,n,t){return function(n){var r=n||a.event;r.target=r.target||r.srcElement,r.preventDefault=r.preventDefault||function(){r.returnValue=!1},r.stopPropagation=r.stopPropagation||function(){r.cancelBubble=!0},r.which=r.which||r.keyCode,t.call(e,r)}}function l(e,n,t){var r=f(e,n,t)||c(e,n,t);return h.push({wrapper:r,element:e,type:n,fn:t}),r}function f(e,n,t){var r=d(e,n,t);if(r){var o=h[r].wrapper;return h.splice(r,1),o}}function d(e,n,t){var r,o;for(r=0;r<h.length;r++)if(o=h[r],o.element===e&&o.type===n&&o.fn===t)return r}var s=n(x),v=n(O),p=a.document,m=t,g=o,h=[];a.addEventListener||(m=r,g=i),e.exports={add:m,remove:g,fabricate:u}}),k=n(C),B=C.add,M=C.remove,T=C.fabricate,N=Object.freeze({default:k,add:B,remove:M,fabricate:T}),j=t(function(e){function n(e){var n=o[e];return n?n.lastIndex=0:o[e]=n=new RegExp(i+e+a,"g"),n}function t(e,t){var r=e.className;r.length?n(t).test(r)||(e.className+=" "+t):e.className=t}function r(e,t){e.className=e.className.replace(n(t)," ").trim()}var o={},i="(?:^|\\s)",a="(?:\\s|$)";e.exports={add:t,rm:r}}),D=n(j),I=j.add,P=j.rm,X=Object.freeze({default:D,add:I,rm:P}),A=t(function(e){function t(e,n){function t(e){return fe.containers.indexOf(e)!==-1||le.isContainer(e)}function a(e){var n=e?"remove":"add";r(O,n,"mousedown",C),r(O,n,"mouseup",P)}function u(e){var n=e?"remove":"add";r(O,n,"mousemove",k)}function m(e){var n=e?"remove":"add";x[n](O,"selectstart",y),x[n](O,"click",y)}function h(){a(!0),P({})}function y(e){ue&&e.preventDefault()}function C(e){ne=e.clientX,te=e.clientY;var n=1!==o(e)||e.metaKey||e.ctrlKey;if(!n){var t=e.target,r=B(t);r&&(ue=r,u(),"mousedown"===e.type&&(p(t)?t.focus():e.preventDefault()))}}function k(e){if(ue){if(0===o(e))return void P({});if(void 0===e.clientX||e.clientX!==ne||void 0===e.clientY||e.clientY!==te){if(le.ignoreInputTextSelection){var n=b("clientX",e),t=b("clientY",e),r=S.elementFromPoint(n,t);if(p(r))return}var a=ue;u(!0),m(),D(),N(a);var c=i(W);Z=b("pageX",e)-c.left,ee=b("pageY",e)-c.top,E.add(ie||W,"gu-transit"),V(),R(e)}}}function B(e){if(!(fe.dragging&&G||t(e))){for(var n=e;v(e)&&t(v(e))===!1;){if(le.invalid(e,n))return;if(e=v(e),!e)return}var r=v(e);if(r&&!le.invalid(e,n)){var o=le.moves(e,r,n,g(e));if(o)return{item:e,source:r}}}}function M(e){return!!B(e)}function T(e){var n=B(e);n&&N(n)}function N(e){q(e.item,e.source)&&(ie=e.item.cloneNode(!0),fe.emit("cloned",ie,e.item,"copy")),Q=e.source,W=e.item,re=oe=g(e.item),fe.dragging=!0,fe.emit("drag",W,Q)}function j(){return!1}function D(){if(fe.dragging){var e=ie||W;X(e,v(e))}}function I(){ue=!1,u(!0),m(!0)}function P(e){if(I(),fe.dragging){var n=ie||W,t=b("clientX",e),r=b("clientY",e),o=c(G,t,r),i=$(o,t,r);i&&(ie&&le.copySortSource||!ie||i!==Q)?X(n,i):le.removeOnSpill?A():Y()}}function X(e,n){var t=v(e);ie&&le.copySortSource&&n===Q&&t.removeChild(W),F(n)?fe.emit("cancel",e,Q,Q):fe.emit("drop",e,n,Q,oe),z()}function A(){if(fe.dragging){var e=ie||W,n=v(e);n&&n.removeChild(e),fe.emit(ie?"cancel":"remove",e,n,Q),z()}}function Y(e){if(fe.dragging){var n=arguments.length>0?e:le.revertOnSpill,t=ie||W,r=v(t),o=F(r);o===!1&&n&&(ie?r&&r.removeChild(ie):Q.insertBefore(t,re)),o||n?fe.emit("cancel",t,Q,Q):fe.emit("drop",t,r,Q,oe),z()}}function z(){var e=ie||W;I(),J(),e&&E.rm(e,"gu-transit"),ae&&clearTimeout(ae),fe.dragging=!1,ce&&fe.emit("out",e,ce,Q),fe.emit("dragend",e),Q=W=ie=re=oe=ae=ce=null}function F(e,n){var t;return t=void 0!==n?n:G?oe:g(ie||W),e===Q&&t===re}function $(e,n,r){function o(){var o=t(i);if(o===!1)return!1;var a=K(i,e),u=U(i,a,n,r),c=F(i,u);return!!c||le.accepts(W,i,Q,u)}for(var i=e;i&&!o();)i=v(i);return i}function R(e){function n(e){fe.emit(e,l,ce,Q)}function t(){s&&n("over")}function r(){ce&&n("out")}if(G){e.preventDefault();var o=b("clientX",e),i=b("clientY",e),a=o-Z,u=i-ee;G.style.left=a+"px",G.style.top=u+"px";var l=ie||W,f=c(G,o,i),d=$(f,o,i),s=null!==d&&d!==ce;(s||null===d)&&(r(),ce=d,t());var p=v(l);if(d===Q&&ie&&!le.copySortSource)return void(p&&p.removeChild(l));var m,h=K(d,f);if(null!==h)m=U(d,h,o,i);else{if(le.revertOnSpill!==!0||ie)return void(ie&&p&&p.removeChild(l));m=re,d=Q}(null===m&&s||m!==l&&m!==g(l))&&(oe=m,d.insertBefore(l,m),fe.emit("shadow",l,d,Q))}}function _(e){E.rm(e,"gu-hide")}function L(e){fe.dragging&&E.add(e,"gu-hide")}function V(){if(!G){var e=W.getBoundingClientRect();G=W.cloneNode(!0),G.style.width=d(e)+"px",G.style.height=s(e)+"px",E.rm(G,"gu-transit"),E.add(G,"gu-mirror"),le.mirrorContainer.appendChild(G),r(O,"add","mousemove",R),E.add(le.mirrorContainer,"gu-unselectable"),fe.emit("cloned",G,W,"mirror")}}function J(){G&&(E.rm(le.mirrorContainer,"gu-unselectable"),r(O,"remove","mousemove",R),v(G).removeChild(G),G=null)}function K(e,n){for(var t=n;t!==e&&v(t)!==e;)t=v(t);return t===O?null:t}function U(e,n,t,r){function o(){var n,o,i,a=e.children.length;for(n=0;n<a;n++){if(o=e.children[n],i=o.getBoundingClientRect(),u&&i.left+i.width/2>t)return o;if(!u&&i.top+i.height/2>r)return o}return null}function i(){var e=n.getBoundingClientRect();return a(u?t>e.left+d(e)/2:r>e.top+s(e)/2)}function a(e){return e?g(n):n}var u="horizontal"===le.direction,c=n!==e?i():o();return c}function q(e,n){return"boolean"==typeof le.copy?le.copy:le.copy(e,n)}var H=arguments.length;1===H&&Array.isArray(e)===!1&&(n=e,e=[]);var G,Q,W,Z,ee,ne,te,re,oe,ie,ae,ue,ce=null,le=n||{};void 0===le.moves&&(le.moves=f),void 0===le.accepts&&(le.accepts=f),void 0===le.invalid&&(le.invalid=j),void 0===le.containers&&(le.containers=e||[]),void 0===le.isContainer&&(le.isContainer=l),void 0===le.copy&&(le.copy=!1),void 0===le.copySortSource&&(le.copySortSource=!1),void 0===le.revertOnSpill&&(le.revertOnSpill=!1),void 0===le.removeOnSpill&&(le.removeOnSpill=!1),void 0===le.direction&&(le.direction="vertical"),void 0===le.ignoreInputTextSelection&&(le.ignoreInputTextSelection=!0),void 0===le.mirrorContainer&&(le.mirrorContainer=S.body);var fe=w({containers:le.containers,start:T,end:D,cancel:Y,remove:A,destroy:h,canMove:M,dragging:!1});return le.removeOnSpill===!0&&fe.on("over",_).on("out",L),a(),fe}function r(e,n,t,r){var o={mouseup:"touchend",mousedown:"touchstart",mousemove:"touchmove"},i={mouseup:"pointerup",mousedown:"pointerdown",mousemove:"pointermove"},u={mouseup:"MSPointerUp",mousedown:"MSPointerDown",mousemove:"MSPointerMove"};a.navigator.pointerEnabled?x[n](e,i[t],r):a.navigator.msPointerEnabled?x[n](e,u[t],r):(x[n](e,o[t],r),x[n](e,t,r))}function o(e){if(void 0!==e.touches)return e.touches.length;if(void 0!==e.which&&0!==e.which)return e.which;if(void 0!==e.buttons)return e.buttons;var n=e.button;return void 0!==n?1&n?1:2&n?3:4&n?2:0:void 0}function i(e){var n=e.getBoundingClientRect();return{left:n.left+u("scrollLeft","pageXOffset"),top:n.top+u("scrollTop","pageYOffset")}}function u(e,n){return"undefined"!=typeof a[n]?a[n]:O.clientHeight?O[e]:S.body[e]}function c(e,n,t){var r,o=e||{},i=o.className;return o.className+=" gu-hide",r=S.elementFromPoint(n,t),o.className=i,r}function l(){return!1}function f(){return!0}function d(e){return e.width||e.right-e.left}function s(e){return e.height||e.bottom-e.top}function v(e){return e.parentNode===S?null:e.parentNode}function p(e){return"INPUT"===e.tagName||"TEXTAREA"===e.tagName||"SELECT"===e.tagName||m(e)}function m(e){return!!e&&("false"!==e.contentEditable&&("true"===e.contentEditable||m(v(e))))}function g(e){function n(){var n=e;do n=n.nextSibling;while(n&&1!==n.nodeType);return n}return e.nextElementSibling||n()}function h(e){return e.targetTouches&&e.targetTouches.length?e.targetTouches[0]:e.changedTouches&&e.changedTouches.length?e.changedTouches[0]:e}function b(e,n){var t=h(n),r={pageX:"clientX",pageY:"clientY"};return e in r&&!(e in t)&&r[e]in t&&(e=r[e]),t[e]}var w=n(y),x=n(N),E=n(X),S=document,O=S.documentElement;e.exports=t}),Y=n(A),z=(function(){function e(e){this.value=e}function n(n){function t(e,n){return new Promise(function(t,o){var u={key:e,arg:n,resolve:t,reject:o,next:null};a?a=a.next=u:(i=a=u,r(e,n))})}function r(t,i){try{var a=n[t](i),u=a.value;u instanceof e?Promise.resolve(u.value).then(function(e){r("next",e)},function(e){r("throw",e)}):o(a.done?"return":"normal",a.value)}catch(e){o("throw",e)}}function o(e,n){switch(e){case"return":i.resolve({value:n,done:!0});break;case"throw":i.reject(n);break;default:i.resolve({value:n,done:!1})}i=i.next,i?r(i.key,i.arg):a=null}var i,a;this._invoke=t,"function"!=typeof n.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(n.prototype[Symbol.asyncIterator]=function(){return this}),n.prototype.next=function(e){return this._invoke("next",e)},n.prototype.throw=function(e){return this._invoke("throw",e)},n.prototype.return=function(e){return this._invoke("return",e)},{wrap:function(e){return function(){return new n(e.apply(this,arguments))}},await:function(n){return new e(n)}}}(),function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}),F=function(){function e(e,n){for(var t=0;t<n.length;t++){var r=n[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(n,t,r){return t&&e(n.prototype,t),r&&e(n,r),n}}();if(!Y)throw new Error("[vue-dragula] cannot locate dragula.");var $=window.requestAnimationFrame,R=$?function(e){$(function(){$(e)})}:function(e){window.setTimeout(e,50)},_=function(){function e(n){var t=n.name,r=n.eventBus,o=n.bags;z(this,e),console.log("Create Dragula service"),this.name=t,this.bags=o||[],this.eventBus=r,this.events=["cancel","cloned","drag","dragend","drop","out","over","remove","shadow","dropModel","removeModel"]}return F(e,[{key:"add",value:function(e,n){console.log("Dragula: add",e);var t=this.find(e);if(t)throw new Error('Bag named: "'+e+'" already exists.');return t={name:e,drake:n},this.bags.push(t),n.models&&this.handleModels(e,n),t.initEvents||this.setupEvents(t),t}},{key:"find",value:function(e){console.log("Dragula: find",e);for(var n=this.bags,t=0;t<n.length;t++)if(n[t].name===e)return n[t]}},{key:"handleModels",value:function(e,n){var t=this;if(console.log("Dragula: handleModels",e),!n.registered){var r=void 0,o=void 0,i=void 0,a=void 0;n.on("remove",function(r,i,u){n.models&&(a=t.findModelForContainer(u,n),a.splice(o,1),n.cancel(!0),t.eventBus.$emit("removeModel",[e,r,u,o]))}),n.on("drag",function(e,n){r=e,o=t.domIndexOf(e,n)}),n.on("drop",function(u,c,l){if(n.models&&c){if(i=t.domIndexOf(u,c),a=t.findModelForContainer(l,n),c===l)a.splice(i,0,a.splice(o,1)[0]);else{var f=r===u,d=t.findModelForContainer(c,n),s=f?a[o]:JSON.parse(JSON.stringify(a[o]));f&&R(function(){a.splice(o,1)}),d.splice(i,0,s),n.cancel(!0)}t.eventBus.$emit("dropModel",[e,u,c,l,i])}}),n.registered=!0}}},{key:"on",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Object.keys(e),t=!0,r=!1,o=void 0;try{for(var i,a=n[Symbol.iterator]();!(t=(i=a.next()).done);t=!0){var u=i.value,c=e[u];this.eventBus.$on(u,c)}}catch(e){r=!0,o=e}finally{try{!t&&a.return&&a.return()}finally{if(r)throw o}}}},{key:"destroy",value:function(e){var n=this.find(e);if(n){var t=this.bags.indexOf(n);this.bags.splice(t,1),n.drake.destroy()}}},{key:"setOptions",value:function(e,n){var t=this.add(e,Y(n));this.handleModels(e,t.drake)}},{key:"setupEvents",value:function(e){e.initEvents=!0;var n=this,t=function(t){function r(){var r=Array.prototype.slice.call(arguments);n.eventBus.$emit(t,[e.name].concat(r))}e.drake.on(t,r)};this.events.forEach(t)}},{key:"domIndexOf",value:function(e,n){return Array.prototype.indexOf.call(n.children,e)}},{key:"findModelForContainer",value:function(e,n){return(this.findModelContainerByContainer(e,n)||{}).model}},{key:"findModelContainerByContainer",value:function(e,n){if(n.models)return n.models.find(function(n){return n.container===e})}}]),e}();if(!Y)throw new Error("[vue-dragula] cannot locate dragula.");i.version="1.0.0";var L=_;"function"==typeof define&&define.amd?define([],function(){}):window.Vue&&window.Vue.use(i),e.default=i,e.DragulaService=L});
\ No newline at end of file
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports):"function"==typeof define&&define.amd?define(["exports"],n):n(e.vueDragula=e.vueDragula||{})}(this,function(e){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e.default:e}function t(e,n){return n={exports:{}},e(n,n.exports),n.exports}function r(e){function n(){var e;if(o.logging){for(var n=arguments.length,t=Array(n),r=0;r<n;r++)t[r]=arguments[r];(e=console).log.apply(e,["vue-dragula plugin"].concat(t))}}function t(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return n.apply(void 0,["v-dragula directive"].concat(t))}function r(e,n,r){if(n){var i=n.context.$dragula;if(i){t("trying to find and use component service");var o=i.services[r];if(o)return t("using component service",o),o}}return t("using global service",l),l.find(e,n)}function i(e,n,t){var r=n?n.data.attrs.bag:this.params.bag,i=n?n.data.attrs.service:this.params.service;return void 0!==r&&0!==r.length&&(e=r),{name:e,bagName:r,serviceName:i}}var o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};n("Initializing vue-dragula plugin",o);var a=o.createService||R.createService,u=o.createEventBus||R.createEventBus,c=u(e,o),l=a({name:"global.dragula",eventBus:c,bags:o.bags}),s=void 0,f=function(){function e(n){X(this,e),this.options=n,this.$service={options:l.setOptions.bind(l),find:l.find.bind(l),eventBus:this.eventBus=l.eventBus}}return z(e,[{key:"createService",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this._serviceMap=this._serviceMap||{};var n=e.names||[],t=e.name||[];n=n||[t];var r=e.eventBus||r,i=e.bags||[],a=!0,u=!1,c=void 0;try{for(var l,s=n[Symbol.iterator]();!(a=(l=s.next()).done);a=!0){var f=l.value,d=new F({name:f,eventBus:r,bags:i,options:o});this._serviceMap[f]=d}}catch(e){u=!0,c=e}finally{try{!a&&s.return&&s.return()}finally{if(u)throw c}}return this}},{key:"on",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Object.values(this.serviceMap),t=!0,r=!1,i=void 0;try{for(var o,a=n[Symbol.iterator]();!(t=(o=a.next()).done);t=!0){var u=o.value;u.on(e)}}catch(e){r=!0,i=e}finally{try{!t&&a.return&&a.return()}finally{if(r)throw i}}}},{key:"service",value:function(e){var n=this._serviceMap[e];if(!n||!e){var t=this.servicesNames;n=this._serviceMap[t[0]]}return n}},{key:"serviceNames",get:function(){return Object.keys(this._serviceMap)}},{key:"services",get:function(){return Object.values(this._serviceMap)}}]),e}();e.$dragula=new f(o),e.prototype.$dragula=e.$dragula,e.directive("dragula",{params:["bag","service"],bind:function(e,n,o){t("bind",e,n,o);var a=i("globalBag",o,this),u=a.name,c=a.bagName,l=a.serviceName,f=r(u,o,l),d=f.find(u,o);return o||(e=this.el),t({service:{name:l,instance:f},bag:{name:c,instance:d},container:e}),d?(s=d.drake,void s.containers.push(e)):(s=D({containers:[e]}),f.add(u,s),void f.handleModels(u,s))},update:function(e,n,o,a){t("update",e,n,o);var u=o?n.value:e;if(u){var c=i("globalBag",o,this),l=c.name,f=c.bagName,d=c.serviceName,v=r(l,o,d),p=v.find(l,o);s=p.drake,s.models||(s.models=[]),o||(e=this.el);var m=v.findModelContainerByContainer(e,s);t({service:{name:d,instance:v},bag:{name:f,instance:p},container:e,modelContainer:m}),m?(t("set model of container",u),m.model=u):(t("push model and container on drake",u,e),s.models.push({model:u,container:e}))}},unbind:function(e,n,o){t("unbind",e,n,o);var a=i("globalBag",o,this),u=a.name,c=a.serviceName,l=r(u,o,c),s=l.find(u,o);t({service:{name:c,instance:l},bag:{name:bagName,instance:s},container:e});var f=s.drake;if(f){var d=f.containers.indexOf(e);d>-1&&(t("remove container",d),f.containers.splice(d,1)),0===f.containers.length&&(t("destroy service"),l.destroy(u))}}})}function i(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};i.installed&&console.warn("[vue-dragula] already installed."),console.log("Add Dragula plugin:",n),r(e,n)}var o="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},a=t(function(e){e.exports=function(e,n){return Array.prototype.slice.call(e,n)}}),u=n(a),c=Object.freeze({default:u}),l=t(function(e){var n,t="function"==typeof setImmediate;n=t?function(e){setImmediate(e)}:"undefined"!=typeof process&&process.nextTick?process.nextTick:function(e){setTimeout(e,0)},e.exports=n}),s=n(l),f=Object.freeze({default:s}),d=t(function(e){var t=n(f);e.exports=function(e,n,r){e&&t(function(){e.apply(r||null,n||[])})}}),v=n(d),p=Object.freeze({default:v}),m=t(function(e){var t=n(c),r=n(p);e.exports=function(e,n){var i=n||{},o={};return void 0===e&&(e={}),e.on=function(n,t){return o[n]?o[n].push(t):o[n]=[t],e},e.once=function(n,t){return t._once=!0,e.on(n,t),e},e.off=function(n,t){var r=arguments.length;if(1===r)delete o[n];else if(0===r)o={};else{var i=o[n];if(!i)return e;i.splice(i.indexOf(t),1)}return e},e.emit=function(){var n=t(arguments);return e.emitterSnapshot(n.shift()).apply(this,n)},e.emitterSnapshot=function(n){var a=(o[n]||[]).slice(0);return function(){var o=t(arguments),u=this||e;if("error"===n&&i.throws!==!1&&!a.length)throw 1===o.length?o[0]:o;return a.forEach(function(t){i.async?r(t,o,u):t.apply(u,o),t._once&&e.off(n,t)}),e}},e}}),g=n(m),h=Object.freeze({default:g}),y=t(function(e){function n(){try{var e=new t("cat",{detail:{foo:"bar"}});return"cat"===e.type&&"bar"===e.detail.foo}catch(e){}return!1}var t=o.CustomEvent;e.exports=n()?t:"function"==typeof document.createEvent?function(e,n){var t=document.createEvent("CustomEvent");return n?t.initCustomEvent(e,n.bubbles,n.cancelable,n.detail):t.initCustomEvent(e,!1,!1,void 0),t}:function(e,n){var t=document.createEventObject();return t.type=e,n?(t.bubbles=Boolean(n.bubbles),t.cancelable=Boolean(n.cancelable),t.detail=n.detail):(t.bubbles=!1,t.cancelable=!1,t.detail=void 0),t}}),b=n(y),w=Object.freeze({default:b}),x=t(function(e){var n=[],t="",r=/^on/;for(t in o)r.test(t)&&n.push(t.slice(2));e.exports=n}),E=n(x),S=Object.freeze({default:E}),O=t(function(e){function t(e,n,t,r){return e.addEventListener(n,t,r)}function r(e,n,t){return e.attachEvent("on"+n,l(e,n,t))}function i(e,n,t,r){return e.removeEventListener(n,t,r)}function a(e,n,t){var r=s(e,n,t);if(r)return e.detachEvent("on"+n,r)}function u(e,n,t){function r(){var e;return p.createEvent?(e=p.createEvent("Event"),e.initEvent(n,!0,!0)):p.createEventObject&&(e=p.createEventObject()),e}function i(){return new d(n,{detail:t})}var o=v.indexOf(n)===-1?i():r();e.dispatchEvent?e.dispatchEvent(o):e.fireEvent("on"+n,o)}function c(e,n,t){return function(n){var r=n||o.event;r.target=r.target||r.srcElement,r.preventDefault=r.preventDefault||function(){r.returnValue=!1},r.stopPropagation=r.stopPropagation||function(){r.cancelBubble=!0},r.which=r.which||r.keyCode,t.call(e,r)}}function l(e,n,t){var r=s(e,n,t)||c(e,n,t);return h.push({wrapper:r,element:e,type:n,fn:t}),r}function s(e,n,t){var r=f(e,n,t);if(r){var i=h[r].wrapper;return h.splice(r,1),i}}function f(e,n,t){var r,i;for(r=0;r<h.length;r++)if(i=h[r],i.element===e&&i.type===n&&i.fn===t)return r}var d=n(w),v=n(S),p=o.document,m=t,g=i,h=[];o.addEventListener||(m=r,g=a),e.exports={add:m,remove:g,fabricate:u}}),k=n(O),C=O.add,B=O.remove,M=O.fabricate,N=Object.freeze({default:k,add:C,remove:B,fabricate:M}),T=t(function(e){function n(e){var n=i[e];return n?n.lastIndex=0:i[e]=n=new RegExp(o+e+a,"g"),n}function t(e,t){var r=e.className;r.length?n(t).test(r)||(e.className+=" "+t):e.className=t}function r(e,t){e.className=e.className.replace(n(t)," ").trim()}var i={},o="(?:^|\\s)",a="(?:\\s|$)";e.exports={add:t,rm:r}}),j=n(T),I=T.add,_=T.rm,A=Object.freeze({default:j,add:I,rm:_}),P=t(function(e){function t(e,n){function t(e){return se.containers.indexOf(e)!==-1||le.isContainer(e)}function o(e){var n=e?"remove":"add";r(O,n,"mousedown",k),r(O,n,"mouseup",A)}function u(e){var n=e?"remove":"add";r(O,n,"mousemove",C)}function m(e){var n=e?"remove":"add";x[n](O,"selectstart",y),x[n](O,"click",y)}function h(){o(!0),A({})}function y(e){ue&&e.preventDefault()}function k(e){ne=e.clientX,te=e.clientY;var n=1!==i(e)||e.metaKey||e.ctrlKey;if(!n){var t=e.target,r=B(t);r&&(ue=r,u(),"mousedown"===e.type&&(p(t)?t.focus():e.preventDefault()))}}function C(e){if(ue){if(0===i(e))return void A({});if(void 0===e.clientX||e.clientX!==ne||void 0===e.clientY||e.clientY!==te){if(le.ignoreInputTextSelection){var n=b("clientX",e),t=b("clientY",e),r=S.elementFromPoint(n,t);if(p(r))return}var o=ue;u(!0),m(),I(),T(o);var c=a(W);Z=b("pageX",e)-c.left,ee=b("pageY",e)-c.top,E.add(oe||W,"gu-transit"),V(),F(e)}}}function B(e){if(!(se.dragging&&G||t(e))){for(var n=e;v(e)&&t(v(e))===!1;){if(le.invalid(e,n))return;if(e=v(e),!e)return}var r=v(e);if(r&&!le.invalid(e,n)){var i=le.moves(e,r,n,g(e));if(i)return{item:e,source:r}}}}function M(e){return!!B(e)}function N(e){var n=B(e);n&&T(n)}function T(e){q(e.item,e.source)&&(oe=e.item.cloneNode(!0),se.emit("cloned",oe,e.item,"copy")),Q=e.source,W=e.item,re=ie=g(e.item),se.dragging=!0,se.emit("drag",W,Q)}function j(){return!1}function I(){if(se.dragging){var e=oe||W;P(e,v(e))}}function _(){ue=!1,u(!0),m(!0)}function A(e){if(_(),se.dragging){var n=oe||W,t=b("clientX",e),r=b("clientY",e),i=c(G,t,r),o=$(i,t,r);o&&(oe&&le.copySortSource||!oe||o!==Q)?P(n,o):le.removeOnSpill?D():X()}}function P(e,n){var t=v(e);oe&&le.copySortSource&&n===Q&&t.removeChild(W),Y(n)?se.emit("cancel",e,Q,Q):se.emit("drop",e,n,Q,ie),z()}function D(){if(se.dragging){var e=oe||W,n=v(e);n&&n.removeChild(e),se.emit(oe?"cancel":"remove",e,n,Q),z()}}function X(e){if(se.dragging){var n=arguments.length>0?e:le.revertOnSpill,t=oe||W,r=v(t),i=Y(r);i===!1&&n&&(oe?r&&r.removeChild(oe):Q.insertBefore(t,re)),i||n?se.emit("cancel",t,Q,Q):se.emit("drop",t,r,Q,ie),z()}}function z(){var e=oe||W;_(),J(),e&&E.rm(e,"gu-transit"),ae&&clearTimeout(ae),se.dragging=!1,ce&&se.emit("out",e,ce,Q),se.emit("dragend",e),Q=W=oe=re=ie=ae=ce=null}function Y(e,n){var t;return t=void 0!==n?n:G?ie:g(oe||W),e===Q&&t===re}function $(e,n,r){function i(){var i=t(o);if(i===!1)return!1;var a=K(o,e),u=U(o,a,n,r),c=Y(o,u);return!!c||le.accepts(W,o,Q,u)}for(var o=e;o&&!i();)o=v(o);return o}function F(e){function n(e){se.emit(e,l,ce,Q)}function t(){d&&n("over")}function r(){ce&&n("out")}if(G){e.preventDefault();var i=b("clientX",e),o=b("clientY",e),a=i-Z,u=o-ee;G.style.left=a+"px",G.style.top=u+"px";var l=oe||W,s=c(G,i,o),f=$(s,i,o),d=null!==f&&f!==ce;(d||null===f)&&(r(),ce=f,t());var p=v(l);if(f===Q&&oe&&!le.copySortSource)return void(p&&p.removeChild(l));var m,h=K(f,s);if(null!==h)m=U(f,h,i,o);else{if(le.revertOnSpill!==!0||oe)return void(oe&&p&&p.removeChild(l));m=re,f=Q}(null===m&&d||m!==l&&m!==g(l))&&(ie=m,f.insertBefore(l,m),se.emit("shadow",l,f,Q))}}function R(e){E.rm(e,"gu-hide")}function L(e){se.dragging&&E.add(e,"gu-hide")}function V(){if(!G){var e=W.getBoundingClientRect();G=W.cloneNode(!0),G.style.width=f(e)+"px",G.style.height=d(e)+"px",E.rm(G,"gu-transit"),E.add(G,"gu-mirror"),le.mirrorContainer.appendChild(G),r(O,"add","mousemove",F),E.add(le.mirrorContainer,"gu-unselectable"),se.emit("cloned",G,W,"mirror")}}function J(){G&&(E.rm(le.mirrorContainer,"gu-unselectable"),r(O,"remove","mousemove",F),v(G).removeChild(G),G=null)}function K(e,n){for(var t=n;t!==e&&v(t)!==e;)t=v(t);return t===O?null:t}function U(e,n,t,r){function i(){var n,i,o,a=e.children.length;for(n=0;n<a;n++){if(i=e.children[n],o=i.getBoundingClientRect(),u&&o.left+o.width/2>t)return i;if(!u&&o.top+o.height/2>r)return i}return null}function o(){var e=n.getBoundingClientRect();return a(u?t>e.left+f(e)/2:r>e.top+d(e)/2)}function a(e){return e?g(n):n}var u="horizontal"===le.direction,c=n!==e?o():i();return c}function q(e,n){return"boolean"==typeof le.copy?le.copy:le.copy(e,n)}var H=arguments.length;1===H&&Array.isArray(e)===!1&&(n=e,e=[]);var G,Q,W,Z,ee,ne,te,re,ie,oe,ae,ue,ce=null,le=n||{};void 0===le.moves&&(le.moves=s),void 0===le.accepts&&(le.accepts=s),void 0===le.invalid&&(le.invalid=j),void 0===le.containers&&(le.containers=e||[]),void 0===le.isContainer&&(le.isContainer=l),void 0===le.copy&&(le.copy=!1),void 0===le.copySortSource&&(le.copySortSource=!1),void 0===le.revertOnSpill&&(le.revertOnSpill=!1),void 0===le.removeOnSpill&&(le.removeOnSpill=!1),void 0===le.direction&&(le.direction="vertical"),void 0===le.ignoreInputTextSelection&&(le.ignoreInputTextSelection=!0),void 0===le.mirrorContainer&&(le.mirrorContainer=S.body);var se=w({containers:le.containers,start:N,end:I,cancel:X,remove:D,destroy:h,canMove:M,dragging:!1});return le.removeOnSpill===!0&&se.on("over",R).on("out",L),o(),se}function r(e,n,t,r){var i={mouseup:"touchend",mousedown:"touchstart",mousemove:"touchmove"},a={mouseup:"pointerup",mousedown:"pointerdown",mousemove:"pointermove"},u={mouseup:"MSPointerUp",mousedown:"MSPointerDown",mousemove:"MSPointerMove"};o.navigator.pointerEnabled?x[n](e,a[t],r):o.navigator.msPointerEnabled?x[n](e,u[t],r):(x[n](e,i[t],r),x[n](e,t,r))}function i(e){if(void 0!==e.touches)return e.touches.length;if(void 0!==e.which&&0!==e.which)return e.which;if(void 0!==e.buttons)return e.buttons;var n=e.button;return void 0!==n?1&n?1:2&n?3:4&n?2:0:void 0}function a(e){var n=e.getBoundingClientRect();return{left:n.left+u("scrollLeft","pageXOffset"),top:n.top+u("scrollTop","pageYOffset")}}function u(e,n){return"undefined"!=typeof o[n]?o[n]:O.clientHeight?O[e]:S.body[e]}function c(e,n,t){var r,i=e||{},o=i.className;return i.className+=" gu-hide",r=S.elementFromPoint(n,t),i.className=o,r}function l(){return!1}function s(){return!0}function f(e){return e.width||e.right-e.left}function d(e){return e.height||e.bottom-e.top}function v(e){return e.parentNode===S?null:e.parentNode}function p(e){return"INPUT"===e.tagName||"TEXTAREA"===e.tagName||"SELECT"===e.tagName||m(e)}function m(e){return!!e&&("false"!==e.contentEditable&&("true"===e.contentEditable||m(v(e))))}function g(e){function n(){var n=e;do n=n.nextSibling;while(n&&1!==n.nodeType);return n}return e.nextElementSibling||n()}function y(e){return e.targetTouches&&e.targetTouches.length?e.targetTouches[0]:e.changedTouches&&e.changedTouches.length?e.changedTouches[0]:e}function b(e,n){var t=y(n),r={pageX:"clientX",pageY:"clientY"};return e in r&&!(e in t)&&r[e]in t&&(e=r[e]),t[e]}var w=n(h),x=n(N),E=n(A),S=document,O=S.documentElement;e.exports=t}),D=n(P),X=(function(){function e(e){this.value=e}function n(n){function t(e,n){return new Promise(function(t,i){var u={key:e,arg:n,resolve:t,reject:i,next:null};a?a=a.next=u:(o=a=u,r(e,n))})}function r(t,o){try{var a=n[t](o),u=a.value;u instanceof e?Promise.resolve(u.value).then(function(e){r("next",e)},function(e){r("throw",e)}):i(a.done?"return":"normal",a.value)}catch(e){i("throw",e)}}function i(e,n){switch(e){case"return":o.resolve({value:n,done:!0});break;case"throw":o.reject(n);break;default:o.resolve({value:n,done:!1})}o=o.next,o?r(o.key,o.arg):a=null}var o,a;this._invoke=t,"function"!=typeof n.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(n.prototype[Symbol.asyncIterator]=function(){return this}),n.prototype.next=function(e){return this._invoke("next",e)},n.prototype.throw=function(e){return this._invoke("throw",e)},n.prototype.return=function(e){return this._invoke("return",e)},{wrap:function(e){return function(){return new n(e.apply(this,arguments))}},await:function(n){return new e(n)}}}(),function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}),z=function(){function e(e,n){for(var t=0;t<n.length;t++){var r=n[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(n,t,r){return t&&e(n.prototype,t),r&&e(n,r),n}}();if(!D)throw new Error("[vue-dragula] cannot locate dragula.");var Y=window.requestAnimationFrame,$=Y?function(e){Y(function(){Y(e)})}:function(e){window.setTimeout(e,50)},F=function(){function e(n){var t=n.name,r=n.eventBus,i=n.bags,o=n.options;X(this,e),this.options=o||{},this.logging=o.logging,this.name=t,this.bags=i||[],this.eventBus=r,this.events=["cancel","cloned","drag","dragend","drop","out","over","remove","shadow","dropModel","removeModel"]}return z(e,[{key:"log",value:function(e){var n;if(this.logging){for(var t=arguments.length,r=Array(t>1?t-1:0),i=1;i<t;i++)r[i-1]=arguments[i];(n=console).log.apply(n,["DragulaService:",e].concat(r))}}},{key:"add",value:function(e,n){this.log("add",e);var t=this.find(e);if(t)throw new Error('Bag named: "'+e+'" already exists.');return t={name:e,drake:n},this.bags.push(t),n.models&&this.handleModels(e,n),t.initEvents||this.setupEvents(t),t}},{key:"find",value:function(e){this.log("find",e);for(var n=this.bags,t=0;t<n.length;t++)if(n[t].name===e)return n[t]}},{key:"handleModels",value:function(e,n){var t=this;if(this.log("handleModels",e,n),!n.registered){var r=void 0,i=void 0,o=void 0,a=void 0;n.on("remove",function(r,o,u){n.models&&(a=t.findModelForContainer(u,n),a.splice(i,1),n.cancel(!0),t.eventBus.$emit("removeModel",[e,r,u,i]))}),n.on("drag",function(e,n){r=e,i=t.domIndexOf(e,n)}),n.on("drop",function(u,c,l){if(n.models&&c){if(o=t.domIndexOf(u,c),a=t.findModelForContainer(l,n),c===l)a.splice(o,0,a.splice(i,1)[0]);else{var s=r===u,f=t.findModelForContainer(c,n),d=s?a[i]:JSON.parse(JSON.stringify(a[i]));s&&$(function(){a.splice(i,1)}),f.splice(o,0,d),n.cancel(!0)}t.eventBus.$emit("dropModel",[e,u,c,l,o])}}),n.registered=!0}}},{key:"on",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Object.keys(e),t=!0,r=!1,i=void 0;try{for(var o,a=n[Symbol.iterator]();!(t=(o=a.next()).done);t=!0){var u=o.value,c=e[u];this.eventBus.$on(u,c)}}catch(e){r=!0,i=e}finally{try{!t&&a.return&&a.return()}finally{if(r)throw i}}}},{key:"destroy",value:function(e){this.log("destroy",e);var n=this.find(e);if(n){var t=this.bags.indexOf(n);this.bags.splice(t,1),n.drake.destroy()}}},{key:"setOptions",value:function(e,n){this.log("setOptions",e,n);var t=this.add(e,D(n));this.handleModels(e,t.drake)}},{key:"setupEvents",value:function(e){this.log("setupEvents",e),e.initEvents=!0;var n=this,t=function(t){function r(){var r=Array.prototype.slice.call(arguments);n.eventBus.$emit(t,[e.name].concat(r))}e.drake.on(t,r)};this.events.forEach(t)}},{key:"domIndexOf",value:function(e,n){return Array.prototype.indexOf.call(n.children,e)}},{key:"findModelForContainer",value:function(e,n){return this.log("findModelForContainer",e,n),(this.findModelContainerByContainer(e,n)||{}).model}},{key:"findModelContainerByContainer",value:function(e,n){if(n.models)return n.models.find(function(n){return n.container===e})}}]),e}();if(!D)throw new Error("[vue-dragula] cannot locate dragula.");var R={createService:function(e){var n=e.name,t=e.eventBus,r=e.bags;return new F({name:n,eventBus:t,bags:r})},createEventBus:function(e){arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return new e}};i.version="1.0.0";var L=F;"function"==typeof define&&define.amd?define([],function(){}):window.Vue&&window.Vue.use(i),e.default=i,e.DragulaService=L});
\ No newline at end of file
diff --git a/src/service.js b/src/service.js
index a8f5572..b379658 100644
--- a/src/service.js
+++ b/src/service.js
@@ -15,10 +15,10 @@ const waitForTransition = raf
     window.setTimeout(fn, 50)
   }
 
-// Use one Service per directive instance
 class DragulaService {
-  constructor ({name, eventBus, bags}) {
-    console.log('Create Dragula service')
+  constructor ({name, eventBus, bags, options}) {
+    this.options = options || {}
+    this.logging = options.logging
     this.name = name
     this.bags = bags || [] // bag store
     this.eventBus = eventBus
@@ -37,8 +37,13 @@ class DragulaService {
     ]
   }
 
+  log(event, ...args) {
+    if (!this.logging) return
+    console.log('DragulaService:', event, ...args)
+  }
+
   add (name, drake) {
-    console.log('Dragula: add', name)
+    this.log('add', name)
     let bag = this.find(name)
     if (bag) {
       throw new Error('Bag named: "' + name + '" already exists.')
@@ -58,7 +63,7 @@ class DragulaService {
   }
 
   find (name) {
-    console.log('Dragula: find', name)
+    this.log('find', name)
     let bags = this.bags
     for (var i = 0; i < bags.length; i++) {
       if (bags[i].name === name) {
@@ -68,7 +73,7 @@ class DragulaService {
   }
 
   handleModels (name, drake) {
-    console.log('Dragula: handleModels', name)
+    this.log('handleModels', name, drake)
 
     if (drake.registered) { // do not register events twice
       return
@@ -131,6 +136,7 @@ class DragulaService {
   }
 
   destroy (name) {
+    this.log('destroy', name)
     let bag = this.find(name)
     if (!bag) { return }
     let bagIndex = this.bags.indexOf(bag)
@@ -139,11 +145,13 @@ class DragulaService {
   }
 
   setOptions (name, options) {
+    this.log('setOptions', name, options)
     let bag = this.add(name, dragula(options))
     this.handleModels(name, bag.drake)
   }
 
   setupEvents (bag) {
+    this.log('setupEvents', bag)
     bag.initEvents = true
     let _this = this
     let emitter = type => {
@@ -164,6 +172,7 @@ class DragulaService {
   }
 
   findModelForContainer (container, drake) {
+    this.log('findModelForContainer', container, drake)
     return (this.findModelContainerByContainer(container, drake) || {}).model
   }
 
diff --git a/src/vue-dragula.js b/src/vue-dragula.js
index f36a834..bd2ef3c 100644
--- a/src/vue-dragula.js
+++ b/src/vue-dragula.js
@@ -5,18 +5,37 @@ if (!dragula) {
   throw new Error('[vue-dragula] cannot locate dragula.')
 }
 
-function defaultCreateService({name, eventBus, bags}) {
-  return new DragulaService({
-    name,
-    eventBus,
-    bags
-  })
+const defaults = {
+  createService: function ({name, eventBus, bags}) {
+    return new DragulaService({
+      name,
+      eventBus,
+      bags
+    })
+  },
+  createEventBus: function(Vue, options = {}) {
+    return new Vue()
+  }
 }
 
 export default function (Vue, options = {}) {
-  const eventBus = new Vue()
-  let createService = options.createService || defaultCreateService
+  function logPlugin(...args) {
+    if (!options.logging) return
+    console.log('vue-dragula plugin', ...args)
+  }
+
+  function logDir(...args) {
+    return logPlugin('v-dragula directive', ...args);
+  }
+
+  logPlugin('Initializing vue-dragula plugin', options)
+
+  let createService = options.createService || defaults.createService
+  let createEventBus = options.createEventBus || defaults.createEventBus
 
+  const eventBus = createEventBus(Vue, options)
+
+  // global service
   const service = createService({
     name: 'global.dragula',
     eventBus,
@@ -26,77 +45,131 @@ export default function (Vue, options = {}) {
   let name = 'globalBag'
   let drake
 
-  console.log('Adding Dragula as plugin...')
+  class Dragula {
+    constructor(options) {
+      this.options = options
 
-  Vue.prototype.$dragula = {
-    options: service.setOptions.bind(service),
-    find: service.find.bind(service),
-    eventBus: service.eventBus,
+      // convenience functions on global service
+      this.$service = {
+        options: service.setOptions.bind(service),
+        find: service.find.bind(service),
+        eventBus: this.eventBus = service.eventBus
+      }
+    }
 
-    create: function(serviceOpts = {}) {
-      this.services = this.services || {};
-      let containers = serviceOpts.containers || []
+    createService(serviceOpts = {}) {
+      this._serviceMap = this._serviceMap || {};
+      let names = serviceOpts.names || []
+      let name = serviceOpts.name || []
+      names = names || [name]
       let eventBus = serviceOpts.eventBus || eventBus
       let bags = serviceOpts.bags || []
 
-      for (let container of containers) {
-        let name = container
-        let service = new DragulaService({
+      for (let name of names) {
+        let newService = new DragulaService({
           name,
           eventBus,
-          bags
+          bags,
+          options
         })
-        this.services[name] = service
+        this._serviceMap[name] = newService
       }
       return this
-    },
-    allOn: function(handlerConfig = {}) {
-      let services = Object.values(this.services)
+    }
+
+    on(handlerConfig = {}) {
+      let services = Object.values(this.serviceMap)
       for (let service of services) {
         service.on(handlerConfig)
       }
-    },
-    // allow specifying individual handlers on particular servic
-    service: function(name) {
-      return this.services[name]
     }
-  }
 
-  Vue.directive('dragula', {
-    params: ['bag'],
+    get serviceNames() {
+      return Object.keys(this._serviceMap)
+    }
 
-    bind (container, binding, vnode) {
-      console.log('bind Dragula', container)
+    get services() {
+      return Object.values(this._serviceMap)
+    }
 
-      const bagName = vnode
-        ? vnode.data.attrs.bag // Vue 2
-        : this.params.bag // Vue 1
-      if (!vnode) {
-        container = this.el // Vue 1
-      }
-      if (bagName !== undefined && bagName.length !== 0) {
-        name = bagName
+    // return named service or first service
+    service(name) {
+      let found = this._serviceMap[name]
+      if (!found || !name) {
+        let keys = this.servicesNames
+        found = this._serviceMap[keys[0]]
       }
+      return found
+    }
+  }
+
+  Vue.$dragula = new Dragula(options)
 
-      // first try to register on DragulaService of component
+  Vue.prototype.$dragula = Vue.$dragula
+
+  function findService(name, vnode, serviceName) {
+    // first try to register on DragulaService of component
+    if (vnode) {
       let $dragulaOfComponent = vnode.context.$dragula
       if ($dragulaOfComponent) {
-        containerName = binding.expression
+        logDir('trying to find and use component service')
 
-        drake = dragula({
-          containers: [container]
-        })
+        let componentService = $dragulaOfComponent.services[serviceName]
+        if (componentService) {
+          logDir('using component service', componentService)
+          return componentService
+        }
+      }
+    }
+    logDir('using global service', service)
+    return service.find(name, vnode)
+  }
+
+  function findBag(name, vnode, serviceName) {
+    return findService(name, vnode, serviceName).find(name, vnode)
+  }
 
-        let containerService = $dragulaOfComponent.services[containerName]
+  function calcNames(name, vnode, ctx) {
+    const bagName = vnode
+      ? vnode.data.attrs.bag // Vue 2
+      : this.params.bag // Vue 1
 
-        if (containerService) {
-          containerService.add(name, drake)
-          containerService.handleModels(name, drake)
-          return
-        }
+    const serviceName = vnode
+      ? vnode.data.attrs.service // Vue 2
+      : this.params.service // Vue 1
+
+    if (bagName !== undefined && bagName.length !== 0) {
+      name = bagName
+    }
+    return {name, bagName, serviceName}
+  }
+
+  Vue.directive('dragula', {
+    params: ['bag', 'service'],
+
+    bind (container, binding, vnode) {
+      logDir('bind', container, binding, vnode)
+
+      const { name, bagName, serviceName } = calcNames('globalBag', vnode, this)
+      const service = findService(name, vnode, serviceName)
+      const bag = service.find(name, vnode)
+
+      if (!vnode) {
+        container = this.el // Vue 1
       }
 
-      const bag = service.find(name)
+      logDir({
+        service: {
+          name: serviceName,
+          instance: service
+        },
+        bag: {
+          name: bagName,
+          instance: bag
+        },
+        container
+      })
+
       if (bag) {
         drake = bag.drake
         drake.containers.push(container)
@@ -111,21 +184,17 @@ export default function (Vue, options = {}) {
     },
 
     update (container, binding, vnode, oldVnode) {
-      console.log('update Dragula', container, binding, vnode)
-      console.log('context', vnode.context)
+      logDir('update', container, binding, vnode)
 
       const newValue = vnode
         ? binding.value // Vue 2
         : container // Vue 1
       if (!newValue) { return }
 
-      const bagName = vnode
-        ? vnode.data.attrs.bag  // Vue 2
-        : this.params.bag // Vue 1
-      if (bagName !== undefined && bagName.length !== 0) {
-        name = bagName
-      }
-      const bag = service.find(name)
+      const { name, bagName, serviceName } = calcNames('globalBag', vnode, this)
+      const service = findService(name, vnode, serviceName)
+      const bag = service.find(name, vnode)
+
       drake = bag.drake
       if (!drake.models) {
         drake.models = []
@@ -134,11 +203,27 @@ export default function (Vue, options = {}) {
       if (!vnode) {
         container = this.el // Vue 1
       }
+
       let modelContainer = service.findModelContainerByContainer(container, drake)
 
+      logDir({
+        service: {
+          name: serviceName,
+          instance: service
+        },
+        bag: {
+          name: bagName,
+          instance: bag
+        },
+        container,
+        modelContainer
+      })
+
       if (modelContainer) {
+        logDir('set model of container', newValue)
         modelContainer.model = newValue
       } else {
+        logDir('push model and container on drake', newValue, container)
         drake.models.push({
           model: newValue,
           container: container
@@ -146,24 +231,39 @@ export default function (Vue, options = {}) {
       }
     },
 
+    // Not sure to handle this with new design
     unbind (container, binding, vnode) {
-      console.log('unbind Dragula', container)
-
-      let unbindBagName = 'globalBag'
-      const bagName = vnode
-        ? vnode.data.attrs.bag // Vue 2
-        : this.params.bag // Vue 1
-      if (bagName !== undefined && bagName.length !== 0) {
-        unbindBagName = bagName
-      }
-      var drake = service.find(unbindBagName).drake
+      logDir('unbind', container, binding, vnode)
+
+      const { name, serviceName } = calcNames('globalBag', vnode, this)
+      const service = findService(name, vnode, serviceName)
+      const bag = service.find(name, vnode)
+
+      logDir({
+        service: {
+          name: serviceName,
+          instance: service
+        },
+        bag: {
+          name: bagName,
+          instance: bag
+        },
+        container
+      })
+
+      var drake = bag.drake
       if (!drake) { return }
+
       var containerIndex = drake.containers.indexOf(container)
+
       if (containerIndex > -1) {
+        logDir('remove container', containerIndex)
         drake.containers.splice(containerIndex, 1)
       }
+
       if (drake.containers.length === 0) {
-        service.destroy(unbindBagName)
+        logDir('destroy service')
+        service.destroy(name)
       }
     }
 

From 70c9522debf74298bb81673538e394345c5da9d0 Mon Sep 17 00:00:00 2001
From: Kristian Mandrup <kmandrup@gmail.com>
Date: Sat, 12 Nov 2016 16:04:10 +0100
Subject: [PATCH 13/30] better service logging and bag exist warning

---
 src/service.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/service.js b/src/service.js
index b379658..3110d03 100644
--- a/src/service.js
+++ b/src/service.js
@@ -39,14 +39,14 @@ class DragulaService {
 
   log(event, ...args) {
     if (!this.logging) return
-    console.log('DragulaService:', event, ...args)
+    console.log(`DragulaService [${this.name}] :`, event, ...args)
   }
 
   add (name, drake) {
     this.log('add', name)
     let bag = this.find(name)
     if (bag) {
-      throw new Error('Bag named: "' + name + '" already exists.')
+      throw new Error('Bag named: "' + name + '" already exists for this service')
     }
     bag = {
       name,

From ff48ddcaf522aa7370404857de4206d0da3a3d89 Mon Sep 17 00:00:00 2001
From: Kristian Mandrup <kmandrup@gmail.com>
Date: Sat, 12 Nov 2016 16:07:57 +0100
Subject: [PATCH 14/30] add bagNames function for service and log list of
 existing when duplicate name

---
 src/service.js | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/service.js b/src/service.js
index 3110d03..d4e8051 100644
--- a/src/service.js
+++ b/src/service.js
@@ -42,10 +42,15 @@ class DragulaService {
     console.log(`DragulaService [${this.name}] :`, event, ...args)
   }
 
+  bagNames() {
+    return this.bags.map(bag => bag.name)
+  }
+
   add (name, drake) {
-    this.log('add', name)
+    this.log('add (bag)', name, drake)
     let bag = this.find(name)
     if (bag) {
+      this.log('existing bags', this.bagNames())
       throw new Error('Bag named: "' + name + '" already exists for this service')
     }
     bag = {
@@ -63,7 +68,7 @@ class DragulaService {
   }
 
   find (name) {
-    this.log('find', name)
+    this.log('find (bag) by name', name)
     let bags = this.bags
     for (var i = 0; i < bags.length; i++) {
       if (bags[i].name === name) {

From 36be534901f8aad39bebdd96bd6b3709f309c522 Mon Sep 17 00:00:00 2001
From: Kristian Mandrup <kmandrup@gmail.com>
Date: Sat, 12 Nov 2016 17:05:34 +0100
Subject: [PATCH 15/30] notes: all very weird

---
 README.md      | 24 ++++++++++++++++++++++--
 src/service.js | 11 ++++++++---
 2 files changed, 30 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index fd23bb2..3629a87 100644
--- a/README.md
+++ b/README.md
@@ -21,6 +21,7 @@ Vue wrapper for [`dragula`][1].
 - Add ability to set `bags` on creation of `DragulaService`
 - Add ability to create and use custom `DragulaService` via `createService`  plugin option
 - Add ability to create and use custom `eventBus` via `createEventBus` plugin option
+- Add `.bagNames` getter on `DragulaService`
 
 - Add methods on `$dragula`
   - `create({name, eventBus, bags})` : to create a named service
@@ -186,7 +187,26 @@ function createEventBus(Vue, options = {}) {
   })
 }
 
-Vue.use(VueDragula, { createService, createEventBus });
+Vue.use(VueDragula, { createEventBus });
+```
+
+## TODO and Big Questions
+
+Why does the `DragulaService` take `drake` as the second argument for most methods? I would think there should be an instance variable `this.drake` which is used by default?
+
+Why do we use this pattern to only allow adding the diective element itself as a container. Why not using basic selectors to have more flexibility!?
+It is all very mysterious and weird to me still...
+
+```js
+  if (bag) {
+    drake = bag.drake
+    drake.containers.push(container)
+    return
+  }
+  drake = dragula({
+    containers: [container]
+  })
+  service.add(name, drake)
 ```
 
 ## Install
@@ -225,7 +245,7 @@ template:
 
 ## APIs
 
-You can access them from `Vue.vueDragula`
+You can access the main API from `Vue.$dragula` or from within a component via `this.$dragula`
 
 ### `options(name, options)`
 
diff --git a/src/service.js b/src/service.js
index d4e8051..4bf299d 100644
--- a/src/service.js
+++ b/src/service.js
@@ -16,12 +16,13 @@ const waitForTransition = raf
   }
 
 class DragulaService {
-  constructor ({name, eventBus, bags, options}) {
+  constructor ({name, eventBus, bags, drake, options}) {
     this.options = options || {}
     this.logging = options.logging
     this.name = name
     this.bags = bags || [] // bag store
     this.eventBus = eventBus
+    this.drake = drake
     this.events = [
       'cancel',
       'cloned',
@@ -42,15 +43,16 @@ class DragulaService {
     console.log(`DragulaService [${this.name}] :`, event, ...args)
   }
 
-  bagNames() {
+  get bagNames() {
     return this.bags.map(bag => bag.name)
   }
 
   add (name, drake) {
+    drake = drake || this.drake
     this.log('add (bag)', name, drake)
     let bag = this.find(name)
     if (bag) {
-      this.log('existing bags', this.bagNames())
+      this.log('existing bags', this.bagNames
       throw new Error('Bag named: "' + name + '" already exists for this service')
     }
     bag = {
@@ -78,6 +80,7 @@ class DragulaService {
   }
 
   handleModels (name, drake) {
+    drake = drake || this.drake
     this.log('handleModels', name, drake)
 
     if (drake.registered) { // do not register events twice
@@ -177,11 +180,13 @@ class DragulaService {
   }
 
   findModelForContainer (container, drake) {
+    drake = drake || this.drake
     this.log('findModelForContainer', container, drake)
     return (this.findModelContainerByContainer(container, drake) || {}).model
   }
 
   findModelContainerByContainer (container, drake) {
+    drake = drake || this.drake
     if (!drake.models) {
       return
     }

From a4c5dd4f80d321eb69a6f448bf9015e1602b56ac Mon Sep 17 00:00:00 2001
From: Kristian Mandrup <kmandrup@gmail.com>
Date: Sat, 12 Nov 2016 19:17:28 +0100
Subject: [PATCH 16/30] better bags service config

---
 README.md          | 68 ++++++++++++++++++++++++++++++++++++++++++----
 src/service.js     | 29 ++++++++++----------
 src/vue-dragula.js | 28 +++++++++++++++++--
 3 files changed, 101 insertions(+), 24 deletions(-)

diff --git a/README.md b/README.md
index 3629a87..a13be70 100644
--- a/README.md
+++ b/README.md
@@ -18,7 +18,7 @@ Vue wrapper for [`dragula`][1].
 - Add ability to add `DragulaService` per service name of component via `service="name"` on `v-dragula` element or by default use the global service.
 
 - Add ability to create and set `eventBus` per service, either as shared bus or independent
-- Add ability to set `bags` on creation of `DragulaService`
+- Add ability to set `bags` on creation of `DragulaService` via `bags` option
 - Add ability to create and use custom `DragulaService` via `createService`  plugin option
 - Add ability to create and use custom `eventBus` via `createEventBus` plugin option
 - Add `.bagNames` getter on `DragulaService`
@@ -27,6 +27,7 @@ Vue wrapper for [`dragula`][1].
   - `create({name, eventBus, bags})` : to create a named service
   - `create({names, ...})` : to create multiple services (`names`)
   - `on(handlerConfig = {})` : add set of eventBus handlers to all services
+  - `bagsFor` : configure a service with empty bags
   - `service(name)` : access individual service
   - `.services` : get list of all registered services
   - `.serviceNames` : get list of names for all registered services
@@ -190,12 +191,9 @@ function createEventBus(Vue, options = {}) {
 Vue.use(VueDragula, { createEventBus });
 ```
 
-## TODO and Big Questions
+## How do the bags work!?
 
-Why does the `DragulaService` take `drake` as the second argument for most methods? I would think there should be an instance variable `this.drake` which is used by default?
-
-Why do we use this pattern to only allow adding the diective element itself as a container. Why not using basic selectors to have more flexibility!?
-It is all very mysterious and weird to me still...
+In the directive `bind` we have the following core logic:
 
 ```js
   if (bag) {
@@ -209,6 +207,64 @@ It is all very mysterious and weird to me still...
   service.add(name, drake)
 ```
 
+If the bag already exists, ie. `if (bag)` then we add the container directly into pre-existing bag created via `service.options` call (in `created` lifecycle hook). Otherwise we try to add it as a new bag and we could get into conflict if we have multiple bags added via directives that have not been pre-initialized in the VM. The conflict can be caused by race conditions, as the directives are evaluated asynchronously for enhanced view performance!
+
+Thanks to @Astray-git for [finally making me understand this](https://github.com/Astray-git/vue-dragula/issues/12#issuecomment-260134897)
+
+The correct way to use this plugin now:
+
+```js
+created () {
+  this.$dragula.create({
+    name: 'myService',
+    bags: {
+      'first-bag': {
+        copy: true
+      }
+    }
+  }).on({
+    // ... event handler map
+  })
+}
+```
+
+OR using `bagsFor` method
+
+```
+  this.$dragula.bagsFor('myService', {
+    'first-bag': {
+      copy: true
+    }
+  })
+}
+```
+
+This ensures that the `DragulaService` instance `myService` has been registered and contains one or more empty bags which are ready to be populated by containers to be used for drag'n drop by Dragula.
+
+``` html
+<div class="wrapper">
+  <div class="container" v-dragula="colOne" service="myService" bag="first-bag">
+    <!-- with click -->
+    <div v-for="text in colOne" @click="onClick">{{text}} [click me]</div>
+  </div>
+  <div class="container" v-dragula="colTwo" service="myService" bag="first-bag">
+    <div v-for="text in colTwo">{{text}}</div>
+  </div>
+</div>
+```
+
+Now when `v-dragula` directives are evaluated and bound to the component (via `bind`) they will each find the empty bag of that name and each push their `container` to the list of `drake.containers`.
+
+```js
+  if (bag) {
+    drake = bag.drake
+    drake.containers.push(container)
+    return
+  }
+```
+
+**Magic!!!**
+
 ## Install
 #### CommonJS
 
diff --git a/src/service.js b/src/service.js
index 4bf299d..bcda720 100644
--- a/src/service.js
+++ b/src/service.js
@@ -20,7 +20,7 @@ class DragulaService {
     this.options = options || {}
     this.logging = options.logging
     this.name = name
-    this.bags = bags || [] // bag store
+    this.bags = bags = {} // bag store
     this.eventBus = eventBus
     this.drake = drake
     this.events = [
@@ -44,7 +44,7 @@ class DragulaService {
   }
 
   get bagNames() {
-    return this.bags.map(bag => bag.name)
+    return Object.keys(this.bags)
   }
 
   add (name, drake) {
@@ -55,11 +55,7 @@ class DragulaService {
       this.log('existing bags', this.bagNames
       throw new Error('Bag named: "' + name + '" already exists for this service')
     }
-    bag = {
-      name,
-      drake
-    }
-    this.bags.push(bag)
+    this.bags[name] = drake
     if (drake.models) {
       this.handleModels(name, drake)
     }
@@ -71,12 +67,7 @@ class DragulaService {
 
   find (name) {
     this.log('find (bag) by name', name)
-    let bags = this.bags
-    for (var i = 0; i < bags.length; i++) {
-      if (bags[i].name === name) {
-        return bags[i]
-      }
-    }
+    return this.bags[name]
   }
 
   handleModels (name, drake) {
@@ -147,15 +138,23 @@ class DragulaService {
     this.log('destroy', name)
     let bag = this.find(name)
     if (!bag) { return }
-    let bagIndex = this.bags.indexOf(bag)
-    this.bags.splice(bagIndex, 1)
     bag.drake.destroy()
+    this.delete(name)
+  }
+
+  delete(name) {
+    delete this.bags[name]
   }
 
   setOptions (name, options) {
     this.log('setOptions', name, options)
+    if (!name) {
+      console.error('setOptions must take the name of the bag to set options for')
+      return this
+    }
     let bag = this.add(name, dragula(options))
     this.handleModels(name, bag.drake)
+    return this
   }
 
   setupEvents (bag) {
diff --git a/src/vue-dragula.js b/src/vue-dragula.js
index bd2ef3c..f86e1bf 100644
--- a/src/vue-dragula.js
+++ b/src/vue-dragula.js
@@ -57,13 +57,19 @@ export default function (Vue, options = {}) {
       }
     }
 
-    createService(serviceOpts = {}) {
+    optionsFor(name, opts = {}) {
+      this.service(name).setOptions(opts)
+      return this
+    }
+
+    create(serviceOpts = {}) {
       this._serviceMap = this._serviceMap || {};
       let names = serviceOpts.names || []
       let name = serviceOpts.name || []
+      let bags = serviceOpts.bags || {}
       names = names || [name]
       let eventBus = serviceOpts.eventBus || eventBus
-      let bags = serviceOpts.bags || []
+
 
       for (let name of names) {
         let newService = new DragulaService({
@@ -72,7 +78,23 @@ export default function (Vue, options = {}) {
           bags,
           options
         })
+
         this._serviceMap[name] = newService
+
+        if (bags) {
+          this.bagsFor(name, bags)
+        }
+      }
+      return this
+    }
+
+    bagsFor(name, bags = {}) {
+      let service = this.service(name)
+
+      let bagNames = Object.keys(bags)
+      for (let bagName of bagNames) {
+        let bagOpts = bags[bagName]
+        service.setOptions(bagName, bagOpts)
       }
       return this
     }
@@ -82,6 +104,7 @@ export default function (Vue, options = {}) {
       for (let service of services) {
         service.on(handlerConfig)
       }
+      return this
     }
 
     get serviceNames() {
@@ -231,7 +254,6 @@ export default function (Vue, options = {}) {
       }
     },
 
-    // Not sure to handle this with new design
     unbind (container, binding, vnode) {
       logDir('unbind', container, binding, vnode)
 

From 2284742d72833465b33fe9ee50b5cf289afbcfd3 Mon Sep 17 00:00:00 2001
From: Kristian Mandrup <kmandrup@gmail.com>
Date: Sat, 12 Nov 2016 20:08:45 +0100
Subject: [PATCH 17/30] better error message on duplicate bag

---
 dist/vue-dragula.js     | 129 ++++++++++++++++++++++++++++++----------
 dist/vue-dragula.min.js |   2 +-
 src/service.js          |  12 +++-
 3 files changed, 109 insertions(+), 34 deletions(-)

diff --git a/dist/vue-dragula.js b/dist/vue-dragula.js
index 447f53d..17ff9d1 100644
--- a/dist/vue-dragula.js
+++ b/dist/vue-dragula.js
@@ -1226,14 +1226,16 @@ var require$$0$3 = Object.freeze({
 	    var name = _ref.name,
 	        eventBus = _ref.eventBus,
 	        bags = _ref.bags,
+	        drake = _ref.drake,
 	        options = _ref.options;
 	    classCallCheck(this, DragulaService);
 
 	    this.options = options || {};
 	    this.logging = options.logging;
 	    this.name = name;
-	    this.bags = bags || []; // bag store
+	    this.bags = bags = {}; // bag store
 	    this.eventBus = eventBus;
+	    this.drake = drake;
 	    this.events = ['cancel', 'cloned', 'drag', 'dragend', 'drop', 'out', 'over', 'remove', 'shadow', 'dropModel', 'removeModel'];
 	  }
 
@@ -1248,21 +1250,26 @@ var require$$0$3 = Object.freeze({
 	        args[_key - 1] = arguments[_key];
 	      }
 
-	      (_console = console).log.apply(_console, ['DragulaService:', event].concat(args));
+	      (_console = console).log.apply(_console, ['DragulaService [' + this.name + '] :', event].concat(args));
+	    }
+	  }, {
+	    key: 'error',
+	    value: function error(msg) {
+	      console.error(msg);
+	      throw new Error(msg);
 	    }
 	  }, {
 	    key: 'add',
 	    value: function add(name, drake) {
-	      this.log('add', name);
+	      drake = drake || this.drake;
+	      this.log('add (bag)', name, drake);
 	      var bag = this.find(name);
 	      if (bag) {
-	        throw new Error('Bag named: "' + name + '" already exists.');
+	        this.log('existing bags', this.bagNames);
+	        var errMsg = 'Bag named: "' + name + '" already exists for this service [' + this.name + ']. \n      Most likely this error in cause by a race condition evaluating multiple template elements with \n      the v-dragula directive having the same bag name. Please initialise the bag in the created() life cycle hook of the VM to fix this problem.';
+	        this.error(msg);
 	      }
-	      bag = {
-	        name: name,
-	        drake: drake
-	      };
-	      this.bags.push(bag);
+	      this.bags[name] = drake;
 	      if (drake.models) {
 	        this.handleModels(name, drake);
 	      }
@@ -1274,19 +1281,15 @@ var require$$0$3 = Object.freeze({
 	  }, {
 	    key: 'find',
 	    value: function find(name) {
-	      this.log('find', name);
-	      var bags = this.bags;
-	      for (var i = 0; i < bags.length; i++) {
-	        if (bags[i].name === name) {
-	          return bags[i];
-	        }
-	      }
+	      this.log('find (bag) by name', name);
+	      return this.bags[name];
 	    }
 	  }, {
 	    key: 'handleModels',
 	    value: function handleModels(name, drake) {
 	      var _this2 = this;
 
+	      drake = drake || this.drake;
 	      this.log('handleModels', name, drake);
 
 	      if (drake.registered) {
@@ -1383,16 +1386,25 @@ var require$$0$3 = Object.freeze({
 	      if (!bag) {
 	        return;
 	      }
-	      var bagIndex = this.bags.indexOf(bag);
-	      this.bags.splice(bagIndex, 1);
 	      bag.drake.destroy();
+	      this.delete(name);
+	    }
+	  }, {
+	    key: 'delete',
+	    value: function _delete(name) {
+	      delete this.bags[name];
 	    }
 	  }, {
 	    key: 'setOptions',
 	    value: function setOptions(name, options) {
 	      this.log('setOptions', name, options);
+	      if (!name) {
+	        console.error('setOptions must take the name of the bag to set options for');
+	        return this;
+	      }
 	      var bag = this.add(name, dragula$1(options));
 	      this.handleModels(name, bag.drake);
+	      return this;
 	    }
 	  }, {
 	    key: 'setupEvents',
@@ -1417,12 +1429,14 @@ var require$$0$3 = Object.freeze({
 	  }, {
 	    key: 'findModelForContainer',
 	    value: function findModelForContainer(container, drake) {
+	      drake = drake || this.drake;
 	      this.log('findModelForContainer', container, drake);
 	      return (this.findModelContainerByContainer(container, drake) || {}).model;
 	    }
 	  }, {
 	    key: 'findModelContainerByContainer',
 	    value: function findModelContainerByContainer(container, drake) {
+	      drake = drake || this.drake;
 	      if (!drake.models) {
 	        return;
 	      }
@@ -1430,6 +1444,11 @@ var require$$0$3 = Object.freeze({
 	        return model.container === container;
 	      });
 	    }
+	  }, {
+	    key: 'bagNames',
+	    get: function get() {
+	      return Object.keys(this.bags);
+	    }
 	  }]);
 	  return DragulaService;
 	}();
@@ -1512,16 +1531,24 @@ var require$$0$3 = Object.freeze({
 	    }
 
 	    createClass(Dragula, [{
-	      key: 'createService',
-	      value: function createService() {
+	      key: 'optionsFor',
+	      value: function optionsFor(name) {
+	        var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+	        this.service(name).setOptions(opts);
+	        return this;
+	      }
+	    }, {
+	      key: 'create',
+	      value: function create() {
 	        var serviceOpts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
 	        this._serviceMap = this._serviceMap || {};
 	        var names = serviceOpts.names || [];
 	        var name = serviceOpts.name || [];
+	        var bags = serviceOpts.bags || {};
 	        names = names || [name];
 	        var eventBus = serviceOpts.eventBus || eventBus;
-	        var bags = serviceOpts.bags || [];
 
 	        var _iteratorNormalCompletion = true;
 	        var _didIteratorError = false;
@@ -1537,7 +1564,12 @@ var require$$0$3 = Object.freeze({
 	              bags: bags,
 	              options: options
 	            });
+
 	            this._serviceMap[_name] = newService;
+
+	            if (bags) {
+	              this.bagsFor(_name, bags);
+	            }
 	          }
 	        } catch (err) {
 	          _didIteratorError = true;
@@ -1557,20 +1589,23 @@ var require$$0$3 = Object.freeze({
 	        return this;
 	      }
 	    }, {
-	      key: 'on',
-	      value: function on() {
-	        var handlerConfig = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+	      key: 'bagsFor',
+	      value: function bagsFor(name) {
+	        var bags = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
 
-	        var services = Object.values(this.serviceMap);
+	        var service = this.service(name);
+
+	        var bagNames = Object.keys(bags);
 	        var _iteratorNormalCompletion2 = true;
 	        var _didIteratorError2 = false;
 	        var _iteratorError2 = undefined;
 
 	        try {
-	          for (var _iterator2 = services[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
-	            var _service = _step2.value;
+	          for (var _iterator2 = bagNames[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+	            var _bagName = _step2.value;
 
-	            _service.on(handlerConfig);
+	            var bagOpts = bags[_bagName];
+	            service.setOptions(_bagName, bagOpts);
 	          }
 	        } catch (err) {
 	          _didIteratorError2 = true;
@@ -1586,6 +1621,41 @@ var require$$0$3 = Object.freeze({
 	            }
 	          }
 	        }
+
+	        return this;
+	      }
+	    }, {
+	      key: 'on',
+	      value: function on() {
+	        var handlerConfig = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+	        var services = Object.values(this.serviceMap);
+	        var _iteratorNormalCompletion3 = true;
+	        var _didIteratorError3 = false;
+	        var _iteratorError3 = undefined;
+
+	        try {
+	          for (var _iterator3 = services[Symbol.iterator](), _step3; !(_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = true) {
+	            var _service = _step3.value;
+
+	            _service.on(handlerConfig);
+	          }
+	        } catch (err) {
+	          _didIteratorError3 = true;
+	          _iteratorError3 = err;
+	        } finally {
+	          try {
+	            if (!_iteratorNormalCompletion3 && _iterator3.return) {
+	              _iterator3.return();
+	            }
+	          } finally {
+	            if (_didIteratorError3) {
+	              throw _iteratorError3;
+	            }
+	          }
+	        }
+
+	        return this;
 	      }
 	    }, {
 	      key: 'service',
@@ -1747,9 +1817,6 @@ var require$$0$3 = Object.freeze({
 	        });
 	      }
 	    },
-
-
-	    // Not sure to handle this with new design
 	    unbind: function unbind(container, binding, vnode) {
 	      logDir('unbind', container, binding, vnode);
 
diff --git a/dist/vue-dragula.min.js b/dist/vue-dragula.min.js
index d4350f5..13618b1 100644
--- a/dist/vue-dragula.min.js
+++ b/dist/vue-dragula.min.js
@@ -3,4 +3,4 @@
  * (c) 2016 Yichang Liu
  * Released under the MIT License.
  */
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports):"function"==typeof define&&define.amd?define(["exports"],n):n(e.vueDragula=e.vueDragula||{})}(this,function(e){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e.default:e}function t(e,n){return n={exports:{}},e(n,n.exports),n.exports}function r(e){function n(){var e;if(o.logging){for(var n=arguments.length,t=Array(n),r=0;r<n;r++)t[r]=arguments[r];(e=console).log.apply(e,["vue-dragula plugin"].concat(t))}}function t(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return n.apply(void 0,["v-dragula directive"].concat(t))}function r(e,n,r){if(n){var i=n.context.$dragula;if(i){t("trying to find and use component service");var o=i.services[r];if(o)return t("using component service",o),o}}return t("using global service",l),l.find(e,n)}function i(e,n,t){var r=n?n.data.attrs.bag:this.params.bag,i=n?n.data.attrs.service:this.params.service;return void 0!==r&&0!==r.length&&(e=r),{name:e,bagName:r,serviceName:i}}var o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};n("Initializing vue-dragula plugin",o);var a=o.createService||R.createService,u=o.createEventBus||R.createEventBus,c=u(e,o),l=a({name:"global.dragula",eventBus:c,bags:o.bags}),s=void 0,f=function(){function e(n){X(this,e),this.options=n,this.$service={options:l.setOptions.bind(l),find:l.find.bind(l),eventBus:this.eventBus=l.eventBus}}return z(e,[{key:"createService",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this._serviceMap=this._serviceMap||{};var n=e.names||[],t=e.name||[];n=n||[t];var r=e.eventBus||r,i=e.bags||[],a=!0,u=!1,c=void 0;try{for(var l,s=n[Symbol.iterator]();!(a=(l=s.next()).done);a=!0){var f=l.value,d=new F({name:f,eventBus:r,bags:i,options:o});this._serviceMap[f]=d}}catch(e){u=!0,c=e}finally{try{!a&&s.return&&s.return()}finally{if(u)throw c}}return this}},{key:"on",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Object.values(this.serviceMap),t=!0,r=!1,i=void 0;try{for(var o,a=n[Symbol.iterator]();!(t=(o=a.next()).done);t=!0){var u=o.value;u.on(e)}}catch(e){r=!0,i=e}finally{try{!t&&a.return&&a.return()}finally{if(r)throw i}}}},{key:"service",value:function(e){var n=this._serviceMap[e];if(!n||!e){var t=this.servicesNames;n=this._serviceMap[t[0]]}return n}},{key:"serviceNames",get:function(){return Object.keys(this._serviceMap)}},{key:"services",get:function(){return Object.values(this._serviceMap)}}]),e}();e.$dragula=new f(o),e.prototype.$dragula=e.$dragula,e.directive("dragula",{params:["bag","service"],bind:function(e,n,o){t("bind",e,n,o);var a=i("globalBag",o,this),u=a.name,c=a.bagName,l=a.serviceName,f=r(u,o,l),d=f.find(u,o);return o||(e=this.el),t({service:{name:l,instance:f},bag:{name:c,instance:d},container:e}),d?(s=d.drake,void s.containers.push(e)):(s=D({containers:[e]}),f.add(u,s),void f.handleModels(u,s))},update:function(e,n,o,a){t("update",e,n,o);var u=o?n.value:e;if(u){var c=i("globalBag",o,this),l=c.name,f=c.bagName,d=c.serviceName,v=r(l,o,d),p=v.find(l,o);s=p.drake,s.models||(s.models=[]),o||(e=this.el);var m=v.findModelContainerByContainer(e,s);t({service:{name:d,instance:v},bag:{name:f,instance:p},container:e,modelContainer:m}),m?(t("set model of container",u),m.model=u):(t("push model and container on drake",u,e),s.models.push({model:u,container:e}))}},unbind:function(e,n,o){t("unbind",e,n,o);var a=i("globalBag",o,this),u=a.name,c=a.serviceName,l=r(u,o,c),s=l.find(u,o);t({service:{name:c,instance:l},bag:{name:bagName,instance:s},container:e});var f=s.drake;if(f){var d=f.containers.indexOf(e);d>-1&&(t("remove container",d),f.containers.splice(d,1)),0===f.containers.length&&(t("destroy service"),l.destroy(u))}}})}function i(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};i.installed&&console.warn("[vue-dragula] already installed."),console.log("Add Dragula plugin:",n),r(e,n)}var o="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},a=t(function(e){e.exports=function(e,n){return Array.prototype.slice.call(e,n)}}),u=n(a),c=Object.freeze({default:u}),l=t(function(e){var n,t="function"==typeof setImmediate;n=t?function(e){setImmediate(e)}:"undefined"!=typeof process&&process.nextTick?process.nextTick:function(e){setTimeout(e,0)},e.exports=n}),s=n(l),f=Object.freeze({default:s}),d=t(function(e){var t=n(f);e.exports=function(e,n,r){e&&t(function(){e.apply(r||null,n||[])})}}),v=n(d),p=Object.freeze({default:v}),m=t(function(e){var t=n(c),r=n(p);e.exports=function(e,n){var i=n||{},o={};return void 0===e&&(e={}),e.on=function(n,t){return o[n]?o[n].push(t):o[n]=[t],e},e.once=function(n,t){return t._once=!0,e.on(n,t),e},e.off=function(n,t){var r=arguments.length;if(1===r)delete o[n];else if(0===r)o={};else{var i=o[n];if(!i)return e;i.splice(i.indexOf(t),1)}return e},e.emit=function(){var n=t(arguments);return e.emitterSnapshot(n.shift()).apply(this,n)},e.emitterSnapshot=function(n){var a=(o[n]||[]).slice(0);return function(){var o=t(arguments),u=this||e;if("error"===n&&i.throws!==!1&&!a.length)throw 1===o.length?o[0]:o;return a.forEach(function(t){i.async?r(t,o,u):t.apply(u,o),t._once&&e.off(n,t)}),e}},e}}),g=n(m),h=Object.freeze({default:g}),y=t(function(e){function n(){try{var e=new t("cat",{detail:{foo:"bar"}});return"cat"===e.type&&"bar"===e.detail.foo}catch(e){}return!1}var t=o.CustomEvent;e.exports=n()?t:"function"==typeof document.createEvent?function(e,n){var t=document.createEvent("CustomEvent");return n?t.initCustomEvent(e,n.bubbles,n.cancelable,n.detail):t.initCustomEvent(e,!1,!1,void 0),t}:function(e,n){var t=document.createEventObject();return t.type=e,n?(t.bubbles=Boolean(n.bubbles),t.cancelable=Boolean(n.cancelable),t.detail=n.detail):(t.bubbles=!1,t.cancelable=!1,t.detail=void 0),t}}),b=n(y),w=Object.freeze({default:b}),x=t(function(e){var n=[],t="",r=/^on/;for(t in o)r.test(t)&&n.push(t.slice(2));e.exports=n}),E=n(x),S=Object.freeze({default:E}),O=t(function(e){function t(e,n,t,r){return e.addEventListener(n,t,r)}function r(e,n,t){return e.attachEvent("on"+n,l(e,n,t))}function i(e,n,t,r){return e.removeEventListener(n,t,r)}function a(e,n,t){var r=s(e,n,t);if(r)return e.detachEvent("on"+n,r)}function u(e,n,t){function r(){var e;return p.createEvent?(e=p.createEvent("Event"),e.initEvent(n,!0,!0)):p.createEventObject&&(e=p.createEventObject()),e}function i(){return new d(n,{detail:t})}var o=v.indexOf(n)===-1?i():r();e.dispatchEvent?e.dispatchEvent(o):e.fireEvent("on"+n,o)}function c(e,n,t){return function(n){var r=n||o.event;r.target=r.target||r.srcElement,r.preventDefault=r.preventDefault||function(){r.returnValue=!1},r.stopPropagation=r.stopPropagation||function(){r.cancelBubble=!0},r.which=r.which||r.keyCode,t.call(e,r)}}function l(e,n,t){var r=s(e,n,t)||c(e,n,t);return h.push({wrapper:r,element:e,type:n,fn:t}),r}function s(e,n,t){var r=f(e,n,t);if(r){var i=h[r].wrapper;return h.splice(r,1),i}}function f(e,n,t){var r,i;for(r=0;r<h.length;r++)if(i=h[r],i.element===e&&i.type===n&&i.fn===t)return r}var d=n(w),v=n(S),p=o.document,m=t,g=i,h=[];o.addEventListener||(m=r,g=a),e.exports={add:m,remove:g,fabricate:u}}),k=n(O),C=O.add,B=O.remove,M=O.fabricate,N=Object.freeze({default:k,add:C,remove:B,fabricate:M}),T=t(function(e){function n(e){var n=i[e];return n?n.lastIndex=0:i[e]=n=new RegExp(o+e+a,"g"),n}function t(e,t){var r=e.className;r.length?n(t).test(r)||(e.className+=" "+t):e.className=t}function r(e,t){e.className=e.className.replace(n(t)," ").trim()}var i={},o="(?:^|\\s)",a="(?:\\s|$)";e.exports={add:t,rm:r}}),j=n(T),I=T.add,_=T.rm,A=Object.freeze({default:j,add:I,rm:_}),P=t(function(e){function t(e,n){function t(e){return se.containers.indexOf(e)!==-1||le.isContainer(e)}function o(e){var n=e?"remove":"add";r(O,n,"mousedown",k),r(O,n,"mouseup",A)}function u(e){var n=e?"remove":"add";r(O,n,"mousemove",C)}function m(e){var n=e?"remove":"add";x[n](O,"selectstart",y),x[n](O,"click",y)}function h(){o(!0),A({})}function y(e){ue&&e.preventDefault()}function k(e){ne=e.clientX,te=e.clientY;var n=1!==i(e)||e.metaKey||e.ctrlKey;if(!n){var t=e.target,r=B(t);r&&(ue=r,u(),"mousedown"===e.type&&(p(t)?t.focus():e.preventDefault()))}}function C(e){if(ue){if(0===i(e))return void A({});if(void 0===e.clientX||e.clientX!==ne||void 0===e.clientY||e.clientY!==te){if(le.ignoreInputTextSelection){var n=b("clientX",e),t=b("clientY",e),r=S.elementFromPoint(n,t);if(p(r))return}var o=ue;u(!0),m(),I(),T(o);var c=a(W);Z=b("pageX",e)-c.left,ee=b("pageY",e)-c.top,E.add(oe||W,"gu-transit"),V(),F(e)}}}function B(e){if(!(se.dragging&&G||t(e))){for(var n=e;v(e)&&t(v(e))===!1;){if(le.invalid(e,n))return;if(e=v(e),!e)return}var r=v(e);if(r&&!le.invalid(e,n)){var i=le.moves(e,r,n,g(e));if(i)return{item:e,source:r}}}}function M(e){return!!B(e)}function N(e){var n=B(e);n&&T(n)}function T(e){q(e.item,e.source)&&(oe=e.item.cloneNode(!0),se.emit("cloned",oe,e.item,"copy")),Q=e.source,W=e.item,re=ie=g(e.item),se.dragging=!0,se.emit("drag",W,Q)}function j(){return!1}function I(){if(se.dragging){var e=oe||W;P(e,v(e))}}function _(){ue=!1,u(!0),m(!0)}function A(e){if(_(),se.dragging){var n=oe||W,t=b("clientX",e),r=b("clientY",e),i=c(G,t,r),o=$(i,t,r);o&&(oe&&le.copySortSource||!oe||o!==Q)?P(n,o):le.removeOnSpill?D():X()}}function P(e,n){var t=v(e);oe&&le.copySortSource&&n===Q&&t.removeChild(W),Y(n)?se.emit("cancel",e,Q,Q):se.emit("drop",e,n,Q,ie),z()}function D(){if(se.dragging){var e=oe||W,n=v(e);n&&n.removeChild(e),se.emit(oe?"cancel":"remove",e,n,Q),z()}}function X(e){if(se.dragging){var n=arguments.length>0?e:le.revertOnSpill,t=oe||W,r=v(t),i=Y(r);i===!1&&n&&(oe?r&&r.removeChild(oe):Q.insertBefore(t,re)),i||n?se.emit("cancel",t,Q,Q):se.emit("drop",t,r,Q,ie),z()}}function z(){var e=oe||W;_(),J(),e&&E.rm(e,"gu-transit"),ae&&clearTimeout(ae),se.dragging=!1,ce&&se.emit("out",e,ce,Q),se.emit("dragend",e),Q=W=oe=re=ie=ae=ce=null}function Y(e,n){var t;return t=void 0!==n?n:G?ie:g(oe||W),e===Q&&t===re}function $(e,n,r){function i(){var i=t(o);if(i===!1)return!1;var a=K(o,e),u=U(o,a,n,r),c=Y(o,u);return!!c||le.accepts(W,o,Q,u)}for(var o=e;o&&!i();)o=v(o);return o}function F(e){function n(e){se.emit(e,l,ce,Q)}function t(){d&&n("over")}function r(){ce&&n("out")}if(G){e.preventDefault();var i=b("clientX",e),o=b("clientY",e),a=i-Z,u=o-ee;G.style.left=a+"px",G.style.top=u+"px";var l=oe||W,s=c(G,i,o),f=$(s,i,o),d=null!==f&&f!==ce;(d||null===f)&&(r(),ce=f,t());var p=v(l);if(f===Q&&oe&&!le.copySortSource)return void(p&&p.removeChild(l));var m,h=K(f,s);if(null!==h)m=U(f,h,i,o);else{if(le.revertOnSpill!==!0||oe)return void(oe&&p&&p.removeChild(l));m=re,f=Q}(null===m&&d||m!==l&&m!==g(l))&&(ie=m,f.insertBefore(l,m),se.emit("shadow",l,f,Q))}}function R(e){E.rm(e,"gu-hide")}function L(e){se.dragging&&E.add(e,"gu-hide")}function V(){if(!G){var e=W.getBoundingClientRect();G=W.cloneNode(!0),G.style.width=f(e)+"px",G.style.height=d(e)+"px",E.rm(G,"gu-transit"),E.add(G,"gu-mirror"),le.mirrorContainer.appendChild(G),r(O,"add","mousemove",F),E.add(le.mirrorContainer,"gu-unselectable"),se.emit("cloned",G,W,"mirror")}}function J(){G&&(E.rm(le.mirrorContainer,"gu-unselectable"),r(O,"remove","mousemove",F),v(G).removeChild(G),G=null)}function K(e,n){for(var t=n;t!==e&&v(t)!==e;)t=v(t);return t===O?null:t}function U(e,n,t,r){function i(){var n,i,o,a=e.children.length;for(n=0;n<a;n++){if(i=e.children[n],o=i.getBoundingClientRect(),u&&o.left+o.width/2>t)return i;if(!u&&o.top+o.height/2>r)return i}return null}function o(){var e=n.getBoundingClientRect();return a(u?t>e.left+f(e)/2:r>e.top+d(e)/2)}function a(e){return e?g(n):n}var u="horizontal"===le.direction,c=n!==e?o():i();return c}function q(e,n){return"boolean"==typeof le.copy?le.copy:le.copy(e,n)}var H=arguments.length;1===H&&Array.isArray(e)===!1&&(n=e,e=[]);var G,Q,W,Z,ee,ne,te,re,ie,oe,ae,ue,ce=null,le=n||{};void 0===le.moves&&(le.moves=s),void 0===le.accepts&&(le.accepts=s),void 0===le.invalid&&(le.invalid=j),void 0===le.containers&&(le.containers=e||[]),void 0===le.isContainer&&(le.isContainer=l),void 0===le.copy&&(le.copy=!1),void 0===le.copySortSource&&(le.copySortSource=!1),void 0===le.revertOnSpill&&(le.revertOnSpill=!1),void 0===le.removeOnSpill&&(le.removeOnSpill=!1),void 0===le.direction&&(le.direction="vertical"),void 0===le.ignoreInputTextSelection&&(le.ignoreInputTextSelection=!0),void 0===le.mirrorContainer&&(le.mirrorContainer=S.body);var se=w({containers:le.containers,start:N,end:I,cancel:X,remove:D,destroy:h,canMove:M,dragging:!1});return le.removeOnSpill===!0&&se.on("over",R).on("out",L),o(),se}function r(e,n,t,r){var i={mouseup:"touchend",mousedown:"touchstart",mousemove:"touchmove"},a={mouseup:"pointerup",mousedown:"pointerdown",mousemove:"pointermove"},u={mouseup:"MSPointerUp",mousedown:"MSPointerDown",mousemove:"MSPointerMove"};o.navigator.pointerEnabled?x[n](e,a[t],r):o.navigator.msPointerEnabled?x[n](e,u[t],r):(x[n](e,i[t],r),x[n](e,t,r))}function i(e){if(void 0!==e.touches)return e.touches.length;if(void 0!==e.which&&0!==e.which)return e.which;if(void 0!==e.buttons)return e.buttons;var n=e.button;return void 0!==n?1&n?1:2&n?3:4&n?2:0:void 0}function a(e){var n=e.getBoundingClientRect();return{left:n.left+u("scrollLeft","pageXOffset"),top:n.top+u("scrollTop","pageYOffset")}}function u(e,n){return"undefined"!=typeof o[n]?o[n]:O.clientHeight?O[e]:S.body[e]}function c(e,n,t){var r,i=e||{},o=i.className;return i.className+=" gu-hide",r=S.elementFromPoint(n,t),i.className=o,r}function l(){return!1}function s(){return!0}function f(e){return e.width||e.right-e.left}function d(e){return e.height||e.bottom-e.top}function v(e){return e.parentNode===S?null:e.parentNode}function p(e){return"INPUT"===e.tagName||"TEXTAREA"===e.tagName||"SELECT"===e.tagName||m(e)}function m(e){return!!e&&("false"!==e.contentEditable&&("true"===e.contentEditable||m(v(e))))}function g(e){function n(){var n=e;do n=n.nextSibling;while(n&&1!==n.nodeType);return n}return e.nextElementSibling||n()}function y(e){return e.targetTouches&&e.targetTouches.length?e.targetTouches[0]:e.changedTouches&&e.changedTouches.length?e.changedTouches[0]:e}function b(e,n){var t=y(n),r={pageX:"clientX",pageY:"clientY"};return e in r&&!(e in t)&&r[e]in t&&(e=r[e]),t[e]}var w=n(h),x=n(N),E=n(A),S=document,O=S.documentElement;e.exports=t}),D=n(P),X=(function(){function e(e){this.value=e}function n(n){function t(e,n){return new Promise(function(t,i){var u={key:e,arg:n,resolve:t,reject:i,next:null};a?a=a.next=u:(o=a=u,r(e,n))})}function r(t,o){try{var a=n[t](o),u=a.value;u instanceof e?Promise.resolve(u.value).then(function(e){r("next",e)},function(e){r("throw",e)}):i(a.done?"return":"normal",a.value)}catch(e){i("throw",e)}}function i(e,n){switch(e){case"return":o.resolve({value:n,done:!0});break;case"throw":o.reject(n);break;default:o.resolve({value:n,done:!1})}o=o.next,o?r(o.key,o.arg):a=null}var o,a;this._invoke=t,"function"!=typeof n.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(n.prototype[Symbol.asyncIterator]=function(){return this}),n.prototype.next=function(e){return this._invoke("next",e)},n.prototype.throw=function(e){return this._invoke("throw",e)},n.prototype.return=function(e){return this._invoke("return",e)},{wrap:function(e){return function(){return new n(e.apply(this,arguments))}},await:function(n){return new e(n)}}}(),function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}),z=function(){function e(e,n){for(var t=0;t<n.length;t++){var r=n[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(n,t,r){return t&&e(n.prototype,t),r&&e(n,r),n}}();if(!D)throw new Error("[vue-dragula] cannot locate dragula.");var Y=window.requestAnimationFrame,$=Y?function(e){Y(function(){Y(e)})}:function(e){window.setTimeout(e,50)},F=function(){function e(n){var t=n.name,r=n.eventBus,i=n.bags,o=n.options;X(this,e),this.options=o||{},this.logging=o.logging,this.name=t,this.bags=i||[],this.eventBus=r,this.events=["cancel","cloned","drag","dragend","drop","out","over","remove","shadow","dropModel","removeModel"]}return z(e,[{key:"log",value:function(e){var n;if(this.logging){for(var t=arguments.length,r=Array(t>1?t-1:0),i=1;i<t;i++)r[i-1]=arguments[i];(n=console).log.apply(n,["DragulaService:",e].concat(r))}}},{key:"add",value:function(e,n){this.log("add",e);var t=this.find(e);if(t)throw new Error('Bag named: "'+e+'" already exists.');return t={name:e,drake:n},this.bags.push(t),n.models&&this.handleModels(e,n),t.initEvents||this.setupEvents(t),t}},{key:"find",value:function(e){this.log("find",e);for(var n=this.bags,t=0;t<n.length;t++)if(n[t].name===e)return n[t]}},{key:"handleModels",value:function(e,n){var t=this;if(this.log("handleModels",e,n),!n.registered){var r=void 0,i=void 0,o=void 0,a=void 0;n.on("remove",function(r,o,u){n.models&&(a=t.findModelForContainer(u,n),a.splice(i,1),n.cancel(!0),t.eventBus.$emit("removeModel",[e,r,u,i]))}),n.on("drag",function(e,n){r=e,i=t.domIndexOf(e,n)}),n.on("drop",function(u,c,l){if(n.models&&c){if(o=t.domIndexOf(u,c),a=t.findModelForContainer(l,n),c===l)a.splice(o,0,a.splice(i,1)[0]);else{var s=r===u,f=t.findModelForContainer(c,n),d=s?a[i]:JSON.parse(JSON.stringify(a[i]));s&&$(function(){a.splice(i,1)}),f.splice(o,0,d),n.cancel(!0)}t.eventBus.$emit("dropModel",[e,u,c,l,o])}}),n.registered=!0}}},{key:"on",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Object.keys(e),t=!0,r=!1,i=void 0;try{for(var o,a=n[Symbol.iterator]();!(t=(o=a.next()).done);t=!0){var u=o.value,c=e[u];this.eventBus.$on(u,c)}}catch(e){r=!0,i=e}finally{try{!t&&a.return&&a.return()}finally{if(r)throw i}}}},{key:"destroy",value:function(e){this.log("destroy",e);var n=this.find(e);if(n){var t=this.bags.indexOf(n);this.bags.splice(t,1),n.drake.destroy()}}},{key:"setOptions",value:function(e,n){this.log("setOptions",e,n);var t=this.add(e,D(n));this.handleModels(e,t.drake)}},{key:"setupEvents",value:function(e){this.log("setupEvents",e),e.initEvents=!0;var n=this,t=function(t){function r(){var r=Array.prototype.slice.call(arguments);n.eventBus.$emit(t,[e.name].concat(r))}e.drake.on(t,r)};this.events.forEach(t)}},{key:"domIndexOf",value:function(e,n){return Array.prototype.indexOf.call(n.children,e)}},{key:"findModelForContainer",value:function(e,n){return this.log("findModelForContainer",e,n),(this.findModelContainerByContainer(e,n)||{}).model}},{key:"findModelContainerByContainer",value:function(e,n){if(n.models)return n.models.find(function(n){return n.container===e})}}]),e}();if(!D)throw new Error("[vue-dragula] cannot locate dragula.");var R={createService:function(e){var n=e.name,t=e.eventBus,r=e.bags;return new F({name:n,eventBus:t,bags:r})},createEventBus:function(e){arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return new e}};i.version="1.0.0";var L=F;"function"==typeof define&&define.amd?define([],function(){}):window.Vue&&window.Vue.use(i),e.default=i,e.DragulaService=L});
\ No newline at end of file
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports):"function"==typeof define&&define.amd?define(["exports"],n):n(e.vueDragula=e.vueDragula||{})}(this,function(e){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e.default:e}function t(e,n){return n={exports:{}},e(n,n.exports),n.exports}function r(e){function n(){var e;if(o.logging){for(var n=arguments.length,t=Array(n),r=0;r<n;r++)t[r]=arguments[r];(e=console).log.apply(e,["vue-dragula plugin"].concat(t))}}function t(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return n.apply(void 0,["v-dragula directive"].concat(t))}function r(e,n,r){if(n){var i=n.context.$dragula;if(i){t("trying to find and use component service");var o=i.services[r];if(o)return t("using component service",o),o}}return t("using global service",s),s.find(e,n)}function i(e,n,t){var r=n?n.data.attrs.bag:this.params.bag,i=n?n.data.attrs.service:this.params.service;return void 0!==r&&0!==r.length&&(e=r),{name:e,bagName:r,serviceName:i}}var o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};n("Initializing vue-dragula plugin",o);var a=o.createService||R.createService,u=o.createEventBus||R.createEventBus,c=u(e,o),s=a({name:"global.dragula",eventBus:c,bags:o.bags}),l=void 0,f=function(){function e(n){F(this,e),this.options=n,this.$service={options:s.setOptions.bind(s),find:s.find.bind(s),eventBus:this.eventBus=s.eventBus}}return X(e,[{key:"optionsFor",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return this.service(e).setOptions(n),this}},{key:"create",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this._serviceMap=this._serviceMap||{};var n=e.names||[],t=e.name||[],r=e.bags||{};n=n||[t];var i=e.eventBus||i,a=!0,u=!1,c=void 0;try{for(var s,l=n[Symbol.iterator]();!(a=(s=l.next()).done);a=!0){var f=s.value,d=new $({name:f,eventBus:i,bags:r,options:o});this._serviceMap[f]=d,r&&this.bagsFor(f,r)}}catch(e){u=!0,c=e}finally{try{!a&&l.return&&l.return()}finally{if(u)throw c}}return this}},{key:"bagsFor",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=this.service(e),r=Object.keys(n),i=!0,o=!1,a=void 0;try{for(var u,c=r[Symbol.iterator]();!(i=(u=c.next()).done);i=!0){var s=u.value,l=n[s];t.setOptions(s,l)}}catch(e){o=!0,a=e}finally{try{!i&&c.return&&c.return()}finally{if(o)throw a}}return this}},{key:"on",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Object.values(this.serviceMap),t=!0,r=!1,i=void 0;try{for(var o,a=n[Symbol.iterator]();!(t=(o=a.next()).done);t=!0){var u=o.value;u.on(e)}}catch(e){r=!0,i=e}finally{try{!t&&a.return&&a.return()}finally{if(r)throw i}}return this}},{key:"service",value:function(e){var n=this._serviceMap[e];if(!n||!e){var t=this.servicesNames;n=this._serviceMap[t[0]]}return n}},{key:"serviceNames",get:function(){return Object.keys(this._serviceMap)}},{key:"services",get:function(){return Object.values(this._serviceMap)}}]),e}();e.$dragula=new f(o),e.prototype.$dragula=e.$dragula,e.directive("dragula",{params:["bag","service"],bind:function(e,n,o){t("bind",e,n,o);var a=i("globalBag",o,this),u=a.name,c=a.bagName,s=a.serviceName,f=r(u,o,s),d=f.find(u,o);return o||(e=this.el),t({service:{name:s,instance:f},bag:{name:c,instance:d},container:e}),d?(l=d.drake,void l.containers.push(e)):(l=D({containers:[e]}),f.add(u,l),void f.handleModels(u,l))},update:function(e,n,o,a){t("update",e,n,o);var u=o?n.value:e;if(u){var c=i("globalBag",o,this),s=c.name,f=c.bagName,d=c.serviceName,v=r(s,o,d),g=v.find(s,o);l=g.drake,l.models||(l.models=[]),o||(e=this.el);var h=v.findModelContainerByContainer(e,l);t({service:{name:d,instance:v},bag:{name:f,instance:g},container:e,modelContainer:h}),h?(t("set model of container",u),h.model=u):(t("push model and container on drake",u,e),l.models.push({model:u,container:e}))}},unbind:function(e,n,o){t("unbind",e,n,o);var a=i("globalBag",o,this),u=a.name,c=a.serviceName,s=r(u,o,c),l=s.find(u,o);t({service:{name:c,instance:s},bag:{name:bagName,instance:l},container:e});var f=l.drake;if(f){var d=f.containers.indexOf(e);d>-1&&(t("remove container",d),f.containers.splice(d,1)),0===f.containers.length&&(t("destroy service"),s.destroy(u))}}})}function i(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};i.installed&&console.warn("[vue-dragula] already installed."),console.log("Add Dragula plugin:",n),r(e,n)}var o="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},a=t(function(e){e.exports=function(e,n){return Array.prototype.slice.call(e,n)}}),u=n(a),c=Object.freeze({default:u}),s=t(function(e){var n,t="function"==typeof setImmediate;n=t?function(e){setImmediate(e)}:"undefined"!=typeof process&&process.nextTick?process.nextTick:function(e){setTimeout(e,0)},e.exports=n}),l=n(s),f=Object.freeze({default:l}),d=t(function(e){var t=n(f);e.exports=function(e,n,r){e&&t(function(){e.apply(r||null,n||[])})}}),v=n(d),g=Object.freeze({default:v}),h=t(function(e){var t=n(c),r=n(g);e.exports=function(e,n){var i=n||{},o={};return void 0===e&&(e={}),e.on=function(n,t){return o[n]?o[n].push(t):o[n]=[t],e},e.once=function(n,t){return t._once=!0,e.on(n,t),e},e.off=function(n,t){var r=arguments.length;if(1===r)delete o[n];else if(0===r)o={};else{var i=o[n];if(!i)return e;i.splice(i.indexOf(t),1)}return e},e.emit=function(){var n=t(arguments);return e.emitterSnapshot(n.shift()).apply(this,n)},e.emitterSnapshot=function(n){var a=(o[n]||[]).slice(0);return function(){var o=t(arguments),u=this||e;if("error"===n&&i.throws!==!1&&!a.length)throw 1===o.length?o[0]:o;return a.forEach(function(t){i.async?r(t,o,u):t.apply(u,o),t._once&&e.off(n,t)}),e}},e}}),m=n(h),p=Object.freeze({default:m}),y=t(function(e){function n(){try{var e=new t("cat",{detail:{foo:"bar"}});return"cat"===e.type&&"bar"===e.detail.foo}catch(e){}return!1}var t=o.CustomEvent;e.exports=n()?t:"function"==typeof document.createEvent?function(e,n){var t=document.createEvent("CustomEvent");return n?t.initCustomEvent(e,n.bubbles,n.cancelable,n.detail):t.initCustomEvent(e,!1,!1,void 0),t}:function(e,n){var t=document.createEventObject();return t.type=e,n?(t.bubbles=Boolean(n.bubbles),t.cancelable=Boolean(n.cancelable),t.detail=n.detail):(t.bubbles=!1,t.cancelable=!1,t.detail=void 0),t}}),b=n(y),w=Object.freeze({default:b}),k=t(function(e){var n=[],t="",r=/^on/;for(t in o)r.test(t)&&n.push(t.slice(2));e.exports=n}),x=n(k),E=Object.freeze({default:x}),O=t(function(e){function t(e,n,t,r){return e.addEventListener(n,t,r)}function r(e,n,t){return e.attachEvent("on"+n,s(e,n,t))}function i(e,n,t,r){return e.removeEventListener(n,t,r)}function a(e,n,t){var r=l(e,n,t);if(r)return e.detachEvent("on"+n,r)}function u(e,n,t){function r(){var e;return g.createEvent?(e=g.createEvent("Event"),e.initEvent(n,!0,!0)):g.createEventObject&&(e=g.createEventObject()),e}function i(){return new d(n,{detail:t})}var o=v.indexOf(n)===-1?i():r();e.dispatchEvent?e.dispatchEvent(o):e.fireEvent("on"+n,o)}function c(e,n,t){return function(n){var r=n||o.event;r.target=r.target||r.srcElement,r.preventDefault=r.preventDefault||function(){r.returnValue=!1},r.stopPropagation=r.stopPropagation||function(){r.cancelBubble=!0},r.which=r.which||r.keyCode,t.call(e,r)}}function s(e,n,t){var r=l(e,n,t)||c(e,n,t);return p.push({wrapper:r,element:e,type:n,fn:t}),r}function l(e,n,t){var r=f(e,n,t);if(r){var i=p[r].wrapper;return p.splice(r,1),i}}function f(e,n,t){var r,i;for(r=0;r<p.length;r++)if(i=p[r],i.element===e&&i.type===n&&i.fn===t)return r}var d=n(w),v=n(E),g=o.document,h=t,m=i,p=[];o.addEventListener||(h=r,m=a),e.exports={add:h,remove:m,fabricate:u}}),S=n(O),C=O.add,B=O.remove,M=O.fabricate,N=Object.freeze({default:S,add:C,remove:B,fabricate:M}),j=t(function(e){function n(e){var n=i[e];return n?n.lastIndex=0:i[e]=n=new RegExp(o+e+a,"g"),n}function t(e,t){var r=e.className;r.length?n(t).test(r)||(e.className+=" "+t):e.className=t}function r(e,t){e.className=e.className.replace(n(t)," ").trim()}var i={},o="(?:^|\\s)",a="(?:\\s|$)";e.exports={add:t,rm:r}}),T=n(j),I=j.add,P=j.rm,_=Object.freeze({default:T,add:I,rm:P}),A=t(function(e){function t(e,n){function t(e){return le.containers.indexOf(e)!==-1||se.isContainer(e)}function o(e){var n=e?"remove":"add";r(O,n,"mousedown",S),r(O,n,"mouseup",_)}function u(e){var n=e?"remove":"add";r(O,n,"mousemove",C)}function h(e){var n=e?"remove":"add";k[n](O,"selectstart",y),k[n](O,"click",y)}function p(){o(!0),_({})}function y(e){ue&&e.preventDefault()}function S(e){ne=e.clientX,te=e.clientY;var n=1!==i(e)||e.metaKey||e.ctrlKey;if(!n){var t=e.target,r=B(t);r&&(ue=r,u(),"mousedown"===e.type&&(g(t)?t.focus():e.preventDefault()))}}function C(e){if(ue){if(0===i(e))return void _({});if(void 0===e.clientX||e.clientX!==ne||void 0===e.clientY||e.clientY!==te){if(se.ignoreInputTextSelection){var n=b("clientX",e),t=b("clientY",e),r=E.elementFromPoint(n,t);if(g(r))return}var o=ue;u(!0),h(),I(),j(o);var c=a(W);Z=b("pageX",e)-c.left,ee=b("pageY",e)-c.top,x.add(oe||W,"gu-transit"),V(),$(e)}}}function B(e){if(!(le.dragging&&G||t(e))){for(var n=e;v(e)&&t(v(e))===!1;){if(se.invalid(e,n))return;if(e=v(e),!e)return}var r=v(e);if(r&&!se.invalid(e,n)){var i=se.moves(e,r,n,m(e));if(i)return{item:e,source:r}}}}function M(e){return!!B(e)}function N(e){var n=B(e);n&&j(n)}function j(e){q(e.item,e.source)&&(oe=e.item.cloneNode(!0),le.emit("cloned",oe,e.item,"copy")),Q=e.source,W=e.item,re=ie=m(e.item),le.dragging=!0,le.emit("drag",W,Q)}function T(){return!1}function I(){if(le.dragging){var e=oe||W;A(e,v(e))}}function P(){ue=!1,u(!0),h(!0)}function _(e){if(P(),le.dragging){var n=oe||W,t=b("clientX",e),r=b("clientY",e),i=c(G,t,r),o=Y(i,t,r);o&&(oe&&se.copySortSource||!oe||o!==Q)?A(n,o):se.removeOnSpill?D():F()}}function A(e,n){var t=v(e);oe&&se.copySortSource&&n===Q&&t.removeChild(W),z(n)?le.emit("cancel",e,Q,Q):le.emit("drop",e,n,Q,ie),X()}function D(){if(le.dragging){var e=oe||W,n=v(e);n&&n.removeChild(e),le.emit(oe?"cancel":"remove",e,n,Q),X()}}function F(e){if(le.dragging){var n=arguments.length>0?e:se.revertOnSpill,t=oe||W,r=v(t),i=z(r);i===!1&&n&&(oe?r&&r.removeChild(oe):Q.insertBefore(t,re)),i||n?le.emit("cancel",t,Q,Q):le.emit("drop",t,r,Q,ie),X()}}function X(){var e=oe||W;P(),J(),e&&x.rm(e,"gu-transit"),ae&&clearTimeout(ae),le.dragging=!1,ce&&le.emit("out",e,ce,Q),le.emit("dragend",e),Q=W=oe=re=ie=ae=ce=null}function z(e,n){var t;return t=void 0!==n?n:G?ie:m(oe||W),e===Q&&t===re}function Y(e,n,r){function i(){var i=t(o);if(i===!1)return!1;var a=K(o,e),u=U(o,a,n,r),c=z(o,u);return!!c||se.accepts(W,o,Q,u)}for(var o=e;o&&!i();)o=v(o);return o}function $(e){function n(e){le.emit(e,s,ce,Q)}function t(){d&&n("over")}function r(){ce&&n("out")}if(G){e.preventDefault();var i=b("clientX",e),o=b("clientY",e),a=i-Z,u=o-ee;G.style.left=a+"px",G.style.top=u+"px";var s=oe||W,l=c(G,i,o),f=Y(l,i,o),d=null!==f&&f!==ce;(d||null===f)&&(r(),ce=f,t());var g=v(s);if(f===Q&&oe&&!se.copySortSource)return void(g&&g.removeChild(s));var h,p=K(f,l);if(null!==p)h=U(f,p,i,o);else{if(se.revertOnSpill!==!0||oe)return void(oe&&g&&g.removeChild(s));h=re,f=Q}(null===h&&d||h!==s&&h!==m(s))&&(ie=h,f.insertBefore(s,h),le.emit("shadow",s,f,Q))}}function R(e){x.rm(e,"gu-hide")}function L(e){le.dragging&&x.add(e,"gu-hide")}function V(){if(!G){var e=W.getBoundingClientRect();G=W.cloneNode(!0),G.style.width=f(e)+"px",G.style.height=d(e)+"px",x.rm(G,"gu-transit"),x.add(G,"gu-mirror"),se.mirrorContainer.appendChild(G),r(O,"add","mousemove",$),x.add(se.mirrorContainer,"gu-unselectable"),le.emit("cloned",G,W,"mirror")}}function J(){G&&(x.rm(se.mirrorContainer,"gu-unselectable"),r(O,"remove","mousemove",$),v(G).removeChild(G),G=null)}function K(e,n){for(var t=n;t!==e&&v(t)!==e;)t=v(t);return t===O?null:t}function U(e,n,t,r){function i(){var n,i,o,a=e.children.length;for(n=0;n<a;n++){if(i=e.children[n],o=i.getBoundingClientRect(),u&&o.left+o.width/2>t)return i;if(!u&&o.top+o.height/2>r)return i}return null}function o(){var e=n.getBoundingClientRect();return a(u?t>e.left+f(e)/2:r>e.top+d(e)/2)}function a(e){return e?m(n):n}var u="horizontal"===se.direction,c=n!==e?o():i();return c}function q(e,n){return"boolean"==typeof se.copy?se.copy:se.copy(e,n)}var H=arguments.length;1===H&&Array.isArray(e)===!1&&(n=e,e=[]);var G,Q,W,Z,ee,ne,te,re,ie,oe,ae,ue,ce=null,se=n||{};void 0===se.moves&&(se.moves=l),void 0===se.accepts&&(se.accepts=l),void 0===se.invalid&&(se.invalid=T),void 0===se.containers&&(se.containers=e||[]),void 0===se.isContainer&&(se.isContainer=s),void 0===se.copy&&(se.copy=!1),void 0===se.copySortSource&&(se.copySortSource=!1),void 0===se.revertOnSpill&&(se.revertOnSpill=!1),void 0===se.removeOnSpill&&(se.removeOnSpill=!1),void 0===se.direction&&(se.direction="vertical"),void 0===se.ignoreInputTextSelection&&(se.ignoreInputTextSelection=!0),void 0===se.mirrorContainer&&(se.mirrorContainer=E.body);var le=w({containers:se.containers,start:N,end:I,cancel:F,remove:D,destroy:p,canMove:M,dragging:!1});return se.removeOnSpill===!0&&le.on("over",R).on("out",L),o(),le}function r(e,n,t,r){var i={mouseup:"touchend",mousedown:"touchstart",mousemove:"touchmove"},a={mouseup:"pointerup",mousedown:"pointerdown",mousemove:"pointermove"},u={mouseup:"MSPointerUp",mousedown:"MSPointerDown",mousemove:"MSPointerMove"};o.navigator.pointerEnabled?k[n](e,a[t],r):o.navigator.msPointerEnabled?k[n](e,u[t],r):(k[n](e,i[t],r),k[n](e,t,r))}function i(e){if(void 0!==e.touches)return e.touches.length;if(void 0!==e.which&&0!==e.which)return e.which;if(void 0!==e.buttons)return e.buttons;var n=e.button;return void 0!==n?1&n?1:2&n?3:4&n?2:0:void 0}function a(e){var n=e.getBoundingClientRect();return{left:n.left+u("scrollLeft","pageXOffset"),top:n.top+u("scrollTop","pageYOffset")}}function u(e,n){return"undefined"!=typeof o[n]?o[n]:O.clientHeight?O[e]:E.body[e]}function c(e,n,t){var r,i=e||{},o=i.className;return i.className+=" gu-hide",r=E.elementFromPoint(n,t),i.className=o,r}function s(){return!1}function l(){return!0}function f(e){return e.width||e.right-e.left}function d(e){return e.height||e.bottom-e.top}function v(e){return e.parentNode===E?null:e.parentNode}function g(e){return"INPUT"===e.tagName||"TEXTAREA"===e.tagName||"SELECT"===e.tagName||h(e)}function h(e){return!!e&&("false"!==e.contentEditable&&("true"===e.contentEditable||h(v(e))))}function m(e){function n(){var n=e;do n=n.nextSibling;while(n&&1!==n.nodeType);return n}return e.nextElementSibling||n()}function y(e){return e.targetTouches&&e.targetTouches.length?e.targetTouches[0]:e.changedTouches&&e.changedTouches.length?e.changedTouches[0]:e}function b(e,n){var t=y(n),r={pageX:"clientX",pageY:"clientY"};return e in r&&!(e in t)&&r[e]in t&&(e=r[e]),t[e]}var w=n(p),k=n(N),x=n(_),E=document,O=E.documentElement;e.exports=t}),D=n(A),F=(function(){function e(e){this.value=e}function n(n){function t(e,n){return new Promise(function(t,i){var u={key:e,arg:n,resolve:t,reject:i,next:null};a?a=a.next=u:(o=a=u,r(e,n))})}function r(t,o){try{var a=n[t](o),u=a.value;u instanceof e?Promise.resolve(u.value).then(function(e){r("next",e)},function(e){r("throw",e)}):i(a.done?"return":"normal",a.value)}catch(e){i("throw",e)}}function i(e,n){switch(e){case"return":o.resolve({value:n,done:!0});break;case"throw":o.reject(n);break;default:o.resolve({value:n,done:!1})}o=o.next,o?r(o.key,o.arg):a=null}var o,a;this._invoke=t,"function"!=typeof n.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(n.prototype[Symbol.asyncIterator]=function(){return this}),n.prototype.next=function(e){return this._invoke("next",e)},n.prototype.throw=function(e){return this._invoke("throw",e)},n.prototype.return=function(e){return this._invoke("return",e)},{wrap:function(e){return function(){return new n(e.apply(this,arguments))}},await:function(n){return new e(n)}}}(),function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}),X=function(){function e(e,n){for(var t=0;t<n.length;t++){var r=n[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(n,t,r){return t&&e(n.prototype,t),r&&e(n,r),n}}();if(!D)throw new Error("[vue-dragula] cannot locate dragula.");var z=window.requestAnimationFrame,Y=z?function(e){z(function(){z(e)})}:function(e){window.setTimeout(e,50)},$=function(){function e(n){var t=n.name,r=n.eventBus,i=n.bags,o=n.drake,a=n.options;F(this,e),this.options=a||{},this.logging=a.logging,this.name=t,this.bags=i={},this.eventBus=r,this.drake=o,this.events=["cancel","cloned","drag","dragend","drop","out","over","remove","shadow","dropModel","removeModel"]}return X(e,[{key:"log",value:function(e){var n;if(this.logging){for(var t=arguments.length,r=Array(t>1?t-1:0),i=1;i<t;i++)r[i-1]=arguments[i];(n=console).log.apply(n,["DragulaService ["+this.name+"] :",e].concat(r))}}},{key:"error",value:function(e){throw console.error(e),new Error(e)}},{key:"add",value:function(e,n){n=n||this.drake,this.log("add (bag)",e,n);var t=this.find(e);if(t){this.log("existing bags",this.bagNames);'Bag named: "'+e+'" already exists for this service ['+this.name+"]. \n      Most likely this error in cause by a race condition evaluating multiple template elements with \n      the v-dragula directive having the same bag name. Please initialise the bag in the created() life cycle hook of the VM to fix this problem.";this.error(msg)}return this.bags[e]=n,n.models&&this.handleModels(e,n),t.initEvents||this.setupEvents(t),t}},{key:"find",value:function(e){return this.log("find (bag) by name",e),this.bags[e]}},{key:"handleModels",value:function(e,n){var t=this;if(n=n||this.drake,this.log("handleModels",e,n),!n.registered){var r=void 0,i=void 0,o=void 0,a=void 0;n.on("remove",function(r,o,u){n.models&&(a=t.findModelForContainer(u,n),a.splice(i,1),n.cancel(!0),t.eventBus.$emit("removeModel",[e,r,u,i]))}),n.on("drag",function(e,n){r=e,i=t.domIndexOf(e,n)}),n.on("drop",function(u,c,s){if(n.models&&c){if(o=t.domIndexOf(u,c),a=t.findModelForContainer(s,n),c===s)a.splice(o,0,a.splice(i,1)[0]);else{var l=r===u,f=t.findModelForContainer(c,n),d=l?a[i]:JSON.parse(JSON.stringify(a[i]));l&&Y(function(){a.splice(i,1)}),f.splice(o,0,d),n.cancel(!0)}t.eventBus.$emit("dropModel",[e,u,c,s,o])}}),n.registered=!0}}},{key:"on",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Object.keys(e),t=!0,r=!1,i=void 0;try{for(var o,a=n[Symbol.iterator]();!(t=(o=a.next()).done);t=!0){var u=o.value,c=e[u];this.eventBus.$on(u,c)}}catch(e){r=!0,i=e}finally{try{!t&&a.return&&a.return()}finally{if(r)throw i}}}},{key:"destroy",value:function(e){this.log("destroy",e);var n=this.find(e);n&&(n.drake.destroy(),this.delete(e))}},{key:"delete",value:function(e){delete this.bags[e]}},{key:"setOptions",value:function(e,n){if(this.log("setOptions",e,n),!e)return console.error("setOptions must take the name of the bag to set options for"),this;var t=this.add(e,D(n));return this.handleModels(e,t.drake),this}},{key:"setupEvents",value:function(e){this.log("setupEvents",e),e.initEvents=!0;var n=this,t=function(t){function r(){var r=Array.prototype.slice.call(arguments);n.eventBus.$emit(t,[e.name].concat(r))}e.drake.on(t,r)};this.events.forEach(t)}},{key:"domIndexOf",value:function(e,n){return Array.prototype.indexOf.call(n.children,e)}},{key:"findModelForContainer",value:function(e,n){return n=n||this.drake,this.log("findModelForContainer",e,n),(this.findModelContainerByContainer(e,n)||{}).model}},{key:"findModelContainerByContainer",value:function(e,n){if(n=n||this.drake,n.models)return n.models.find(function(n){return n.container===e})}},{key:"bagNames",get:function(){return Object.keys(this.bags)}}]),e}();if(!D)throw new Error("[vue-dragula] cannot locate dragula.");var R={createService:function(e){var n=e.name,t=e.eventBus,r=e.bags;return new $({name:n,eventBus:t,bags:r})},createEventBus:function(e){arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return new e}};i.version="1.0.0";var L=$;"function"==typeof define&&define.amd?define([],function(){}):window.Vue&&window.Vue.use(i),e.default=i,e.DragulaService=L});
\ No newline at end of file
diff --git a/src/service.js b/src/service.js
index bcda720..654634b 100644
--- a/src/service.js
+++ b/src/service.js
@@ -43,6 +43,11 @@ class DragulaService {
     console.log(`DragulaService [${this.name}] :`, event, ...args)
   }
 
+  error(msg) {
+    console.error(msg)
+    throw new Error(msg)
+  }
+
   get bagNames() {
     return Object.keys(this.bags)
   }
@@ -52,8 +57,11 @@ class DragulaService {
     this.log('add (bag)', name, drake)
     let bag = this.find(name)
     if (bag) {
-      this.log('existing bags', this.bagNames
-      throw new Error('Bag named: "' + name + '" already exists for this service')
+      this.log('existing bags', this.bagNames)
+      let errMsg = `Bag named: "${name}" already exists for this service [${this.name}]. 
+      Most likely this error in cause by a race condition evaluating multiple template elements with 
+      the v-dragula directive having the same bag name. Please initialise the bag in the created() life cycle hook of the VM to fix this problem.`
+      this.error(msg)
     }
     this.bags[name] = drake
     if (drake.models) {

From 37d1eb4f9858512eac61ddfb4fb692e95420b497 Mon Sep 17 00:00:00 2001
From: Kristian Mandrup <kmandrup@gmail.com>
Date: Sat, 12 Nov 2016 20:48:59 +0100
Subject: [PATCH 18/30] advanced magic

---
 README.md | 27 ++++++++++++++++++++++++++-
 1 file changed, 26 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index a13be70..ee5cd03 100644
--- a/README.md
+++ b/README.md
@@ -263,7 +263,32 @@ Now when `v-dragula` directives are evaluated and bound to the component (via `b
   }
 ```
 
-**Magic!!!**
+### Advanced drake Magic
+
+Note that dragula containers should always be linked to an underlying model. 
+If you really need to add a container/model binding programmatically, try this:
+
+```js
+  drake.models.push({
+    model: model,
+    container: container
+  })
+```
+
+Here the `model` is a pointer to a list in the model data of your VM. The container is a DOM element which contains a list of elements that an be dragged and rearranged and their ordering reflected (mirrored) in the model.
+
+To access and modify a particular drake models and containers:
+
+```js
+let drake = this.$dragula.service('my-list').find('third-bag')
+drake.models.push({
+  model: model,
+  container: container
+})
+drake.containers.push(container)
+```
+
+You need a deep understanding of the inner workings of Dragula in order to get this right, so do this at your own risk and experiment.
 
 ## Install
 #### CommonJS

From 284b685402273baab9756800b4d1e7737b4fa766 Mon Sep 17 00:00:00 2001
From: Kristian Mandrup <kmandrup@gmail.com>
Date: Sun, 13 Nov 2016 12:45:55 +0100
Subject: [PATCH 19/30] add drag-handler

---
 README.md           | 90 +++++++++++++++++++++++++++++++++++++++++++++
 src/drag-handler.js | 77 ++++++++++++++++++++++++++++++++++++++
 src/index.js        |  6 +--
 src/service.js      | 70 +++++++----------------------------
 src/vue-dragula.js  |  9 ++++-
 5 files changed, 191 insertions(+), 61 deletions(-)
 create mode 100644 src/drag-handler.js

diff --git a/README.md b/README.md
index ee5cd03..c9dfa7b 100644
--- a/README.md
+++ b/README.md
@@ -64,6 +64,96 @@ The `drake` instance of each bag must be a dragula instance (with its own event
 bag.drake.on(type, replicate)
 ```
 
+### TODO
+
+Currently the only models allowed are flat lists or perhaps nested lists.
+
+We should ability to customize the drake even handler mechanics on the underlying models to allow for other types of models.
+
+A typical schenario is to have node objects, where each node has 
+a `children` key. We should be able to drag elements to modify the node tree stucture.
+
+```js
+{
+  type: 'container'
+  children: [
+    {
+      type: 'form',
+      children: [
+        {
+          type: 'input'
+          as: 'text'
+          value: 'hello'
+          label: 'Your name'
+        },
+        {
+          type: 'input'
+          as: 'checkbox'
+          value: 'yes'
+          label: 'Feeling good?'
+        }
+      ]
+    },
+    {
+      type: 'form',
+      children: [
+      ]
+    }
+  ]
+}
+```
+
+In this example we should be able to move a form input from one form container node into a another. But perhaps this is already possible, just by setting `v-dragula` to `children[0] and children[1]`. Then we use the rest of the node tree to visualize the various different nodes :)
+
+However we might still want more fine grained control on how nodes are added/removed from the lists. Some lists might only allow ned nodes added at the front or the back, some might have validation rules etc.
+
+Currently we use global variables to handle this, which is not very flexible.
+This works since the `drag` event is always called first and will set the `dragIndex` which is scope referenced by `remove`. Instead we should move it to a class with shared instance variables. Then we can substitute the drag handlers.
+
+```js
+  let dragElm
+  let dragIndex
+  let dropIndex
+  let sourceModel
+
+  drake.on('remove', (el, container, source) => {
+    if (!drake.models) {
+      return
+    }
+    sourceModel = this.findModelForContainer(source, drake)
+    sourceModel.splice(dragIndex, 1)
+    drake.cancel(true)
+    this.eventBus.$emit('removeModel', [name, el, source, dragIndex])
+  })
+
+  drake.on('drag', (el, source) => {
+    dragElm = el
+    dragIndex = this.domIndexOf(el, source)
+  })
+```
+
+This has now been refactored in the `DragHandler` class (see `/src/drag-handler.js`. This class can be subclassed and customized as needed. You can then pass a factory method `createDragHandler` as a service option.
+
+```js
+function createDragHandler({ctx, name, drake}) {
+  return new MyDragHandler({ ctx, name, drake })
+}
+
+created () {
+  this.$dragula.create({
+    name: 'myService',
+    createDragHandler,
+    bags: {
+      third: true
+    }
+  })
+
+  // setup bags
+}
+```
+
+Note that you can set a bag to `true` as a convenience to signify no bag options (ie. default drake/dragula behavior for that bag). To be more clear you could also do `third: {}` which is the same.
+
 ### Binding models to dragable elements
 
 Please note that `vue-dragula` expects the `v-dragula` binding expression to link to an underlying model in the VM. 
diff --git a/src/drag-handler.js b/src/drag-handler.js
new file mode 100644
index 0000000..6b6b878
--- /dev/null
+++ b/src/drag-handler.js
@@ -0,0 +1,77 @@
+const raf = window.requestAnimationFrame
+const waitForTransition = raf
+  ? function (fn) {
+    raf(() => {
+      raf(fn)
+    })
+  }
+  : function (fn) {
+    window.setTimeout(fn, 50)
+  }
+
+export class DragHandler {
+  constructor({ctx, name, drake}) {
+    this.dragElm = null
+    this.dragIndex = null
+    this.dropIndex = null
+    this.sourceModel = null
+    this.ctx = ctx
+    this.drake = drake
+    this.name = name
+    this.eventBus = ctx.eventBus
+    this.findModelForContainer = ctx.findModelForContainer
+    this.domIndexOf = ctx.domIndexOf
+  }
+
+  remove (el, container, source) => {
+    if (!this.drake.models) {
+      return
+    }
+    this.sourceModel = this.findModelForContainer(source, this.drake)
+    this.sourceModel.splice(this.dragIndex, 1)
+    this.drake.cancel(true)
+    this.eventBus.$emit('removeModel', [this.name, el, source, this.dragIndex])
+  }
+
+  drag (el, source) {
+    this.dragElm = el
+    this.dragIndex = this.domIndexOf(el, source)
+  }
+
+  drop(dropElm, target, source) {
+    if (!this.drake.models || !target) {
+      return
+    }
+    this.dropIndex = this.domIndexOf(dropElm, target)
+    this.sourceModel = this.findModelForContainer(source, this.drake)
+
+    if (target === source) {
+      thissourceModel.splice(this.dropIndex, 0, this.sourceModel.splice(this.dragIndex, 1)[0])
+    } else {
+      let notCopy = this.dragElm === dropElm
+      let targetModel = this.findModelForContainer(target, this.drake)
+      let dropElmModel = notCopy ? this.dropElmModel : this.jsonDropElmModel
+
+      if (notCopy) {
+        waitForTransition(() => {
+          this.sourceModel.splice(this.dragIndex, 1)
+        })
+      }
+      targetModel.splice(this.dropIndex, 0, dropElmModel)
+      this.drake.cancel(true)
+    }
+    this.eventBus.$emit('dropModel', [this.name, dropElm, target, source, this.dropIndex])
+  }
+
+  get dropElmModel() {
+    return this.sourceModel[this.dragIndex]
+  }
+
+  get jsonDropElmModel() {
+    return JSON.parse(JSON.stringify(this.sourceModel[this.dragIndex])
+  }
+}
+
+
+
+
diff --git a/src/index.js b/src/index.js
index 1a35092..756fa9b 100644
--- a/src/index.js
+++ b/src/index.js
@@ -13,9 +13,9 @@ plugin.version = '1.0.0'
 
 export default plugin
 
-// make it possible to subclass service
-import { default as DService } from './service'
-export const DragulaService = DService
+// make it possible to subclass service and drag handler
+export { DragulaService } from './service'
+export { DragHandler } from './drag-handler'
 
 if (typeof define === 'function' && define.amd) { // eslint-disable-line
   define([], () => { plugin }) // eslint-disable-line
diff --git a/src/service.js b/src/service.js
index 654634b..b92b07d 100644
--- a/src/service.js
+++ b/src/service.js
@@ -4,18 +4,13 @@ if (!dragula) {
   throw new Error('[vue-dragula] cannot locate dragula.')
 }
 
-const raf = window.requestAnimationFrame
-const waitForTransition = raf
-  ? function (fn) {
-    raf(() => {
-      raf(fn)
-    })
-  }
-  : function (fn) {
-    window.setTimeout(fn, 50)
-  }
+import { DragHandler } from './drag-handler'
 
-class DragulaService {
+function createDragHandler({ctx, name, drake}) {
+  return new DragHandler({ ctx, name, drake })
+}
+
+export class DragulaService {
   constructor ({name, eventBus, bags, drake, options}) {
     this.options = options || {}
     this.logging = options.logging
@@ -23,6 +18,7 @@ class DragulaService {
     this.bags = bags = {} // bag store
     this.eventBus = eventBus
     this.drake = drake
+    this.createDragHandler = options.createDragHandler || createDragHandler
     this.events = [
       'cancel',
       'cloned',
@@ -85,50 +81,13 @@ class DragulaService {
     if (drake.registered) { // do not register events twice
       return
     }
-    let dragElm
-    let dragIndex
-    let dropIndex
-    let sourceModel
-
-    drake.on('remove', (el, container, source) => {
-      if (!drake.models) {
-        return
-      }
-      sourceModel = this.findModelForContainer(source, drake)
-      sourceModel.splice(dragIndex, 1)
-      drake.cancel(true)
-      this.eventBus.$emit('removeModel', [name, el, source, dragIndex])
-    })
-
-    drake.on('drag', (el, source) => {
-      dragElm = el
-      dragIndex = this.domIndexOf(el, source)
-    })
-
-    drake.on('drop', (dropElm, target, source) => {
-      if (!drake.models || !target) {
-        return
-      }
-      dropIndex = this.domIndexOf(dropElm, target)
-      sourceModel = this.findModelForContainer(source, drake)
-
-      if (target === source) {
-        sourceModel.splice(dropIndex, 0, sourceModel.splice(dragIndex, 1)[0])
-      } else {
-        let notCopy = dragElm === dropElm
-        let targetModel = this.findModelForContainer(target, drake)
-        let dropElmModel = notCopy ? sourceModel[dragIndex] : JSON.parse(JSON.stringify(sourceModel[dragIndex]))
-
-        if (notCopy) {
-          waitForTransition(() => {
-            sourceModel.splice(dragIndex, 1)
-          })
-        }
-        targetModel.splice(dropIndex, 0, dropElmModel)
-        drake.cancel(true)
-      }
-      this.eventBus.$emit('dropModel', [name, dropElm, target, source, dropIndex])
-    })
+
+    const dragHandler = this.createDragHandler({ ctx: this, name, drake })
+
+    drake.on('remove', dragHandler.remove)
+    drake.on('drag', dragHandler.drag)
+    drake.on('drop', dragHandler.drop)
+
     drake.registered = true
   }
 
@@ -201,4 +160,3 @@ class DragulaService {
   }
 }
 
-export default DragulaService
diff --git a/src/vue-dragula.js b/src/vue-dragula.js
index f86e1bf..10bc7ed 100644
--- a/src/vue-dragula.js
+++ b/src/vue-dragula.js
@@ -1,5 +1,6 @@
 import dragula from 'dragula'
-import DragulaService from './service'
+import { DragulaService } from './service'
+import merge from 'lodash.merge'
 
 if (!dragula) {
   throw new Error('[vue-dragula] cannot locate dragula.')
@@ -67,6 +68,7 @@ export default function (Vue, options = {}) {
       let names = serviceOpts.names || []
       let name = serviceOpts.name || []
       let bags = serviceOpts.bags || {}
+      let opts = merge(options, serviceOpts)
       names = names || [name]
       let eventBus = serviceOpts.eventBus || eventBus
 
@@ -76,7 +78,7 @@ export default function (Vue, options = {}) {
           name,
           eventBus,
           bags,
-          options
+          otions: opts
         })
 
         this._serviceMap[name] = newService
@@ -94,6 +96,9 @@ export default function (Vue, options = {}) {
       let bagNames = Object.keys(bags)
       for (let bagName of bagNames) {
         let bagOpts = bags[bagName]
+        if (bagOpts === true) {
+          bagOpts = {}
+        }
         service.setOptions(bagName, bagOpts)
       }
       return this

From 01d679f8b45942e6208d46fe952d9ca349d70f1f Mon Sep 17 00:00:00 2001
From: Kristian Mandrup <kmandrup@gmail.com>
Date: Sun, 13 Nov 2016 12:48:07 +0100
Subject: [PATCH 20/30] compile error - please help debug and fix ;)

---
 dist/vue-dragula.js | 2645 +++++++++++++++++++++++++++++++++++++++----
 src/drag-handler.js |    6 +-
 2 files changed, 2432 insertions(+), 219 deletions(-)

diff --git a/dist/vue-dragula.js b/dist/vue-dragula.js
index 17ff9d1..83988e5 100644
--- a/dist/vue-dragula.js
+++ b/dist/vue-dragula.js
@@ -1071,6 +1071,12 @@ var require$$0$3 = Object.freeze({
 
 	var dragula$1 = interopDefault(dragula);
 
+	var typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) {
+	  return typeof obj;
+	} : function (obj) {
+	  return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+	};
+
 	var asyncGenerator = function () {
 	  function AwaitValue(value) {
 	    this.value = value;
@@ -1208,10 +1214,6 @@ var require$$0$3 = Object.freeze({
 	  };
 	}();
 
-	if (!dragula$1) {
-	  throw new Error('[vue-dragula] cannot locate dragula.');
-	}
-
 	var raf = window.requestAnimationFrame;
 	var waitForTransition = raf ? function (fn) {
 	  raf(function () {
@@ -1221,13 +1223,103 @@ var require$$0$3 = Object.freeze({
 	  window.setTimeout(fn, 50);
 	};
 
-	var DragulaService$1 = function () {
-	  function DragulaService(_ref) {
-	    var name = _ref.name,
-	        eventBus = _ref.eventBus,
-	        bags = _ref.bags,
-	        drake = _ref.drake,
-	        options = _ref.options;
+	var DragHandler = function () {
+	  function DragHandler(_ref) {
+	    var ctx = _ref.ctx,
+	        name = _ref.name,
+	        drake = _ref.drake;
+	    classCallCheck(this, DragHandler);
+
+	    this.dragElm = null;
+	    this.dragIndex = null;
+	    this.dropIndex = null;
+	    this.sourceModel = null;
+	    this.ctx = ctx;
+	    this.drake = drake;
+	    this.name = name;
+	    this.eventBus = ctx.eventBus;
+	    this.findModelForContainer = ctx.findModelForContainer;
+	    this.domIndexOf = ctx.domIndexOf;
+	  }
+
+	  createClass(DragHandler, [{
+	    key: 'remove',
+	    value: function remove(el, container, source) {
+	      if (!this.drake.models) {
+	        return;
+	      }
+	      this.sourceModel = this.findModelForContainer(source, this.drake);
+	      this.sourceModel.splice(this.dragIndex, 1);
+	      this.drake.cancel(true);
+	      this.eventBus.$emit('removeModel', [this.name, el, source, this.dragIndex]);
+	    }
+	  }, {
+	    key: 'drag',
+	    value: function drag(el, source) {
+	      this.dragElm = el;
+	      this.dragIndex = this.domIndexOf(el, source);
+	    }
+	  }, {
+	    key: 'drop',
+	    value: function drop(dropElm, target, source) {
+	      var _this = this;
+
+	      if (!this.drake.models || !target) {
+	        return;
+	      }
+	      this.dropIndex = this.domIndexOf(dropElm, target);
+	      this.sourceModel = this.findModelForContainer(source, this.drake);
+
+	      if (target === source) {
+	        thissourceModel.splice(this.dropIndex, 0, this.sourceModel.splice(this.dragIndex, 1)[0]);
+	      } else {
+	        var notCopy = this.dragElm === dropElm;
+	        var targetModel = this.findModelForContainer(target, this.drake);
+	        var dropElmModel = notCopy ? this.dropElmModel : this.jsonDropElmModel;
+
+	        if (notCopy) {
+	          waitForTransition(function () {
+	            _this.sourceModel.splice(_this.dragIndex, 1);
+	          });
+	        }
+	        targetModel.splice(this.dropIndex, 0, dropElmModel);
+	        this.drake.cancel(true);
+	      }
+	      this.eventBus.$emit('dropModel', [this.name, dropElm, target, source, this.dropIndex]);
+	    }
+	  }, {
+	    key: 'dropElmModel',
+	    get: function get() {
+	      return this.sourceModel[this.dragIndex];
+	    }
+	  }, {
+	    key: 'jsonDropElmModel',
+	    get: function get() {
+	      return JSON.parse(JSON.stringify(this.sourceModel[this.dragIndex]));
+	    }
+	  }]);
+	  return DragHandler;
+	}();
+
+	if (!dragula$1) {
+	  throw new Error('[vue-dragula] cannot locate dragula.');
+	}
+
+	function createDragHandler(_ref) {
+	  var ctx = _ref.ctx,
+	      name = _ref.name,
+	      drake = _ref.drake;
+
+	  return new DragHandler({ ctx: ctx, name: name, drake: drake });
+	}
+
+	var DragulaService = function () {
+	  function DragulaService(_ref2) {
+	    var name = _ref2.name,
+	        eventBus = _ref2.eventBus,
+	        bags = _ref2.bags,
+	        drake = _ref2.drake,
+	        options = _ref2.options;
 	    classCallCheck(this, DragulaService);
 
 	    this.options = options || {};
@@ -1236,222 +1328,2340 @@ var require$$0$3 = Object.freeze({
 	    this.bags = bags = {}; // bag store
 	    this.eventBus = eventBus;
 	    this.drake = drake;
+	    this.createDragHandler = options.createDragHandler || createDragHandler;
 	    this.events = ['cancel', 'cloned', 'drag', 'dragend', 'drop', 'out', 'over', 'remove', 'shadow', 'dropModel', 'removeModel'];
 	  }
 
-	  createClass(DragulaService, [{
-	    key: 'log',
-	    value: function log(event) {
-	      var _console;
-
-	      if (!this.logging) return;
+	  createClass(DragulaService, [{
+	    key: 'log',
+	    value: function log(event) {
+	      var _console;
+
+	      if (!this.logging) return;
+
+	      for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+	        args[_key - 1] = arguments[_key];
+	      }
+
+	      (_console = console).log.apply(_console, ['DragulaService [' + this.name + '] :', event].concat(args));
+	    }
+	  }, {
+	    key: 'error',
+	    value: function error(msg) {
+	      console.error(msg);
+	      throw new Error(msg);
+	    }
+	  }, {
+	    key: 'add',
+	    value: function add(name, drake) {
+	      drake = drake || this.drake;
+	      this.log('add (bag)', name, drake);
+	      var bag = this.find(name);
+	      if (bag) {
+	        this.log('existing bags', this.bagNames);
+	        var errMsg = 'Bag named: "' + name + '" already exists for this service [' + this.name + ']. \n      Most likely this error in cause by a race condition evaluating multiple template elements with \n      the v-dragula directive having the same bag name. Please initialise the bag in the created() life cycle hook of the VM to fix this problem.';
+	        this.error(msg);
+	      }
+	      this.bags[name] = drake;
+	      if (drake.models) {
+	        this.handleModels(name, drake);
+	      }
+	      if (!bag.initEvents) {
+	        this.setupEvents(bag);
+	      }
+	      return bag;
+	    }
+	  }, {
+	    key: 'find',
+	    value: function find(name) {
+	      this.log('find (bag) by name', name);
+	      return this.bags[name];
+	    }
+	  }, {
+	    key: 'handleModels',
+	    value: function handleModels(name, drake) {
+	      drake = drake || this.drake;
+	      this.log('handleModels', name, drake);
+
+	      if (drake.registered) {
+	        // do not register events twice
+	        return;
+	      }
+
+	      var dragHandler = this.createDragHandler({ ctx: this, name: name, drake: drake });
+
+	      drake.on('remove', dragHandler.remove);
+	      drake.on('drag', dragHandler.drag);
+	      drake.on('drop', dragHandler.drop);
+
+	      drake.registered = true;
+	    }
+
+	    // convenience to set eventBus handlers via Object
+
+	  }, {
+	    key: 'on',
+	    value: function on() {
+	      var handlerConfig = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+	      var handlerNames = Object.keys(handlerConfig);
+
+	      var _iteratorNormalCompletion = true;
+	      var _didIteratorError = false;
+	      var _iteratorError = undefined;
+
+	      try {
+	        for (var _iterator = handlerNames[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+	          var handlerName = _step.value;
+
+	          var handlerFunction = handlerConfig[handlerName];
+	          this.eventBus.$on(handlerName, handlerFunction);
+	        }
+	      } catch (err) {
+	        _didIteratorError = true;
+	        _iteratorError = err;
+	      } finally {
+	        try {
+	          if (!_iteratorNormalCompletion && _iterator.return) {
+	            _iterator.return();
+	          }
+	        } finally {
+	          if (_didIteratorError) {
+	            throw _iteratorError;
+	          }
+	        }
+	      }
+	    }
+	  }, {
+	    key: 'destroy',
+	    value: function destroy(name) {
+	      this.log('destroy', name);
+	      var bag = this.find(name);
+	      if (!bag) {
+	        return;
+	      }
+	      bag.drake.destroy();
+	      this.delete(name);
+	    }
+	  }, {
+	    key: 'delete',
+	    value: function _delete(name) {
+	      delete this.bags[name];
+	    }
+	  }, {
+	    key: 'setOptions',
+	    value: function setOptions(name, options) {
+	      this.log('setOptions', name, options);
+	      if (!name) {
+	        console.error('setOptions must take the name of the bag to set options for');
+	        return this;
+	      }
+	      var bag = this.add(name, dragula$1(options));
+	      this.handleModels(name, bag.drake);
+	      return this;
+	    }
+	  }, {
+	    key: 'setupEvents',
+	    value: function setupEvents(bag) {
+	      this.log('setupEvents', bag);
+	      bag.initEvents = true;
+	      var _this = this;
+	      var emitter = function emitter(type) {
+	        function replicate() {
+	          var args = Array.prototype.slice.call(arguments);
+	          _this.eventBus.$emit(type, [bag.name].concat(args));
+	        }
+	        bag.drake.on(type, replicate);
+	      };
+	      this.events.forEach(emitter);
+	    }
+	  }, {
+	    key: 'domIndexOf',
+	    value: function domIndexOf(child, parent) {
+	      return Array.prototype.indexOf.call(parent.children, child);
+	    }
+	  }, {
+	    key: 'findModelForContainer',
+	    value: function findModelForContainer(container, drake) {
+	      drake = drake || this.drake;
+	      this.log('findModelForContainer', container, drake);
+	      return (this.findModelContainerByContainer(container, drake) || {}).model;
+	    }
+	  }, {
+	    key: 'findModelContainerByContainer',
+	    value: function findModelContainerByContainer(container, drake) {
+	      drake = drake || this.drake;
+	      if (!drake.models) {
+	        return;
+	      }
+	      return drake.models.find(function (model) {
+	        return model.container === container;
+	      });
+	    }
+	  }, {
+	    key: 'bagNames',
+	    get: function get() {
+	      return Object.keys(this.bags);
+	    }
+	  }]);
+	  return DragulaService;
+	}();
+
+	var index$2 = createCommonjsModule(function (module, exports) {
+	  /**
+	   * lodash (Custom Build) <https://lodash.com/>
+	   * Build: `lodash modularize exports="npm" -o ./`
+	   * Copyright jQuery Foundation and other contributors <https://jquery.org/>
+	   * Released under MIT license <https://lodash.com/license>
+	   * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
+	   * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+	   */
+
+	  /** Used as the size to enable large array optimizations. */
+	  var LARGE_ARRAY_SIZE = 200;
+
+	  /** Used to stand-in for `undefined` hash values. */
+	  var HASH_UNDEFINED = '__lodash_hash_undefined__';
+
+	  /** Used as references for various `Number` constants. */
+	  var MAX_SAFE_INTEGER = 9007199254740991;
+
+	  /** `Object#toString` result references. */
+	  var argsTag = '[object Arguments]',
+	      arrayTag = '[object Array]',
+	      boolTag = '[object Boolean]',
+	      dateTag = '[object Date]',
+	      errorTag = '[object Error]',
+	      funcTag = '[object Function]',
+	      genTag = '[object GeneratorFunction]',
+	      mapTag = '[object Map]',
+	      numberTag = '[object Number]',
+	      objectTag = '[object Object]',
+	      promiseTag = '[object Promise]',
+	      regexpTag = '[object RegExp]',
+	      setTag = '[object Set]',
+	      stringTag = '[object String]',
+	      symbolTag = '[object Symbol]',
+	      weakMapTag = '[object WeakMap]';
+
+	  var arrayBufferTag = '[object ArrayBuffer]',
+	      dataViewTag = '[object DataView]',
+	      float32Tag = '[object Float32Array]',
+	      float64Tag = '[object Float64Array]',
+	      int8Tag = '[object Int8Array]',
+	      int16Tag = '[object Int16Array]',
+	      int32Tag = '[object Int32Array]',
+	      uint8Tag = '[object Uint8Array]',
+	      uint8ClampedTag = '[object Uint8ClampedArray]',
+	      uint16Tag = '[object Uint16Array]',
+	      uint32Tag = '[object Uint32Array]';
+
+	  /**
+	   * Used to match `RegExp`
+	   * [syntax characters](http://ecma-international.org/ecma-262/7.0/#sec-patterns).
+	   */
+	  var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
+
+	  /** Used to match `RegExp` flags from their coerced string values. */
+	  var reFlags = /\w*$/;
+
+	  /** Used to detect host constructors (Safari). */
+	  var reIsHostCtor = /^\[object .+?Constructor\]$/;
+
+	  /** Used to detect unsigned integer values. */
+	  var reIsUint = /^(?:0|[1-9]\d*)$/;
+
+	  /** Used to identify `toStringTag` values of typed arrays. */
+	  var typedArrayTags = {};
+	  typedArrayTags[float32Tag] = typedArrayTags[float64Tag] = typedArrayTags[int8Tag] = typedArrayTags[int16Tag] = typedArrayTags[int32Tag] = typedArrayTags[uint8Tag] = typedArrayTags[uint8ClampedTag] = typedArrayTags[uint16Tag] = typedArrayTags[uint32Tag] = true;
+	  typedArrayTags[argsTag] = typedArrayTags[arrayTag] = typedArrayTags[arrayBufferTag] = typedArrayTags[boolTag] = typedArrayTags[dataViewTag] = typedArrayTags[dateTag] = typedArrayTags[errorTag] = typedArrayTags[funcTag] = typedArrayTags[mapTag] = typedArrayTags[numberTag] = typedArrayTags[objectTag] = typedArrayTags[regexpTag] = typedArrayTags[setTag] = typedArrayTags[stringTag] = typedArrayTags[weakMapTag] = false;
+
+	  /** Used to identify `toStringTag` values supported by `_.clone`. */
+	  var cloneableTags = {};
+	  cloneableTags[argsTag] = cloneableTags[arrayTag] = cloneableTags[arrayBufferTag] = cloneableTags[dataViewTag] = cloneableTags[boolTag] = cloneableTags[dateTag] = cloneableTags[float32Tag] = cloneableTags[float64Tag] = cloneableTags[int8Tag] = cloneableTags[int16Tag] = cloneableTags[int32Tag] = cloneableTags[mapTag] = cloneableTags[numberTag] = cloneableTags[objectTag] = cloneableTags[regexpTag] = cloneableTags[setTag] = cloneableTags[stringTag] = cloneableTags[symbolTag] = cloneableTags[uint8Tag] = cloneableTags[uint8ClampedTag] = cloneableTags[uint16Tag] = cloneableTags[uint32Tag] = true;
+	  cloneableTags[errorTag] = cloneableTags[funcTag] = cloneableTags[weakMapTag] = false;
+
+	  /** Detect free variable `global` from Node.js. */
+	  var freeGlobal = typeof(commonjsGlobal) == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
+
+	  /** Detect free variable `self`. */
+	  var freeSelf = (typeof self === 'undefined' ? 'undefined' : typeof(self)) == 'object' && self && self.Object === Object && self;
+
+	  /** Used as a reference to the global object. */
+	  var root = freeGlobal || freeSelf || Function('return this')();
+
+	  /** Detect free variable `exports`. */
+	  var freeExports = (typeof exports === 'undefined' ? 'undefined' : typeof(exports)) == 'object' && exports && !exports.nodeType && exports;
+
+	  /** Detect free variable `module`. */
+	  var freeModule = freeExports && (typeof module === 'undefined' ? 'undefined' : typeof(module)) == 'object' && module && !module.nodeType && module;
+
+	  /** Detect the popular CommonJS extension `module.exports`. */
+	  var moduleExports = freeModule && freeModule.exports === freeExports;
+
+	  /** Detect free variable `process` from Node.js. */
+	  var freeProcess = moduleExports && freeGlobal.process;
+
+	  /** Used to access faster Node.js helpers. */
+	  var nodeUtil = function () {
+	    try {
+	      return freeProcess && freeProcess.binding('util');
+	    } catch (e) {}
+	  }();
+
+	  /* Node.js helper references. */
+	  var nodeIsTypedArray = nodeUtil && nodeUtil.isTypedArray;
+
+	  /**
+	   * Adds the key-value `pair` to `map`.
+	   *
+	   * @private
+	   * @param {Object} map The map to modify.
+	   * @param {Array} pair The key-value pair to add.
+	   * @returns {Object} Returns `map`.
+	   */
+	  function addMapEntry(map, pair) {
+	    // Don't return `map.set` because it's not chainable in IE 11.
+	    map.set(pair[0], pair[1]);
+	    return map;
+	  }
+
+	  /**
+	   * Adds `value` to `set`.
+	   *
+	   * @private
+	   * @param {Object} set The set to modify.
+	   * @param {*} value The value to add.
+	   * @returns {Object} Returns `set`.
+	   */
+	  function addSetEntry(set, value) {
+	    // Don't return `set.add` because it's not chainable in IE 11.
+	    set.add(value);
+	    return set;
+	  }
+
+	  /**
+	   * A faster alternative to `Function#apply`, this function invokes `func`
+	   * with the `this` binding of `thisArg` and the arguments of `args`.
+	   *
+	   * @private
+	   * @param {Function} func The function to invoke.
+	   * @param {*} thisArg The `this` binding of `func`.
+	   * @param {Array} args The arguments to invoke `func` with.
+	   * @returns {*} Returns the result of `func`.
+	   */
+	  function apply(func, thisArg, args) {
+	    switch (args.length) {
+	      case 0:
+	        return func.call(thisArg);
+	      case 1:
+	        return func.call(thisArg, args[0]);
+	      case 2:
+	        return func.call(thisArg, args[0], args[1]);
+	      case 3:
+	        return func.call(thisArg, args[0], args[1], args[2]);
+	    }
+	    return func.apply(thisArg, args);
+	  }
+
+	  /**
+	   * A specialized version of `_.forEach` for arrays without support for
+	   * iteratee shorthands.
+	   *
+	   * @private
+	   * @param {Array} [array] The array to iterate over.
+	   * @param {Function} iteratee The function invoked per iteration.
+	   * @returns {Array} Returns `array`.
+	   */
+	  function arrayEach(array, iteratee) {
+	    var index = -1,
+	        length = array ? array.length : 0;
+
+	    while (++index < length) {
+	      if (iteratee(array[index], index, array) === false) {
+	        break;
+	      }
+	    }
+	    return array;
+	  }
+
+	  /**
+	   * Appends the elements of `values` to `array`.
+	   *
+	   * @private
+	   * @param {Array} array The array to modify.
+	   * @param {Array} values The values to append.
+	   * @returns {Array} Returns `array`.
+	   */
+	  function arrayPush(array, values) {
+	    var index = -1,
+	        length = values.length,
+	        offset = array.length;
+
+	    while (++index < length) {
+	      array[offset + index] = values[index];
+	    }
+	    return array;
+	  }
+
+	  /**
+	   * A specialized version of `_.reduce` for arrays without support for
+	   * iteratee shorthands.
+	   *
+	   * @private
+	   * @param {Array} [array] The array to iterate over.
+	   * @param {Function} iteratee The function invoked per iteration.
+	   * @param {*} [accumulator] The initial value.
+	   * @param {boolean} [initAccum] Specify using the first element of `array` as
+	   *  the initial value.
+	   * @returns {*} Returns the accumulated value.
+	   */
+	  function arrayReduce(array, iteratee, accumulator, initAccum) {
+	    var index = -1,
+	        length = array ? array.length : 0;
+
+	    if (initAccum && length) {
+	      accumulator = array[++index];
+	    }
+	    while (++index < length) {
+	      accumulator = iteratee(accumulator, array[index], index, array);
+	    }
+	    return accumulator;
+	  }
+
+	  /**
+	   * The base implementation of `_.times` without support for iteratee shorthands
+	   * or max array length checks.
+	   *
+	   * @private
+	   * @param {number} n The number of times to invoke `iteratee`.
+	   * @param {Function} iteratee The function invoked per iteration.
+	   * @returns {Array} Returns the array of results.
+	   */
+	  function baseTimes(n, iteratee) {
+	    var index = -1,
+	        result = Array(n);
+
+	    while (++index < n) {
+	      result[index] = iteratee(index);
+	    }
+	    return result;
+	  }
+
+	  /**
+	   * The base implementation of `_.unary` without support for storing metadata.
+	   *
+	   * @private
+	   * @param {Function} func The function to cap arguments for.
+	   * @returns {Function} Returns the new capped function.
+	   */
+	  function baseUnary(func) {
+	    return function (value) {
+	      return func(value);
+	    };
+	  }
+
+	  /**
+	   * Gets the value at `key` of `object`.
+	   *
+	   * @private
+	   * @param {Object} [object] The object to query.
+	   * @param {string} key The key of the property to get.
+	   * @returns {*} Returns the property value.
+	   */
+	  function getValue(object, key) {
+	    return object == null ? undefined : object[key];
+	  }
+
+	  /**
+	   * Checks if `value` is a host object in IE < 9.
+	   *
+	   * @private
+	   * @param {*} value The value to check.
+	   * @returns {boolean} Returns `true` if `value` is a host object, else `false`.
+	   */
+	  function isHostObject(value) {
+	    // Many host objects are `Object` objects that can coerce to strings
+	    // despite having improperly defined `toString` methods.
+	    var result = false;
+	    if (value != null && typeof value.toString != 'function') {
+	      try {
+	        result = !!(value + '');
+	      } catch (e) {}
+	    }
+	    return result;
+	  }
+
+	  /**
+	   * Converts `map` to its key-value pairs.
+	   *
+	   * @private
+	   * @param {Object} map The map to convert.
+	   * @returns {Array} Returns the key-value pairs.
+	   */
+	  function mapToArray(map) {
+	    var index = -1,
+	        result = Array(map.size);
+
+	    map.forEach(function (value, key) {
+	      result[++index] = [key, value];
+	    });
+	    return result;
+	  }
+
+	  /**
+	   * Creates a unary function that invokes `func` with its argument transformed.
+	   *
+	   * @private
+	   * @param {Function} func The function to wrap.
+	   * @param {Function} transform The argument transform.
+	   * @returns {Function} Returns the new function.
+	   */
+	  function overArg(func, transform) {
+	    return function (arg) {
+	      return func(transform(arg));
+	    };
+	  }
+
+	  /**
+	   * Converts `set` to an array of its values.
+	   *
+	   * @private
+	   * @param {Object} set The set to convert.
+	   * @returns {Array} Returns the values.
+	   */
+	  function setToArray(set) {
+	    var index = -1,
+	        result = Array(set.size);
+
+	    set.forEach(function (value) {
+	      result[++index] = value;
+	    });
+	    return result;
+	  }
+
+	  /** Used for built-in method references. */
+	  var arrayProto = Array.prototype,
+	      funcProto = Function.prototype,
+	      objectProto = Object.prototype;
+
+	  /** Used to detect overreaching core-js shims. */
+	  var coreJsData = root['__core-js_shared__'];
+
+	  /** Used to detect methods masquerading as native. */
+	  var maskSrcKey = function () {
+	    var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || '');
+	    return uid ? 'Symbol(src)_1.' + uid : '';
+	  }();
+
+	  /** Used to resolve the decompiled source of functions. */
+	  var funcToString = funcProto.toString;
+
+	  /** Used to check objects for own properties. */
+	  var hasOwnProperty = objectProto.hasOwnProperty;
+
+	  /** Used to infer the `Object` constructor. */
+	  var objectCtorString = funcToString.call(Object);
+
+	  /**
+	   * Used to resolve the
+	   * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+	   * of values.
+	   */
+	  var objectToString = objectProto.toString;
+
+	  /** Used to detect if a method is native. */
+	  var reIsNative = RegExp('^' + funcToString.call(hasOwnProperty).replace(reRegExpChar, '\\$&').replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, '$1.*?') + '$');
+
+	  /** Built-in value references. */
+	  var Buffer = moduleExports ? root.Buffer : undefined,
+	      _Symbol = root.Symbol,
+	      Uint8Array = root.Uint8Array,
+	      getPrototype = overArg(Object.getPrototypeOf, Object),
+	      objectCreate = Object.create,
+	      propertyIsEnumerable = objectProto.propertyIsEnumerable,
+	      splice = arrayProto.splice;
+
+	  /* Built-in method references for those with the same name as other `lodash` methods. */
+	  var nativeGetSymbols = Object.getOwnPropertySymbols,
+	      nativeIsBuffer = Buffer ? Buffer.isBuffer : undefined,
+	      nativeKeys = overArg(Object.keys, Object),
+	      nativeMax = Math.max;
+
+	  /* Built-in method references that are verified to be native. */
+	  var DataView = getNative(root, 'DataView'),
+	      Map = getNative(root, 'Map'),
+	      Promise = getNative(root, 'Promise'),
+	      Set = getNative(root, 'Set'),
+	      WeakMap = getNative(root, 'WeakMap'),
+	      nativeCreate = getNative(Object, 'create');
+
+	  /** Used to detect maps, sets, and weakmaps. */
+	  var dataViewCtorString = toSource(DataView),
+	      mapCtorString = toSource(Map),
+	      promiseCtorString = toSource(Promise),
+	      setCtorString = toSource(Set),
+	      weakMapCtorString = toSource(WeakMap);
+
+	  /** Used to convert symbols to primitives and strings. */
+	  var symbolProto = _Symbol ? _Symbol.prototype : undefined,
+	      symbolValueOf = symbolProto ? symbolProto.valueOf : undefined;
+
+	  /**
+	   * Creates a hash object.
+	   *
+	   * @private
+	   * @constructor
+	   * @param {Array} [entries] The key-value pairs to cache.
+	   */
+	  function Hash(entries) {
+	    var index = -1,
+	        length = entries ? entries.length : 0;
+
+	    this.clear();
+	    while (++index < length) {
+	      var entry = entries[index];
+	      this.set(entry[0], entry[1]);
+	    }
+	  }
+
+	  /**
+	   * Removes all key-value entries from the hash.
+	   *
+	   * @private
+	   * @name clear
+	   * @memberOf Hash
+	   */
+	  function hashClear() {
+	    this.__data__ = nativeCreate ? nativeCreate(null) : {};
+	  }
+
+	  /**
+	   * Removes `key` and its value from the hash.
+	   *
+	   * @private
+	   * @name delete
+	   * @memberOf Hash
+	   * @param {Object} hash The hash to modify.
+	   * @param {string} key The key of the value to remove.
+	   * @returns {boolean} Returns `true` if the entry was removed, else `false`.
+	   */
+	  function hashDelete(key) {
+	    return this.has(key) && delete this.__data__[key];
+	  }
+
+	  /**
+	   * Gets the hash value for `key`.
+	   *
+	   * @private
+	   * @name get
+	   * @memberOf Hash
+	   * @param {string} key The key of the value to get.
+	   * @returns {*} Returns the entry value.
+	   */
+	  function hashGet(key) {
+	    var data = this.__data__;
+	    if (nativeCreate) {
+	      var result = data[key];
+	      return result === HASH_UNDEFINED ? undefined : result;
+	    }
+	    return hasOwnProperty.call(data, key) ? data[key] : undefined;
+	  }
+
+	  /**
+	   * Checks if a hash value for `key` exists.
+	   *
+	   * @private
+	   * @name has
+	   * @memberOf Hash
+	   * @param {string} key The key of the entry to check.
+	   * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
+	   */
+	  function hashHas(key) {
+	    var data = this.__data__;
+	    return nativeCreate ? data[key] !== undefined : hasOwnProperty.call(data, key);
+	  }
+
+	  /**
+	   * Sets the hash `key` to `value`.
+	   *
+	   * @private
+	   * @name set
+	   * @memberOf Hash
+	   * @param {string} key The key of the value to set.
+	   * @param {*} value The value to set.
+	   * @returns {Object} Returns the hash instance.
+	   */
+	  function hashSet(key, value) {
+	    var data = this.__data__;
+	    data[key] = nativeCreate && value === undefined ? HASH_UNDEFINED : value;
+	    return this;
+	  }
+
+	  // Add methods to `Hash`.
+	  Hash.prototype.clear = hashClear;
+	  Hash.prototype['delete'] = hashDelete;
+	  Hash.prototype.get = hashGet;
+	  Hash.prototype.has = hashHas;
+	  Hash.prototype.set = hashSet;
+
+	  /**
+	   * Creates an list cache object.
+	   *
+	   * @private
+	   * @constructor
+	   * @param {Array} [entries] The key-value pairs to cache.
+	   */
+	  function ListCache(entries) {
+	    var index = -1,
+	        length = entries ? entries.length : 0;
+
+	    this.clear();
+	    while (++index < length) {
+	      var entry = entries[index];
+	      this.set(entry[0], entry[1]);
+	    }
+	  }
+
+	  /**
+	   * Removes all key-value entries from the list cache.
+	   *
+	   * @private
+	   * @name clear
+	   * @memberOf ListCache
+	   */
+	  function listCacheClear() {
+	    this.__data__ = [];
+	  }
+
+	  /**
+	   * Removes `key` and its value from the list cache.
+	   *
+	   * @private
+	   * @name delete
+	   * @memberOf ListCache
+	   * @param {string} key The key of the value to remove.
+	   * @returns {boolean} Returns `true` if the entry was removed, else `false`.
+	   */
+	  function listCacheDelete(key) {
+	    var data = this.__data__,
+	        index = assocIndexOf(data, key);
+
+	    if (index < 0) {
+	      return false;
+	    }
+	    var lastIndex = data.length - 1;
+	    if (index == lastIndex) {
+	      data.pop();
+	    } else {
+	      splice.call(data, index, 1);
+	    }
+	    return true;
+	  }
+
+	  /**
+	   * Gets the list cache value for `key`.
+	   *
+	   * @private
+	   * @name get
+	   * @memberOf ListCache
+	   * @param {string} key The key of the value to get.
+	   * @returns {*} Returns the entry value.
+	   */
+	  function listCacheGet(key) {
+	    var data = this.__data__,
+	        index = assocIndexOf(data, key);
+
+	    return index < 0 ? undefined : data[index][1];
+	  }
+
+	  /**
+	   * Checks if a list cache value for `key` exists.
+	   *
+	   * @private
+	   * @name has
+	   * @memberOf ListCache
+	   * @param {string} key The key of the entry to check.
+	   * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
+	   */
+	  function listCacheHas(key) {
+	    return assocIndexOf(this.__data__, key) > -1;
+	  }
+
+	  /**
+	   * Sets the list cache `key` to `value`.
+	   *
+	   * @private
+	   * @name set
+	   * @memberOf ListCache
+	   * @param {string} key The key of the value to set.
+	   * @param {*} value The value to set.
+	   * @returns {Object} Returns the list cache instance.
+	   */
+	  function listCacheSet(key, value) {
+	    var data = this.__data__,
+	        index = assocIndexOf(data, key);
+
+	    if (index < 0) {
+	      data.push([key, value]);
+	    } else {
+	      data[index][1] = value;
+	    }
+	    return this;
+	  }
+
+	  // Add methods to `ListCache`.
+	  ListCache.prototype.clear = listCacheClear;
+	  ListCache.prototype['delete'] = listCacheDelete;
+	  ListCache.prototype.get = listCacheGet;
+	  ListCache.prototype.has = listCacheHas;
+	  ListCache.prototype.set = listCacheSet;
+
+	  /**
+	   * Creates a map cache object to store key-value pairs.
+	   *
+	   * @private
+	   * @constructor
+	   * @param {Array} [entries] The key-value pairs to cache.
+	   */
+	  function MapCache(entries) {
+	    var index = -1,
+	        length = entries ? entries.length : 0;
+
+	    this.clear();
+	    while (++index < length) {
+	      var entry = entries[index];
+	      this.set(entry[0], entry[1]);
+	    }
+	  }
+
+	  /**
+	   * Removes all key-value entries from the map.
+	   *
+	   * @private
+	   * @name clear
+	   * @memberOf MapCache
+	   */
+	  function mapCacheClear() {
+	    this.__data__ = {
+	      'hash': new Hash(),
+	      'map': new (Map || ListCache)(),
+	      'string': new Hash()
+	    };
+	  }
+
+	  /**
+	   * Removes `key` and its value from the map.
+	   *
+	   * @private
+	   * @name delete
+	   * @memberOf MapCache
+	   * @param {string} key The key of the value to remove.
+	   * @returns {boolean} Returns `true` if the entry was removed, else `false`.
+	   */
+	  function mapCacheDelete(key) {
+	    return getMapData(this, key)['delete'](key);
+	  }
+
+	  /**
+	   * Gets the map value for `key`.
+	   *
+	   * @private
+	   * @name get
+	   * @memberOf MapCache
+	   * @param {string} key The key of the value to get.
+	   * @returns {*} Returns the entry value.
+	   */
+	  function mapCacheGet(key) {
+	    return getMapData(this, key).get(key);
+	  }
+
+	  /**
+	   * Checks if a map value for `key` exists.
+	   *
+	   * @private
+	   * @name has
+	   * @memberOf MapCache
+	   * @param {string} key The key of the entry to check.
+	   * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
+	   */
+	  function mapCacheHas(key) {
+	    return getMapData(this, key).has(key);
+	  }
+
+	  /**
+	   * Sets the map `key` to `value`.
+	   *
+	   * @private
+	   * @name set
+	   * @memberOf MapCache
+	   * @param {string} key The key of the value to set.
+	   * @param {*} value The value to set.
+	   * @returns {Object} Returns the map cache instance.
+	   */
+	  function mapCacheSet(key, value) {
+	    getMapData(this, key).set(key, value);
+	    return this;
+	  }
+
+	  // Add methods to `MapCache`.
+	  MapCache.prototype.clear = mapCacheClear;
+	  MapCache.prototype['delete'] = mapCacheDelete;
+	  MapCache.prototype.get = mapCacheGet;
+	  MapCache.prototype.has = mapCacheHas;
+	  MapCache.prototype.set = mapCacheSet;
+
+	  /**
+	   * Creates a stack cache object to store key-value pairs.
+	   *
+	   * @private
+	   * @constructor
+	   * @param {Array} [entries] The key-value pairs to cache.
+	   */
+	  function Stack(entries) {
+	    this.__data__ = new ListCache(entries);
+	  }
+
+	  /**
+	   * Removes all key-value entries from the stack.
+	   *
+	   * @private
+	   * @name clear
+	   * @memberOf Stack
+	   */
+	  function stackClear() {
+	    this.__data__ = new ListCache();
+	  }
+
+	  /**
+	   * Removes `key` and its value from the stack.
+	   *
+	   * @private
+	   * @name delete
+	   * @memberOf Stack
+	   * @param {string} key The key of the value to remove.
+	   * @returns {boolean} Returns `true` if the entry was removed, else `false`.
+	   */
+	  function stackDelete(key) {
+	    return this.__data__['delete'](key);
+	  }
+
+	  /**
+	   * Gets the stack value for `key`.
+	   *
+	   * @private
+	   * @name get
+	   * @memberOf Stack
+	   * @param {string} key The key of the value to get.
+	   * @returns {*} Returns the entry value.
+	   */
+	  function stackGet(key) {
+	    return this.__data__.get(key);
+	  }
+
+	  /**
+	   * Checks if a stack value for `key` exists.
+	   *
+	   * @private
+	   * @name has
+	   * @memberOf Stack
+	   * @param {string} key The key of the entry to check.
+	   * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
+	   */
+	  function stackHas(key) {
+	    return this.__data__.has(key);
+	  }
+
+	  /**
+	   * Sets the stack `key` to `value`.
+	   *
+	   * @private
+	   * @name set
+	   * @memberOf Stack
+	   * @param {string} key The key of the value to set.
+	   * @param {*} value The value to set.
+	   * @returns {Object} Returns the stack cache instance.
+	   */
+	  function stackSet(key, value) {
+	    var cache = this.__data__;
+	    if (cache instanceof ListCache) {
+	      var pairs = cache.__data__;
+	      if (!Map || pairs.length < LARGE_ARRAY_SIZE - 1) {
+	        pairs.push([key, value]);
+	        return this;
+	      }
+	      cache = this.__data__ = new MapCache(pairs);
+	    }
+	    cache.set(key, value);
+	    return this;
+	  }
+
+	  // Add methods to `Stack`.
+	  Stack.prototype.clear = stackClear;
+	  Stack.prototype['delete'] = stackDelete;
+	  Stack.prototype.get = stackGet;
+	  Stack.prototype.has = stackHas;
+	  Stack.prototype.set = stackSet;
+
+	  /**
+	   * Creates an array of the enumerable property names of the array-like `value`.
+	   *
+	   * @private
+	   * @param {*} value The value to query.
+	   * @param {boolean} inherited Specify returning inherited property names.
+	   * @returns {Array} Returns the array of property names.
+	   */
+	  function arrayLikeKeys(value, inherited) {
+	    // Safari 8.1 makes `arguments.callee` enumerable in strict mode.
+	    // Safari 9 makes `arguments.length` enumerable in strict mode.
+	    var result = isArray(value) || isArguments(value) ? baseTimes(value.length, String) : [];
+
+	    var length = result.length,
+	        skipIndexes = !!length;
+
+	    for (var key in value) {
+	      if ((inherited || hasOwnProperty.call(value, key)) && !(skipIndexes && (key == 'length' || isIndex(key, length)))) {
+	        result.push(key);
+	      }
+	    }
+	    return result;
+	  }
+
+	  /**
+	   * This function is like `assignValue` except that it doesn't assign
+	   * `undefined` values.
+	   *
+	   * @private
+	   * @param {Object} object The object to modify.
+	   * @param {string} key The key of the property to assign.
+	   * @param {*} value The value to assign.
+	   */
+	  function assignMergeValue(object, key, value) {
+	    if (value !== undefined && !eq(object[key], value) || typeof key == 'number' && value === undefined && !(key in object)) {
+	      object[key] = value;
+	    }
+	  }
+
+	  /**
+	   * Assigns `value` to `key` of `object` if the existing value is not equivalent
+	   * using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
+	   * for equality comparisons.
+	   *
+	   * @private
+	   * @param {Object} object The object to modify.
+	   * @param {string} key The key of the property to assign.
+	   * @param {*} value The value to assign.
+	   */
+	  function assignValue(object, key, value) {
+	    var objValue = object[key];
+	    if (!(hasOwnProperty.call(object, key) && eq(objValue, value)) || value === undefined && !(key in object)) {
+	      object[key] = value;
+	    }
+	  }
+
+	  /**
+	   * Gets the index at which the `key` is found in `array` of key-value pairs.
+	   *
+	   * @private
+	   * @param {Array} array The array to inspect.
+	   * @param {*} key The key to search for.
+	   * @returns {number} Returns the index of the matched value, else `-1`.
+	   */
+	  function assocIndexOf(array, key) {
+	    var length = array.length;
+	    while (length--) {
+	      if (eq(array[length][0], key)) {
+	        return length;
+	      }
+	    }
+	    return -1;
+	  }
+
+	  /**
+	   * The base implementation of `_.assign` without support for multiple sources
+	   * or `customizer` functions.
+	   *
+	   * @private
+	   * @param {Object} object The destination object.
+	   * @param {Object} source The source object.
+	   * @returns {Object} Returns `object`.
+	   */
+	  function baseAssign(object, source) {
+	    return object && copyObject(source, keys(source), object);
+	  }
+
+	  /**
+	   * The base implementation of `_.clone` and `_.cloneDeep` which tracks
+	   * traversed objects.
+	   *
+	   * @private
+	   * @param {*} value The value to clone.
+	   * @param {boolean} [isDeep] Specify a deep clone.
+	   * @param {boolean} [isFull] Specify a clone including symbols.
+	   * @param {Function} [customizer] The function to customize cloning.
+	   * @param {string} [key] The key of `value`.
+	   * @param {Object} [object] The parent object of `value`.
+	   * @param {Object} [stack] Tracks traversed objects and their clone counterparts.
+	   * @returns {*} Returns the cloned value.
+	   */
+	  function baseClone(value, isDeep, isFull, customizer, key, object, stack) {
+	    var result;
+	    if (customizer) {
+	      result = object ? customizer(value, key, object, stack) : customizer(value);
+	    }
+	    if (result !== undefined) {
+	      return result;
+	    }
+	    if (!isObject(value)) {
+	      return value;
+	    }
+	    var isArr = isArray(value);
+	    if (isArr) {
+	      result = initCloneArray(value);
+	      if (!isDeep) {
+	        return copyArray(value, result);
+	      }
+	    } else {
+	      var tag = getTag(value),
+	          isFunc = tag == funcTag || tag == genTag;
+
+	      if (isBuffer(value)) {
+	        return cloneBuffer(value, isDeep);
+	      }
+	      if (tag == objectTag || tag == argsTag || isFunc && !object) {
+	        if (isHostObject(value)) {
+	          return object ? value : {};
+	        }
+	        result = initCloneObject(isFunc ? {} : value);
+	        if (!isDeep) {
+	          return copySymbols(value, baseAssign(result, value));
+	        }
+	      } else {
+	        if (!cloneableTags[tag]) {
+	          return object ? value : {};
+	        }
+	        result = initCloneByTag(value, tag, baseClone, isDeep);
+	      }
+	    }
+	    // Check for circular references and return its corresponding clone.
+	    stack || (stack = new Stack());
+	    var stacked = stack.get(value);
+	    if (stacked) {
+	      return stacked;
+	    }
+	    stack.set(value, result);
+
+	    if (!isArr) {
+	      var props = isFull ? getAllKeys(value) : keys(value);
+	    }
+	    arrayEach(props || value, function (subValue, key) {
+	      if (props) {
+	        key = subValue;
+	        subValue = value[key];
+	      }
+	      // Recursively populate clone (susceptible to call stack limits).
+	      assignValue(result, key, baseClone(subValue, isDeep, isFull, customizer, key, value, stack));
+	    });
+	    return result;
+	  }
+
+	  /**
+	   * The base implementation of `_.create` without support for assigning
+	   * properties to the created object.
+	   *
+	   * @private
+	   * @param {Object} prototype The object to inherit from.
+	   * @returns {Object} Returns the new object.
+	   */
+	  function baseCreate(proto) {
+	    return isObject(proto) ? objectCreate(proto) : {};
+	  }
+
+	  /**
+	   * The base implementation of `getAllKeys` and `getAllKeysIn` which uses
+	   * `keysFunc` and `symbolsFunc` to get the enumerable property names and
+	   * symbols of `object`.
+	   *
+	   * @private
+	   * @param {Object} object The object to query.
+	   * @param {Function} keysFunc The function to get the keys of `object`.
+	   * @param {Function} symbolsFunc The function to get the symbols of `object`.
+	   * @returns {Array} Returns the array of property names and symbols.
+	   */
+	  function baseGetAllKeys(object, keysFunc, symbolsFunc) {
+	    var result = keysFunc(object);
+	    return isArray(object) ? result : arrayPush(result, symbolsFunc(object));
+	  }
+
+	  /**
+	   * The base implementation of `getTag`.
+	   *
+	   * @private
+	   * @param {*} value The value to query.
+	   * @returns {string} Returns the `toStringTag`.
+	   */
+	  function baseGetTag(value) {
+	    return objectToString.call(value);
+	  }
+
+	  /**
+	   * The base implementation of `_.isNative` without bad shim checks.
+	   *
+	   * @private
+	   * @param {*} value The value to check.
+	   * @returns {boolean} Returns `true` if `value` is a native function,
+	   *  else `false`.
+	   */
+	  function baseIsNative(value) {
+	    if (!isObject(value) || isMasked(value)) {
+	      return false;
+	    }
+	    var pattern = isFunction(value) || isHostObject(value) ? reIsNative : reIsHostCtor;
+	    return pattern.test(toSource(value));
+	  }
+
+	  /**
+	   * The base implementation of `_.isTypedArray` without Node.js optimizations.
+	   *
+	   * @private
+	   * @param {*} value The value to check.
+	   * @returns {boolean} Returns `true` if `value` is a typed array, else `false`.
+	   */
+	  function baseIsTypedArray(value) {
+	    return isObjectLike(value) && isLength(value.length) && !!typedArrayTags[objectToString.call(value)];
+	  }
+
+	  /**
+	   * The base implementation of `_.keys` which doesn't treat sparse arrays as dense.
+	   *
+	   * @private
+	   * @param {Object} object The object to query.
+	   * @returns {Array} Returns the array of property names.
+	   */
+	  function baseKeys(object) {
+	    if (!isPrototype(object)) {
+	      return nativeKeys(object);
+	    }
+	    var result = [];
+	    for (var key in Object(object)) {
+	      if (hasOwnProperty.call(object, key) && key != 'constructor') {
+	        result.push(key);
+	      }
+	    }
+	    return result;
+	  }
+
+	  /**
+	   * The base implementation of `_.keysIn` which doesn't treat sparse arrays as dense.
+	   *
+	   * @private
+	   * @param {Object} object The object to query.
+	   * @returns {Array} Returns the array of property names.
+	   */
+	  function baseKeysIn(object) {
+	    if (!isObject(object)) {
+	      return nativeKeysIn(object);
+	    }
+	    var isProto = isPrototype(object),
+	        result = [];
+
+	    for (var key in object) {
+	      if (!(key == 'constructor' && (isProto || !hasOwnProperty.call(object, key)))) {
+	        result.push(key);
+	      }
+	    }
+	    return result;
+	  }
+
+	  /**
+	   * The base implementation of `_.merge` without support for multiple sources.
+	   *
+	   * @private
+	   * @param {Object} object The destination object.
+	   * @param {Object} source The source object.
+	   * @param {number} srcIndex The index of `source`.
+	   * @param {Function} [customizer] The function to customize merged values.
+	   * @param {Object} [stack] Tracks traversed source values and their merged
+	   *  counterparts.
+	   */
+	  function baseMerge(object, source, srcIndex, customizer, stack) {
+	    if (object === source) {
+	      return;
+	    }
+	    if (!(isArray(source) || isTypedArray(source))) {
+	      var props = baseKeysIn(source);
+	    }
+	    arrayEach(props || source, function (srcValue, key) {
+	      if (props) {
+	        key = srcValue;
+	        srcValue = source[key];
+	      }
+	      if (isObject(srcValue)) {
+	        stack || (stack = new Stack());
+	        baseMergeDeep(object, source, key, srcIndex, baseMerge, customizer, stack);
+	      } else {
+	        var newValue = customizer ? customizer(object[key], srcValue, key + '', object, source, stack) : undefined;
+
+	        if (newValue === undefined) {
+	          newValue = srcValue;
+	        }
+	        assignMergeValue(object, key, newValue);
+	      }
+	    });
+	  }
+
+	  /**
+	   * A specialized version of `baseMerge` for arrays and objects which performs
+	   * deep merges and tracks traversed objects enabling objects with circular
+	   * references to be merged.
+	   *
+	   * @private
+	   * @param {Object} object The destination object.
+	   * @param {Object} source The source object.
+	   * @param {string} key The key of the value to merge.
+	   * @param {number} srcIndex The index of `source`.
+	   * @param {Function} mergeFunc The function to merge values.
+	   * @param {Function} [customizer] The function to customize assigned values.
+	   * @param {Object} [stack] Tracks traversed source values and their merged
+	   *  counterparts.
+	   */
+	  function baseMergeDeep(object, source, key, srcIndex, mergeFunc, customizer, stack) {
+	    var objValue = object[key],
+	        srcValue = source[key],
+	        stacked = stack.get(srcValue);
+
+	    if (stacked) {
+	      assignMergeValue(object, key, stacked);
+	      return;
+	    }
+	    var newValue = customizer ? customizer(objValue, srcValue, key + '', object, source, stack) : undefined;
+
+	    var isCommon = newValue === undefined;
+
+	    if (isCommon) {
+	      newValue = srcValue;
+	      if (isArray(srcValue) || isTypedArray(srcValue)) {
+	        if (isArray(objValue)) {
+	          newValue = objValue;
+	        } else if (isArrayLikeObject(objValue)) {
+	          newValue = copyArray(objValue);
+	        } else {
+	          isCommon = false;
+	          newValue = baseClone(srcValue, true);
+	        }
+	      } else if (isPlainObject(srcValue) || isArguments(srcValue)) {
+	        if (isArguments(objValue)) {
+	          newValue = toPlainObject(objValue);
+	        } else if (!isObject(objValue) || srcIndex && isFunction(objValue)) {
+	          isCommon = false;
+	          newValue = baseClone(srcValue, true);
+	        } else {
+	          newValue = objValue;
+	        }
+	      } else {
+	        isCommon = false;
+	      }
+	    }
+	    if (isCommon) {
+	      // Recursively merge objects and arrays (susceptible to call stack limits).
+	      stack.set(srcValue, newValue);
+	      mergeFunc(newValue, srcValue, srcIndex, customizer, stack);
+	      stack['delete'](srcValue);
+	    }
+	    assignMergeValue(object, key, newValue);
+	  }
+
+	  /**
+	   * The base implementation of `_.rest` which doesn't validate or coerce arguments.
+	   *
+	   * @private
+	   * @param {Function} func The function to apply a rest parameter to.
+	   * @param {number} [start=func.length-1] The start position of the rest parameter.
+	   * @returns {Function} Returns the new function.
+	   */
+	  function baseRest(func, start) {
+	    start = nativeMax(start === undefined ? func.length - 1 : start, 0);
+	    return function () {
+	      var args = arguments,
+	          index = -1,
+	          length = nativeMax(args.length - start, 0),
+	          array = Array(length);
+
+	      while (++index < length) {
+	        array[index] = args[start + index];
+	      }
+	      index = -1;
+	      var otherArgs = Array(start + 1);
+	      while (++index < start) {
+	        otherArgs[index] = args[index];
+	      }
+	      otherArgs[start] = array;
+	      return apply(func, this, otherArgs);
+	    };
+	  }
+
+	  /**
+	   * Creates a clone of  `buffer`.
+	   *
+	   * @private
+	   * @param {Buffer} buffer The buffer to clone.
+	   * @param {boolean} [isDeep] Specify a deep clone.
+	   * @returns {Buffer} Returns the cloned buffer.
+	   */
+	  function cloneBuffer(buffer, isDeep) {
+	    if (isDeep) {
+	      return buffer.slice();
+	    }
+	    var result = new buffer.constructor(buffer.length);
+	    buffer.copy(result);
+	    return result;
+	  }
+
+	  /**
+	   * Creates a clone of `arrayBuffer`.
+	   *
+	   * @private
+	   * @param {ArrayBuffer} arrayBuffer The array buffer to clone.
+	   * @returns {ArrayBuffer} Returns the cloned array buffer.
+	   */
+	  function cloneArrayBuffer(arrayBuffer) {
+	    var result = new arrayBuffer.constructor(arrayBuffer.byteLength);
+	    new Uint8Array(result).set(new Uint8Array(arrayBuffer));
+	    return result;
+	  }
+
+	  /**
+	   * Creates a clone of `dataView`.
+	   *
+	   * @private
+	   * @param {Object} dataView The data view to clone.
+	   * @param {boolean} [isDeep] Specify a deep clone.
+	   * @returns {Object} Returns the cloned data view.
+	   */
+	  function cloneDataView(dataView, isDeep) {
+	    var buffer = isDeep ? cloneArrayBuffer(dataView.buffer) : dataView.buffer;
+	    return new dataView.constructor(buffer, dataView.byteOffset, dataView.byteLength);
+	  }
+
+	  /**
+	   * Creates a clone of `map`.
+	   *
+	   * @private
+	   * @param {Object} map The map to clone.
+	   * @param {Function} cloneFunc The function to clone values.
+	   * @param {boolean} [isDeep] Specify a deep clone.
+	   * @returns {Object} Returns the cloned map.
+	   */
+	  function cloneMap(map, isDeep, cloneFunc) {
+	    var array = isDeep ? cloneFunc(mapToArray(map), true) : mapToArray(map);
+	    return arrayReduce(array, addMapEntry, new map.constructor());
+	  }
+
+	  /**
+	   * Creates a clone of `regexp`.
+	   *
+	   * @private
+	   * @param {Object} regexp The regexp to clone.
+	   * @returns {Object} Returns the cloned regexp.
+	   */
+	  function cloneRegExp(regexp) {
+	    var result = new regexp.constructor(regexp.source, reFlags.exec(regexp));
+	    result.lastIndex = regexp.lastIndex;
+	    return result;
+	  }
+
+	  /**
+	   * Creates a clone of `set`.
+	   *
+	   * @private
+	   * @param {Object} set The set to clone.
+	   * @param {Function} cloneFunc The function to clone values.
+	   * @param {boolean} [isDeep] Specify a deep clone.
+	   * @returns {Object} Returns the cloned set.
+	   */
+	  function cloneSet(set, isDeep, cloneFunc) {
+	    var array = isDeep ? cloneFunc(setToArray(set), true) : setToArray(set);
+	    return arrayReduce(array, addSetEntry, new set.constructor());
+	  }
+
+	  /**
+	   * Creates a clone of the `symbol` object.
+	   *
+	   * @private
+	   * @param {Object} symbol The symbol object to clone.
+	   * @returns {Object} Returns the cloned symbol object.
+	   */
+	  function cloneSymbol(symbol) {
+	    return symbolValueOf ? Object(symbolValueOf.call(symbol)) : {};
+	  }
+
+	  /**
+	   * Creates a clone of `typedArray`.
+	   *
+	   * @private
+	   * @param {Object} typedArray The typed array to clone.
+	   * @param {boolean} [isDeep] Specify a deep clone.
+	   * @returns {Object} Returns the cloned typed array.
+	   */
+	  function cloneTypedArray(typedArray, isDeep) {
+	    var buffer = isDeep ? cloneArrayBuffer(typedArray.buffer) : typedArray.buffer;
+	    return new typedArray.constructor(buffer, typedArray.byteOffset, typedArray.length);
+	  }
+
+	  /**
+	   * Copies the values of `source` to `array`.
+	   *
+	   * @private
+	   * @param {Array} source The array to copy values from.
+	   * @param {Array} [array=[]] The array to copy values to.
+	   * @returns {Array} Returns `array`.
+	   */
+	  function copyArray(source, array) {
+	    var index = -1,
+	        length = source.length;
+
+	    array || (array = Array(length));
+	    while (++index < length) {
+	      array[index] = source[index];
+	    }
+	    return array;
+	  }
+
+	  /**
+	   * Copies properties of `source` to `object`.
+	   *
+	   * @private
+	   * @param {Object} source The object to copy properties from.
+	   * @param {Array} props The property identifiers to copy.
+	   * @param {Object} [object={}] The object to copy properties to.
+	   * @param {Function} [customizer] The function to customize copied values.
+	   * @returns {Object} Returns `object`.
+	   */
+	  function copyObject(source, props, object, customizer) {
+	    object || (object = {});
+
+	    var index = -1,
+	        length = props.length;
+
+	    while (++index < length) {
+	      var key = props[index];
+
+	      var newValue = customizer ? customizer(object[key], source[key], key, object, source) : undefined;
+
+	      assignValue(object, key, newValue === undefined ? source[key] : newValue);
+	    }
+	    return object;
+	  }
+
+	  /**
+	   * Copies own symbol properties of `source` to `object`.
+	   *
+	   * @private
+	   * @param {Object} source The object to copy symbols from.
+	   * @param {Object} [object={}] The object to copy symbols to.
+	   * @returns {Object} Returns `object`.
+	   */
+	  function copySymbols(source, object) {
+	    return copyObject(source, getSymbols(source), object);
+	  }
+
+	  /**
+	   * Creates a function like `_.assign`.
+	   *
+	   * @private
+	   * @param {Function} assigner The function to assign values.
+	   * @returns {Function} Returns the new assigner function.
+	   */
+	  function createAssigner(assigner) {
+	    return baseRest(function (object, sources) {
+	      var index = -1,
+	          length = sources.length,
+	          customizer = length > 1 ? sources[length - 1] : undefined,
+	          guard = length > 2 ? sources[2] : undefined;
+
+	      customizer = assigner.length > 3 && typeof customizer == 'function' ? (length--, customizer) : undefined;
+
+	      if (guard && isIterateeCall(sources[0], sources[1], guard)) {
+	        customizer = length < 3 ? undefined : customizer;
+	        length = 1;
+	      }
+	      object = Object(object);
+	      while (++index < length) {
+	        var source = sources[index];
+	        if (source) {
+	          assigner(object, source, index, customizer);
+	        }
+	      }
+	      return object;
+	    });
+	  }
+
+	  /**
+	   * Creates an array of own enumerable property names and symbols of `object`.
+	   *
+	   * @private
+	   * @param {Object} object The object to query.
+	   * @returns {Array} Returns the array of property names and symbols.
+	   */
+	  function getAllKeys(object) {
+	    return baseGetAllKeys(object, keys, getSymbols);
+	  }
+
+	  /**
+	   * Gets the data for `map`.
+	   *
+	   * @private
+	   * @param {Object} map The map to query.
+	   * @param {string} key The reference key.
+	   * @returns {*} Returns the map data.
+	   */
+	  function getMapData(map, key) {
+	    var data = map.__data__;
+	    return isKeyable(key) ? data[typeof key == 'string' ? 'string' : 'hash'] : data.map;
+	  }
+
+	  /**
+	   * Gets the native function at `key` of `object`.
+	   *
+	   * @private
+	   * @param {Object} object The object to query.
+	   * @param {string} key The key of the method to get.
+	   * @returns {*} Returns the function if it's native, else `undefined`.
+	   */
+	  function getNative(object, key) {
+	    var value = getValue(object, key);
+	    return baseIsNative(value) ? value : undefined;
+	  }
+
+	  /**
+	   * Creates an array of the own enumerable symbol properties of `object`.
+	   *
+	   * @private
+	   * @param {Object} object The object to query.
+	   * @returns {Array} Returns the array of symbols.
+	   */
+	  var getSymbols = nativeGetSymbols ? overArg(nativeGetSymbols, Object) : stubArray;
+
+	  /**
+	   * Gets the `toStringTag` of `value`.
+	   *
+	   * @private
+	   * @param {*} value The value to query.
+	   * @returns {string} Returns the `toStringTag`.
+	   */
+	  var getTag = baseGetTag;
+
+	  // Fallback for data views, maps, sets, and weak maps in IE 11,
+	  // for data views in Edge < 14, and promises in Node.js.
+	  if (DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag || Map && getTag(new Map()) != mapTag || Promise && getTag(Promise.resolve()) != promiseTag || Set && getTag(new Set()) != setTag || WeakMap && getTag(new WeakMap()) != weakMapTag) {
+	    getTag = function getTag(value) {
+	      var result = objectToString.call(value),
+	          Ctor = result == objectTag ? value.constructor : undefined,
+	          ctorString = Ctor ? toSource(Ctor) : undefined;
+
+	      if (ctorString) {
+	        switch (ctorString) {
+	          case dataViewCtorString:
+	            return dataViewTag;
+	          case mapCtorString:
+	            return mapTag;
+	          case promiseCtorString:
+	            return promiseTag;
+	          case setCtorString:
+	            return setTag;
+	          case weakMapCtorString:
+	            return weakMapTag;
+	        }
+	      }
+	      return result;
+	    };
+	  }
+
+	  /**
+	   * Initializes an array clone.
+	   *
+	   * @private
+	   * @param {Array} array The array to clone.
+	   * @returns {Array} Returns the initialized clone.
+	   */
+	  function initCloneArray(array) {
+	    var length = array.length,
+	        result = array.constructor(length);
+
+	    // Add properties assigned by `RegExp#exec`.
+	    if (length && typeof array[0] == 'string' && hasOwnProperty.call(array, 'index')) {
+	      result.index = array.index;
+	      result.input = array.input;
+	    }
+	    return result;
+	  }
+
+	  /**
+	   * Initializes an object clone.
+	   *
+	   * @private
+	   * @param {Object} object The object to clone.
+	   * @returns {Object} Returns the initialized clone.
+	   */
+	  function initCloneObject(object) {
+	    return typeof object.constructor == 'function' && !isPrototype(object) ? baseCreate(getPrototype(object)) : {};
+	  }
+
+	  /**
+	   * Initializes an object clone based on its `toStringTag`.
+	   *
+	   * **Note:** This function only supports cloning values with tags of
+	   * `Boolean`, `Date`, `Error`, `Number`, `RegExp`, or `String`.
+	   *
+	   * @private
+	   * @param {Object} object The object to clone.
+	   * @param {string} tag The `toStringTag` of the object to clone.
+	   * @param {Function} cloneFunc The function to clone values.
+	   * @param {boolean} [isDeep] Specify a deep clone.
+	   * @returns {Object} Returns the initialized clone.
+	   */
+	  function initCloneByTag(object, tag, cloneFunc, isDeep) {
+	    var Ctor = object.constructor;
+	    switch (tag) {
+	      case arrayBufferTag:
+	        return cloneArrayBuffer(object);
+
+	      case boolTag:
+	      case dateTag:
+	        return new Ctor(+object);
+
+	      case dataViewTag:
+	        return cloneDataView(object, isDeep);
+
+	      case float32Tag:case float64Tag:
+	      case int8Tag:case int16Tag:case int32Tag:
+	      case uint8Tag:case uint8ClampedTag:case uint16Tag:case uint32Tag:
+	        return cloneTypedArray(object, isDeep);
+
+	      case mapTag:
+	        return cloneMap(object, isDeep, cloneFunc);
+
+	      case numberTag:
+	      case stringTag:
+	        return new Ctor(object);
+
+	      case regexpTag:
+	        return cloneRegExp(object);
+
+	      case setTag:
+	        return cloneSet(object, isDeep, cloneFunc);
+
+	      case symbolTag:
+	        return cloneSymbol(object);
+	    }
+	  }
+
+	  /**
+	   * Checks if `value` is a valid array-like index.
+	   *
+	   * @private
+	   * @param {*} value The value to check.
+	   * @param {number} [length=MAX_SAFE_INTEGER] The upper bounds of a valid index.
+	   * @returns {boolean} Returns `true` if `value` is a valid index, else `false`.
+	   */
+	  function isIndex(value, length) {
+	    length = length == null ? MAX_SAFE_INTEGER : length;
+	    return !!length && (typeof value == 'number' || reIsUint.test(value)) && value > -1 && value % 1 == 0 && value < length;
+	  }
+
+	  /**
+	   * Checks if the given arguments are from an iteratee call.
+	   *
+	   * @private
+	   * @param {*} value The potential iteratee value argument.
+	   * @param {*} index The potential iteratee index or key argument.
+	   * @param {*} object The potential iteratee object argument.
+	   * @returns {boolean} Returns `true` if the arguments are from an iteratee call,
+	   *  else `false`.
+	   */
+	  function isIterateeCall(value, index, object) {
+	    if (!isObject(object)) {
+	      return false;
+	    }
+	    var type = typeof index === 'undefined' ? 'undefined' : typeof(index);
+	    if (type == 'number' ? isArrayLike(object) && isIndex(index, object.length) : type == 'string' && index in object) {
+	      return eq(object[index], value);
+	    }
+	    return false;
+	  }
+
+	  /**
+	   * Checks if `value` is suitable for use as unique object key.
+	   *
+	   * @private
+	   * @param {*} value The value to check.
+	   * @returns {boolean} Returns `true` if `value` is suitable, else `false`.
+	   */
+	  function isKeyable(value) {
+	    var type = typeof value === 'undefined' ? 'undefined' : typeof(value);
+	    return type == 'string' || type == 'number' || type == 'symbol' || type == 'boolean' ? value !== '__proto__' : value === null;
+	  }
+
+	  /**
+	   * Checks if `func` has its source masked.
+	   *
+	   * @private
+	   * @param {Function} func The function to check.
+	   * @returns {boolean} Returns `true` if `func` is masked, else `false`.
+	   */
+	  function isMasked(func) {
+	    return !!maskSrcKey && maskSrcKey in func;
+	  }
+
+	  /**
+	   * Checks if `value` is likely a prototype object.
+	   *
+	   * @private
+	   * @param {*} value The value to check.
+	   * @returns {boolean} Returns `true` if `value` is a prototype, else `false`.
+	   */
+	  function isPrototype(value) {
+	    var Ctor = value && value.constructor,
+	        proto = typeof Ctor == 'function' && Ctor.prototype || objectProto;
+
+	    return value === proto;
+	  }
+
+	  /**
+	   * This function is like
+	   * [`Object.keys`](http://ecma-international.org/ecma-262/7.0/#sec-object.keys)
+	   * except that it includes inherited enumerable properties.
+	   *
+	   * @private
+	   * @param {Object} object The object to query.
+	   * @returns {Array} Returns the array of property names.
+	   */
+	  function nativeKeysIn(object) {
+	    var result = [];
+	    if (object != null) {
+	      for (var key in Object(object)) {
+	        result.push(key);
+	      }
+	    }
+	    return result;
+	  }
+
+	  /**
+	   * Converts `func` to its source code.
+	   *
+	   * @private
+	   * @param {Function} func The function to process.
+	   * @returns {string} Returns the source code.
+	   */
+	  function toSource(func) {
+	    if (func != null) {
+	      try {
+	        return funcToString.call(func);
+	      } catch (e) {}
+	      try {
+	        return func + '';
+	      } catch (e) {}
+	    }
+	    return '';
+	  }
+
+	  /**
+	   * Performs a
+	   * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
+	   * comparison between two values to determine if they are equivalent.
+	   *
+	   * @static
+	   * @memberOf _
+	   * @since 4.0.0
+	   * @category Lang
+	   * @param {*} value The value to compare.
+	   * @param {*} other The other value to compare.
+	   * @returns {boolean} Returns `true` if the values are equivalent, else `false`.
+	   * @example
+	   *
+	   * var object = { 'a': 1 };
+	   * var other = { 'a': 1 };
+	   *
+	   * _.eq(object, object);
+	   * // => true
+	   *
+	   * _.eq(object, other);
+	   * // => false
+	   *
+	   * _.eq('a', 'a');
+	   * // => true
+	   *
+	   * _.eq('a', Object('a'));
+	   * // => false
+	   *
+	   * _.eq(NaN, NaN);
+	   * // => true
+	   */
+	  function eq(value, other) {
+	    return value === other || value !== value && other !== other;
+	  }
+
+	  /**
+	   * Checks if `value` is likely an `arguments` object.
+	   *
+	   * @static
+	   * @memberOf _
+	   * @since 0.1.0
+	   * @category Lang
+	   * @param {*} value The value to check.
+	   * @returns {boolean} Returns `true` if `value` is an `arguments` object,
+	   *  else `false`.
+	   * @example
+	   *
+	   * _.isArguments(function() { return arguments; }());
+	   * // => true
+	   *
+	   * _.isArguments([1, 2, 3]);
+	   * // => false
+	   */
+	  function isArguments(value) {
+	    // Safari 8.1 makes `arguments.callee` enumerable in strict mode.
+	    return isArrayLikeObject(value) && hasOwnProperty.call(value, 'callee') && (!propertyIsEnumerable.call(value, 'callee') || objectToString.call(value) == argsTag);
+	  }
+
+	  /**
+	   * Checks if `value` is classified as an `Array` object.
+	   *
+	   * @static
+	   * @memberOf _
+	   * @since 0.1.0
+	   * @category Lang
+	   * @param {*} value The value to check.
+	   * @returns {boolean} Returns `true` if `value` is an array, else `false`.
+	   * @example
+	   *
+	   * _.isArray([1, 2, 3]);
+	   * // => true
+	   *
+	   * _.isArray(document.body.children);
+	   * // => false
+	   *
+	   * _.isArray('abc');
+	   * // => false
+	   *
+	   * _.isArray(_.noop);
+	   * // => false
+	   */
+	  var isArray = Array.isArray;
+
+	  /**
+	   * Checks if `value` is array-like. A value is considered array-like if it's
+	   * not a function and has a `value.length` that's an integer greater than or
+	   * equal to `0` and less than or equal to `Number.MAX_SAFE_INTEGER`.
+	   *
+	   * @static
+	   * @memberOf _
+	   * @since 4.0.0
+	   * @category Lang
+	   * @param {*} value The value to check.
+	   * @returns {boolean} Returns `true` if `value` is array-like, else `false`.
+	   * @example
+	   *
+	   * _.isArrayLike([1, 2, 3]);
+	   * // => true
+	   *
+	   * _.isArrayLike(document.body.children);
+	   * // => true
+	   *
+	   * _.isArrayLike('abc');
+	   * // => true
+	   *
+	   * _.isArrayLike(_.noop);
+	   * // => false
+	   */
+	  function isArrayLike(value) {
+	    return value != null && isLength(value.length) && !isFunction(value);
+	  }
+
+	  /**
+	   * This method is like `_.isArrayLike` except that it also checks if `value`
+	   * is an object.
+	   *
+	   * @static
+	   * @memberOf _
+	   * @since 4.0.0
+	   * @category Lang
+	   * @param {*} value The value to check.
+	   * @returns {boolean} Returns `true` if `value` is an array-like object,
+	   *  else `false`.
+	   * @example
+	   *
+	   * _.isArrayLikeObject([1, 2, 3]);
+	   * // => true
+	   *
+	   * _.isArrayLikeObject(document.body.children);
+	   * // => true
+	   *
+	   * _.isArrayLikeObject('abc');
+	   * // => false
+	   *
+	   * _.isArrayLikeObject(_.noop);
+	   * // => false
+	   */
+	  function isArrayLikeObject(value) {
+	    return isObjectLike(value) && isArrayLike(value);
+	  }
+
+	  /**
+	   * Checks if `value` is a buffer.
+	   *
+	   * @static
+	   * @memberOf _
+	   * @since 4.3.0
+	   * @category Lang
+	   * @param {*} value The value to check.
+	   * @returns {boolean} Returns `true` if `value` is a buffer, else `false`.
+	   * @example
+	   *
+	   * _.isBuffer(new Buffer(2));
+	   * // => true
+	   *
+	   * _.isBuffer(new Uint8Array(2));
+	   * // => false
+	   */
+	  var isBuffer = nativeIsBuffer || stubFalse;
+
+	  /**
+	   * Checks if `value` is classified as a `Function` object.
+	   *
+	   * @static
+	   * @memberOf _
+	   * @since 0.1.0
+	   * @category Lang
+	   * @param {*} value The value to check.
+	   * @returns {boolean} Returns `true` if `value` is a function, else `false`.
+	   * @example
+	   *
+	   * _.isFunction(_);
+	   * // => true
+	   *
+	   * _.isFunction(/abc/);
+	   * // => false
+	   */
+	  function isFunction(value) {
+	    // The use of `Object#toString` avoids issues with the `typeof` operator
+	    // in Safari 8-9 which returns 'object' for typed array and other constructors.
+	    var tag = isObject(value) ? objectToString.call(value) : '';
+	    return tag == funcTag || tag == genTag;
+	  }
+
+	  /**
+	   * Checks if `value` is a valid array-like length.
+	   *
+	   * **Note:** This method is loosely based on
+	   * [`ToLength`](http://ecma-international.org/ecma-262/7.0/#sec-tolength).
+	   *
+	   * @static
+	   * @memberOf _
+	   * @since 4.0.0
+	   * @category Lang
+	   * @param {*} value The value to check.
+	   * @returns {boolean} Returns `true` if `value` is a valid length, else `false`.
+	   * @example
+	   *
+	   * _.isLength(3);
+	   * // => true
+	   *
+	   * _.isLength(Number.MIN_VALUE);
+	   * // => false
+	   *
+	   * _.isLength(Infinity);
+	   * // => false
+	   *
+	   * _.isLength('3');
+	   * // => false
+	   */
+	  function isLength(value) {
+	    return typeof value == 'number' && value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;
+	  }
+
+	  /**
+	   * Checks if `value` is the
+	   * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
+	   * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
+	   *
+	   * @static
+	   * @memberOf _
+	   * @since 0.1.0
+	   * @category Lang
+	   * @param {*} value The value to check.
+	   * @returns {boolean} Returns `true` if `value` is an object, else `false`.
+	   * @example
+	   *
+	   * _.isObject({});
+	   * // => true
+	   *
+	   * _.isObject([1, 2, 3]);
+	   * // => true
+	   *
+	   * _.isObject(_.noop);
+	   * // => true
+	   *
+	   * _.isObject(null);
+	   * // => false
+	   */
+	  function isObject(value) {
+	    var type = typeof value === 'undefined' ? 'undefined' : typeof(value);
+	    return !!value && (type == 'object' || type == 'function');
+	  }
 
-	      for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-	        args[_key - 1] = arguments[_key];
-	      }
+	  /**
+	   * Checks if `value` is object-like. A value is object-like if it's not `null`
+	   * and has a `typeof` result of "object".
+	   *
+	   * @static
+	   * @memberOf _
+	   * @since 4.0.0
+	   * @category Lang
+	   * @param {*} value The value to check.
+	   * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
+	   * @example
+	   *
+	   * _.isObjectLike({});
+	   * // => true
+	   *
+	   * _.isObjectLike([1, 2, 3]);
+	   * // => true
+	   *
+	   * _.isObjectLike(_.noop);
+	   * // => false
+	   *
+	   * _.isObjectLike(null);
+	   * // => false
+	   */
+	  function isObjectLike(value) {
+	    return !!value && (typeof value === 'undefined' ? 'undefined' : typeof(value)) == 'object';
+	  }
 
-	      (_console = console).log.apply(_console, ['DragulaService [' + this.name + '] :', event].concat(args));
-	    }
-	  }, {
-	    key: 'error',
-	    value: function error(msg) {
-	      console.error(msg);
-	      throw new Error(msg);
-	    }
-	  }, {
-	    key: 'add',
-	    value: function add(name, drake) {
-	      drake = drake || this.drake;
-	      this.log('add (bag)', name, drake);
-	      var bag = this.find(name);
-	      if (bag) {
-	        this.log('existing bags', this.bagNames);
-	        var errMsg = 'Bag named: "' + name + '" already exists for this service [' + this.name + ']. \n      Most likely this error in cause by a race condition evaluating multiple template elements with \n      the v-dragula directive having the same bag name. Please initialise the bag in the created() life cycle hook of the VM to fix this problem.';
-	        this.error(msg);
-	      }
-	      this.bags[name] = drake;
-	      if (drake.models) {
-	        this.handleModels(name, drake);
-	      }
-	      if (!bag.initEvents) {
-	        this.setupEvents(bag);
-	      }
-	      return bag;
+	  /**
+	   * Checks if `value` is a plain object, that is, an object created by the
+	   * `Object` constructor or one with a `[[Prototype]]` of `null`.
+	   *
+	   * @static
+	   * @memberOf _
+	   * @since 0.8.0
+	   * @category Lang
+	   * @param {*} value The value to check.
+	   * @returns {boolean} Returns `true` if `value` is a plain object, else `false`.
+	   * @example
+	   *
+	   * function Foo() {
+	   *   this.a = 1;
+	   * }
+	   *
+	   * _.isPlainObject(new Foo);
+	   * // => false
+	   *
+	   * _.isPlainObject([1, 2, 3]);
+	   * // => false
+	   *
+	   * _.isPlainObject({ 'x': 0, 'y': 0 });
+	   * // => true
+	   *
+	   * _.isPlainObject(Object.create(null));
+	   * // => true
+	   */
+	  function isPlainObject(value) {
+	    if (!isObjectLike(value) || objectToString.call(value) != objectTag || isHostObject(value)) {
+	      return false;
 	    }
-	  }, {
-	    key: 'find',
-	    value: function find(name) {
-	      this.log('find (bag) by name', name);
-	      return this.bags[name];
+	    var proto = getPrototype(value);
+	    if (proto === null) {
+	      return true;
 	    }
-	  }, {
-	    key: 'handleModels',
-	    value: function handleModels(name, drake) {
-	      var _this2 = this;
-
-	      drake = drake || this.drake;
-	      this.log('handleModels', name, drake);
-
-	      if (drake.registered) {
-	        // do not register events twice
-	        return;
-	      }
-	      var dragElm = void 0;
-	      var dragIndex = void 0;
-	      var dropIndex = void 0;
-	      var sourceModel = void 0;
-
-	      drake.on('remove', function (el, container, source) {
-	        if (!drake.models) {
-	          return;
-	        }
-	        sourceModel = _this2.findModelForContainer(source, drake);
-	        sourceModel.splice(dragIndex, 1);
-	        drake.cancel(true);
-	        _this2.eventBus.$emit('removeModel', [name, el, source, dragIndex]);
-	      });
-
-	      drake.on('drag', function (el, source) {
-	        dragElm = el;
-	        dragIndex = _this2.domIndexOf(el, source);
-	      });
+	    var Ctor = hasOwnProperty.call(proto, 'constructor') && proto.constructor;
+	    return typeof Ctor == 'function' && Ctor instanceof Ctor && funcToString.call(Ctor) == objectCtorString;
+	  }
 
-	      drake.on('drop', function (dropElm, target, source) {
-	        if (!drake.models || !target) {
-	          return;
-	        }
-	        dropIndex = _this2.domIndexOf(dropElm, target);
-	        sourceModel = _this2.findModelForContainer(source, drake);
+	  /**
+	   * Checks if `value` is classified as a typed array.
+	   *
+	   * @static
+	   * @memberOf _
+	   * @since 3.0.0
+	   * @category Lang
+	   * @param {*} value The value to check.
+	   * @returns {boolean} Returns `true` if `value` is a typed array, else `false`.
+	   * @example
+	   *
+	   * _.isTypedArray(new Uint8Array);
+	   * // => true
+	   *
+	   * _.isTypedArray([]);
+	   * // => false
+	   */
+	  var isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray;
 
-	        if (target === source) {
-	          sourceModel.splice(dropIndex, 0, sourceModel.splice(dragIndex, 1)[0]);
-	        } else {
-	          var notCopy = dragElm === dropElm;
-	          var targetModel = _this2.findModelForContainer(target, drake);
-	          var dropElmModel = notCopy ? sourceModel[dragIndex] : JSON.parse(JSON.stringify(sourceModel[dragIndex]));
+	  /**
+	   * Converts `value` to a plain object flattening inherited enumerable string
+	   * keyed properties of `value` to own properties of the plain object.
+	   *
+	   * @static
+	   * @memberOf _
+	   * @since 3.0.0
+	   * @category Lang
+	   * @param {*} value The value to convert.
+	   * @returns {Object} Returns the converted plain object.
+	   * @example
+	   *
+	   * function Foo() {
+	   *   this.b = 2;
+	   * }
+	   *
+	   * Foo.prototype.c = 3;
+	   *
+	   * _.assign({ 'a': 1 }, new Foo);
+	   * // => { 'a': 1, 'b': 2 }
+	   *
+	   * _.assign({ 'a': 1 }, _.toPlainObject(new Foo));
+	   * // => { 'a': 1, 'b': 2, 'c': 3 }
+	   */
+	  function toPlainObject(value) {
+	    return copyObject(value, keysIn(value));
+	  }
 
-	          if (notCopy) {
-	            waitForTransition(function () {
-	              sourceModel.splice(dragIndex, 1);
-	            });
-	          }
-	          targetModel.splice(dropIndex, 0, dropElmModel);
-	          drake.cancel(true);
-	        }
-	        _this2.eventBus.$emit('dropModel', [name, dropElm, target, source, dropIndex]);
-	      });
-	      drake.registered = true;
-	    }
+	  /**
+	   * Creates an array of the own enumerable property names of `object`.
+	   *
+	   * **Note:** Non-object values are coerced to objects. See the
+	   * [ES spec](http://ecma-international.org/ecma-262/7.0/#sec-object.keys)
+	   * for more details.
+	   *
+	   * @static
+	   * @since 0.1.0
+	   * @memberOf _
+	   * @category Object
+	   * @param {Object} object The object to query.
+	   * @returns {Array} Returns the array of property names.
+	   * @example
+	   *
+	   * function Foo() {
+	   *   this.a = 1;
+	   *   this.b = 2;
+	   * }
+	   *
+	   * Foo.prototype.c = 3;
+	   *
+	   * _.keys(new Foo);
+	   * // => ['a', 'b'] (iteration order is not guaranteed)
+	   *
+	   * _.keys('hi');
+	   * // => ['0', '1']
+	   */
+	  function keys(object) {
+	    return isArrayLike(object) ? arrayLikeKeys(object) : baseKeys(object);
+	  }
 
-	    // convenience to set eventBus handlers via Object
+	  /**
+	   * Creates an array of the own and inherited enumerable property names of `object`.
+	   *
+	   * **Note:** Non-object values are coerced to objects.
+	   *
+	   * @static
+	   * @memberOf _
+	   * @since 3.0.0
+	   * @category Object
+	   * @param {Object} object The object to query.
+	   * @returns {Array} Returns the array of property names.
+	   * @example
+	   *
+	   * function Foo() {
+	   *   this.a = 1;
+	   *   this.b = 2;
+	   * }
+	   *
+	   * Foo.prototype.c = 3;
+	   *
+	   * _.keysIn(new Foo);
+	   * // => ['a', 'b', 'c'] (iteration order is not guaranteed)
+	   */
+	  function keysIn(object) {
+	    return isArrayLike(object) ? arrayLikeKeys(object, true) : baseKeysIn(object);
+	  }
 
-	  }, {
-	    key: 'on',
-	    value: function on() {
-	      var handlerConfig = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+	  /**
+	   * This method is like `_.assign` except that it recursively merges own and
+	   * inherited enumerable string keyed properties of source objects into the
+	   * destination object. Source properties that resolve to `undefined` are
+	   * skipped if a destination value exists. Array and plain object properties
+	   * are merged recursively. Other objects and value types are overridden by
+	   * assignment. Source objects are applied from left to right. Subsequent
+	   * sources overwrite property assignments of previous sources.
+	   *
+	   * **Note:** This method mutates `object`.
+	   *
+	   * @static
+	   * @memberOf _
+	   * @since 0.5.0
+	   * @category Object
+	   * @param {Object} object The destination object.
+	   * @param {...Object} [sources] The source objects.
+	   * @returns {Object} Returns `object`.
+	   * @example
+	   *
+	   * var object = {
+	   *   'a': [{ 'b': 2 }, { 'd': 4 }]
+	   * };
+	   *
+	   * var other = {
+	   *   'a': [{ 'c': 3 }, { 'e': 5 }]
+	   * };
+	   *
+	   * _.merge(object, other);
+	   * // => { 'a': [{ 'b': 2, 'c': 3 }, { 'd': 4, 'e': 5 }] }
+	   */
+	  var merge = createAssigner(function (object, source, srcIndex) {
+	    baseMerge(object, source, srcIndex);
+	  });
 
-	      var handlerNames = Object.keys(handlerConfig);
+	  /**
+	   * This method returns a new empty array.
+	   *
+	   * @static
+	   * @memberOf _
+	   * @since 4.13.0
+	   * @category Util
+	   * @returns {Array} Returns the new empty array.
+	   * @example
+	   *
+	   * var arrays = _.times(2, _.stubArray);
+	   *
+	   * console.log(arrays);
+	   * // => [[], []]
+	   *
+	   * console.log(arrays[0] === arrays[1]);
+	   * // => false
+	   */
+	  function stubArray() {
+	    return [];
+	  }
 
-	      var _iteratorNormalCompletion = true;
-	      var _didIteratorError = false;
-	      var _iteratorError = undefined;
+	  /**
+	   * This method returns `false`.
+	   *
+	   * @static
+	   * @memberOf _
+	   * @since 4.13.0
+	   * @category Util
+	   * @returns {boolean} Returns `false`.
+	   * @example
+	   *
+	   * _.times(2, _.stubFalse);
+	   * // => [false, false]
+	   */
+	  function stubFalse() {
+	    return false;
+	  }
 
-	      try {
-	        for (var _iterator = handlerNames[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-	          var handlerName = _step.value;
+	  module.exports = merge;
+	});
 
-	          var handlerFunction = handlerConfig[handlerName];
-	          this.eventBus.$on(handlerName, handlerFunction);
-	        }
-	      } catch (err) {
-	        _didIteratorError = true;
-	        _iteratorError = err;
-	      } finally {
-	        try {
-	          if (!_iteratorNormalCompletion && _iterator.return) {
-	            _iterator.return();
-	          }
-	        } finally {
-	          if (_didIteratorError) {
-	            throw _iteratorError;
-	          }
-	        }
-	      }
-	    }
-	  }, {
-	    key: 'destroy',
-	    value: function destroy(name) {
-	      this.log('destroy', name);
-	      var bag = this.find(name);
-	      if (!bag) {
-	        return;
-	      }
-	      bag.drake.destroy();
-	      this.delete(name);
-	    }
-	  }, {
-	    key: 'delete',
-	    value: function _delete(name) {
-	      delete this.bags[name];
-	    }
-	  }, {
-	    key: 'setOptions',
-	    value: function setOptions(name, options) {
-	      this.log('setOptions', name, options);
-	      if (!name) {
-	        console.error('setOptions must take the name of the bag to set options for');
-	        return this;
-	      }
-	      var bag = this.add(name, dragula$1(options));
-	      this.handleModels(name, bag.drake);
-	      return this;
-	    }
-	  }, {
-	    key: 'setupEvents',
-	    value: function setupEvents(bag) {
-	      this.log('setupEvents', bag);
-	      bag.initEvents = true;
-	      var _this = this;
-	      var emitter = function emitter(type) {
-	        function replicate() {
-	          var args = Array.prototype.slice.call(arguments);
-	          _this.eventBus.$emit(type, [bag.name].concat(args));
-	        }
-	        bag.drake.on(type, replicate);
-	      };
-	      this.events.forEach(emitter);
-	    }
-	  }, {
-	    key: 'domIndexOf',
-	    value: function domIndexOf(child, parent) {
-	      return Array.prototype.indexOf.call(parent.children, child);
-	    }
-	  }, {
-	    key: 'findModelForContainer',
-	    value: function findModelForContainer(container, drake) {
-	      drake = drake || this.drake;
-	      this.log('findModelForContainer', container, drake);
-	      return (this.findModelContainerByContainer(container, drake) || {}).model;
-	    }
-	  }, {
-	    key: 'findModelContainerByContainer',
-	    value: function findModelContainerByContainer(container, drake) {
-	      drake = drake || this.drake;
-	      if (!drake.models) {
-	        return;
-	      }
-	      return drake.models.find(function (model) {
-	        return model.container === container;
-	      });
-	    }
-	  }, {
-	    key: 'bagNames',
-	    get: function get() {
-	      return Object.keys(this.bags);
-	    }
-	  }]);
-	  return DragulaService;
-	}();
+	var merge = interopDefault(index$2);
 
 	if (!dragula$1) {
 	  throw new Error('[vue-dragula] cannot locate dragula.');
@@ -1463,7 +3673,7 @@ var require$$0$3 = Object.freeze({
 	        eventBus = _ref.eventBus,
 	        bags = _ref.bags;
 
-	    return new DragulaService$1({
+	    return new DragulaService({
 	      name: name,
 	      eventBus: eventBus,
 	      bags: bags
@@ -1547,6 +3757,7 @@ var require$$0$3 = Object.freeze({
 	        var names = serviceOpts.names || [];
 	        var name = serviceOpts.name || [];
 	        var bags = serviceOpts.bags || {};
+	        var opts = merge(options, serviceOpts);
 	        names = names || [name];
 	        var eventBus = serviceOpts.eventBus || eventBus;
 
@@ -1558,11 +3769,11 @@ var require$$0$3 = Object.freeze({
 	          for (var _iterator = names[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
 	            var _name = _step.value;
 
-	            var newService = new DragulaService$1({
+	            var newService = new DragulaService({
 	              name: _name,
 	              eventBus: eventBus,
 	              bags: bags,
-	              options: options
+	              otions: opts
 	            });
 
 	            this._serviceMap[_name] = newService;
@@ -1605,6 +3816,9 @@ var require$$0$3 = Object.freeze({
 	            var _bagName = _step2.value;
 
 	            var bagOpts = bags[_bagName];
+	            if (bagOpts === true) {
+	              bagOpts = {};
+	            }
 	            service.setOptions(_bagName, bagOpts);
 	          }
 	        } catch (err) {
@@ -1872,8 +4086,6 @@ var require$$0$3 = Object.freeze({
 
 	plugin.version = '1.0.0';
 
-	var DragulaService = DragulaService$1;
-
 	if (typeof define === 'function' && define.amd) {
 	  // eslint-disable-line
 	  define([], function () {
@@ -1885,5 +4097,6 @@ var require$$0$3 = Object.freeze({
 
 	exports['default'] = plugin;
 	exports.DragulaService = DragulaService;
+	exports.DragHandler = DragHandler;
 
 }));
\ No newline at end of file
diff --git a/src/drag-handler.js b/src/drag-handler.js
index 6b6b878..f5825c3 100644
--- a/src/drag-handler.js
+++ b/src/drag-handler.js
@@ -23,7 +23,7 @@ export class DragHandler {
     this.domIndexOf = ctx.domIndexOf
   }
 
-  remove (el, container, source) => {
+  remove (el, container, source) {
     if (!this.drake.models) {
       return
     }
@@ -38,7 +38,7 @@ export class DragHandler {
     this.dragIndex = this.domIndexOf(el, source)
   }
 
-  drop(dropElm, target, source) {
+  drop (dropElm, target, source) {
     if (!this.drake.models || !target) {
       return
     }
@@ -68,7 +68,7 @@ export class DragHandler {
   }
 
   get jsonDropElmModel() {
-    return JSON.parse(JSON.stringify(this.sourceModel[this.dragIndex])
+    return JSON.parse(JSON.stringify(this.sourceModel[this.dragIndex]))
   }
 }
 

From b90a9ee80e9d2e1cb0886e40d1e44bea4e3978cf Mon Sep 17 00:00:00 2001
From: Kristian Mandrup <kmandrup@gmail.com>
Date: Sun, 13 Nov 2016 13:00:36 +0100
Subject: [PATCH 21/30] compiles ok - needs testing

---
 dist/vue-dragula.js     | 2164 +--------------------------------------
 dist/vue-dragula.min.js |    2 +-
 package.json            |    2 +-
 src/vue-dragula.js      |    3 +-
 4 files changed, 4 insertions(+), 2167 deletions(-)

diff --git a/dist/vue-dragula.js b/dist/vue-dragula.js
index 83988e5..eb922a8 100644
--- a/dist/vue-dragula.js
+++ b/dist/vue-dragula.js
@@ -1071,12 +1071,6 @@ var require$$0$3 = Object.freeze({
 
 	var dragula$1 = interopDefault(dragula);
 
-	var typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) {
-	  return typeof obj;
-	} : function (obj) {
-	  return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-	};
-
 	var asyncGenerator = function () {
 	  function AwaitValue(value) {
 	    this.value = value;
@@ -1507,2162 +1501,6 @@ var require$$0$3 = Object.freeze({
 	  return DragulaService;
 	}();
 
-	var index$2 = createCommonjsModule(function (module, exports) {
-	  /**
-	   * lodash (Custom Build) <https://lodash.com/>
-	   * Build: `lodash modularize exports="npm" -o ./`
-	   * Copyright jQuery Foundation and other contributors <https://jquery.org/>
-	   * Released under MIT license <https://lodash.com/license>
-	   * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
-	   * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
-	   */
-
-	  /** Used as the size to enable large array optimizations. */
-	  var LARGE_ARRAY_SIZE = 200;
-
-	  /** Used to stand-in for `undefined` hash values. */
-	  var HASH_UNDEFINED = '__lodash_hash_undefined__';
-
-	  /** Used as references for various `Number` constants. */
-	  var MAX_SAFE_INTEGER = 9007199254740991;
-
-	  /** `Object#toString` result references. */
-	  var argsTag = '[object Arguments]',
-	      arrayTag = '[object Array]',
-	      boolTag = '[object Boolean]',
-	      dateTag = '[object Date]',
-	      errorTag = '[object Error]',
-	      funcTag = '[object Function]',
-	      genTag = '[object GeneratorFunction]',
-	      mapTag = '[object Map]',
-	      numberTag = '[object Number]',
-	      objectTag = '[object Object]',
-	      promiseTag = '[object Promise]',
-	      regexpTag = '[object RegExp]',
-	      setTag = '[object Set]',
-	      stringTag = '[object String]',
-	      symbolTag = '[object Symbol]',
-	      weakMapTag = '[object WeakMap]';
-
-	  var arrayBufferTag = '[object ArrayBuffer]',
-	      dataViewTag = '[object DataView]',
-	      float32Tag = '[object Float32Array]',
-	      float64Tag = '[object Float64Array]',
-	      int8Tag = '[object Int8Array]',
-	      int16Tag = '[object Int16Array]',
-	      int32Tag = '[object Int32Array]',
-	      uint8Tag = '[object Uint8Array]',
-	      uint8ClampedTag = '[object Uint8ClampedArray]',
-	      uint16Tag = '[object Uint16Array]',
-	      uint32Tag = '[object Uint32Array]';
-
-	  /**
-	   * Used to match `RegExp`
-	   * [syntax characters](http://ecma-international.org/ecma-262/7.0/#sec-patterns).
-	   */
-	  var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
-
-	  /** Used to match `RegExp` flags from their coerced string values. */
-	  var reFlags = /\w*$/;
-
-	  /** Used to detect host constructors (Safari). */
-	  var reIsHostCtor = /^\[object .+?Constructor\]$/;
-
-	  /** Used to detect unsigned integer values. */
-	  var reIsUint = /^(?:0|[1-9]\d*)$/;
-
-	  /** Used to identify `toStringTag` values of typed arrays. */
-	  var typedArrayTags = {};
-	  typedArrayTags[float32Tag] = typedArrayTags[float64Tag] = typedArrayTags[int8Tag] = typedArrayTags[int16Tag] = typedArrayTags[int32Tag] = typedArrayTags[uint8Tag] = typedArrayTags[uint8ClampedTag] = typedArrayTags[uint16Tag] = typedArrayTags[uint32Tag] = true;
-	  typedArrayTags[argsTag] = typedArrayTags[arrayTag] = typedArrayTags[arrayBufferTag] = typedArrayTags[boolTag] = typedArrayTags[dataViewTag] = typedArrayTags[dateTag] = typedArrayTags[errorTag] = typedArrayTags[funcTag] = typedArrayTags[mapTag] = typedArrayTags[numberTag] = typedArrayTags[objectTag] = typedArrayTags[regexpTag] = typedArrayTags[setTag] = typedArrayTags[stringTag] = typedArrayTags[weakMapTag] = false;
-
-	  /** Used to identify `toStringTag` values supported by `_.clone`. */
-	  var cloneableTags = {};
-	  cloneableTags[argsTag] = cloneableTags[arrayTag] = cloneableTags[arrayBufferTag] = cloneableTags[dataViewTag] = cloneableTags[boolTag] = cloneableTags[dateTag] = cloneableTags[float32Tag] = cloneableTags[float64Tag] = cloneableTags[int8Tag] = cloneableTags[int16Tag] = cloneableTags[int32Tag] = cloneableTags[mapTag] = cloneableTags[numberTag] = cloneableTags[objectTag] = cloneableTags[regexpTag] = cloneableTags[setTag] = cloneableTags[stringTag] = cloneableTags[symbolTag] = cloneableTags[uint8Tag] = cloneableTags[uint8ClampedTag] = cloneableTags[uint16Tag] = cloneableTags[uint32Tag] = true;
-	  cloneableTags[errorTag] = cloneableTags[funcTag] = cloneableTags[weakMapTag] = false;
-
-	  /** Detect free variable `global` from Node.js. */
-	  var freeGlobal = typeof(commonjsGlobal) == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
-
-	  /** Detect free variable `self`. */
-	  var freeSelf = (typeof self === 'undefined' ? 'undefined' : typeof(self)) == 'object' && self && self.Object === Object && self;
-
-	  /** Used as a reference to the global object. */
-	  var root = freeGlobal || freeSelf || Function('return this')();
-
-	  /** Detect free variable `exports`. */
-	  var freeExports = (typeof exports === 'undefined' ? 'undefined' : typeof(exports)) == 'object' && exports && !exports.nodeType && exports;
-
-	  /** Detect free variable `module`. */
-	  var freeModule = freeExports && (typeof module === 'undefined' ? 'undefined' : typeof(module)) == 'object' && module && !module.nodeType && module;
-
-	  /** Detect the popular CommonJS extension `module.exports`. */
-	  var moduleExports = freeModule && freeModule.exports === freeExports;
-
-	  /** Detect free variable `process` from Node.js. */
-	  var freeProcess = moduleExports && freeGlobal.process;
-
-	  /** Used to access faster Node.js helpers. */
-	  var nodeUtil = function () {
-	    try {
-	      return freeProcess && freeProcess.binding('util');
-	    } catch (e) {}
-	  }();
-
-	  /* Node.js helper references. */
-	  var nodeIsTypedArray = nodeUtil && nodeUtil.isTypedArray;
-
-	  /**
-	   * Adds the key-value `pair` to `map`.
-	   *
-	   * @private
-	   * @param {Object} map The map to modify.
-	   * @param {Array} pair The key-value pair to add.
-	   * @returns {Object} Returns `map`.
-	   */
-	  function addMapEntry(map, pair) {
-	    // Don't return `map.set` because it's not chainable in IE 11.
-	    map.set(pair[0], pair[1]);
-	    return map;
-	  }
-
-	  /**
-	   * Adds `value` to `set`.
-	   *
-	   * @private
-	   * @param {Object} set The set to modify.
-	   * @param {*} value The value to add.
-	   * @returns {Object} Returns `set`.
-	   */
-	  function addSetEntry(set, value) {
-	    // Don't return `set.add` because it's not chainable in IE 11.
-	    set.add(value);
-	    return set;
-	  }
-
-	  /**
-	   * A faster alternative to `Function#apply`, this function invokes `func`
-	   * with the `this` binding of `thisArg` and the arguments of `args`.
-	   *
-	   * @private
-	   * @param {Function} func The function to invoke.
-	   * @param {*} thisArg The `this` binding of `func`.
-	   * @param {Array} args The arguments to invoke `func` with.
-	   * @returns {*} Returns the result of `func`.
-	   */
-	  function apply(func, thisArg, args) {
-	    switch (args.length) {
-	      case 0:
-	        return func.call(thisArg);
-	      case 1:
-	        return func.call(thisArg, args[0]);
-	      case 2:
-	        return func.call(thisArg, args[0], args[1]);
-	      case 3:
-	        return func.call(thisArg, args[0], args[1], args[2]);
-	    }
-	    return func.apply(thisArg, args);
-	  }
-
-	  /**
-	   * A specialized version of `_.forEach` for arrays without support for
-	   * iteratee shorthands.
-	   *
-	   * @private
-	   * @param {Array} [array] The array to iterate over.
-	   * @param {Function} iteratee The function invoked per iteration.
-	   * @returns {Array} Returns `array`.
-	   */
-	  function arrayEach(array, iteratee) {
-	    var index = -1,
-	        length = array ? array.length : 0;
-
-	    while (++index < length) {
-	      if (iteratee(array[index], index, array) === false) {
-	        break;
-	      }
-	    }
-	    return array;
-	  }
-
-	  /**
-	   * Appends the elements of `values` to `array`.
-	   *
-	   * @private
-	   * @param {Array} array The array to modify.
-	   * @param {Array} values The values to append.
-	   * @returns {Array} Returns `array`.
-	   */
-	  function arrayPush(array, values) {
-	    var index = -1,
-	        length = values.length,
-	        offset = array.length;
-
-	    while (++index < length) {
-	      array[offset + index] = values[index];
-	    }
-	    return array;
-	  }
-
-	  /**
-	   * A specialized version of `_.reduce` for arrays without support for
-	   * iteratee shorthands.
-	   *
-	   * @private
-	   * @param {Array} [array] The array to iterate over.
-	   * @param {Function} iteratee The function invoked per iteration.
-	   * @param {*} [accumulator] The initial value.
-	   * @param {boolean} [initAccum] Specify using the first element of `array` as
-	   *  the initial value.
-	   * @returns {*} Returns the accumulated value.
-	   */
-	  function arrayReduce(array, iteratee, accumulator, initAccum) {
-	    var index = -1,
-	        length = array ? array.length : 0;
-
-	    if (initAccum && length) {
-	      accumulator = array[++index];
-	    }
-	    while (++index < length) {
-	      accumulator = iteratee(accumulator, array[index], index, array);
-	    }
-	    return accumulator;
-	  }
-
-	  /**
-	   * The base implementation of `_.times` without support for iteratee shorthands
-	   * or max array length checks.
-	   *
-	   * @private
-	   * @param {number} n The number of times to invoke `iteratee`.
-	   * @param {Function} iteratee The function invoked per iteration.
-	   * @returns {Array} Returns the array of results.
-	   */
-	  function baseTimes(n, iteratee) {
-	    var index = -1,
-	        result = Array(n);
-
-	    while (++index < n) {
-	      result[index] = iteratee(index);
-	    }
-	    return result;
-	  }
-
-	  /**
-	   * The base implementation of `_.unary` without support for storing metadata.
-	   *
-	   * @private
-	   * @param {Function} func The function to cap arguments for.
-	   * @returns {Function} Returns the new capped function.
-	   */
-	  function baseUnary(func) {
-	    return function (value) {
-	      return func(value);
-	    };
-	  }
-
-	  /**
-	   * Gets the value at `key` of `object`.
-	   *
-	   * @private
-	   * @param {Object} [object] The object to query.
-	   * @param {string} key The key of the property to get.
-	   * @returns {*} Returns the property value.
-	   */
-	  function getValue(object, key) {
-	    return object == null ? undefined : object[key];
-	  }
-
-	  /**
-	   * Checks if `value` is a host object in IE < 9.
-	   *
-	   * @private
-	   * @param {*} value The value to check.
-	   * @returns {boolean} Returns `true` if `value` is a host object, else `false`.
-	   */
-	  function isHostObject(value) {
-	    // Many host objects are `Object` objects that can coerce to strings
-	    // despite having improperly defined `toString` methods.
-	    var result = false;
-	    if (value != null && typeof value.toString != 'function') {
-	      try {
-	        result = !!(value + '');
-	      } catch (e) {}
-	    }
-	    return result;
-	  }
-
-	  /**
-	   * Converts `map` to its key-value pairs.
-	   *
-	   * @private
-	   * @param {Object} map The map to convert.
-	   * @returns {Array} Returns the key-value pairs.
-	   */
-	  function mapToArray(map) {
-	    var index = -1,
-	        result = Array(map.size);
-
-	    map.forEach(function (value, key) {
-	      result[++index] = [key, value];
-	    });
-	    return result;
-	  }
-
-	  /**
-	   * Creates a unary function that invokes `func` with its argument transformed.
-	   *
-	   * @private
-	   * @param {Function} func The function to wrap.
-	   * @param {Function} transform The argument transform.
-	   * @returns {Function} Returns the new function.
-	   */
-	  function overArg(func, transform) {
-	    return function (arg) {
-	      return func(transform(arg));
-	    };
-	  }
-
-	  /**
-	   * Converts `set` to an array of its values.
-	   *
-	   * @private
-	   * @param {Object} set The set to convert.
-	   * @returns {Array} Returns the values.
-	   */
-	  function setToArray(set) {
-	    var index = -1,
-	        result = Array(set.size);
-
-	    set.forEach(function (value) {
-	      result[++index] = value;
-	    });
-	    return result;
-	  }
-
-	  /** Used for built-in method references. */
-	  var arrayProto = Array.prototype,
-	      funcProto = Function.prototype,
-	      objectProto = Object.prototype;
-
-	  /** Used to detect overreaching core-js shims. */
-	  var coreJsData = root['__core-js_shared__'];
-
-	  /** Used to detect methods masquerading as native. */
-	  var maskSrcKey = function () {
-	    var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || '');
-	    return uid ? 'Symbol(src)_1.' + uid : '';
-	  }();
-
-	  /** Used to resolve the decompiled source of functions. */
-	  var funcToString = funcProto.toString;
-
-	  /** Used to check objects for own properties. */
-	  var hasOwnProperty = objectProto.hasOwnProperty;
-
-	  /** Used to infer the `Object` constructor. */
-	  var objectCtorString = funcToString.call(Object);
-
-	  /**
-	   * Used to resolve the
-	   * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
-	   * of values.
-	   */
-	  var objectToString = objectProto.toString;
-
-	  /** Used to detect if a method is native. */
-	  var reIsNative = RegExp('^' + funcToString.call(hasOwnProperty).replace(reRegExpChar, '\\$&').replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, '$1.*?') + '$');
-
-	  /** Built-in value references. */
-	  var Buffer = moduleExports ? root.Buffer : undefined,
-	      _Symbol = root.Symbol,
-	      Uint8Array = root.Uint8Array,
-	      getPrototype = overArg(Object.getPrototypeOf, Object),
-	      objectCreate = Object.create,
-	      propertyIsEnumerable = objectProto.propertyIsEnumerable,
-	      splice = arrayProto.splice;
-
-	  /* Built-in method references for those with the same name as other `lodash` methods. */
-	  var nativeGetSymbols = Object.getOwnPropertySymbols,
-	      nativeIsBuffer = Buffer ? Buffer.isBuffer : undefined,
-	      nativeKeys = overArg(Object.keys, Object),
-	      nativeMax = Math.max;
-
-	  /* Built-in method references that are verified to be native. */
-	  var DataView = getNative(root, 'DataView'),
-	      Map = getNative(root, 'Map'),
-	      Promise = getNative(root, 'Promise'),
-	      Set = getNative(root, 'Set'),
-	      WeakMap = getNative(root, 'WeakMap'),
-	      nativeCreate = getNative(Object, 'create');
-
-	  /** Used to detect maps, sets, and weakmaps. */
-	  var dataViewCtorString = toSource(DataView),
-	      mapCtorString = toSource(Map),
-	      promiseCtorString = toSource(Promise),
-	      setCtorString = toSource(Set),
-	      weakMapCtorString = toSource(WeakMap);
-
-	  /** Used to convert symbols to primitives and strings. */
-	  var symbolProto = _Symbol ? _Symbol.prototype : undefined,
-	      symbolValueOf = symbolProto ? symbolProto.valueOf : undefined;
-
-	  /**
-	   * Creates a hash object.
-	   *
-	   * @private
-	   * @constructor
-	   * @param {Array} [entries] The key-value pairs to cache.
-	   */
-	  function Hash(entries) {
-	    var index = -1,
-	        length = entries ? entries.length : 0;
-
-	    this.clear();
-	    while (++index < length) {
-	      var entry = entries[index];
-	      this.set(entry[0], entry[1]);
-	    }
-	  }
-
-	  /**
-	   * Removes all key-value entries from the hash.
-	   *
-	   * @private
-	   * @name clear
-	   * @memberOf Hash
-	   */
-	  function hashClear() {
-	    this.__data__ = nativeCreate ? nativeCreate(null) : {};
-	  }
-
-	  /**
-	   * Removes `key` and its value from the hash.
-	   *
-	   * @private
-	   * @name delete
-	   * @memberOf Hash
-	   * @param {Object} hash The hash to modify.
-	   * @param {string} key The key of the value to remove.
-	   * @returns {boolean} Returns `true` if the entry was removed, else `false`.
-	   */
-	  function hashDelete(key) {
-	    return this.has(key) && delete this.__data__[key];
-	  }
-
-	  /**
-	   * Gets the hash value for `key`.
-	   *
-	   * @private
-	   * @name get
-	   * @memberOf Hash
-	   * @param {string} key The key of the value to get.
-	   * @returns {*} Returns the entry value.
-	   */
-	  function hashGet(key) {
-	    var data = this.__data__;
-	    if (nativeCreate) {
-	      var result = data[key];
-	      return result === HASH_UNDEFINED ? undefined : result;
-	    }
-	    return hasOwnProperty.call(data, key) ? data[key] : undefined;
-	  }
-
-	  /**
-	   * Checks if a hash value for `key` exists.
-	   *
-	   * @private
-	   * @name has
-	   * @memberOf Hash
-	   * @param {string} key The key of the entry to check.
-	   * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
-	   */
-	  function hashHas(key) {
-	    var data = this.__data__;
-	    return nativeCreate ? data[key] !== undefined : hasOwnProperty.call(data, key);
-	  }
-
-	  /**
-	   * Sets the hash `key` to `value`.
-	   *
-	   * @private
-	   * @name set
-	   * @memberOf Hash
-	   * @param {string} key The key of the value to set.
-	   * @param {*} value The value to set.
-	   * @returns {Object} Returns the hash instance.
-	   */
-	  function hashSet(key, value) {
-	    var data = this.__data__;
-	    data[key] = nativeCreate && value === undefined ? HASH_UNDEFINED : value;
-	    return this;
-	  }
-
-	  // Add methods to `Hash`.
-	  Hash.prototype.clear = hashClear;
-	  Hash.prototype['delete'] = hashDelete;
-	  Hash.prototype.get = hashGet;
-	  Hash.prototype.has = hashHas;
-	  Hash.prototype.set = hashSet;
-
-	  /**
-	   * Creates an list cache object.
-	   *
-	   * @private
-	   * @constructor
-	   * @param {Array} [entries] The key-value pairs to cache.
-	   */
-	  function ListCache(entries) {
-	    var index = -1,
-	        length = entries ? entries.length : 0;
-
-	    this.clear();
-	    while (++index < length) {
-	      var entry = entries[index];
-	      this.set(entry[0], entry[1]);
-	    }
-	  }
-
-	  /**
-	   * Removes all key-value entries from the list cache.
-	   *
-	   * @private
-	   * @name clear
-	   * @memberOf ListCache
-	   */
-	  function listCacheClear() {
-	    this.__data__ = [];
-	  }
-
-	  /**
-	   * Removes `key` and its value from the list cache.
-	   *
-	   * @private
-	   * @name delete
-	   * @memberOf ListCache
-	   * @param {string} key The key of the value to remove.
-	   * @returns {boolean} Returns `true` if the entry was removed, else `false`.
-	   */
-	  function listCacheDelete(key) {
-	    var data = this.__data__,
-	        index = assocIndexOf(data, key);
-
-	    if (index < 0) {
-	      return false;
-	    }
-	    var lastIndex = data.length - 1;
-	    if (index == lastIndex) {
-	      data.pop();
-	    } else {
-	      splice.call(data, index, 1);
-	    }
-	    return true;
-	  }
-
-	  /**
-	   * Gets the list cache value for `key`.
-	   *
-	   * @private
-	   * @name get
-	   * @memberOf ListCache
-	   * @param {string} key The key of the value to get.
-	   * @returns {*} Returns the entry value.
-	   */
-	  function listCacheGet(key) {
-	    var data = this.__data__,
-	        index = assocIndexOf(data, key);
-
-	    return index < 0 ? undefined : data[index][1];
-	  }
-
-	  /**
-	   * Checks if a list cache value for `key` exists.
-	   *
-	   * @private
-	   * @name has
-	   * @memberOf ListCache
-	   * @param {string} key The key of the entry to check.
-	   * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
-	   */
-	  function listCacheHas(key) {
-	    return assocIndexOf(this.__data__, key) > -1;
-	  }
-
-	  /**
-	   * Sets the list cache `key` to `value`.
-	   *
-	   * @private
-	   * @name set
-	   * @memberOf ListCache
-	   * @param {string} key The key of the value to set.
-	   * @param {*} value The value to set.
-	   * @returns {Object} Returns the list cache instance.
-	   */
-	  function listCacheSet(key, value) {
-	    var data = this.__data__,
-	        index = assocIndexOf(data, key);
-
-	    if (index < 0) {
-	      data.push([key, value]);
-	    } else {
-	      data[index][1] = value;
-	    }
-	    return this;
-	  }
-
-	  // Add methods to `ListCache`.
-	  ListCache.prototype.clear = listCacheClear;
-	  ListCache.prototype['delete'] = listCacheDelete;
-	  ListCache.prototype.get = listCacheGet;
-	  ListCache.prototype.has = listCacheHas;
-	  ListCache.prototype.set = listCacheSet;
-
-	  /**
-	   * Creates a map cache object to store key-value pairs.
-	   *
-	   * @private
-	   * @constructor
-	   * @param {Array} [entries] The key-value pairs to cache.
-	   */
-	  function MapCache(entries) {
-	    var index = -1,
-	        length = entries ? entries.length : 0;
-
-	    this.clear();
-	    while (++index < length) {
-	      var entry = entries[index];
-	      this.set(entry[0], entry[1]);
-	    }
-	  }
-
-	  /**
-	   * Removes all key-value entries from the map.
-	   *
-	   * @private
-	   * @name clear
-	   * @memberOf MapCache
-	   */
-	  function mapCacheClear() {
-	    this.__data__ = {
-	      'hash': new Hash(),
-	      'map': new (Map || ListCache)(),
-	      'string': new Hash()
-	    };
-	  }
-
-	  /**
-	   * Removes `key` and its value from the map.
-	   *
-	   * @private
-	   * @name delete
-	   * @memberOf MapCache
-	   * @param {string} key The key of the value to remove.
-	   * @returns {boolean} Returns `true` if the entry was removed, else `false`.
-	   */
-	  function mapCacheDelete(key) {
-	    return getMapData(this, key)['delete'](key);
-	  }
-
-	  /**
-	   * Gets the map value for `key`.
-	   *
-	   * @private
-	   * @name get
-	   * @memberOf MapCache
-	   * @param {string} key The key of the value to get.
-	   * @returns {*} Returns the entry value.
-	   */
-	  function mapCacheGet(key) {
-	    return getMapData(this, key).get(key);
-	  }
-
-	  /**
-	   * Checks if a map value for `key` exists.
-	   *
-	   * @private
-	   * @name has
-	   * @memberOf MapCache
-	   * @param {string} key The key of the entry to check.
-	   * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
-	   */
-	  function mapCacheHas(key) {
-	    return getMapData(this, key).has(key);
-	  }
-
-	  /**
-	   * Sets the map `key` to `value`.
-	   *
-	   * @private
-	   * @name set
-	   * @memberOf MapCache
-	   * @param {string} key The key of the value to set.
-	   * @param {*} value The value to set.
-	   * @returns {Object} Returns the map cache instance.
-	   */
-	  function mapCacheSet(key, value) {
-	    getMapData(this, key).set(key, value);
-	    return this;
-	  }
-
-	  // Add methods to `MapCache`.
-	  MapCache.prototype.clear = mapCacheClear;
-	  MapCache.prototype['delete'] = mapCacheDelete;
-	  MapCache.prototype.get = mapCacheGet;
-	  MapCache.prototype.has = mapCacheHas;
-	  MapCache.prototype.set = mapCacheSet;
-
-	  /**
-	   * Creates a stack cache object to store key-value pairs.
-	   *
-	   * @private
-	   * @constructor
-	   * @param {Array} [entries] The key-value pairs to cache.
-	   */
-	  function Stack(entries) {
-	    this.__data__ = new ListCache(entries);
-	  }
-
-	  /**
-	   * Removes all key-value entries from the stack.
-	   *
-	   * @private
-	   * @name clear
-	   * @memberOf Stack
-	   */
-	  function stackClear() {
-	    this.__data__ = new ListCache();
-	  }
-
-	  /**
-	   * Removes `key` and its value from the stack.
-	   *
-	   * @private
-	   * @name delete
-	   * @memberOf Stack
-	   * @param {string} key The key of the value to remove.
-	   * @returns {boolean} Returns `true` if the entry was removed, else `false`.
-	   */
-	  function stackDelete(key) {
-	    return this.__data__['delete'](key);
-	  }
-
-	  /**
-	   * Gets the stack value for `key`.
-	   *
-	   * @private
-	   * @name get
-	   * @memberOf Stack
-	   * @param {string} key The key of the value to get.
-	   * @returns {*} Returns the entry value.
-	   */
-	  function stackGet(key) {
-	    return this.__data__.get(key);
-	  }
-
-	  /**
-	   * Checks if a stack value for `key` exists.
-	   *
-	   * @private
-	   * @name has
-	   * @memberOf Stack
-	   * @param {string} key The key of the entry to check.
-	   * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
-	   */
-	  function stackHas(key) {
-	    return this.__data__.has(key);
-	  }
-
-	  /**
-	   * Sets the stack `key` to `value`.
-	   *
-	   * @private
-	   * @name set
-	   * @memberOf Stack
-	   * @param {string} key The key of the value to set.
-	   * @param {*} value The value to set.
-	   * @returns {Object} Returns the stack cache instance.
-	   */
-	  function stackSet(key, value) {
-	    var cache = this.__data__;
-	    if (cache instanceof ListCache) {
-	      var pairs = cache.__data__;
-	      if (!Map || pairs.length < LARGE_ARRAY_SIZE - 1) {
-	        pairs.push([key, value]);
-	        return this;
-	      }
-	      cache = this.__data__ = new MapCache(pairs);
-	    }
-	    cache.set(key, value);
-	    return this;
-	  }
-
-	  // Add methods to `Stack`.
-	  Stack.prototype.clear = stackClear;
-	  Stack.prototype['delete'] = stackDelete;
-	  Stack.prototype.get = stackGet;
-	  Stack.prototype.has = stackHas;
-	  Stack.prototype.set = stackSet;
-
-	  /**
-	   * Creates an array of the enumerable property names of the array-like `value`.
-	   *
-	   * @private
-	   * @param {*} value The value to query.
-	   * @param {boolean} inherited Specify returning inherited property names.
-	   * @returns {Array} Returns the array of property names.
-	   */
-	  function arrayLikeKeys(value, inherited) {
-	    // Safari 8.1 makes `arguments.callee` enumerable in strict mode.
-	    // Safari 9 makes `arguments.length` enumerable in strict mode.
-	    var result = isArray(value) || isArguments(value) ? baseTimes(value.length, String) : [];
-
-	    var length = result.length,
-	        skipIndexes = !!length;
-
-	    for (var key in value) {
-	      if ((inherited || hasOwnProperty.call(value, key)) && !(skipIndexes && (key == 'length' || isIndex(key, length)))) {
-	        result.push(key);
-	      }
-	    }
-	    return result;
-	  }
-
-	  /**
-	   * This function is like `assignValue` except that it doesn't assign
-	   * `undefined` values.
-	   *
-	   * @private
-	   * @param {Object} object The object to modify.
-	   * @param {string} key The key of the property to assign.
-	   * @param {*} value The value to assign.
-	   */
-	  function assignMergeValue(object, key, value) {
-	    if (value !== undefined && !eq(object[key], value) || typeof key == 'number' && value === undefined && !(key in object)) {
-	      object[key] = value;
-	    }
-	  }
-
-	  /**
-	   * Assigns `value` to `key` of `object` if the existing value is not equivalent
-	   * using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
-	   * for equality comparisons.
-	   *
-	   * @private
-	   * @param {Object} object The object to modify.
-	   * @param {string} key The key of the property to assign.
-	   * @param {*} value The value to assign.
-	   */
-	  function assignValue(object, key, value) {
-	    var objValue = object[key];
-	    if (!(hasOwnProperty.call(object, key) && eq(objValue, value)) || value === undefined && !(key in object)) {
-	      object[key] = value;
-	    }
-	  }
-
-	  /**
-	   * Gets the index at which the `key` is found in `array` of key-value pairs.
-	   *
-	   * @private
-	   * @param {Array} array The array to inspect.
-	   * @param {*} key The key to search for.
-	   * @returns {number} Returns the index of the matched value, else `-1`.
-	   */
-	  function assocIndexOf(array, key) {
-	    var length = array.length;
-	    while (length--) {
-	      if (eq(array[length][0], key)) {
-	        return length;
-	      }
-	    }
-	    return -1;
-	  }
-
-	  /**
-	   * The base implementation of `_.assign` without support for multiple sources
-	   * or `customizer` functions.
-	   *
-	   * @private
-	   * @param {Object} object The destination object.
-	   * @param {Object} source The source object.
-	   * @returns {Object} Returns `object`.
-	   */
-	  function baseAssign(object, source) {
-	    return object && copyObject(source, keys(source), object);
-	  }
-
-	  /**
-	   * The base implementation of `_.clone` and `_.cloneDeep` which tracks
-	   * traversed objects.
-	   *
-	   * @private
-	   * @param {*} value The value to clone.
-	   * @param {boolean} [isDeep] Specify a deep clone.
-	   * @param {boolean} [isFull] Specify a clone including symbols.
-	   * @param {Function} [customizer] The function to customize cloning.
-	   * @param {string} [key] The key of `value`.
-	   * @param {Object} [object] The parent object of `value`.
-	   * @param {Object} [stack] Tracks traversed objects and their clone counterparts.
-	   * @returns {*} Returns the cloned value.
-	   */
-	  function baseClone(value, isDeep, isFull, customizer, key, object, stack) {
-	    var result;
-	    if (customizer) {
-	      result = object ? customizer(value, key, object, stack) : customizer(value);
-	    }
-	    if (result !== undefined) {
-	      return result;
-	    }
-	    if (!isObject(value)) {
-	      return value;
-	    }
-	    var isArr = isArray(value);
-	    if (isArr) {
-	      result = initCloneArray(value);
-	      if (!isDeep) {
-	        return copyArray(value, result);
-	      }
-	    } else {
-	      var tag = getTag(value),
-	          isFunc = tag == funcTag || tag == genTag;
-
-	      if (isBuffer(value)) {
-	        return cloneBuffer(value, isDeep);
-	      }
-	      if (tag == objectTag || tag == argsTag || isFunc && !object) {
-	        if (isHostObject(value)) {
-	          return object ? value : {};
-	        }
-	        result = initCloneObject(isFunc ? {} : value);
-	        if (!isDeep) {
-	          return copySymbols(value, baseAssign(result, value));
-	        }
-	      } else {
-	        if (!cloneableTags[tag]) {
-	          return object ? value : {};
-	        }
-	        result = initCloneByTag(value, tag, baseClone, isDeep);
-	      }
-	    }
-	    // Check for circular references and return its corresponding clone.
-	    stack || (stack = new Stack());
-	    var stacked = stack.get(value);
-	    if (stacked) {
-	      return stacked;
-	    }
-	    stack.set(value, result);
-
-	    if (!isArr) {
-	      var props = isFull ? getAllKeys(value) : keys(value);
-	    }
-	    arrayEach(props || value, function (subValue, key) {
-	      if (props) {
-	        key = subValue;
-	        subValue = value[key];
-	      }
-	      // Recursively populate clone (susceptible to call stack limits).
-	      assignValue(result, key, baseClone(subValue, isDeep, isFull, customizer, key, value, stack));
-	    });
-	    return result;
-	  }
-
-	  /**
-	   * The base implementation of `_.create` without support for assigning
-	   * properties to the created object.
-	   *
-	   * @private
-	   * @param {Object} prototype The object to inherit from.
-	   * @returns {Object} Returns the new object.
-	   */
-	  function baseCreate(proto) {
-	    return isObject(proto) ? objectCreate(proto) : {};
-	  }
-
-	  /**
-	   * The base implementation of `getAllKeys` and `getAllKeysIn` which uses
-	   * `keysFunc` and `symbolsFunc` to get the enumerable property names and
-	   * symbols of `object`.
-	   *
-	   * @private
-	   * @param {Object} object The object to query.
-	   * @param {Function} keysFunc The function to get the keys of `object`.
-	   * @param {Function} symbolsFunc The function to get the symbols of `object`.
-	   * @returns {Array} Returns the array of property names and symbols.
-	   */
-	  function baseGetAllKeys(object, keysFunc, symbolsFunc) {
-	    var result = keysFunc(object);
-	    return isArray(object) ? result : arrayPush(result, symbolsFunc(object));
-	  }
-
-	  /**
-	   * The base implementation of `getTag`.
-	   *
-	   * @private
-	   * @param {*} value The value to query.
-	   * @returns {string} Returns the `toStringTag`.
-	   */
-	  function baseGetTag(value) {
-	    return objectToString.call(value);
-	  }
-
-	  /**
-	   * The base implementation of `_.isNative` without bad shim checks.
-	   *
-	   * @private
-	   * @param {*} value The value to check.
-	   * @returns {boolean} Returns `true` if `value` is a native function,
-	   *  else `false`.
-	   */
-	  function baseIsNative(value) {
-	    if (!isObject(value) || isMasked(value)) {
-	      return false;
-	    }
-	    var pattern = isFunction(value) || isHostObject(value) ? reIsNative : reIsHostCtor;
-	    return pattern.test(toSource(value));
-	  }
-
-	  /**
-	   * The base implementation of `_.isTypedArray` without Node.js optimizations.
-	   *
-	   * @private
-	   * @param {*} value The value to check.
-	   * @returns {boolean} Returns `true` if `value` is a typed array, else `false`.
-	   */
-	  function baseIsTypedArray(value) {
-	    return isObjectLike(value) && isLength(value.length) && !!typedArrayTags[objectToString.call(value)];
-	  }
-
-	  /**
-	   * The base implementation of `_.keys` which doesn't treat sparse arrays as dense.
-	   *
-	   * @private
-	   * @param {Object} object The object to query.
-	   * @returns {Array} Returns the array of property names.
-	   */
-	  function baseKeys(object) {
-	    if (!isPrototype(object)) {
-	      return nativeKeys(object);
-	    }
-	    var result = [];
-	    for (var key in Object(object)) {
-	      if (hasOwnProperty.call(object, key) && key != 'constructor') {
-	        result.push(key);
-	      }
-	    }
-	    return result;
-	  }
-
-	  /**
-	   * The base implementation of `_.keysIn` which doesn't treat sparse arrays as dense.
-	   *
-	   * @private
-	   * @param {Object} object The object to query.
-	   * @returns {Array} Returns the array of property names.
-	   */
-	  function baseKeysIn(object) {
-	    if (!isObject(object)) {
-	      return nativeKeysIn(object);
-	    }
-	    var isProto = isPrototype(object),
-	        result = [];
-
-	    for (var key in object) {
-	      if (!(key == 'constructor' && (isProto || !hasOwnProperty.call(object, key)))) {
-	        result.push(key);
-	      }
-	    }
-	    return result;
-	  }
-
-	  /**
-	   * The base implementation of `_.merge` without support for multiple sources.
-	   *
-	   * @private
-	   * @param {Object} object The destination object.
-	   * @param {Object} source The source object.
-	   * @param {number} srcIndex The index of `source`.
-	   * @param {Function} [customizer] The function to customize merged values.
-	   * @param {Object} [stack] Tracks traversed source values and their merged
-	   *  counterparts.
-	   */
-	  function baseMerge(object, source, srcIndex, customizer, stack) {
-	    if (object === source) {
-	      return;
-	    }
-	    if (!(isArray(source) || isTypedArray(source))) {
-	      var props = baseKeysIn(source);
-	    }
-	    arrayEach(props || source, function (srcValue, key) {
-	      if (props) {
-	        key = srcValue;
-	        srcValue = source[key];
-	      }
-	      if (isObject(srcValue)) {
-	        stack || (stack = new Stack());
-	        baseMergeDeep(object, source, key, srcIndex, baseMerge, customizer, stack);
-	      } else {
-	        var newValue = customizer ? customizer(object[key], srcValue, key + '', object, source, stack) : undefined;
-
-	        if (newValue === undefined) {
-	          newValue = srcValue;
-	        }
-	        assignMergeValue(object, key, newValue);
-	      }
-	    });
-	  }
-
-	  /**
-	   * A specialized version of `baseMerge` for arrays and objects which performs
-	   * deep merges and tracks traversed objects enabling objects with circular
-	   * references to be merged.
-	   *
-	   * @private
-	   * @param {Object} object The destination object.
-	   * @param {Object} source The source object.
-	   * @param {string} key The key of the value to merge.
-	   * @param {number} srcIndex The index of `source`.
-	   * @param {Function} mergeFunc The function to merge values.
-	   * @param {Function} [customizer] The function to customize assigned values.
-	   * @param {Object} [stack] Tracks traversed source values and their merged
-	   *  counterparts.
-	   */
-	  function baseMergeDeep(object, source, key, srcIndex, mergeFunc, customizer, stack) {
-	    var objValue = object[key],
-	        srcValue = source[key],
-	        stacked = stack.get(srcValue);
-
-	    if (stacked) {
-	      assignMergeValue(object, key, stacked);
-	      return;
-	    }
-	    var newValue = customizer ? customizer(objValue, srcValue, key + '', object, source, stack) : undefined;
-
-	    var isCommon = newValue === undefined;
-
-	    if (isCommon) {
-	      newValue = srcValue;
-	      if (isArray(srcValue) || isTypedArray(srcValue)) {
-	        if (isArray(objValue)) {
-	          newValue = objValue;
-	        } else if (isArrayLikeObject(objValue)) {
-	          newValue = copyArray(objValue);
-	        } else {
-	          isCommon = false;
-	          newValue = baseClone(srcValue, true);
-	        }
-	      } else if (isPlainObject(srcValue) || isArguments(srcValue)) {
-	        if (isArguments(objValue)) {
-	          newValue = toPlainObject(objValue);
-	        } else if (!isObject(objValue) || srcIndex && isFunction(objValue)) {
-	          isCommon = false;
-	          newValue = baseClone(srcValue, true);
-	        } else {
-	          newValue = objValue;
-	        }
-	      } else {
-	        isCommon = false;
-	      }
-	    }
-	    if (isCommon) {
-	      // Recursively merge objects and arrays (susceptible to call stack limits).
-	      stack.set(srcValue, newValue);
-	      mergeFunc(newValue, srcValue, srcIndex, customizer, stack);
-	      stack['delete'](srcValue);
-	    }
-	    assignMergeValue(object, key, newValue);
-	  }
-
-	  /**
-	   * The base implementation of `_.rest` which doesn't validate or coerce arguments.
-	   *
-	   * @private
-	   * @param {Function} func The function to apply a rest parameter to.
-	   * @param {number} [start=func.length-1] The start position of the rest parameter.
-	   * @returns {Function} Returns the new function.
-	   */
-	  function baseRest(func, start) {
-	    start = nativeMax(start === undefined ? func.length - 1 : start, 0);
-	    return function () {
-	      var args = arguments,
-	          index = -1,
-	          length = nativeMax(args.length - start, 0),
-	          array = Array(length);
-
-	      while (++index < length) {
-	        array[index] = args[start + index];
-	      }
-	      index = -1;
-	      var otherArgs = Array(start + 1);
-	      while (++index < start) {
-	        otherArgs[index] = args[index];
-	      }
-	      otherArgs[start] = array;
-	      return apply(func, this, otherArgs);
-	    };
-	  }
-
-	  /**
-	   * Creates a clone of  `buffer`.
-	   *
-	   * @private
-	   * @param {Buffer} buffer The buffer to clone.
-	   * @param {boolean} [isDeep] Specify a deep clone.
-	   * @returns {Buffer} Returns the cloned buffer.
-	   */
-	  function cloneBuffer(buffer, isDeep) {
-	    if (isDeep) {
-	      return buffer.slice();
-	    }
-	    var result = new buffer.constructor(buffer.length);
-	    buffer.copy(result);
-	    return result;
-	  }
-
-	  /**
-	   * Creates a clone of `arrayBuffer`.
-	   *
-	   * @private
-	   * @param {ArrayBuffer} arrayBuffer The array buffer to clone.
-	   * @returns {ArrayBuffer} Returns the cloned array buffer.
-	   */
-	  function cloneArrayBuffer(arrayBuffer) {
-	    var result = new arrayBuffer.constructor(arrayBuffer.byteLength);
-	    new Uint8Array(result).set(new Uint8Array(arrayBuffer));
-	    return result;
-	  }
-
-	  /**
-	   * Creates a clone of `dataView`.
-	   *
-	   * @private
-	   * @param {Object} dataView The data view to clone.
-	   * @param {boolean} [isDeep] Specify a deep clone.
-	   * @returns {Object} Returns the cloned data view.
-	   */
-	  function cloneDataView(dataView, isDeep) {
-	    var buffer = isDeep ? cloneArrayBuffer(dataView.buffer) : dataView.buffer;
-	    return new dataView.constructor(buffer, dataView.byteOffset, dataView.byteLength);
-	  }
-
-	  /**
-	   * Creates a clone of `map`.
-	   *
-	   * @private
-	   * @param {Object} map The map to clone.
-	   * @param {Function} cloneFunc The function to clone values.
-	   * @param {boolean} [isDeep] Specify a deep clone.
-	   * @returns {Object} Returns the cloned map.
-	   */
-	  function cloneMap(map, isDeep, cloneFunc) {
-	    var array = isDeep ? cloneFunc(mapToArray(map), true) : mapToArray(map);
-	    return arrayReduce(array, addMapEntry, new map.constructor());
-	  }
-
-	  /**
-	   * Creates a clone of `regexp`.
-	   *
-	   * @private
-	   * @param {Object} regexp The regexp to clone.
-	   * @returns {Object} Returns the cloned regexp.
-	   */
-	  function cloneRegExp(regexp) {
-	    var result = new regexp.constructor(regexp.source, reFlags.exec(regexp));
-	    result.lastIndex = regexp.lastIndex;
-	    return result;
-	  }
-
-	  /**
-	   * Creates a clone of `set`.
-	   *
-	   * @private
-	   * @param {Object} set The set to clone.
-	   * @param {Function} cloneFunc The function to clone values.
-	   * @param {boolean} [isDeep] Specify a deep clone.
-	   * @returns {Object} Returns the cloned set.
-	   */
-	  function cloneSet(set, isDeep, cloneFunc) {
-	    var array = isDeep ? cloneFunc(setToArray(set), true) : setToArray(set);
-	    return arrayReduce(array, addSetEntry, new set.constructor());
-	  }
-
-	  /**
-	   * Creates a clone of the `symbol` object.
-	   *
-	   * @private
-	   * @param {Object} symbol The symbol object to clone.
-	   * @returns {Object} Returns the cloned symbol object.
-	   */
-	  function cloneSymbol(symbol) {
-	    return symbolValueOf ? Object(symbolValueOf.call(symbol)) : {};
-	  }
-
-	  /**
-	   * Creates a clone of `typedArray`.
-	   *
-	   * @private
-	   * @param {Object} typedArray The typed array to clone.
-	   * @param {boolean} [isDeep] Specify a deep clone.
-	   * @returns {Object} Returns the cloned typed array.
-	   */
-	  function cloneTypedArray(typedArray, isDeep) {
-	    var buffer = isDeep ? cloneArrayBuffer(typedArray.buffer) : typedArray.buffer;
-	    return new typedArray.constructor(buffer, typedArray.byteOffset, typedArray.length);
-	  }
-
-	  /**
-	   * Copies the values of `source` to `array`.
-	   *
-	   * @private
-	   * @param {Array} source The array to copy values from.
-	   * @param {Array} [array=[]] The array to copy values to.
-	   * @returns {Array} Returns `array`.
-	   */
-	  function copyArray(source, array) {
-	    var index = -1,
-	        length = source.length;
-
-	    array || (array = Array(length));
-	    while (++index < length) {
-	      array[index] = source[index];
-	    }
-	    return array;
-	  }
-
-	  /**
-	   * Copies properties of `source` to `object`.
-	   *
-	   * @private
-	   * @param {Object} source The object to copy properties from.
-	   * @param {Array} props The property identifiers to copy.
-	   * @param {Object} [object={}] The object to copy properties to.
-	   * @param {Function} [customizer] The function to customize copied values.
-	   * @returns {Object} Returns `object`.
-	   */
-	  function copyObject(source, props, object, customizer) {
-	    object || (object = {});
-
-	    var index = -1,
-	        length = props.length;
-
-	    while (++index < length) {
-	      var key = props[index];
-
-	      var newValue = customizer ? customizer(object[key], source[key], key, object, source) : undefined;
-
-	      assignValue(object, key, newValue === undefined ? source[key] : newValue);
-	    }
-	    return object;
-	  }
-
-	  /**
-	   * Copies own symbol properties of `source` to `object`.
-	   *
-	   * @private
-	   * @param {Object} source The object to copy symbols from.
-	   * @param {Object} [object={}] The object to copy symbols to.
-	   * @returns {Object} Returns `object`.
-	   */
-	  function copySymbols(source, object) {
-	    return copyObject(source, getSymbols(source), object);
-	  }
-
-	  /**
-	   * Creates a function like `_.assign`.
-	   *
-	   * @private
-	   * @param {Function} assigner The function to assign values.
-	   * @returns {Function} Returns the new assigner function.
-	   */
-	  function createAssigner(assigner) {
-	    return baseRest(function (object, sources) {
-	      var index = -1,
-	          length = sources.length,
-	          customizer = length > 1 ? sources[length - 1] : undefined,
-	          guard = length > 2 ? sources[2] : undefined;
-
-	      customizer = assigner.length > 3 && typeof customizer == 'function' ? (length--, customizer) : undefined;
-
-	      if (guard && isIterateeCall(sources[0], sources[1], guard)) {
-	        customizer = length < 3 ? undefined : customizer;
-	        length = 1;
-	      }
-	      object = Object(object);
-	      while (++index < length) {
-	        var source = sources[index];
-	        if (source) {
-	          assigner(object, source, index, customizer);
-	        }
-	      }
-	      return object;
-	    });
-	  }
-
-	  /**
-	   * Creates an array of own enumerable property names and symbols of `object`.
-	   *
-	   * @private
-	   * @param {Object} object The object to query.
-	   * @returns {Array} Returns the array of property names and symbols.
-	   */
-	  function getAllKeys(object) {
-	    return baseGetAllKeys(object, keys, getSymbols);
-	  }
-
-	  /**
-	   * Gets the data for `map`.
-	   *
-	   * @private
-	   * @param {Object} map The map to query.
-	   * @param {string} key The reference key.
-	   * @returns {*} Returns the map data.
-	   */
-	  function getMapData(map, key) {
-	    var data = map.__data__;
-	    return isKeyable(key) ? data[typeof key == 'string' ? 'string' : 'hash'] : data.map;
-	  }
-
-	  /**
-	   * Gets the native function at `key` of `object`.
-	   *
-	   * @private
-	   * @param {Object} object The object to query.
-	   * @param {string} key The key of the method to get.
-	   * @returns {*} Returns the function if it's native, else `undefined`.
-	   */
-	  function getNative(object, key) {
-	    var value = getValue(object, key);
-	    return baseIsNative(value) ? value : undefined;
-	  }
-
-	  /**
-	   * Creates an array of the own enumerable symbol properties of `object`.
-	   *
-	   * @private
-	   * @param {Object} object The object to query.
-	   * @returns {Array} Returns the array of symbols.
-	   */
-	  var getSymbols = nativeGetSymbols ? overArg(nativeGetSymbols, Object) : stubArray;
-
-	  /**
-	   * Gets the `toStringTag` of `value`.
-	   *
-	   * @private
-	   * @param {*} value The value to query.
-	   * @returns {string} Returns the `toStringTag`.
-	   */
-	  var getTag = baseGetTag;
-
-	  // Fallback for data views, maps, sets, and weak maps in IE 11,
-	  // for data views in Edge < 14, and promises in Node.js.
-	  if (DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag || Map && getTag(new Map()) != mapTag || Promise && getTag(Promise.resolve()) != promiseTag || Set && getTag(new Set()) != setTag || WeakMap && getTag(new WeakMap()) != weakMapTag) {
-	    getTag = function getTag(value) {
-	      var result = objectToString.call(value),
-	          Ctor = result == objectTag ? value.constructor : undefined,
-	          ctorString = Ctor ? toSource(Ctor) : undefined;
-
-	      if (ctorString) {
-	        switch (ctorString) {
-	          case dataViewCtorString:
-	            return dataViewTag;
-	          case mapCtorString:
-	            return mapTag;
-	          case promiseCtorString:
-	            return promiseTag;
-	          case setCtorString:
-	            return setTag;
-	          case weakMapCtorString:
-	            return weakMapTag;
-	        }
-	      }
-	      return result;
-	    };
-	  }
-
-	  /**
-	   * Initializes an array clone.
-	   *
-	   * @private
-	   * @param {Array} array The array to clone.
-	   * @returns {Array} Returns the initialized clone.
-	   */
-	  function initCloneArray(array) {
-	    var length = array.length,
-	        result = array.constructor(length);
-
-	    // Add properties assigned by `RegExp#exec`.
-	    if (length && typeof array[0] == 'string' && hasOwnProperty.call(array, 'index')) {
-	      result.index = array.index;
-	      result.input = array.input;
-	    }
-	    return result;
-	  }
-
-	  /**
-	   * Initializes an object clone.
-	   *
-	   * @private
-	   * @param {Object} object The object to clone.
-	   * @returns {Object} Returns the initialized clone.
-	   */
-	  function initCloneObject(object) {
-	    return typeof object.constructor == 'function' && !isPrototype(object) ? baseCreate(getPrototype(object)) : {};
-	  }
-
-	  /**
-	   * Initializes an object clone based on its `toStringTag`.
-	   *
-	   * **Note:** This function only supports cloning values with tags of
-	   * `Boolean`, `Date`, `Error`, `Number`, `RegExp`, or `String`.
-	   *
-	   * @private
-	   * @param {Object} object The object to clone.
-	   * @param {string} tag The `toStringTag` of the object to clone.
-	   * @param {Function} cloneFunc The function to clone values.
-	   * @param {boolean} [isDeep] Specify a deep clone.
-	   * @returns {Object} Returns the initialized clone.
-	   */
-	  function initCloneByTag(object, tag, cloneFunc, isDeep) {
-	    var Ctor = object.constructor;
-	    switch (tag) {
-	      case arrayBufferTag:
-	        return cloneArrayBuffer(object);
-
-	      case boolTag:
-	      case dateTag:
-	        return new Ctor(+object);
-
-	      case dataViewTag:
-	        return cloneDataView(object, isDeep);
-
-	      case float32Tag:case float64Tag:
-	      case int8Tag:case int16Tag:case int32Tag:
-	      case uint8Tag:case uint8ClampedTag:case uint16Tag:case uint32Tag:
-	        return cloneTypedArray(object, isDeep);
-
-	      case mapTag:
-	        return cloneMap(object, isDeep, cloneFunc);
-
-	      case numberTag:
-	      case stringTag:
-	        return new Ctor(object);
-
-	      case regexpTag:
-	        return cloneRegExp(object);
-
-	      case setTag:
-	        return cloneSet(object, isDeep, cloneFunc);
-
-	      case symbolTag:
-	        return cloneSymbol(object);
-	    }
-	  }
-
-	  /**
-	   * Checks if `value` is a valid array-like index.
-	   *
-	   * @private
-	   * @param {*} value The value to check.
-	   * @param {number} [length=MAX_SAFE_INTEGER] The upper bounds of a valid index.
-	   * @returns {boolean} Returns `true` if `value` is a valid index, else `false`.
-	   */
-	  function isIndex(value, length) {
-	    length = length == null ? MAX_SAFE_INTEGER : length;
-	    return !!length && (typeof value == 'number' || reIsUint.test(value)) && value > -1 && value % 1 == 0 && value < length;
-	  }
-
-	  /**
-	   * Checks if the given arguments are from an iteratee call.
-	   *
-	   * @private
-	   * @param {*} value The potential iteratee value argument.
-	   * @param {*} index The potential iteratee index or key argument.
-	   * @param {*} object The potential iteratee object argument.
-	   * @returns {boolean} Returns `true` if the arguments are from an iteratee call,
-	   *  else `false`.
-	   */
-	  function isIterateeCall(value, index, object) {
-	    if (!isObject(object)) {
-	      return false;
-	    }
-	    var type = typeof index === 'undefined' ? 'undefined' : typeof(index);
-	    if (type == 'number' ? isArrayLike(object) && isIndex(index, object.length) : type == 'string' && index in object) {
-	      return eq(object[index], value);
-	    }
-	    return false;
-	  }
-
-	  /**
-	   * Checks if `value` is suitable for use as unique object key.
-	   *
-	   * @private
-	   * @param {*} value The value to check.
-	   * @returns {boolean} Returns `true` if `value` is suitable, else `false`.
-	   */
-	  function isKeyable(value) {
-	    var type = typeof value === 'undefined' ? 'undefined' : typeof(value);
-	    return type == 'string' || type == 'number' || type == 'symbol' || type == 'boolean' ? value !== '__proto__' : value === null;
-	  }
-
-	  /**
-	   * Checks if `func` has its source masked.
-	   *
-	   * @private
-	   * @param {Function} func The function to check.
-	   * @returns {boolean} Returns `true` if `func` is masked, else `false`.
-	   */
-	  function isMasked(func) {
-	    return !!maskSrcKey && maskSrcKey in func;
-	  }
-
-	  /**
-	   * Checks if `value` is likely a prototype object.
-	   *
-	   * @private
-	   * @param {*} value The value to check.
-	   * @returns {boolean} Returns `true` if `value` is a prototype, else `false`.
-	   */
-	  function isPrototype(value) {
-	    var Ctor = value && value.constructor,
-	        proto = typeof Ctor == 'function' && Ctor.prototype || objectProto;
-
-	    return value === proto;
-	  }
-
-	  /**
-	   * This function is like
-	   * [`Object.keys`](http://ecma-international.org/ecma-262/7.0/#sec-object.keys)
-	   * except that it includes inherited enumerable properties.
-	   *
-	   * @private
-	   * @param {Object} object The object to query.
-	   * @returns {Array} Returns the array of property names.
-	   */
-	  function nativeKeysIn(object) {
-	    var result = [];
-	    if (object != null) {
-	      for (var key in Object(object)) {
-	        result.push(key);
-	      }
-	    }
-	    return result;
-	  }
-
-	  /**
-	   * Converts `func` to its source code.
-	   *
-	   * @private
-	   * @param {Function} func The function to process.
-	   * @returns {string} Returns the source code.
-	   */
-	  function toSource(func) {
-	    if (func != null) {
-	      try {
-	        return funcToString.call(func);
-	      } catch (e) {}
-	      try {
-	        return func + '';
-	      } catch (e) {}
-	    }
-	    return '';
-	  }
-
-	  /**
-	   * Performs a
-	   * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
-	   * comparison between two values to determine if they are equivalent.
-	   *
-	   * @static
-	   * @memberOf _
-	   * @since 4.0.0
-	   * @category Lang
-	   * @param {*} value The value to compare.
-	   * @param {*} other The other value to compare.
-	   * @returns {boolean} Returns `true` if the values are equivalent, else `false`.
-	   * @example
-	   *
-	   * var object = { 'a': 1 };
-	   * var other = { 'a': 1 };
-	   *
-	   * _.eq(object, object);
-	   * // => true
-	   *
-	   * _.eq(object, other);
-	   * // => false
-	   *
-	   * _.eq('a', 'a');
-	   * // => true
-	   *
-	   * _.eq('a', Object('a'));
-	   * // => false
-	   *
-	   * _.eq(NaN, NaN);
-	   * // => true
-	   */
-	  function eq(value, other) {
-	    return value === other || value !== value && other !== other;
-	  }
-
-	  /**
-	   * Checks if `value` is likely an `arguments` object.
-	   *
-	   * @static
-	   * @memberOf _
-	   * @since 0.1.0
-	   * @category Lang
-	   * @param {*} value The value to check.
-	   * @returns {boolean} Returns `true` if `value` is an `arguments` object,
-	   *  else `false`.
-	   * @example
-	   *
-	   * _.isArguments(function() { return arguments; }());
-	   * // => true
-	   *
-	   * _.isArguments([1, 2, 3]);
-	   * // => false
-	   */
-	  function isArguments(value) {
-	    // Safari 8.1 makes `arguments.callee` enumerable in strict mode.
-	    return isArrayLikeObject(value) && hasOwnProperty.call(value, 'callee') && (!propertyIsEnumerable.call(value, 'callee') || objectToString.call(value) == argsTag);
-	  }
-
-	  /**
-	   * Checks if `value` is classified as an `Array` object.
-	   *
-	   * @static
-	   * @memberOf _
-	   * @since 0.1.0
-	   * @category Lang
-	   * @param {*} value The value to check.
-	   * @returns {boolean} Returns `true` if `value` is an array, else `false`.
-	   * @example
-	   *
-	   * _.isArray([1, 2, 3]);
-	   * // => true
-	   *
-	   * _.isArray(document.body.children);
-	   * // => false
-	   *
-	   * _.isArray('abc');
-	   * // => false
-	   *
-	   * _.isArray(_.noop);
-	   * // => false
-	   */
-	  var isArray = Array.isArray;
-
-	  /**
-	   * Checks if `value` is array-like. A value is considered array-like if it's
-	   * not a function and has a `value.length` that's an integer greater than or
-	   * equal to `0` and less than or equal to `Number.MAX_SAFE_INTEGER`.
-	   *
-	   * @static
-	   * @memberOf _
-	   * @since 4.0.0
-	   * @category Lang
-	   * @param {*} value The value to check.
-	   * @returns {boolean} Returns `true` if `value` is array-like, else `false`.
-	   * @example
-	   *
-	   * _.isArrayLike([1, 2, 3]);
-	   * // => true
-	   *
-	   * _.isArrayLike(document.body.children);
-	   * // => true
-	   *
-	   * _.isArrayLike('abc');
-	   * // => true
-	   *
-	   * _.isArrayLike(_.noop);
-	   * // => false
-	   */
-	  function isArrayLike(value) {
-	    return value != null && isLength(value.length) && !isFunction(value);
-	  }
-
-	  /**
-	   * This method is like `_.isArrayLike` except that it also checks if `value`
-	   * is an object.
-	   *
-	   * @static
-	   * @memberOf _
-	   * @since 4.0.0
-	   * @category Lang
-	   * @param {*} value The value to check.
-	   * @returns {boolean} Returns `true` if `value` is an array-like object,
-	   *  else `false`.
-	   * @example
-	   *
-	   * _.isArrayLikeObject([1, 2, 3]);
-	   * // => true
-	   *
-	   * _.isArrayLikeObject(document.body.children);
-	   * // => true
-	   *
-	   * _.isArrayLikeObject('abc');
-	   * // => false
-	   *
-	   * _.isArrayLikeObject(_.noop);
-	   * // => false
-	   */
-	  function isArrayLikeObject(value) {
-	    return isObjectLike(value) && isArrayLike(value);
-	  }
-
-	  /**
-	   * Checks if `value` is a buffer.
-	   *
-	   * @static
-	   * @memberOf _
-	   * @since 4.3.0
-	   * @category Lang
-	   * @param {*} value The value to check.
-	   * @returns {boolean} Returns `true` if `value` is a buffer, else `false`.
-	   * @example
-	   *
-	   * _.isBuffer(new Buffer(2));
-	   * // => true
-	   *
-	   * _.isBuffer(new Uint8Array(2));
-	   * // => false
-	   */
-	  var isBuffer = nativeIsBuffer || stubFalse;
-
-	  /**
-	   * Checks if `value` is classified as a `Function` object.
-	   *
-	   * @static
-	   * @memberOf _
-	   * @since 0.1.0
-	   * @category Lang
-	   * @param {*} value The value to check.
-	   * @returns {boolean} Returns `true` if `value` is a function, else `false`.
-	   * @example
-	   *
-	   * _.isFunction(_);
-	   * // => true
-	   *
-	   * _.isFunction(/abc/);
-	   * // => false
-	   */
-	  function isFunction(value) {
-	    // The use of `Object#toString` avoids issues with the `typeof` operator
-	    // in Safari 8-9 which returns 'object' for typed array and other constructors.
-	    var tag = isObject(value) ? objectToString.call(value) : '';
-	    return tag == funcTag || tag == genTag;
-	  }
-
-	  /**
-	   * Checks if `value` is a valid array-like length.
-	   *
-	   * **Note:** This method is loosely based on
-	   * [`ToLength`](http://ecma-international.org/ecma-262/7.0/#sec-tolength).
-	   *
-	   * @static
-	   * @memberOf _
-	   * @since 4.0.0
-	   * @category Lang
-	   * @param {*} value The value to check.
-	   * @returns {boolean} Returns `true` if `value` is a valid length, else `false`.
-	   * @example
-	   *
-	   * _.isLength(3);
-	   * // => true
-	   *
-	   * _.isLength(Number.MIN_VALUE);
-	   * // => false
-	   *
-	   * _.isLength(Infinity);
-	   * // => false
-	   *
-	   * _.isLength('3');
-	   * // => false
-	   */
-	  function isLength(value) {
-	    return typeof value == 'number' && value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;
-	  }
-
-	  /**
-	   * Checks if `value` is the
-	   * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
-	   * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
-	   *
-	   * @static
-	   * @memberOf _
-	   * @since 0.1.0
-	   * @category Lang
-	   * @param {*} value The value to check.
-	   * @returns {boolean} Returns `true` if `value` is an object, else `false`.
-	   * @example
-	   *
-	   * _.isObject({});
-	   * // => true
-	   *
-	   * _.isObject([1, 2, 3]);
-	   * // => true
-	   *
-	   * _.isObject(_.noop);
-	   * // => true
-	   *
-	   * _.isObject(null);
-	   * // => false
-	   */
-	  function isObject(value) {
-	    var type = typeof value === 'undefined' ? 'undefined' : typeof(value);
-	    return !!value && (type == 'object' || type == 'function');
-	  }
-
-	  /**
-	   * Checks if `value` is object-like. A value is object-like if it's not `null`
-	   * and has a `typeof` result of "object".
-	   *
-	   * @static
-	   * @memberOf _
-	   * @since 4.0.0
-	   * @category Lang
-	   * @param {*} value The value to check.
-	   * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
-	   * @example
-	   *
-	   * _.isObjectLike({});
-	   * // => true
-	   *
-	   * _.isObjectLike([1, 2, 3]);
-	   * // => true
-	   *
-	   * _.isObjectLike(_.noop);
-	   * // => false
-	   *
-	   * _.isObjectLike(null);
-	   * // => false
-	   */
-	  function isObjectLike(value) {
-	    return !!value && (typeof value === 'undefined' ? 'undefined' : typeof(value)) == 'object';
-	  }
-
-	  /**
-	   * Checks if `value` is a plain object, that is, an object created by the
-	   * `Object` constructor or one with a `[[Prototype]]` of `null`.
-	   *
-	   * @static
-	   * @memberOf _
-	   * @since 0.8.0
-	   * @category Lang
-	   * @param {*} value The value to check.
-	   * @returns {boolean} Returns `true` if `value` is a plain object, else `false`.
-	   * @example
-	   *
-	   * function Foo() {
-	   *   this.a = 1;
-	   * }
-	   *
-	   * _.isPlainObject(new Foo);
-	   * // => false
-	   *
-	   * _.isPlainObject([1, 2, 3]);
-	   * // => false
-	   *
-	   * _.isPlainObject({ 'x': 0, 'y': 0 });
-	   * // => true
-	   *
-	   * _.isPlainObject(Object.create(null));
-	   * // => true
-	   */
-	  function isPlainObject(value) {
-	    if (!isObjectLike(value) || objectToString.call(value) != objectTag || isHostObject(value)) {
-	      return false;
-	    }
-	    var proto = getPrototype(value);
-	    if (proto === null) {
-	      return true;
-	    }
-	    var Ctor = hasOwnProperty.call(proto, 'constructor') && proto.constructor;
-	    return typeof Ctor == 'function' && Ctor instanceof Ctor && funcToString.call(Ctor) == objectCtorString;
-	  }
-
-	  /**
-	   * Checks if `value` is classified as a typed array.
-	   *
-	   * @static
-	   * @memberOf _
-	   * @since 3.0.0
-	   * @category Lang
-	   * @param {*} value The value to check.
-	   * @returns {boolean} Returns `true` if `value` is a typed array, else `false`.
-	   * @example
-	   *
-	   * _.isTypedArray(new Uint8Array);
-	   * // => true
-	   *
-	   * _.isTypedArray([]);
-	   * // => false
-	   */
-	  var isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray;
-
-	  /**
-	   * Converts `value` to a plain object flattening inherited enumerable string
-	   * keyed properties of `value` to own properties of the plain object.
-	   *
-	   * @static
-	   * @memberOf _
-	   * @since 3.0.0
-	   * @category Lang
-	   * @param {*} value The value to convert.
-	   * @returns {Object} Returns the converted plain object.
-	   * @example
-	   *
-	   * function Foo() {
-	   *   this.b = 2;
-	   * }
-	   *
-	   * Foo.prototype.c = 3;
-	   *
-	   * _.assign({ 'a': 1 }, new Foo);
-	   * // => { 'a': 1, 'b': 2 }
-	   *
-	   * _.assign({ 'a': 1 }, _.toPlainObject(new Foo));
-	   * // => { 'a': 1, 'b': 2, 'c': 3 }
-	   */
-	  function toPlainObject(value) {
-	    return copyObject(value, keysIn(value));
-	  }
-
-	  /**
-	   * Creates an array of the own enumerable property names of `object`.
-	   *
-	   * **Note:** Non-object values are coerced to objects. See the
-	   * [ES spec](http://ecma-international.org/ecma-262/7.0/#sec-object.keys)
-	   * for more details.
-	   *
-	   * @static
-	   * @since 0.1.0
-	   * @memberOf _
-	   * @category Object
-	   * @param {Object} object The object to query.
-	   * @returns {Array} Returns the array of property names.
-	   * @example
-	   *
-	   * function Foo() {
-	   *   this.a = 1;
-	   *   this.b = 2;
-	   * }
-	   *
-	   * Foo.prototype.c = 3;
-	   *
-	   * _.keys(new Foo);
-	   * // => ['a', 'b'] (iteration order is not guaranteed)
-	   *
-	   * _.keys('hi');
-	   * // => ['0', '1']
-	   */
-	  function keys(object) {
-	    return isArrayLike(object) ? arrayLikeKeys(object) : baseKeys(object);
-	  }
-
-	  /**
-	   * Creates an array of the own and inherited enumerable property names of `object`.
-	   *
-	   * **Note:** Non-object values are coerced to objects.
-	   *
-	   * @static
-	   * @memberOf _
-	   * @since 3.0.0
-	   * @category Object
-	   * @param {Object} object The object to query.
-	   * @returns {Array} Returns the array of property names.
-	   * @example
-	   *
-	   * function Foo() {
-	   *   this.a = 1;
-	   *   this.b = 2;
-	   * }
-	   *
-	   * Foo.prototype.c = 3;
-	   *
-	   * _.keysIn(new Foo);
-	   * // => ['a', 'b', 'c'] (iteration order is not guaranteed)
-	   */
-	  function keysIn(object) {
-	    return isArrayLike(object) ? arrayLikeKeys(object, true) : baseKeysIn(object);
-	  }
-
-	  /**
-	   * This method is like `_.assign` except that it recursively merges own and
-	   * inherited enumerable string keyed properties of source objects into the
-	   * destination object. Source properties that resolve to `undefined` are
-	   * skipped if a destination value exists. Array and plain object properties
-	   * are merged recursively. Other objects and value types are overridden by
-	   * assignment. Source objects are applied from left to right. Subsequent
-	   * sources overwrite property assignments of previous sources.
-	   *
-	   * **Note:** This method mutates `object`.
-	   *
-	   * @static
-	   * @memberOf _
-	   * @since 0.5.0
-	   * @category Object
-	   * @param {Object} object The destination object.
-	   * @param {...Object} [sources] The source objects.
-	   * @returns {Object} Returns `object`.
-	   * @example
-	   *
-	   * var object = {
-	   *   'a': [{ 'b': 2 }, { 'd': 4 }]
-	   * };
-	   *
-	   * var other = {
-	   *   'a': [{ 'c': 3 }, { 'e': 5 }]
-	   * };
-	   *
-	   * _.merge(object, other);
-	   * // => { 'a': [{ 'b': 2, 'c': 3 }, { 'd': 4, 'e': 5 }] }
-	   */
-	  var merge = createAssigner(function (object, source, srcIndex) {
-	    baseMerge(object, source, srcIndex);
-	  });
-
-	  /**
-	   * This method returns a new empty array.
-	   *
-	   * @static
-	   * @memberOf _
-	   * @since 4.13.0
-	   * @category Util
-	   * @returns {Array} Returns the new empty array.
-	   * @example
-	   *
-	   * var arrays = _.times(2, _.stubArray);
-	   *
-	   * console.log(arrays);
-	   * // => [[], []]
-	   *
-	   * console.log(arrays[0] === arrays[1]);
-	   * // => false
-	   */
-	  function stubArray() {
-	    return [];
-	  }
-
-	  /**
-	   * This method returns `false`.
-	   *
-	   * @static
-	   * @memberOf _
-	   * @since 4.13.0
-	   * @category Util
-	   * @returns {boolean} Returns `false`.
-	   * @example
-	   *
-	   * _.times(2, _.stubFalse);
-	   * // => [false, false]
-	   */
-	  function stubFalse() {
-	    return false;
-	  }
-
-	  module.exports = merge;
-	});
-
-	var merge = interopDefault(index$2);
-
 	if (!dragula$1) {
 	  throw new Error('[vue-dragula] cannot locate dragula.');
 	}
@@ -3757,7 +1595,7 @@ var require$$0$3 = Object.freeze({
 	        var names = serviceOpts.names || [];
 	        var name = serviceOpts.name || [];
 	        var bags = serviceOpts.bags || {};
-	        var opts = merge(options, serviceOpts);
+	        var opts = Object.assign({}, options, serviceOpts);
 	        names = names || [name];
 	        var eventBus = serviceOpts.eventBus || eventBus;
 
diff --git a/dist/vue-dragula.min.js b/dist/vue-dragula.min.js
index 13618b1..8f5e1b9 100644
--- a/dist/vue-dragula.min.js
+++ b/dist/vue-dragula.min.js
@@ -3,4 +3,4 @@
  * (c) 2016 Yichang Liu
  * Released under the MIT License.
  */
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports):"function"==typeof define&&define.amd?define(["exports"],n):n(e.vueDragula=e.vueDragula||{})}(this,function(e){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e.default:e}function t(e,n){return n={exports:{}},e(n,n.exports),n.exports}function r(e){function n(){var e;if(o.logging){for(var n=arguments.length,t=Array(n),r=0;r<n;r++)t[r]=arguments[r];(e=console).log.apply(e,["vue-dragula plugin"].concat(t))}}function t(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return n.apply(void 0,["v-dragula directive"].concat(t))}function r(e,n,r){if(n){var i=n.context.$dragula;if(i){t("trying to find and use component service");var o=i.services[r];if(o)return t("using component service",o),o}}return t("using global service",s),s.find(e,n)}function i(e,n,t){var r=n?n.data.attrs.bag:this.params.bag,i=n?n.data.attrs.service:this.params.service;return void 0!==r&&0!==r.length&&(e=r),{name:e,bagName:r,serviceName:i}}var o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};n("Initializing vue-dragula plugin",o);var a=o.createService||R.createService,u=o.createEventBus||R.createEventBus,c=u(e,o),s=a({name:"global.dragula",eventBus:c,bags:o.bags}),l=void 0,f=function(){function e(n){F(this,e),this.options=n,this.$service={options:s.setOptions.bind(s),find:s.find.bind(s),eventBus:this.eventBus=s.eventBus}}return X(e,[{key:"optionsFor",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return this.service(e).setOptions(n),this}},{key:"create",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this._serviceMap=this._serviceMap||{};var n=e.names||[],t=e.name||[],r=e.bags||{};n=n||[t];var i=e.eventBus||i,a=!0,u=!1,c=void 0;try{for(var s,l=n[Symbol.iterator]();!(a=(s=l.next()).done);a=!0){var f=s.value,d=new $({name:f,eventBus:i,bags:r,options:o});this._serviceMap[f]=d,r&&this.bagsFor(f,r)}}catch(e){u=!0,c=e}finally{try{!a&&l.return&&l.return()}finally{if(u)throw c}}return this}},{key:"bagsFor",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=this.service(e),r=Object.keys(n),i=!0,o=!1,a=void 0;try{for(var u,c=r[Symbol.iterator]();!(i=(u=c.next()).done);i=!0){var s=u.value,l=n[s];t.setOptions(s,l)}}catch(e){o=!0,a=e}finally{try{!i&&c.return&&c.return()}finally{if(o)throw a}}return this}},{key:"on",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Object.values(this.serviceMap),t=!0,r=!1,i=void 0;try{for(var o,a=n[Symbol.iterator]();!(t=(o=a.next()).done);t=!0){var u=o.value;u.on(e)}}catch(e){r=!0,i=e}finally{try{!t&&a.return&&a.return()}finally{if(r)throw i}}return this}},{key:"service",value:function(e){var n=this._serviceMap[e];if(!n||!e){var t=this.servicesNames;n=this._serviceMap[t[0]]}return n}},{key:"serviceNames",get:function(){return Object.keys(this._serviceMap)}},{key:"services",get:function(){return Object.values(this._serviceMap)}}]),e}();e.$dragula=new f(o),e.prototype.$dragula=e.$dragula,e.directive("dragula",{params:["bag","service"],bind:function(e,n,o){t("bind",e,n,o);var a=i("globalBag",o,this),u=a.name,c=a.bagName,s=a.serviceName,f=r(u,o,s),d=f.find(u,o);return o||(e=this.el),t({service:{name:s,instance:f},bag:{name:c,instance:d},container:e}),d?(l=d.drake,void l.containers.push(e)):(l=D({containers:[e]}),f.add(u,l),void f.handleModels(u,l))},update:function(e,n,o,a){t("update",e,n,o);var u=o?n.value:e;if(u){var c=i("globalBag",o,this),s=c.name,f=c.bagName,d=c.serviceName,v=r(s,o,d),g=v.find(s,o);l=g.drake,l.models||(l.models=[]),o||(e=this.el);var h=v.findModelContainerByContainer(e,l);t({service:{name:d,instance:v},bag:{name:f,instance:g},container:e,modelContainer:h}),h?(t("set model of container",u),h.model=u):(t("push model and container on drake",u,e),l.models.push({model:u,container:e}))}},unbind:function(e,n,o){t("unbind",e,n,o);var a=i("globalBag",o,this),u=a.name,c=a.serviceName,s=r(u,o,c),l=s.find(u,o);t({service:{name:c,instance:s},bag:{name:bagName,instance:l},container:e});var f=l.drake;if(f){var d=f.containers.indexOf(e);d>-1&&(t("remove container",d),f.containers.splice(d,1)),0===f.containers.length&&(t("destroy service"),s.destroy(u))}}})}function i(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};i.installed&&console.warn("[vue-dragula] already installed."),console.log("Add Dragula plugin:",n),r(e,n)}var o="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},a=t(function(e){e.exports=function(e,n){return Array.prototype.slice.call(e,n)}}),u=n(a),c=Object.freeze({default:u}),s=t(function(e){var n,t="function"==typeof setImmediate;n=t?function(e){setImmediate(e)}:"undefined"!=typeof process&&process.nextTick?process.nextTick:function(e){setTimeout(e,0)},e.exports=n}),l=n(s),f=Object.freeze({default:l}),d=t(function(e){var t=n(f);e.exports=function(e,n,r){e&&t(function(){e.apply(r||null,n||[])})}}),v=n(d),g=Object.freeze({default:v}),h=t(function(e){var t=n(c),r=n(g);e.exports=function(e,n){var i=n||{},o={};return void 0===e&&(e={}),e.on=function(n,t){return o[n]?o[n].push(t):o[n]=[t],e},e.once=function(n,t){return t._once=!0,e.on(n,t),e},e.off=function(n,t){var r=arguments.length;if(1===r)delete o[n];else if(0===r)o={};else{var i=o[n];if(!i)return e;i.splice(i.indexOf(t),1)}return e},e.emit=function(){var n=t(arguments);return e.emitterSnapshot(n.shift()).apply(this,n)},e.emitterSnapshot=function(n){var a=(o[n]||[]).slice(0);return function(){var o=t(arguments),u=this||e;if("error"===n&&i.throws!==!1&&!a.length)throw 1===o.length?o[0]:o;return a.forEach(function(t){i.async?r(t,o,u):t.apply(u,o),t._once&&e.off(n,t)}),e}},e}}),m=n(h),p=Object.freeze({default:m}),y=t(function(e){function n(){try{var e=new t("cat",{detail:{foo:"bar"}});return"cat"===e.type&&"bar"===e.detail.foo}catch(e){}return!1}var t=o.CustomEvent;e.exports=n()?t:"function"==typeof document.createEvent?function(e,n){var t=document.createEvent("CustomEvent");return n?t.initCustomEvent(e,n.bubbles,n.cancelable,n.detail):t.initCustomEvent(e,!1,!1,void 0),t}:function(e,n){var t=document.createEventObject();return t.type=e,n?(t.bubbles=Boolean(n.bubbles),t.cancelable=Boolean(n.cancelable),t.detail=n.detail):(t.bubbles=!1,t.cancelable=!1,t.detail=void 0),t}}),b=n(y),w=Object.freeze({default:b}),k=t(function(e){var n=[],t="",r=/^on/;for(t in o)r.test(t)&&n.push(t.slice(2));e.exports=n}),x=n(k),E=Object.freeze({default:x}),O=t(function(e){function t(e,n,t,r){return e.addEventListener(n,t,r)}function r(e,n,t){return e.attachEvent("on"+n,s(e,n,t))}function i(e,n,t,r){return e.removeEventListener(n,t,r)}function a(e,n,t){var r=l(e,n,t);if(r)return e.detachEvent("on"+n,r)}function u(e,n,t){function r(){var e;return g.createEvent?(e=g.createEvent("Event"),e.initEvent(n,!0,!0)):g.createEventObject&&(e=g.createEventObject()),e}function i(){return new d(n,{detail:t})}var o=v.indexOf(n)===-1?i():r();e.dispatchEvent?e.dispatchEvent(o):e.fireEvent("on"+n,o)}function c(e,n,t){return function(n){var r=n||o.event;r.target=r.target||r.srcElement,r.preventDefault=r.preventDefault||function(){r.returnValue=!1},r.stopPropagation=r.stopPropagation||function(){r.cancelBubble=!0},r.which=r.which||r.keyCode,t.call(e,r)}}function s(e,n,t){var r=l(e,n,t)||c(e,n,t);return p.push({wrapper:r,element:e,type:n,fn:t}),r}function l(e,n,t){var r=f(e,n,t);if(r){var i=p[r].wrapper;return p.splice(r,1),i}}function f(e,n,t){var r,i;for(r=0;r<p.length;r++)if(i=p[r],i.element===e&&i.type===n&&i.fn===t)return r}var d=n(w),v=n(E),g=o.document,h=t,m=i,p=[];o.addEventListener||(h=r,m=a),e.exports={add:h,remove:m,fabricate:u}}),S=n(O),C=O.add,B=O.remove,M=O.fabricate,N=Object.freeze({default:S,add:C,remove:B,fabricate:M}),j=t(function(e){function n(e){var n=i[e];return n?n.lastIndex=0:i[e]=n=new RegExp(o+e+a,"g"),n}function t(e,t){var r=e.className;r.length?n(t).test(r)||(e.className+=" "+t):e.className=t}function r(e,t){e.className=e.className.replace(n(t)," ").trim()}var i={},o="(?:^|\\s)",a="(?:\\s|$)";e.exports={add:t,rm:r}}),T=n(j),I=j.add,P=j.rm,_=Object.freeze({default:T,add:I,rm:P}),A=t(function(e){function t(e,n){function t(e){return le.containers.indexOf(e)!==-1||se.isContainer(e)}function o(e){var n=e?"remove":"add";r(O,n,"mousedown",S),r(O,n,"mouseup",_)}function u(e){var n=e?"remove":"add";r(O,n,"mousemove",C)}function h(e){var n=e?"remove":"add";k[n](O,"selectstart",y),k[n](O,"click",y)}function p(){o(!0),_({})}function y(e){ue&&e.preventDefault()}function S(e){ne=e.clientX,te=e.clientY;var n=1!==i(e)||e.metaKey||e.ctrlKey;if(!n){var t=e.target,r=B(t);r&&(ue=r,u(),"mousedown"===e.type&&(g(t)?t.focus():e.preventDefault()))}}function C(e){if(ue){if(0===i(e))return void _({});if(void 0===e.clientX||e.clientX!==ne||void 0===e.clientY||e.clientY!==te){if(se.ignoreInputTextSelection){var n=b("clientX",e),t=b("clientY",e),r=E.elementFromPoint(n,t);if(g(r))return}var o=ue;u(!0),h(),I(),j(o);var c=a(W);Z=b("pageX",e)-c.left,ee=b("pageY",e)-c.top,x.add(oe||W,"gu-transit"),V(),$(e)}}}function B(e){if(!(le.dragging&&G||t(e))){for(var n=e;v(e)&&t(v(e))===!1;){if(se.invalid(e,n))return;if(e=v(e),!e)return}var r=v(e);if(r&&!se.invalid(e,n)){var i=se.moves(e,r,n,m(e));if(i)return{item:e,source:r}}}}function M(e){return!!B(e)}function N(e){var n=B(e);n&&j(n)}function j(e){q(e.item,e.source)&&(oe=e.item.cloneNode(!0),le.emit("cloned",oe,e.item,"copy")),Q=e.source,W=e.item,re=ie=m(e.item),le.dragging=!0,le.emit("drag",W,Q)}function T(){return!1}function I(){if(le.dragging){var e=oe||W;A(e,v(e))}}function P(){ue=!1,u(!0),h(!0)}function _(e){if(P(),le.dragging){var n=oe||W,t=b("clientX",e),r=b("clientY",e),i=c(G,t,r),o=Y(i,t,r);o&&(oe&&se.copySortSource||!oe||o!==Q)?A(n,o):se.removeOnSpill?D():F()}}function A(e,n){var t=v(e);oe&&se.copySortSource&&n===Q&&t.removeChild(W),z(n)?le.emit("cancel",e,Q,Q):le.emit("drop",e,n,Q,ie),X()}function D(){if(le.dragging){var e=oe||W,n=v(e);n&&n.removeChild(e),le.emit(oe?"cancel":"remove",e,n,Q),X()}}function F(e){if(le.dragging){var n=arguments.length>0?e:se.revertOnSpill,t=oe||W,r=v(t),i=z(r);i===!1&&n&&(oe?r&&r.removeChild(oe):Q.insertBefore(t,re)),i||n?le.emit("cancel",t,Q,Q):le.emit("drop",t,r,Q,ie),X()}}function X(){var e=oe||W;P(),J(),e&&x.rm(e,"gu-transit"),ae&&clearTimeout(ae),le.dragging=!1,ce&&le.emit("out",e,ce,Q),le.emit("dragend",e),Q=W=oe=re=ie=ae=ce=null}function z(e,n){var t;return t=void 0!==n?n:G?ie:m(oe||W),e===Q&&t===re}function Y(e,n,r){function i(){var i=t(o);if(i===!1)return!1;var a=K(o,e),u=U(o,a,n,r),c=z(o,u);return!!c||se.accepts(W,o,Q,u)}for(var o=e;o&&!i();)o=v(o);return o}function $(e){function n(e){le.emit(e,s,ce,Q)}function t(){d&&n("over")}function r(){ce&&n("out")}if(G){e.preventDefault();var i=b("clientX",e),o=b("clientY",e),a=i-Z,u=o-ee;G.style.left=a+"px",G.style.top=u+"px";var s=oe||W,l=c(G,i,o),f=Y(l,i,o),d=null!==f&&f!==ce;(d||null===f)&&(r(),ce=f,t());var g=v(s);if(f===Q&&oe&&!se.copySortSource)return void(g&&g.removeChild(s));var h,p=K(f,l);if(null!==p)h=U(f,p,i,o);else{if(se.revertOnSpill!==!0||oe)return void(oe&&g&&g.removeChild(s));h=re,f=Q}(null===h&&d||h!==s&&h!==m(s))&&(ie=h,f.insertBefore(s,h),le.emit("shadow",s,f,Q))}}function R(e){x.rm(e,"gu-hide")}function L(e){le.dragging&&x.add(e,"gu-hide")}function V(){if(!G){var e=W.getBoundingClientRect();G=W.cloneNode(!0),G.style.width=f(e)+"px",G.style.height=d(e)+"px",x.rm(G,"gu-transit"),x.add(G,"gu-mirror"),se.mirrorContainer.appendChild(G),r(O,"add","mousemove",$),x.add(se.mirrorContainer,"gu-unselectable"),le.emit("cloned",G,W,"mirror")}}function J(){G&&(x.rm(se.mirrorContainer,"gu-unselectable"),r(O,"remove","mousemove",$),v(G).removeChild(G),G=null)}function K(e,n){for(var t=n;t!==e&&v(t)!==e;)t=v(t);return t===O?null:t}function U(e,n,t,r){function i(){var n,i,o,a=e.children.length;for(n=0;n<a;n++){if(i=e.children[n],o=i.getBoundingClientRect(),u&&o.left+o.width/2>t)return i;if(!u&&o.top+o.height/2>r)return i}return null}function o(){var e=n.getBoundingClientRect();return a(u?t>e.left+f(e)/2:r>e.top+d(e)/2)}function a(e){return e?m(n):n}var u="horizontal"===se.direction,c=n!==e?o():i();return c}function q(e,n){return"boolean"==typeof se.copy?se.copy:se.copy(e,n)}var H=arguments.length;1===H&&Array.isArray(e)===!1&&(n=e,e=[]);var G,Q,W,Z,ee,ne,te,re,ie,oe,ae,ue,ce=null,se=n||{};void 0===se.moves&&(se.moves=l),void 0===se.accepts&&(se.accepts=l),void 0===se.invalid&&(se.invalid=T),void 0===se.containers&&(se.containers=e||[]),void 0===se.isContainer&&(se.isContainer=s),void 0===se.copy&&(se.copy=!1),void 0===se.copySortSource&&(se.copySortSource=!1),void 0===se.revertOnSpill&&(se.revertOnSpill=!1),void 0===se.removeOnSpill&&(se.removeOnSpill=!1),void 0===se.direction&&(se.direction="vertical"),void 0===se.ignoreInputTextSelection&&(se.ignoreInputTextSelection=!0),void 0===se.mirrorContainer&&(se.mirrorContainer=E.body);var le=w({containers:se.containers,start:N,end:I,cancel:F,remove:D,destroy:p,canMove:M,dragging:!1});return se.removeOnSpill===!0&&le.on("over",R).on("out",L),o(),le}function r(e,n,t,r){var i={mouseup:"touchend",mousedown:"touchstart",mousemove:"touchmove"},a={mouseup:"pointerup",mousedown:"pointerdown",mousemove:"pointermove"},u={mouseup:"MSPointerUp",mousedown:"MSPointerDown",mousemove:"MSPointerMove"};o.navigator.pointerEnabled?k[n](e,a[t],r):o.navigator.msPointerEnabled?k[n](e,u[t],r):(k[n](e,i[t],r),k[n](e,t,r))}function i(e){if(void 0!==e.touches)return e.touches.length;if(void 0!==e.which&&0!==e.which)return e.which;if(void 0!==e.buttons)return e.buttons;var n=e.button;return void 0!==n?1&n?1:2&n?3:4&n?2:0:void 0}function a(e){var n=e.getBoundingClientRect();return{left:n.left+u("scrollLeft","pageXOffset"),top:n.top+u("scrollTop","pageYOffset")}}function u(e,n){return"undefined"!=typeof o[n]?o[n]:O.clientHeight?O[e]:E.body[e]}function c(e,n,t){var r,i=e||{},o=i.className;return i.className+=" gu-hide",r=E.elementFromPoint(n,t),i.className=o,r}function s(){return!1}function l(){return!0}function f(e){return e.width||e.right-e.left}function d(e){return e.height||e.bottom-e.top}function v(e){return e.parentNode===E?null:e.parentNode}function g(e){return"INPUT"===e.tagName||"TEXTAREA"===e.tagName||"SELECT"===e.tagName||h(e)}function h(e){return!!e&&("false"!==e.contentEditable&&("true"===e.contentEditable||h(v(e))))}function m(e){function n(){var n=e;do n=n.nextSibling;while(n&&1!==n.nodeType);return n}return e.nextElementSibling||n()}function y(e){return e.targetTouches&&e.targetTouches.length?e.targetTouches[0]:e.changedTouches&&e.changedTouches.length?e.changedTouches[0]:e}function b(e,n){var t=y(n),r={pageX:"clientX",pageY:"clientY"};return e in r&&!(e in t)&&r[e]in t&&(e=r[e]),t[e]}var w=n(p),k=n(N),x=n(_),E=document,O=E.documentElement;e.exports=t}),D=n(A),F=(function(){function e(e){this.value=e}function n(n){function t(e,n){return new Promise(function(t,i){var u={key:e,arg:n,resolve:t,reject:i,next:null};a?a=a.next=u:(o=a=u,r(e,n))})}function r(t,o){try{var a=n[t](o),u=a.value;u instanceof e?Promise.resolve(u.value).then(function(e){r("next",e)},function(e){r("throw",e)}):i(a.done?"return":"normal",a.value)}catch(e){i("throw",e)}}function i(e,n){switch(e){case"return":o.resolve({value:n,done:!0});break;case"throw":o.reject(n);break;default:o.resolve({value:n,done:!1})}o=o.next,o?r(o.key,o.arg):a=null}var o,a;this._invoke=t,"function"!=typeof n.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(n.prototype[Symbol.asyncIterator]=function(){return this}),n.prototype.next=function(e){return this._invoke("next",e)},n.prototype.throw=function(e){return this._invoke("throw",e)},n.prototype.return=function(e){return this._invoke("return",e)},{wrap:function(e){return function(){return new n(e.apply(this,arguments))}},await:function(n){return new e(n)}}}(),function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}),X=function(){function e(e,n){for(var t=0;t<n.length;t++){var r=n[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(n,t,r){return t&&e(n.prototype,t),r&&e(n,r),n}}();if(!D)throw new Error("[vue-dragula] cannot locate dragula.");var z=window.requestAnimationFrame,Y=z?function(e){z(function(){z(e)})}:function(e){window.setTimeout(e,50)},$=function(){function e(n){var t=n.name,r=n.eventBus,i=n.bags,o=n.drake,a=n.options;F(this,e),this.options=a||{},this.logging=a.logging,this.name=t,this.bags=i={},this.eventBus=r,this.drake=o,this.events=["cancel","cloned","drag","dragend","drop","out","over","remove","shadow","dropModel","removeModel"]}return X(e,[{key:"log",value:function(e){var n;if(this.logging){for(var t=arguments.length,r=Array(t>1?t-1:0),i=1;i<t;i++)r[i-1]=arguments[i];(n=console).log.apply(n,["DragulaService ["+this.name+"] :",e].concat(r))}}},{key:"error",value:function(e){throw console.error(e),new Error(e)}},{key:"add",value:function(e,n){n=n||this.drake,this.log("add (bag)",e,n);var t=this.find(e);if(t){this.log("existing bags",this.bagNames);'Bag named: "'+e+'" already exists for this service ['+this.name+"]. \n      Most likely this error in cause by a race condition evaluating multiple template elements with \n      the v-dragula directive having the same bag name. Please initialise the bag in the created() life cycle hook of the VM to fix this problem.";this.error(msg)}return this.bags[e]=n,n.models&&this.handleModels(e,n),t.initEvents||this.setupEvents(t),t}},{key:"find",value:function(e){return this.log("find (bag) by name",e),this.bags[e]}},{key:"handleModels",value:function(e,n){var t=this;if(n=n||this.drake,this.log("handleModels",e,n),!n.registered){var r=void 0,i=void 0,o=void 0,a=void 0;n.on("remove",function(r,o,u){n.models&&(a=t.findModelForContainer(u,n),a.splice(i,1),n.cancel(!0),t.eventBus.$emit("removeModel",[e,r,u,i]))}),n.on("drag",function(e,n){r=e,i=t.domIndexOf(e,n)}),n.on("drop",function(u,c,s){if(n.models&&c){if(o=t.domIndexOf(u,c),a=t.findModelForContainer(s,n),c===s)a.splice(o,0,a.splice(i,1)[0]);else{var l=r===u,f=t.findModelForContainer(c,n),d=l?a[i]:JSON.parse(JSON.stringify(a[i]));l&&Y(function(){a.splice(i,1)}),f.splice(o,0,d),n.cancel(!0)}t.eventBus.$emit("dropModel",[e,u,c,s,o])}}),n.registered=!0}}},{key:"on",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Object.keys(e),t=!0,r=!1,i=void 0;try{for(var o,a=n[Symbol.iterator]();!(t=(o=a.next()).done);t=!0){var u=o.value,c=e[u];this.eventBus.$on(u,c)}}catch(e){r=!0,i=e}finally{try{!t&&a.return&&a.return()}finally{if(r)throw i}}}},{key:"destroy",value:function(e){this.log("destroy",e);var n=this.find(e);n&&(n.drake.destroy(),this.delete(e))}},{key:"delete",value:function(e){delete this.bags[e]}},{key:"setOptions",value:function(e,n){if(this.log("setOptions",e,n),!e)return console.error("setOptions must take the name of the bag to set options for"),this;var t=this.add(e,D(n));return this.handleModels(e,t.drake),this}},{key:"setupEvents",value:function(e){this.log("setupEvents",e),e.initEvents=!0;var n=this,t=function(t){function r(){var r=Array.prototype.slice.call(arguments);n.eventBus.$emit(t,[e.name].concat(r))}e.drake.on(t,r)};this.events.forEach(t)}},{key:"domIndexOf",value:function(e,n){return Array.prototype.indexOf.call(n.children,e)}},{key:"findModelForContainer",value:function(e,n){return n=n||this.drake,this.log("findModelForContainer",e,n),(this.findModelContainerByContainer(e,n)||{}).model}},{key:"findModelContainerByContainer",value:function(e,n){if(n=n||this.drake,n.models)return n.models.find(function(n){return n.container===e})}},{key:"bagNames",get:function(){return Object.keys(this.bags)}}]),e}();if(!D)throw new Error("[vue-dragula] cannot locate dragula.");var R={createService:function(e){var n=e.name,t=e.eventBus,r=e.bags;return new $({name:n,eventBus:t,bags:r})},createEventBus:function(e){arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return new e}};i.version="1.0.0";var L=$;"function"==typeof define&&define.amd?define([],function(){}):window.Vue&&window.Vue.use(i),e.default=i,e.DragulaService=L});
\ No newline at end of file
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports):"function"==typeof define&&define.amd?define(["exports"],n):n(e.vueDragula=e.vueDragula||{})}(this,function(e){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e.default:e}function t(e,n){return n={exports:{}},e(n,n.exports),n.exports}function r(e){var n=e.ctx,t=e.name,r=e.drake;return new R({ctx:n,name:t,drake:r})}function i(e){function n(){var e;if(o.logging){for(var n=arguments.length,t=Array(n),r=0;r<n;r++)t[r]=arguments[r];(e=console).log.apply(e,["vue-dragula plugin"].concat(t))}}function t(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return n.apply(void 0,["v-dragula directive"].concat(t))}function r(e,n,r){if(n){var i=n.context.$dragula;if(i){t("trying to find and use component service");var o=i.services[r];if(o)return t("using component service",o),o}}return t("using global service",s),s.find(e,n)}function i(e,n,t){var r=n?n.data.attrs.bag:this.params.bag,i=n?n.data.attrs.service:this.params.service;return void 0!==r&&0!==r.length&&(e=r),{name:e,bagName:r,serviceName:i}}var o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};n("Initializing vue-dragula plugin",o);var a=o.createService||L.createService,u=o.createEventBus||L.createEventBus,c=u(e,o),s=a({name:"global.dragula",eventBus:c,bags:o.bags}),l=void 0,d=function(){function e(n){X(this,e),this.options=n,this.$service={options:s.setOptions.bind(s),find:s.find.bind(s),eventBus:this.eventBus=s.eventBus}}return z(e,[{key:"optionsFor",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return this.service(e).setOptions(n),this}},{key:"create",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this._serviceMap=this._serviceMap||{};var n=e.names||[],t=e.name||[],r=e.bags||{},i=Object.assign({},o,e);n=n||[t];var a=e.eventBus||a,u=!0,c=!1,s=void 0;try{for(var l,d=n[Symbol.iterator]();!(u=(l=d.next()).done);u=!0){var f=l.value,v=new H({name:f,eventBus:a,bags:r,otions:i});this._serviceMap[f]=v,r&&this.bagsFor(f,r)}}catch(e){c=!0,s=e}finally{try{!u&&d.return&&d.return()}finally{if(c)throw s}}return this}},{key:"bagsFor",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=this.service(e),r=Object.keys(n),i=!0,o=!1,a=void 0;try{for(var u,c=r[Symbol.iterator]();!(i=(u=c.next()).done);i=!0){var s=u.value,l=n[s];l===!0&&(l={}),t.setOptions(s,l)}}catch(e){o=!0,a=e}finally{try{!i&&c.return&&c.return()}finally{if(o)throw a}}return this}},{key:"on",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Object.values(this.serviceMap),t=!0,r=!1,i=void 0;try{for(var o,a=n[Symbol.iterator]();!(t=(o=a.next()).done);t=!0){var u=o.value;u.on(e)}}catch(e){r=!0,i=e}finally{try{!t&&a.return&&a.return()}finally{if(r)throw i}}return this}},{key:"service",value:function(e){var n=this._serviceMap[e];if(!n||!e){var t=this.servicesNames;n=this._serviceMap[t[0]]}return n}},{key:"serviceNames",get:function(){return Object.keys(this._serviceMap)}},{key:"services",get:function(){return Object.values(this._serviceMap)}}]),e}();e.$dragula=new d(o),e.prototype.$dragula=e.$dragula,e.directive("dragula",{params:["bag","service"],bind:function(e,n,o){t("bind",e,n,o);var a=i("globalBag",o,this),u=a.name,c=a.bagName,s=a.serviceName,d=r(u,o,s),f=d.find(u,o);return o||(e=this.el),t({service:{name:s,instance:d},bag:{name:c,instance:f},container:e}),f?(l=f.drake,void l.containers.push(e)):(l=A({containers:[e]}),d.add(u,l),void d.handleModels(u,l))},update:function(e,n,o,a){t("update",e,n,o);var u=o?n.value:e;if(u){var c=i("globalBag",o,this),s=c.name,d=c.bagName,f=c.serviceName,v=r(s,o,f),h=v.find(s,o);l=h.drake,l.models||(l.models=[]),o||(e=this.el);var g=v.findModelContainerByContainer(e,l);t({service:{name:f,instance:v},bag:{name:d,instance:h},container:e,modelContainer:g}),g?(t("set model of container",u),g.model=u):(t("push model and container on drake",u,e),l.models.push({model:u,container:e}))}},unbind:function(e,n,o){t("unbind",e,n,o);var a=i("globalBag",o,this),u=a.name,c=a.serviceName,s=r(u,o,c),l=s.find(u,o);t({service:{name:c,instance:s},bag:{name:bagName,instance:l},container:e});var d=l.drake;if(d){var f=d.containers.indexOf(e);f>-1&&(t("remove container",f),d.containers.splice(f,1)),0===d.containers.length&&(t("destroy service"),s.destroy(u))}}})}function o(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};o.installed&&console.warn("[vue-dragula] already installed."),console.log("Add Dragula plugin:",n),i(e,n)}var a="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},u=t(function(e){e.exports=function(e,n){return Array.prototype.slice.call(e,n)}}),c=n(u),s=Object.freeze({default:c}),l=t(function(e){var n,t="function"==typeof setImmediate;n=t?function(e){setImmediate(e)}:"undefined"!=typeof process&&process.nextTick?process.nextTick:function(e){setTimeout(e,0)},e.exports=n}),d=n(l),f=Object.freeze({default:d}),v=t(function(e){var t=n(f);e.exports=function(e,n,r){e&&t(function(){e.apply(r||null,n||[])})}}),h=n(v),g=Object.freeze({default:h}),m=t(function(e){var t=n(s),r=n(g);e.exports=function(e,n){var i=n||{},o={};return void 0===e&&(e={}),e.on=function(n,t){return o[n]?o[n].push(t):o[n]=[t],e},e.once=function(n,t){return t._once=!0,e.on(n,t),e},e.off=function(n,t){var r=arguments.length;if(1===r)delete o[n];else if(0===r)o={};else{var i=o[n];if(!i)return e;i.splice(i.indexOf(t),1)}return e},e.emit=function(){var n=t(arguments);return e.emitterSnapshot(n.shift()).apply(this,n)},e.emitterSnapshot=function(n){var a=(o[n]||[]).slice(0);return function(){var o=t(arguments),u=this||e;if("error"===n&&i.throws!==!1&&!a.length)throw 1===o.length?o[0]:o;return a.forEach(function(t){i.async?r(t,o,u):t.apply(u,o),t._once&&e.off(n,t)}),e}},e}}),p=n(m),y=Object.freeze({default:p}),b=t(function(e){function n(){try{var e=new t("cat",{detail:{foo:"bar"}});return"cat"===e.type&&"bar"===e.detail.foo}catch(e){}return!1}var t=a.CustomEvent;e.exports=n()?t:"function"==typeof document.createEvent?function(e,n){var t=document.createEvent("CustomEvent");return n?t.initCustomEvent(e,n.bubbles,n.cancelable,n.detail):t.initCustomEvent(e,!1,!1,void 0),t}:function(e,n){var t=document.createEventObject();return t.type=e,n?(t.bubbles=Boolean(n.bubbles),t.cancelable=Boolean(n.cancelable),t.detail=n.detail):(t.bubbles=!1,t.cancelable=!1,t.detail=void 0),t}}),k=n(b),x=Object.freeze({default:k}),w=t(function(e){var n=[],t="",r=/^on/;for(t in a)r.test(t)&&n.push(t.slice(2));e.exports=n}),E=n(w),M=Object.freeze({default:E}),O=t(function(e){function t(e,n,t,r){return e.addEventListener(n,t,r)}function r(e,n,t){return e.attachEvent("on"+n,s(e,n,t))}function i(e,n,t,r){return e.removeEventListener(n,t,r)}function o(e,n,t){var r=l(e,n,t);if(r)return e.detachEvent("on"+n,r)}function u(e,n,t){function r(){var e;return h.createEvent?(e=h.createEvent("Event"),e.initEvent(n,!0,!0)):h.createEventObject&&(e=h.createEventObject()),e}function i(){return new f(n,{detail:t})}var o=v.indexOf(n)===-1?i():r();e.dispatchEvent?e.dispatchEvent(o):e.fireEvent("on"+n,o)}function c(e,n,t){return function(n){var r=n||a.event;r.target=r.target||r.srcElement,r.preventDefault=r.preventDefault||function(){r.returnValue=!1},r.stopPropagation=r.stopPropagation||function(){r.cancelBubble=!0},r.which=r.which||r.keyCode,t.call(e,r)}}function s(e,n,t){var r=l(e,n,t)||c(e,n,t);return p.push({wrapper:r,element:e,type:n,fn:t}),r}function l(e,n,t){var r=d(e,n,t);if(r){var i=p[r].wrapper;return p.splice(r,1),i}}function d(e,n,t){var r,i;for(r=0;r<p.length;r++)if(i=p[r],i.element===e&&i.type===n&&i.fn===t)return r}var f=n(x),v=n(M),h=a.document,g=t,m=i,p=[];a.addEventListener||(g=r,m=o),e.exports={add:g,remove:m,fabricate:u}}),S=n(O),C=O.add,B=O.remove,N=O.fabricate,I=Object.freeze({default:S,add:C,remove:B,fabricate:N}),j=t(function(e){function n(e){var n=i[e];return n?n.lastIndex=0:i[e]=n=new RegExp(o+e+a,"g"),n}function t(e,t){var r=e.className;r.length?n(t).test(r)||(e.className+=" "+t):e.className=t}function r(e,t){e.className=e.className.replace(n(t)," ").trim()}var i={},o="(?:^|\\s)",a="(?:\\s|$)";e.exports={add:t,rm:r}}),T=n(j),D=j.add,F=j.rm,P=Object.freeze({default:T,add:D,rm:F}),_=t(function(e){function t(e,n){function t(e){return le.containers.indexOf(e)!==-1||se.isContainer(e)}function a(e){var n=e?"remove":"add";r(M,n,"mousedown",O),r(M,n,"mouseup",F)}function u(e){var n=e?"remove":"add";r(M,n,"mousemove",S)}function g(e){var n=e?"remove":"add";x[n](M,"selectstart",y),x[n](M,"click",y)}function p(){a(!0),F({})}function y(e){ue&&e.preventDefault()}function O(e){ne=e.clientX,te=e.clientY;var n=1!==i(e)||e.metaKey||e.ctrlKey;if(!n){var t=e.target,r=C(t);r&&(ue=r,u(),"mousedown"===e.type&&(h(t)?t.focus():e.preventDefault()))}}function S(e){if(ue){if(0===i(e))return void F({});if(void 0===e.clientX||e.clientX!==ne||void 0===e.clientY||e.clientY!==te){if(se.ignoreInputTextSelection){var n=b("clientX",e),t=b("clientY",e),r=E.elementFromPoint(n,t);if(h(r))return}var a=ue;u(!0),g(),T(),I(a);var c=o(W);Z=b("pageX",e)-c.left,ee=b("pageY",e)-c.top,w.add(oe||W,"gu-transit"),L(),$(e)}}}function C(e){if(!(le.dragging&&G||t(e))){for(var n=e;v(e)&&t(v(e))===!1;){if(se.invalid(e,n))return;if(e=v(e),!e)return}var r=v(e);if(r&&!se.invalid(e,n)){var i=se.moves(e,r,n,m(e));if(i)return{item:e,source:r}}}}function B(e){return!!C(e)}function N(e){var n=C(e);n&&I(n)}function I(e){U(e.item,e.source)&&(oe=e.item.cloneNode(!0),le.emit("cloned",oe,e.item,"copy")),Q=e.source,W=e.item,re=ie=m(e.item),le.dragging=!0,le.emit("drag",W,Q)}function j(){return!1}function T(){if(le.dragging){var e=oe||W;P(e,v(e))}}function D(){ue=!1,u(!0),g(!0)}function F(e){if(D(),le.dragging){var n=oe||W,t=b("clientX",e),r=b("clientY",e),i=c(G,t,r),o=Y(i,t,r);o&&(oe&&se.copySortSource||!oe||o!==Q)?P(n,o):se.removeOnSpill?_():A()}}function P(e,n){var t=v(e);oe&&se.copySortSource&&n===Q&&t.removeChild(W),z(n)?le.emit("cancel",e,Q,Q):le.emit("drop",e,n,Q,ie),X()}function _(){if(le.dragging){var e=oe||W,n=v(e);n&&n.removeChild(e),le.emit(oe?"cancel":"remove",e,n,Q),X()}}function A(e){if(le.dragging){var n=arguments.length>0?e:se.revertOnSpill,t=oe||W,r=v(t),i=z(r);i===!1&&n&&(oe?r&&r.removeChild(oe):Q.insertBefore(t,re)),i||n?le.emit("cancel",t,Q,Q):le.emit("drop",t,r,Q,ie),X()}}function X(){var e=oe||W;D(),V(),e&&w.rm(e,"gu-transit"),ae&&clearTimeout(ae),le.dragging=!1,ce&&le.emit("out",e,ce,Q),le.emit("dragend",e),Q=W=oe=re=ie=ae=ce=null}function z(e,n){var t;return t=void 0!==n?n:G?ie:m(oe||W),e===Q&&t===re}function Y(e,n,r){function i(){var i=t(o);if(i===!1)return!1;var a=J(o,e),u=K(o,a,n,r),c=z(o,u);return!!c||se.accepts(W,o,Q,u)}for(var o=e;o&&!i();)o=v(o);return o}function $(e){function n(e){le.emit(e,s,ce,Q)}function t(){f&&n("over")}function r(){ce&&n("out")}if(G){e.preventDefault();var i=b("clientX",e),o=b("clientY",e),a=i-Z,u=o-ee;G.style.left=a+"px",G.style.top=u+"px";var s=oe||W,l=c(G,i,o),d=Y(l,i,o),f=null!==d&&d!==ce;(f||null===d)&&(r(),ce=d,t());var h=v(s);if(d===Q&&oe&&!se.copySortSource)return void(h&&h.removeChild(s));var g,p=J(d,l);if(null!==p)g=K(d,p,i,o);else{if(se.revertOnSpill!==!0||oe)return void(oe&&h&&h.removeChild(s));g=re,d=Q}(null===g&&f||g!==s&&g!==m(s))&&(ie=g,d.insertBefore(s,g),le.emit("shadow",s,d,Q))}}function R(e){w.rm(e,"gu-hide")}function H(e){le.dragging&&w.add(e,"gu-hide")}function L(){if(!G){var e=W.getBoundingClientRect();G=W.cloneNode(!0),G.style.width=d(e)+"px",G.style.height=f(e)+"px",w.rm(G,"gu-transit"),w.add(G,"gu-mirror"),se.mirrorContainer.appendChild(G),r(M,"add","mousemove",$),w.add(se.mirrorContainer,"gu-unselectable"),le.emit("cloned",G,W,"mirror")}}function V(){G&&(w.rm(se.mirrorContainer,"gu-unselectable"),r(M,"remove","mousemove",$),v(G).removeChild(G),G=null)}function J(e,n){for(var t=n;t!==e&&v(t)!==e;)t=v(t);return t===M?null:t}function K(e,n,t,r){function i(){var n,i,o,a=e.children.length;for(n=0;n<a;n++){if(i=e.children[n],o=i.getBoundingClientRect(),u&&o.left+o.width/2>t)return i;if(!u&&o.top+o.height/2>r)return i}return null}function o(){var e=n.getBoundingClientRect();return a(u?t>e.left+d(e)/2:r>e.top+f(e)/2)}function a(e){return e?m(n):n}var u="horizontal"===se.direction,c=n!==e?o():i();return c}function U(e,n){return"boolean"==typeof se.copy?se.copy:se.copy(e,n)}var q=arguments.length;1===q&&Array.isArray(e)===!1&&(n=e,e=[]);var G,Q,W,Z,ee,ne,te,re,ie,oe,ae,ue,ce=null,se=n||{};void 0===se.moves&&(se.moves=l),void 0===se.accepts&&(se.accepts=l),void 0===se.invalid&&(se.invalid=j),void 0===se.containers&&(se.containers=e||[]),void 0===se.isContainer&&(se.isContainer=s),void 0===se.copy&&(se.copy=!1),void 0===se.copySortSource&&(se.copySortSource=!1),void 0===se.revertOnSpill&&(se.revertOnSpill=!1),void 0===se.removeOnSpill&&(se.removeOnSpill=!1),void 0===se.direction&&(se.direction="vertical"),void 0===se.ignoreInputTextSelection&&(se.ignoreInputTextSelection=!0),void 0===se.mirrorContainer&&(se.mirrorContainer=E.body);var le=k({containers:se.containers,start:N,end:T,cancel:A,remove:_,destroy:p,canMove:B,dragging:!1});return se.removeOnSpill===!0&&le.on("over",R).on("out",H),a(),le}function r(e,n,t,r){var i={mouseup:"touchend",mousedown:"touchstart",mousemove:"touchmove"},o={mouseup:"pointerup",mousedown:"pointerdown",mousemove:"pointermove"},u={mouseup:"MSPointerUp",mousedown:"MSPointerDown",mousemove:"MSPointerMove"};a.navigator.pointerEnabled?x[n](e,o[t],r):a.navigator.msPointerEnabled?x[n](e,u[t],r):(x[n](e,i[t],r),x[n](e,t,r))}function i(e){if(void 0!==e.touches)return e.touches.length;if(void 0!==e.which&&0!==e.which)return e.which;if(void 0!==e.buttons)return e.buttons;var n=e.button;return void 0!==n?1&n?1:2&n?3:4&n?2:0:void 0}function o(e){var n=e.getBoundingClientRect();return{left:n.left+u("scrollLeft","pageXOffset"),top:n.top+u("scrollTop","pageYOffset")}}function u(e,n){return"undefined"!=typeof a[n]?a[n]:M.clientHeight?M[e]:E.body[e]}function c(e,n,t){var r,i=e||{},o=i.className;return i.className+=" gu-hide",r=E.elementFromPoint(n,t),i.className=o,r}function s(){return!1}function l(){return!0}function d(e){return e.width||e.right-e.left}function f(e){return e.height||e.bottom-e.top}function v(e){return e.parentNode===E?null:e.parentNode}function h(e){return"INPUT"===e.tagName||"TEXTAREA"===e.tagName||"SELECT"===e.tagName||g(e)}function g(e){return!!e&&("false"!==e.contentEditable&&("true"===e.contentEditable||g(v(e))))}function m(e){function n(){var n=e;do n=n.nextSibling;while(n&&1!==n.nodeType);return n}return e.nextElementSibling||n()}function p(e){return e.targetTouches&&e.targetTouches.length?e.targetTouches[0]:e.changedTouches&&e.changedTouches.length?e.changedTouches[0]:e}function b(e,n){var t=p(n),r={pageX:"clientX",pageY:"clientY"};return e in r&&!(e in t)&&r[e]in t&&(e=r[e]),t[e]}var k=n(y),x=n(I),w=n(P),E=document,M=E.documentElement;e.exports=t}),A=n(_),X=(function(){function e(e){this.value=e}function n(n){function t(e,n){return new Promise(function(t,i){var u={key:e,arg:n,resolve:t,reject:i,next:null};a?a=a.next=u:(o=a=u,r(e,n))})}function r(t,o){try{var a=n[t](o),u=a.value;u instanceof e?Promise.resolve(u.value).then(function(e){r("next",e)},function(e){r("throw",e)}):i(a.done?"return":"normal",a.value)}catch(e){i("throw",e)}}function i(e,n){switch(e){case"return":o.resolve({value:n,done:!0});break;case"throw":o.reject(n);break;default:o.resolve({value:n,done:!1})}o=o.next,o?r(o.key,o.arg):a=null}var o,a;this._invoke=t,"function"!=typeof n.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(n.prototype[Symbol.asyncIterator]=function(){return this}),n.prototype.next=function(e){return this._invoke("next",e)},n.prototype.throw=function(e){return this._invoke("throw",e)},n.prototype.return=function(e){return this._invoke("return",e)},{wrap:function(e){return function(){return new n(e.apply(this,arguments))}},await:function(n){return new e(n)}}}(),function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}),z=function(){function e(e,n){for(var t=0;t<n.length;t++){var r=n[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(n,t,r){return t&&e(n.prototype,t),r&&e(n,r),n}}(),Y=window.requestAnimationFrame,$=Y?function(e){Y(function(){Y(e)})}:function(e){window.setTimeout(e,50)},R=function(){function e(n){var t=n.ctx,r=n.name,i=n.drake;X(this,e),this.dragElm=null,this.dragIndex=null,this.dropIndex=null,this.sourceModel=null,this.ctx=t,this.drake=i,this.name=r,this.eventBus=t.eventBus,this.findModelForContainer=t.findModelForContainer,this.domIndexOf=t.domIndexOf}return z(e,[{key:"remove",value:function(e,n,t){this.drake.models&&(this.sourceModel=this.findModelForContainer(t,this.drake),this.sourceModel.splice(this.dragIndex,1),this.drake.cancel(!0),this.eventBus.$emit("removeModel",[this.name,e,t,this.dragIndex]))}},{key:"drag",value:function(e,n){this.dragElm=e,this.dragIndex=this.domIndexOf(e,n)}},{key:"drop",value:function(e,n,t){var r=this;if(this.drake.models&&n){if(this.dropIndex=this.domIndexOf(e,n),this.sourceModel=this.findModelForContainer(t,this.drake),n===t)thissourceModel.splice(this.dropIndex,0,this.sourceModel.splice(this.dragIndex,1)[0]);else{var i=this.dragElm===e,o=this.findModelForContainer(n,this.drake),a=i?this.dropElmModel:this.jsonDropElmModel;i&&$(function(){r.sourceModel.splice(r.dragIndex,1)}),o.splice(this.dropIndex,0,a),this.drake.cancel(!0)}this.eventBus.$emit("dropModel",[this.name,e,n,t,this.dropIndex])}}},{key:"dropElmModel",get:function(){return this.sourceModel[this.dragIndex]}},{key:"jsonDropElmModel",get:function(){return JSON.parse(JSON.stringify(this.sourceModel[this.dragIndex]))}}]),e}();if(!A)throw new Error("[vue-dragula] cannot locate dragula.");var H=function(){function e(n){var t=n.name,i=n.eventBus,o=n.bags,a=n.drake,u=n.options;X(this,e),this.options=u||{},this.logging=u.logging,this.name=t,this.bags=o={},this.eventBus=i,this.drake=a,this.createDragHandler=u.createDragHandler||r,this.events=["cancel","cloned","drag","dragend","drop","out","over","remove","shadow","dropModel","removeModel"]}return z(e,[{key:"log",value:function(e){var n;if(this.logging){for(var t=arguments.length,r=Array(t>1?t-1:0),i=1;i<t;i++)r[i-1]=arguments[i];(n=console).log.apply(n,["DragulaService ["+this.name+"] :",e].concat(r))}}},{key:"error",value:function(e){throw console.error(e),new Error(e)}},{key:"add",value:function(e,n){n=n||this.drake,this.log("add (bag)",e,n);var t=this.find(e);if(t){this.log("existing bags",this.bagNames);'Bag named: "'+e+'" already exists for this service ['+this.name+"]. \n      Most likely this error in cause by a race condition evaluating multiple template elements with \n      the v-dragula directive having the same bag name. Please initialise the bag in the created() life cycle hook of the VM to fix this problem.";this.error(msg)}return this.bags[e]=n,n.models&&this.handleModels(e,n),t.initEvents||this.setupEvents(t),t}},{key:"find",value:function(e){return this.log("find (bag) by name",e),this.bags[e]}},{key:"handleModels",value:function(e,n){if(n=n||this.drake,this.log("handleModels",e,n),!n.registered){var t=this.createDragHandler({ctx:this,name:e,drake:n});n.on("remove",t.remove),n.on("drag",t.drag),n.on("drop",t.drop),n.registered=!0}}},{key:"on",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Object.keys(e),t=!0,r=!1,i=void 0;try{for(var o,a=n[Symbol.iterator]();!(t=(o=a.next()).done);t=!0){var u=o.value,c=e[u];this.eventBus.$on(u,c)}}catch(e){r=!0,i=e}finally{try{!t&&a.return&&a.return()}finally{if(r)throw i}}}},{key:"destroy",value:function(e){this.log("destroy",e);var n=this.find(e);n&&(n.drake.destroy(),this.delete(e))}},{key:"delete",value:function(e){delete this.bags[e]}},{key:"setOptions",value:function(e,n){if(this.log("setOptions",e,n),!e)return console.error("setOptions must take the name of the bag to set options for"),this;var t=this.add(e,A(n));return this.handleModels(e,t.drake),this}},{key:"setupEvents",value:function(e){this.log("setupEvents",e),e.initEvents=!0;var n=this,t=function(t){function r(){var r=Array.prototype.slice.call(arguments);n.eventBus.$emit(t,[e.name].concat(r))}e.drake.on(t,r)};this.events.forEach(t)}},{key:"domIndexOf",value:function(e,n){return Array.prototype.indexOf.call(n.children,e)}},{key:"findModelForContainer",value:function(e,n){return n=n||this.drake,this.log("findModelForContainer",e,n),(this.findModelContainerByContainer(e,n)||{}).model}},{key:"findModelContainerByContainer",value:function(e,n){if(n=n||this.drake,n.models)return n.models.find(function(n){return n.container===e})}},{key:"bagNames",get:function(){return Object.keys(this.bags)}}]),e}();if(!A)throw new Error("[vue-dragula] cannot locate dragula.");var L={createService:function(e){var n=e.name,t=e.eventBus,r=e.bags;return new H({name:n,eventBus:t,bags:r})},createEventBus:function(e){arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return new e}};o.version="1.0.0","function"==typeof define&&define.amd?define([],function(){}):window.Vue&&window.Vue.use(o),e.default=o,e.DragulaService=H,e.DragHandler=R});
\ No newline at end of file
diff --git a/package.json b/package.json
index e5d9c56..faf7ecf 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-dragula",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "description": "Vue 2 wrapper for dragula",
   "main": "dist/vue-dragula.js",
   "files": [
diff --git a/src/vue-dragula.js b/src/vue-dragula.js
index 10bc7ed..732b112 100644
--- a/src/vue-dragula.js
+++ b/src/vue-dragula.js
@@ -1,6 +1,5 @@
 import dragula from 'dragula'
 import { DragulaService } from './service'
-import merge from 'lodash.merge'
 
 if (!dragula) {
   throw new Error('[vue-dragula] cannot locate dragula.')
@@ -68,7 +67,7 @@ export default function (Vue, options = {}) {
       let names = serviceOpts.names || []
       let name = serviceOpts.name || []
       let bags = serviceOpts.bags || {}
-      let opts = merge(options, serviceOpts)
+      let opts = Object.assign({}, options, serviceOpts)
       names = names || [name]
       let eventBus = serviceOpts.eventBus || eventBus
 

From 6a3a5bf0d1a70dff10d85fa1e6d794bd8144f4a2 Mon Sep 17 00:00:00 2001
From: Kristian Mandrup <kmandrup@gmail.com>
Date: Sun, 13 Nov 2016 13:14:17 +0100
Subject: [PATCH 22/30] more fine grained control over model model operations
 in DragHandler

---
 README.md               | 44 +++++++++++++++++-------------
 dist/vue-dragula.js     | 60 +++++++++++++++++++++++++++--------------
 dist/vue-dragula.min.js |  4 +--
 src/drag-handler.js     | 50 ++++++++++++++++++++++------------
 4 files changed, 100 insertions(+), 58 deletions(-)

diff --git a/README.md b/README.md
index c9dfa7b..fca1e43 100644
--- a/README.md
+++ b/README.md
@@ -111,28 +111,34 @@ Currently we use global variables to handle this, which is not very flexible.
 This works since the `drag` event is always called first and will set the `dragIndex` which is scope referenced by `remove`. Instead we should move it to a class with shared instance variables. Then we can substitute the drag handlers.
 
 ```js
-  let dragElm
-  let dragIndex
-  let dropIndex
-  let sourceModel
-
-  drake.on('remove', (el, container, source) => {
-    if (!drake.models) {
-      return
-    }
-    sourceModel = this.findModelForContainer(source, drake)
-    sourceModel.splice(dragIndex, 1)
-    drake.cancel(true)
-    this.eventBus.$emit('removeModel', [name, el, source, dragIndex])
-  })
+  const dragHandler = this.createDragHandler({ ctx: this, name, drake })
 
-  drake.on('drag', (el, source) => {
-    dragElm = el
-    dragIndex = this.domIndexOf(el, source)
-  })
+  drake.on('remove', dragHandler.remove)
+  drake.on('drag', dragHandler.drag)
+  drake.on('drop', dragHandler.drop)
+```
+
+This has now been refactored in the `DragHandler` class (see `/src/drag-handler.js`.
+
+Key model operation methods:
+- on `remove`: `removeModel`
+- on `drop`: `dropModelSame` and `insertModel`
+
+```js
+  removeModel(el, container, source) {
+    this.sourceModel.splice(this.dragIndex, 1)
+  }
+
+  dropModelSame(dropElm, target, source) {
+    this.sourceModel.splice(this.dropIndex, 0, this.sourceModel.splice(this.dragIndex, 1)[0])
+  }
+
+  insertModel(targetModel, dropElmModel) {
+    targetModel.splice(this.dropIndex, 0, dropElmModel)
+  }
 ```
 
-This has now been refactored in the `DragHandler` class (see `/src/drag-handler.js`. This class can be subclassed and customized as needed. You can then pass a factory method `createDragHandler` as a service option.
+The `DragHandler` class can be subclassed and customized as needed. You can then pass a factory method `createDragHandler` as a service option.
 
 ```js
 function createDragHandler({ctx, name, drake}) {
diff --git a/dist/vue-dragula.js b/dist/vue-dragula.js
index eb922a8..def3066 100644
--- a/dist/vue-dragula.js
+++ b/dist/vue-dragula.js
@@ -1,5 +1,5 @@
 /*!
- * vue-dragula v2.0.0
+ * vue-dragula v2.1.0
  * (c) 2016 Yichang Liu
  * Released under the MIT License.
  */
@@ -1237,13 +1237,50 @@ var require$$0$3 = Object.freeze({
 	  }
 
 	  createClass(DragHandler, [{
+	    key: 'removeModel',
+	    value: function removeModel(el, container, source) {
+	      this.sourceModel.splice(this.dragIndex, 1);
+	    }
+	  }, {
+	    key: 'dropModelSame',
+	    value: function dropModelSame(dropElm, target, source) {
+	      this.sourceModel.splice(this.dropIndex, 0, this.sourceModel.splice(this.dragIndex, 1)[0]);
+	    }
+	  }, {
+	    key: 'insertModel',
+	    value: function insertModel(targetModel, dropElmModel) {
+	      targetModel.splice(this.dropIndex, 0, dropElmModel);
+	    }
+	  }, {
+	    key: 'dropModelTarget',
+	    value: function dropModelTarget(dropElm, target, source) {
+	      var _this = this;
+
+	      var notCopy = this.dragElm === dropElm;
+	      var targetModel = this.findModelForContainer(target, this.drake);
+	      var dropElmModel = notCopy ? this.dropElmModel : this.jsonDropElmModel;
+
+	      if (notCopy) {
+	        waitForTransition(function () {
+	          _this.sourceModel.splice(_this.dragIndex, 1);
+	        });
+	      }
+	      this.insertModel(targetModel, dropElmModel);
+	      this.drake.cancel(true);
+	    }
+	  }, {
+	    key: 'dropModel',
+	    value: function dropModel(dropElm, target, source) {
+	      target === source ? this.dropModelSame(dropElm, target, source) : this.dropModelTarget(dropElm, target, source);
+	    }
+	  }, {
 	    key: 'remove',
 	    value: function remove(el, container, source) {
 	      if (!this.drake.models) {
 	        return;
 	      }
 	      this.sourceModel = this.findModelForContainer(source, this.drake);
-	      this.sourceModel.splice(this.dragIndex, 1);
+	      this.removeModel(el, container, source);
 	      this.drake.cancel(true);
 	      this.eventBus.$emit('removeModel', [this.name, el, source, this.dragIndex]);
 	    }
@@ -1256,29 +1293,12 @@ var require$$0$3 = Object.freeze({
 	  }, {
 	    key: 'drop',
 	    value: function drop(dropElm, target, source) {
-	      var _this = this;
-
 	      if (!this.drake.models || !target) {
 	        return;
 	      }
 	      this.dropIndex = this.domIndexOf(dropElm, target);
 	      this.sourceModel = this.findModelForContainer(source, this.drake);
-
-	      if (target === source) {
-	        thissourceModel.splice(this.dropIndex, 0, this.sourceModel.splice(this.dragIndex, 1)[0]);
-	      } else {
-	        var notCopy = this.dragElm === dropElm;
-	        var targetModel = this.findModelForContainer(target, this.drake);
-	        var dropElmModel = notCopy ? this.dropElmModel : this.jsonDropElmModel;
-
-	        if (notCopy) {
-	          waitForTransition(function () {
-	            _this.sourceModel.splice(_this.dragIndex, 1);
-	          });
-	        }
-	        targetModel.splice(this.dropIndex, 0, dropElmModel);
-	        this.drake.cancel(true);
-	      }
+	      this.dropModel(dropElm, target, source);
 	      this.eventBus.$emit('dropModel', [this.name, dropElm, target, source, this.dropIndex]);
 	    }
 	  }, {
diff --git a/dist/vue-dragula.min.js b/dist/vue-dragula.min.js
index 8f5e1b9..24bd0b1 100644
--- a/dist/vue-dragula.min.js
+++ b/dist/vue-dragula.min.js
@@ -1,6 +1,6 @@
 /*!
- * vue-dragula v2.0.0
+ * vue-dragula v2.1.0
  * (c) 2016 Yichang Liu
  * Released under the MIT License.
  */
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports):"function"==typeof define&&define.amd?define(["exports"],n):n(e.vueDragula=e.vueDragula||{})}(this,function(e){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e.default:e}function t(e,n){return n={exports:{}},e(n,n.exports),n.exports}function r(e){var n=e.ctx,t=e.name,r=e.drake;return new R({ctx:n,name:t,drake:r})}function i(e){function n(){var e;if(o.logging){for(var n=arguments.length,t=Array(n),r=0;r<n;r++)t[r]=arguments[r];(e=console).log.apply(e,["vue-dragula plugin"].concat(t))}}function t(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return n.apply(void 0,["v-dragula directive"].concat(t))}function r(e,n,r){if(n){var i=n.context.$dragula;if(i){t("trying to find and use component service");var o=i.services[r];if(o)return t("using component service",o),o}}return t("using global service",s),s.find(e,n)}function i(e,n,t){var r=n?n.data.attrs.bag:this.params.bag,i=n?n.data.attrs.service:this.params.service;return void 0!==r&&0!==r.length&&(e=r),{name:e,bagName:r,serviceName:i}}var o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};n("Initializing vue-dragula plugin",o);var a=o.createService||L.createService,u=o.createEventBus||L.createEventBus,c=u(e,o),s=a({name:"global.dragula",eventBus:c,bags:o.bags}),l=void 0,d=function(){function e(n){X(this,e),this.options=n,this.$service={options:s.setOptions.bind(s),find:s.find.bind(s),eventBus:this.eventBus=s.eventBus}}return z(e,[{key:"optionsFor",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return this.service(e).setOptions(n),this}},{key:"create",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this._serviceMap=this._serviceMap||{};var n=e.names||[],t=e.name||[],r=e.bags||{},i=Object.assign({},o,e);n=n||[t];var a=e.eventBus||a,u=!0,c=!1,s=void 0;try{for(var l,d=n[Symbol.iterator]();!(u=(l=d.next()).done);u=!0){var f=l.value,v=new H({name:f,eventBus:a,bags:r,otions:i});this._serviceMap[f]=v,r&&this.bagsFor(f,r)}}catch(e){c=!0,s=e}finally{try{!u&&d.return&&d.return()}finally{if(c)throw s}}return this}},{key:"bagsFor",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=this.service(e),r=Object.keys(n),i=!0,o=!1,a=void 0;try{for(var u,c=r[Symbol.iterator]();!(i=(u=c.next()).done);i=!0){var s=u.value,l=n[s];l===!0&&(l={}),t.setOptions(s,l)}}catch(e){o=!0,a=e}finally{try{!i&&c.return&&c.return()}finally{if(o)throw a}}return this}},{key:"on",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Object.values(this.serviceMap),t=!0,r=!1,i=void 0;try{for(var o,a=n[Symbol.iterator]();!(t=(o=a.next()).done);t=!0){var u=o.value;u.on(e)}}catch(e){r=!0,i=e}finally{try{!t&&a.return&&a.return()}finally{if(r)throw i}}return this}},{key:"service",value:function(e){var n=this._serviceMap[e];if(!n||!e){var t=this.servicesNames;n=this._serviceMap[t[0]]}return n}},{key:"serviceNames",get:function(){return Object.keys(this._serviceMap)}},{key:"services",get:function(){return Object.values(this._serviceMap)}}]),e}();e.$dragula=new d(o),e.prototype.$dragula=e.$dragula,e.directive("dragula",{params:["bag","service"],bind:function(e,n,o){t("bind",e,n,o);var a=i("globalBag",o,this),u=a.name,c=a.bagName,s=a.serviceName,d=r(u,o,s),f=d.find(u,o);return o||(e=this.el),t({service:{name:s,instance:d},bag:{name:c,instance:f},container:e}),f?(l=f.drake,void l.containers.push(e)):(l=A({containers:[e]}),d.add(u,l),void d.handleModels(u,l))},update:function(e,n,o,a){t("update",e,n,o);var u=o?n.value:e;if(u){var c=i("globalBag",o,this),s=c.name,d=c.bagName,f=c.serviceName,v=r(s,o,f),h=v.find(s,o);l=h.drake,l.models||(l.models=[]),o||(e=this.el);var g=v.findModelContainerByContainer(e,l);t({service:{name:f,instance:v},bag:{name:d,instance:h},container:e,modelContainer:g}),g?(t("set model of container",u),g.model=u):(t("push model and container on drake",u,e),l.models.push({model:u,container:e}))}},unbind:function(e,n,o){t("unbind",e,n,o);var a=i("globalBag",o,this),u=a.name,c=a.serviceName,s=r(u,o,c),l=s.find(u,o);t({service:{name:c,instance:s},bag:{name:bagName,instance:l},container:e});var d=l.drake;if(d){var f=d.containers.indexOf(e);f>-1&&(t("remove container",f),d.containers.splice(f,1)),0===d.containers.length&&(t("destroy service"),s.destroy(u))}}})}function o(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};o.installed&&console.warn("[vue-dragula] already installed."),console.log("Add Dragula plugin:",n),i(e,n)}var a="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},u=t(function(e){e.exports=function(e,n){return Array.prototype.slice.call(e,n)}}),c=n(u),s=Object.freeze({default:c}),l=t(function(e){var n,t="function"==typeof setImmediate;n=t?function(e){setImmediate(e)}:"undefined"!=typeof process&&process.nextTick?process.nextTick:function(e){setTimeout(e,0)},e.exports=n}),d=n(l),f=Object.freeze({default:d}),v=t(function(e){var t=n(f);e.exports=function(e,n,r){e&&t(function(){e.apply(r||null,n||[])})}}),h=n(v),g=Object.freeze({default:h}),m=t(function(e){var t=n(s),r=n(g);e.exports=function(e,n){var i=n||{},o={};return void 0===e&&(e={}),e.on=function(n,t){return o[n]?o[n].push(t):o[n]=[t],e},e.once=function(n,t){return t._once=!0,e.on(n,t),e},e.off=function(n,t){var r=arguments.length;if(1===r)delete o[n];else if(0===r)o={};else{var i=o[n];if(!i)return e;i.splice(i.indexOf(t),1)}return e},e.emit=function(){var n=t(arguments);return e.emitterSnapshot(n.shift()).apply(this,n)},e.emitterSnapshot=function(n){var a=(o[n]||[]).slice(0);return function(){var o=t(arguments),u=this||e;if("error"===n&&i.throws!==!1&&!a.length)throw 1===o.length?o[0]:o;return a.forEach(function(t){i.async?r(t,o,u):t.apply(u,o),t._once&&e.off(n,t)}),e}},e}}),p=n(m),y=Object.freeze({default:p}),b=t(function(e){function n(){try{var e=new t("cat",{detail:{foo:"bar"}});return"cat"===e.type&&"bar"===e.detail.foo}catch(e){}return!1}var t=a.CustomEvent;e.exports=n()?t:"function"==typeof document.createEvent?function(e,n){var t=document.createEvent("CustomEvent");return n?t.initCustomEvent(e,n.bubbles,n.cancelable,n.detail):t.initCustomEvent(e,!1,!1,void 0),t}:function(e,n){var t=document.createEventObject();return t.type=e,n?(t.bubbles=Boolean(n.bubbles),t.cancelable=Boolean(n.cancelable),t.detail=n.detail):(t.bubbles=!1,t.cancelable=!1,t.detail=void 0),t}}),k=n(b),x=Object.freeze({default:k}),w=t(function(e){var n=[],t="",r=/^on/;for(t in a)r.test(t)&&n.push(t.slice(2));e.exports=n}),E=n(w),M=Object.freeze({default:E}),O=t(function(e){function t(e,n,t,r){return e.addEventListener(n,t,r)}function r(e,n,t){return e.attachEvent("on"+n,s(e,n,t))}function i(e,n,t,r){return e.removeEventListener(n,t,r)}function o(e,n,t){var r=l(e,n,t);if(r)return e.detachEvent("on"+n,r)}function u(e,n,t){function r(){var e;return h.createEvent?(e=h.createEvent("Event"),e.initEvent(n,!0,!0)):h.createEventObject&&(e=h.createEventObject()),e}function i(){return new f(n,{detail:t})}var o=v.indexOf(n)===-1?i():r();e.dispatchEvent?e.dispatchEvent(o):e.fireEvent("on"+n,o)}function c(e,n,t){return function(n){var r=n||a.event;r.target=r.target||r.srcElement,r.preventDefault=r.preventDefault||function(){r.returnValue=!1},r.stopPropagation=r.stopPropagation||function(){r.cancelBubble=!0},r.which=r.which||r.keyCode,t.call(e,r)}}function s(e,n,t){var r=l(e,n,t)||c(e,n,t);return p.push({wrapper:r,element:e,type:n,fn:t}),r}function l(e,n,t){var r=d(e,n,t);if(r){var i=p[r].wrapper;return p.splice(r,1),i}}function d(e,n,t){var r,i;for(r=0;r<p.length;r++)if(i=p[r],i.element===e&&i.type===n&&i.fn===t)return r}var f=n(x),v=n(M),h=a.document,g=t,m=i,p=[];a.addEventListener||(g=r,m=o),e.exports={add:g,remove:m,fabricate:u}}),S=n(O),C=O.add,B=O.remove,N=O.fabricate,I=Object.freeze({default:S,add:C,remove:B,fabricate:N}),j=t(function(e){function n(e){var n=i[e];return n?n.lastIndex=0:i[e]=n=new RegExp(o+e+a,"g"),n}function t(e,t){var r=e.className;r.length?n(t).test(r)||(e.className+=" "+t):e.className=t}function r(e,t){e.className=e.className.replace(n(t)," ").trim()}var i={},o="(?:^|\\s)",a="(?:\\s|$)";e.exports={add:t,rm:r}}),T=n(j),D=j.add,F=j.rm,P=Object.freeze({default:T,add:D,rm:F}),_=t(function(e){function t(e,n){function t(e){return le.containers.indexOf(e)!==-1||se.isContainer(e)}function a(e){var n=e?"remove":"add";r(M,n,"mousedown",O),r(M,n,"mouseup",F)}function u(e){var n=e?"remove":"add";r(M,n,"mousemove",S)}function g(e){var n=e?"remove":"add";x[n](M,"selectstart",y),x[n](M,"click",y)}function p(){a(!0),F({})}function y(e){ue&&e.preventDefault()}function O(e){ne=e.clientX,te=e.clientY;var n=1!==i(e)||e.metaKey||e.ctrlKey;if(!n){var t=e.target,r=C(t);r&&(ue=r,u(),"mousedown"===e.type&&(h(t)?t.focus():e.preventDefault()))}}function S(e){if(ue){if(0===i(e))return void F({});if(void 0===e.clientX||e.clientX!==ne||void 0===e.clientY||e.clientY!==te){if(se.ignoreInputTextSelection){var n=b("clientX",e),t=b("clientY",e),r=E.elementFromPoint(n,t);if(h(r))return}var a=ue;u(!0),g(),T(),I(a);var c=o(W);Z=b("pageX",e)-c.left,ee=b("pageY",e)-c.top,w.add(oe||W,"gu-transit"),L(),$(e)}}}function C(e){if(!(le.dragging&&G||t(e))){for(var n=e;v(e)&&t(v(e))===!1;){if(se.invalid(e,n))return;if(e=v(e),!e)return}var r=v(e);if(r&&!se.invalid(e,n)){var i=se.moves(e,r,n,m(e));if(i)return{item:e,source:r}}}}function B(e){return!!C(e)}function N(e){var n=C(e);n&&I(n)}function I(e){U(e.item,e.source)&&(oe=e.item.cloneNode(!0),le.emit("cloned",oe,e.item,"copy")),Q=e.source,W=e.item,re=ie=m(e.item),le.dragging=!0,le.emit("drag",W,Q)}function j(){return!1}function T(){if(le.dragging){var e=oe||W;P(e,v(e))}}function D(){ue=!1,u(!0),g(!0)}function F(e){if(D(),le.dragging){var n=oe||W,t=b("clientX",e),r=b("clientY",e),i=c(G,t,r),o=Y(i,t,r);o&&(oe&&se.copySortSource||!oe||o!==Q)?P(n,o):se.removeOnSpill?_():A()}}function P(e,n){var t=v(e);oe&&se.copySortSource&&n===Q&&t.removeChild(W),z(n)?le.emit("cancel",e,Q,Q):le.emit("drop",e,n,Q,ie),X()}function _(){if(le.dragging){var e=oe||W,n=v(e);n&&n.removeChild(e),le.emit(oe?"cancel":"remove",e,n,Q),X()}}function A(e){if(le.dragging){var n=arguments.length>0?e:se.revertOnSpill,t=oe||W,r=v(t),i=z(r);i===!1&&n&&(oe?r&&r.removeChild(oe):Q.insertBefore(t,re)),i||n?le.emit("cancel",t,Q,Q):le.emit("drop",t,r,Q,ie),X()}}function X(){var e=oe||W;D(),V(),e&&w.rm(e,"gu-transit"),ae&&clearTimeout(ae),le.dragging=!1,ce&&le.emit("out",e,ce,Q),le.emit("dragend",e),Q=W=oe=re=ie=ae=ce=null}function z(e,n){var t;return t=void 0!==n?n:G?ie:m(oe||W),e===Q&&t===re}function Y(e,n,r){function i(){var i=t(o);if(i===!1)return!1;var a=J(o,e),u=K(o,a,n,r),c=z(o,u);return!!c||se.accepts(W,o,Q,u)}for(var o=e;o&&!i();)o=v(o);return o}function $(e){function n(e){le.emit(e,s,ce,Q)}function t(){f&&n("over")}function r(){ce&&n("out")}if(G){e.preventDefault();var i=b("clientX",e),o=b("clientY",e),a=i-Z,u=o-ee;G.style.left=a+"px",G.style.top=u+"px";var s=oe||W,l=c(G,i,o),d=Y(l,i,o),f=null!==d&&d!==ce;(f||null===d)&&(r(),ce=d,t());var h=v(s);if(d===Q&&oe&&!se.copySortSource)return void(h&&h.removeChild(s));var g,p=J(d,l);if(null!==p)g=K(d,p,i,o);else{if(se.revertOnSpill!==!0||oe)return void(oe&&h&&h.removeChild(s));g=re,d=Q}(null===g&&f||g!==s&&g!==m(s))&&(ie=g,d.insertBefore(s,g),le.emit("shadow",s,d,Q))}}function R(e){w.rm(e,"gu-hide")}function H(e){le.dragging&&w.add(e,"gu-hide")}function L(){if(!G){var e=W.getBoundingClientRect();G=W.cloneNode(!0),G.style.width=d(e)+"px",G.style.height=f(e)+"px",w.rm(G,"gu-transit"),w.add(G,"gu-mirror"),se.mirrorContainer.appendChild(G),r(M,"add","mousemove",$),w.add(se.mirrorContainer,"gu-unselectable"),le.emit("cloned",G,W,"mirror")}}function V(){G&&(w.rm(se.mirrorContainer,"gu-unselectable"),r(M,"remove","mousemove",$),v(G).removeChild(G),G=null)}function J(e,n){for(var t=n;t!==e&&v(t)!==e;)t=v(t);return t===M?null:t}function K(e,n,t,r){function i(){var n,i,o,a=e.children.length;for(n=0;n<a;n++){if(i=e.children[n],o=i.getBoundingClientRect(),u&&o.left+o.width/2>t)return i;if(!u&&o.top+o.height/2>r)return i}return null}function o(){var e=n.getBoundingClientRect();return a(u?t>e.left+d(e)/2:r>e.top+f(e)/2)}function a(e){return e?m(n):n}var u="horizontal"===se.direction,c=n!==e?o():i();return c}function U(e,n){return"boolean"==typeof se.copy?se.copy:se.copy(e,n)}var q=arguments.length;1===q&&Array.isArray(e)===!1&&(n=e,e=[]);var G,Q,W,Z,ee,ne,te,re,ie,oe,ae,ue,ce=null,se=n||{};void 0===se.moves&&(se.moves=l),void 0===se.accepts&&(se.accepts=l),void 0===se.invalid&&(se.invalid=j),void 0===se.containers&&(se.containers=e||[]),void 0===se.isContainer&&(se.isContainer=s),void 0===se.copy&&(se.copy=!1),void 0===se.copySortSource&&(se.copySortSource=!1),void 0===se.revertOnSpill&&(se.revertOnSpill=!1),void 0===se.removeOnSpill&&(se.removeOnSpill=!1),void 0===se.direction&&(se.direction="vertical"),void 0===se.ignoreInputTextSelection&&(se.ignoreInputTextSelection=!0),void 0===se.mirrorContainer&&(se.mirrorContainer=E.body);var le=k({containers:se.containers,start:N,end:T,cancel:A,remove:_,destroy:p,canMove:B,dragging:!1});return se.removeOnSpill===!0&&le.on("over",R).on("out",H),a(),le}function r(e,n,t,r){var i={mouseup:"touchend",mousedown:"touchstart",mousemove:"touchmove"},o={mouseup:"pointerup",mousedown:"pointerdown",mousemove:"pointermove"},u={mouseup:"MSPointerUp",mousedown:"MSPointerDown",mousemove:"MSPointerMove"};a.navigator.pointerEnabled?x[n](e,o[t],r):a.navigator.msPointerEnabled?x[n](e,u[t],r):(x[n](e,i[t],r),x[n](e,t,r))}function i(e){if(void 0!==e.touches)return e.touches.length;if(void 0!==e.which&&0!==e.which)return e.which;if(void 0!==e.buttons)return e.buttons;var n=e.button;return void 0!==n?1&n?1:2&n?3:4&n?2:0:void 0}function o(e){var n=e.getBoundingClientRect();return{left:n.left+u("scrollLeft","pageXOffset"),top:n.top+u("scrollTop","pageYOffset")}}function u(e,n){return"undefined"!=typeof a[n]?a[n]:M.clientHeight?M[e]:E.body[e]}function c(e,n,t){var r,i=e||{},o=i.className;return i.className+=" gu-hide",r=E.elementFromPoint(n,t),i.className=o,r}function s(){return!1}function l(){return!0}function d(e){return e.width||e.right-e.left}function f(e){return e.height||e.bottom-e.top}function v(e){return e.parentNode===E?null:e.parentNode}function h(e){return"INPUT"===e.tagName||"TEXTAREA"===e.tagName||"SELECT"===e.tagName||g(e)}function g(e){return!!e&&("false"!==e.contentEditable&&("true"===e.contentEditable||g(v(e))))}function m(e){function n(){var n=e;do n=n.nextSibling;while(n&&1!==n.nodeType);return n}return e.nextElementSibling||n()}function p(e){return e.targetTouches&&e.targetTouches.length?e.targetTouches[0]:e.changedTouches&&e.changedTouches.length?e.changedTouches[0]:e}function b(e,n){var t=p(n),r={pageX:"clientX",pageY:"clientY"};return e in r&&!(e in t)&&r[e]in t&&(e=r[e]),t[e]}var k=n(y),x=n(I),w=n(P),E=document,M=E.documentElement;e.exports=t}),A=n(_),X=(function(){function e(e){this.value=e}function n(n){function t(e,n){return new Promise(function(t,i){var u={key:e,arg:n,resolve:t,reject:i,next:null};a?a=a.next=u:(o=a=u,r(e,n))})}function r(t,o){try{var a=n[t](o),u=a.value;u instanceof e?Promise.resolve(u.value).then(function(e){r("next",e)},function(e){r("throw",e)}):i(a.done?"return":"normal",a.value)}catch(e){i("throw",e)}}function i(e,n){switch(e){case"return":o.resolve({value:n,done:!0});break;case"throw":o.reject(n);break;default:o.resolve({value:n,done:!1})}o=o.next,o?r(o.key,o.arg):a=null}var o,a;this._invoke=t,"function"!=typeof n.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(n.prototype[Symbol.asyncIterator]=function(){return this}),n.prototype.next=function(e){return this._invoke("next",e)},n.prototype.throw=function(e){return this._invoke("throw",e)},n.prototype.return=function(e){return this._invoke("return",e)},{wrap:function(e){return function(){return new n(e.apply(this,arguments))}},await:function(n){return new e(n)}}}(),function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}),z=function(){function e(e,n){for(var t=0;t<n.length;t++){var r=n[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(n,t,r){return t&&e(n.prototype,t),r&&e(n,r),n}}(),Y=window.requestAnimationFrame,$=Y?function(e){Y(function(){Y(e)})}:function(e){window.setTimeout(e,50)},R=function(){function e(n){var t=n.ctx,r=n.name,i=n.drake;X(this,e),this.dragElm=null,this.dragIndex=null,this.dropIndex=null,this.sourceModel=null,this.ctx=t,this.drake=i,this.name=r,this.eventBus=t.eventBus,this.findModelForContainer=t.findModelForContainer,this.domIndexOf=t.domIndexOf}return z(e,[{key:"remove",value:function(e,n,t){this.drake.models&&(this.sourceModel=this.findModelForContainer(t,this.drake),this.sourceModel.splice(this.dragIndex,1),this.drake.cancel(!0),this.eventBus.$emit("removeModel",[this.name,e,t,this.dragIndex]))}},{key:"drag",value:function(e,n){this.dragElm=e,this.dragIndex=this.domIndexOf(e,n)}},{key:"drop",value:function(e,n,t){var r=this;if(this.drake.models&&n){if(this.dropIndex=this.domIndexOf(e,n),this.sourceModel=this.findModelForContainer(t,this.drake),n===t)thissourceModel.splice(this.dropIndex,0,this.sourceModel.splice(this.dragIndex,1)[0]);else{var i=this.dragElm===e,o=this.findModelForContainer(n,this.drake),a=i?this.dropElmModel:this.jsonDropElmModel;i&&$(function(){r.sourceModel.splice(r.dragIndex,1)}),o.splice(this.dropIndex,0,a),this.drake.cancel(!0)}this.eventBus.$emit("dropModel",[this.name,e,n,t,this.dropIndex])}}},{key:"dropElmModel",get:function(){return this.sourceModel[this.dragIndex]}},{key:"jsonDropElmModel",get:function(){return JSON.parse(JSON.stringify(this.sourceModel[this.dragIndex]))}}]),e}();if(!A)throw new Error("[vue-dragula] cannot locate dragula.");var H=function(){function e(n){var t=n.name,i=n.eventBus,o=n.bags,a=n.drake,u=n.options;X(this,e),this.options=u||{},this.logging=u.logging,this.name=t,this.bags=o={},this.eventBus=i,this.drake=a,this.createDragHandler=u.createDragHandler||r,this.events=["cancel","cloned","drag","dragend","drop","out","over","remove","shadow","dropModel","removeModel"]}return z(e,[{key:"log",value:function(e){var n;if(this.logging){for(var t=arguments.length,r=Array(t>1?t-1:0),i=1;i<t;i++)r[i-1]=arguments[i];(n=console).log.apply(n,["DragulaService ["+this.name+"] :",e].concat(r))}}},{key:"error",value:function(e){throw console.error(e),new Error(e)}},{key:"add",value:function(e,n){n=n||this.drake,this.log("add (bag)",e,n);var t=this.find(e);if(t){this.log("existing bags",this.bagNames);'Bag named: "'+e+'" already exists for this service ['+this.name+"]. \n      Most likely this error in cause by a race condition evaluating multiple template elements with \n      the v-dragula directive having the same bag name. Please initialise the bag in the created() life cycle hook of the VM to fix this problem.";this.error(msg)}return this.bags[e]=n,n.models&&this.handleModels(e,n),t.initEvents||this.setupEvents(t),t}},{key:"find",value:function(e){return this.log("find (bag) by name",e),this.bags[e]}},{key:"handleModels",value:function(e,n){if(n=n||this.drake,this.log("handleModels",e,n),!n.registered){var t=this.createDragHandler({ctx:this,name:e,drake:n});n.on("remove",t.remove),n.on("drag",t.drag),n.on("drop",t.drop),n.registered=!0}}},{key:"on",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Object.keys(e),t=!0,r=!1,i=void 0;try{for(var o,a=n[Symbol.iterator]();!(t=(o=a.next()).done);t=!0){var u=o.value,c=e[u];this.eventBus.$on(u,c)}}catch(e){r=!0,i=e}finally{try{!t&&a.return&&a.return()}finally{if(r)throw i}}}},{key:"destroy",value:function(e){this.log("destroy",e);var n=this.find(e);n&&(n.drake.destroy(),this.delete(e))}},{key:"delete",value:function(e){delete this.bags[e]}},{key:"setOptions",value:function(e,n){if(this.log("setOptions",e,n),!e)return console.error("setOptions must take the name of the bag to set options for"),this;var t=this.add(e,A(n));return this.handleModels(e,t.drake),this}},{key:"setupEvents",value:function(e){this.log("setupEvents",e),e.initEvents=!0;var n=this,t=function(t){function r(){var r=Array.prototype.slice.call(arguments);n.eventBus.$emit(t,[e.name].concat(r))}e.drake.on(t,r)};this.events.forEach(t)}},{key:"domIndexOf",value:function(e,n){return Array.prototype.indexOf.call(n.children,e)}},{key:"findModelForContainer",value:function(e,n){return n=n||this.drake,this.log("findModelForContainer",e,n),(this.findModelContainerByContainer(e,n)||{}).model}},{key:"findModelContainerByContainer",value:function(e,n){if(n=n||this.drake,n.models)return n.models.find(function(n){return n.container===e})}},{key:"bagNames",get:function(){return Object.keys(this.bags)}}]),e}();if(!A)throw new Error("[vue-dragula] cannot locate dragula.");var L={createService:function(e){var n=e.name,t=e.eventBus,r=e.bags;return new H({name:n,eventBus:t,bags:r})},createEventBus:function(e){arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return new e}};o.version="1.0.0","function"==typeof define&&define.amd?define([],function(){}):window.Vue&&window.Vue.use(o),e.default=o,e.DragulaService=H,e.DragHandler=R});
\ No newline at end of file
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports):"function"==typeof define&&define.amd?define(["exports"],n):n(e.vueDragula=e.vueDragula||{})}(this,function(e){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e.default:e}function t(e,n){return n={exports:{}},e(n,n.exports),n.exports}function r(e){var n=e.ctx,t=e.name,r=e.drake;return new R({ctx:n,name:t,drake:r})}function i(e){function n(){var e;if(o.logging){for(var n=arguments.length,t=Array(n),r=0;r<n;r++)t[r]=arguments[r];(e=console).log.apply(e,["vue-dragula plugin"].concat(t))}}function t(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return n.apply(void 0,["v-dragula directive"].concat(t))}function r(e,n,r){if(n){var i=n.context.$dragula;if(i){t("trying to find and use component service");var o=i.services[r];if(o)return t("using component service",o),o}}return t("using global service",s),s.find(e,n)}function i(e,n,t){var r=n?n.data.attrs.bag:this.params.bag,i=n?n.data.attrs.service:this.params.service;return void 0!==r&&0!==r.length&&(e=r),{name:e,bagName:r,serviceName:i}}var o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};n("Initializing vue-dragula plugin",o);var a=o.createService||L.createService,u=o.createEventBus||L.createEventBus,c=u(e,o),s=a({name:"global.dragula",eventBus:c,bags:o.bags}),l=void 0,d=function(){function e(n){X(this,e),this.options=n,this.$service={options:s.setOptions.bind(s),find:s.find.bind(s),eventBus:this.eventBus=s.eventBus}}return z(e,[{key:"optionsFor",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return this.service(e).setOptions(n),this}},{key:"create",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this._serviceMap=this._serviceMap||{};var n=e.names||[],t=e.name||[],r=e.bags||{},i=Object.assign({},o,e);n=n||[t];var a=e.eventBus||a,u=!0,c=!1,s=void 0;try{for(var l,d=n[Symbol.iterator]();!(u=(l=d.next()).done);u=!0){var f=l.value,v=new H({name:f,eventBus:a,bags:r,otions:i});this._serviceMap[f]=v,r&&this.bagsFor(f,r)}}catch(e){c=!0,s=e}finally{try{!u&&d.return&&d.return()}finally{if(c)throw s}}return this}},{key:"bagsFor",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=this.service(e),r=Object.keys(n),i=!0,o=!1,a=void 0;try{for(var u,c=r[Symbol.iterator]();!(i=(u=c.next()).done);i=!0){var s=u.value,l=n[s];l===!0&&(l={}),t.setOptions(s,l)}}catch(e){o=!0,a=e}finally{try{!i&&c.return&&c.return()}finally{if(o)throw a}}return this}},{key:"on",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Object.values(this.serviceMap),t=!0,r=!1,i=void 0;try{for(var o,a=n[Symbol.iterator]();!(t=(o=a.next()).done);t=!0){var u=o.value;u.on(e)}}catch(e){r=!0,i=e}finally{try{!t&&a.return&&a.return()}finally{if(r)throw i}}return this}},{key:"service",value:function(e){var n=this._serviceMap[e];if(!n||!e){var t=this.servicesNames;n=this._serviceMap[t[0]]}return n}},{key:"serviceNames",get:function(){return Object.keys(this._serviceMap)}},{key:"services",get:function(){return Object.values(this._serviceMap)}}]),e}();e.$dragula=new d(o),e.prototype.$dragula=e.$dragula,e.directive("dragula",{params:["bag","service"],bind:function(e,n,o){t("bind",e,n,o);var a=i("globalBag",o,this),u=a.name,c=a.bagName,s=a.serviceName,d=r(u,o,s),f=d.find(u,o);return o||(e=this.el),t({service:{name:s,instance:d},bag:{name:c,instance:f},container:e}),f?(l=f.drake,void l.containers.push(e)):(l=A({containers:[e]}),d.add(u,l),void d.handleModels(u,l))},update:function(e,n,o,a){t("update",e,n,o);var u=o?n.value:e;if(u){var c=i("globalBag",o,this),s=c.name,d=c.bagName,f=c.serviceName,v=r(s,o,f),h=v.find(s,o);l=h.drake,l.models||(l.models=[]),o||(e=this.el);var g=v.findModelContainerByContainer(e,l);t({service:{name:f,instance:v},bag:{name:d,instance:h},container:e,modelContainer:g}),g?(t("set model of container",u),g.model=u):(t("push model and container on drake",u,e),l.models.push({model:u,container:e}))}},unbind:function(e,n,o){t("unbind",e,n,o);var a=i("globalBag",o,this),u=a.name,c=a.serviceName,s=r(u,o,c),l=s.find(u,o);t({service:{name:c,instance:s},bag:{name:bagName,instance:l},container:e});var d=l.drake;if(d){var f=d.containers.indexOf(e);f>-1&&(t("remove container",f),d.containers.splice(f,1)),0===d.containers.length&&(t("destroy service"),s.destroy(u))}}})}function o(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};o.installed&&console.warn("[vue-dragula] already installed."),console.log("Add Dragula plugin:",n),i(e,n)}var a="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},u=t(function(e){e.exports=function(e,n){return Array.prototype.slice.call(e,n)}}),c=n(u),s=Object.freeze({default:c}),l=t(function(e){var n,t="function"==typeof setImmediate;n=t?function(e){setImmediate(e)}:"undefined"!=typeof process&&process.nextTick?process.nextTick:function(e){setTimeout(e,0)},e.exports=n}),d=n(l),f=Object.freeze({default:d}),v=t(function(e){var t=n(f);e.exports=function(e,n,r){e&&t(function(){e.apply(r||null,n||[])})}}),h=n(v),g=Object.freeze({default:h}),m=t(function(e){var t=n(s),r=n(g);e.exports=function(e,n){var i=n||{},o={};return void 0===e&&(e={}),e.on=function(n,t){return o[n]?o[n].push(t):o[n]=[t],e},e.once=function(n,t){return t._once=!0,e.on(n,t),e},e.off=function(n,t){var r=arguments.length;if(1===r)delete o[n];else if(0===r)o={};else{var i=o[n];if(!i)return e;i.splice(i.indexOf(t),1)}return e},e.emit=function(){var n=t(arguments);return e.emitterSnapshot(n.shift()).apply(this,n)},e.emitterSnapshot=function(n){var a=(o[n]||[]).slice(0);return function(){var o=t(arguments),u=this||e;if("error"===n&&i.throws!==!1&&!a.length)throw 1===o.length?o[0]:o;return a.forEach(function(t){i.async?r(t,o,u):t.apply(u,o),t._once&&e.off(n,t)}),e}},e}}),p=n(m),y=Object.freeze({default:p}),b=t(function(e){function n(){try{var e=new t("cat",{detail:{foo:"bar"}});return"cat"===e.type&&"bar"===e.detail.foo}catch(e){}return!1}var t=a.CustomEvent;e.exports=n()?t:"function"==typeof document.createEvent?function(e,n){var t=document.createEvent("CustomEvent");return n?t.initCustomEvent(e,n.bubbles,n.cancelable,n.detail):t.initCustomEvent(e,!1,!1,void 0),t}:function(e,n){var t=document.createEventObject();return t.type=e,n?(t.bubbles=Boolean(n.bubbles),t.cancelable=Boolean(n.cancelable),t.detail=n.detail):(t.bubbles=!1,t.cancelable=!1,t.detail=void 0),t}}),k=n(b),x=Object.freeze({default:k}),w=t(function(e){var n=[],t="",r=/^on/;for(t in a)r.test(t)&&n.push(t.slice(2));e.exports=n}),M=n(w),E=Object.freeze({default:M}),O=t(function(e){function t(e,n,t,r){return e.addEventListener(n,t,r)}function r(e,n,t){return e.attachEvent("on"+n,s(e,n,t))}function i(e,n,t,r){return e.removeEventListener(n,t,r)}function o(e,n,t){var r=l(e,n,t);if(r)return e.detachEvent("on"+n,r)}function u(e,n,t){function r(){var e;return h.createEvent?(e=h.createEvent("Event"),e.initEvent(n,!0,!0)):h.createEventObject&&(e=h.createEventObject()),e}function i(){return new f(n,{detail:t})}var o=v.indexOf(n)===-1?i():r();e.dispatchEvent?e.dispatchEvent(o):e.fireEvent("on"+n,o)}function c(e,n,t){return function(n){var r=n||a.event;r.target=r.target||r.srcElement,r.preventDefault=r.preventDefault||function(){r.returnValue=!1},r.stopPropagation=r.stopPropagation||function(){r.cancelBubble=!0},r.which=r.which||r.keyCode,t.call(e,r)}}function s(e,n,t){var r=l(e,n,t)||c(e,n,t);return p.push({wrapper:r,element:e,type:n,fn:t}),r}function l(e,n,t){var r=d(e,n,t);if(r){var i=p[r].wrapper;return p.splice(r,1),i}}function d(e,n,t){var r,i;for(r=0;r<p.length;r++)if(i=p[r],i.element===e&&i.type===n&&i.fn===t)return r}var f=n(x),v=n(E),h=a.document,g=t,m=i,p=[];a.addEventListener||(g=r,m=o),e.exports={add:g,remove:m,fabricate:u}}),S=n(O),C=O.add,B=O.remove,N=O.fabricate,I=Object.freeze({default:S,add:C,remove:B,fabricate:N}),j=t(function(e){function n(e){var n=i[e];return n?n.lastIndex=0:i[e]=n=new RegExp(o+e+a,"g"),n}function t(e,t){var r=e.className;r.length?n(t).test(r)||(e.className+=" "+t):e.className=t}function r(e,t){e.className=e.className.replace(n(t)," ").trim()}var i={},o="(?:^|\\s)",a="(?:\\s|$)";e.exports={add:t,rm:r}}),T=n(j),D=j.add,F=j.rm,P=Object.freeze({default:T,add:D,rm:F}),_=t(function(e){function t(e,n){function t(e){return le.containers.indexOf(e)!==-1||se.isContainer(e)}function a(e){var n=e?"remove":"add";r(E,n,"mousedown",O),r(E,n,"mouseup",F)}function u(e){var n=e?"remove":"add";r(E,n,"mousemove",S)}function g(e){var n=e?"remove":"add";x[n](E,"selectstart",y),x[n](E,"click",y)}function p(){a(!0),F({})}function y(e){ue&&e.preventDefault()}function O(e){ne=e.clientX,te=e.clientY;var n=1!==i(e)||e.metaKey||e.ctrlKey;if(!n){var t=e.target,r=C(t);r&&(ue=r,u(),"mousedown"===e.type&&(h(t)?t.focus():e.preventDefault()))}}function S(e){if(ue){if(0===i(e))return void F({});if(void 0===e.clientX||e.clientX!==ne||void 0===e.clientY||e.clientY!==te){if(se.ignoreInputTextSelection){var n=b("clientX",e),t=b("clientY",e),r=M.elementFromPoint(n,t);if(h(r))return}var a=ue;u(!0),g(),T(),I(a);var c=o(W);Z=b("pageX",e)-c.left,ee=b("pageY",e)-c.top,w.add(oe||W,"gu-transit"),L(),$(e)}}}function C(e){if(!(le.dragging&&G||t(e))){for(var n=e;v(e)&&t(v(e))===!1;){if(se.invalid(e,n))return;if(e=v(e),!e)return}var r=v(e);if(r&&!se.invalid(e,n)){var i=se.moves(e,r,n,m(e));if(i)return{item:e,source:r}}}}function B(e){return!!C(e)}function N(e){var n=C(e);n&&I(n)}function I(e){U(e.item,e.source)&&(oe=e.item.cloneNode(!0),le.emit("cloned",oe,e.item,"copy")),Q=e.source,W=e.item,re=ie=m(e.item),le.dragging=!0,le.emit("drag",W,Q)}function j(){return!1}function T(){if(le.dragging){var e=oe||W;P(e,v(e))}}function D(){ue=!1,u(!0),g(!0)}function F(e){if(D(),le.dragging){var n=oe||W,t=b("clientX",e),r=b("clientY",e),i=c(G,t,r),o=Y(i,t,r);o&&(oe&&se.copySortSource||!oe||o!==Q)?P(n,o):se.removeOnSpill?_():A()}}function P(e,n){var t=v(e);oe&&se.copySortSource&&n===Q&&t.removeChild(W),z(n)?le.emit("cancel",e,Q,Q):le.emit("drop",e,n,Q,ie),X()}function _(){if(le.dragging){var e=oe||W,n=v(e);n&&n.removeChild(e),le.emit(oe?"cancel":"remove",e,n,Q),X()}}function A(e){if(le.dragging){var n=arguments.length>0?e:se.revertOnSpill,t=oe||W,r=v(t),i=z(r);i===!1&&n&&(oe?r&&r.removeChild(oe):Q.insertBefore(t,re)),i||n?le.emit("cancel",t,Q,Q):le.emit("drop",t,r,Q,ie),X()}}function X(){var e=oe||W;D(),V(),e&&w.rm(e,"gu-transit"),ae&&clearTimeout(ae),le.dragging=!1,ce&&le.emit("out",e,ce,Q),le.emit("dragend",e),Q=W=oe=re=ie=ae=ce=null}function z(e,n){var t;return t=void 0!==n?n:G?ie:m(oe||W),e===Q&&t===re}function Y(e,n,r){function i(){var i=t(o);if(i===!1)return!1;var a=J(o,e),u=K(o,a,n,r),c=z(o,u);return!!c||se.accepts(W,o,Q,u)}for(var o=e;o&&!i();)o=v(o);return o}function $(e){function n(e){le.emit(e,s,ce,Q)}function t(){f&&n("over")}function r(){ce&&n("out")}if(G){e.preventDefault();var i=b("clientX",e),o=b("clientY",e),a=i-Z,u=o-ee;G.style.left=a+"px",G.style.top=u+"px";var s=oe||W,l=c(G,i,o),d=Y(l,i,o),f=null!==d&&d!==ce;(f||null===d)&&(r(),ce=d,t());var h=v(s);if(d===Q&&oe&&!se.copySortSource)return void(h&&h.removeChild(s));var g,p=J(d,l);if(null!==p)g=K(d,p,i,o);else{if(se.revertOnSpill!==!0||oe)return void(oe&&h&&h.removeChild(s));g=re,d=Q}(null===g&&f||g!==s&&g!==m(s))&&(ie=g,d.insertBefore(s,g),le.emit("shadow",s,d,Q))}}function R(e){w.rm(e,"gu-hide")}function H(e){le.dragging&&w.add(e,"gu-hide")}function L(){if(!G){var e=W.getBoundingClientRect();G=W.cloneNode(!0),G.style.width=d(e)+"px",G.style.height=f(e)+"px",w.rm(G,"gu-transit"),w.add(G,"gu-mirror"),se.mirrorContainer.appendChild(G),r(E,"add","mousemove",$),w.add(se.mirrorContainer,"gu-unselectable"),le.emit("cloned",G,W,"mirror")}}function V(){G&&(w.rm(se.mirrorContainer,"gu-unselectable"),r(E,"remove","mousemove",$),v(G).removeChild(G),G=null)}function J(e,n){for(var t=n;t!==e&&v(t)!==e;)t=v(t);return t===E?null:t}function K(e,n,t,r){function i(){var n,i,o,a=e.children.length;for(n=0;n<a;n++){if(i=e.children[n],o=i.getBoundingClientRect(),u&&o.left+o.width/2>t)return i;if(!u&&o.top+o.height/2>r)return i}return null}function o(){var e=n.getBoundingClientRect();return a(u?t>e.left+d(e)/2:r>e.top+f(e)/2)}function a(e){return e?m(n):n}var u="horizontal"===se.direction,c=n!==e?o():i();return c}function U(e,n){return"boolean"==typeof se.copy?se.copy:se.copy(e,n)}var q=arguments.length;1===q&&Array.isArray(e)===!1&&(n=e,e=[]);var G,Q,W,Z,ee,ne,te,re,ie,oe,ae,ue,ce=null,se=n||{};void 0===se.moves&&(se.moves=l),void 0===se.accepts&&(se.accepts=l),void 0===se.invalid&&(se.invalid=j),void 0===se.containers&&(se.containers=e||[]),void 0===se.isContainer&&(se.isContainer=s),void 0===se.copy&&(se.copy=!1),void 0===se.copySortSource&&(se.copySortSource=!1),void 0===se.revertOnSpill&&(se.revertOnSpill=!1),void 0===se.removeOnSpill&&(se.removeOnSpill=!1),void 0===se.direction&&(se.direction="vertical"),void 0===se.ignoreInputTextSelection&&(se.ignoreInputTextSelection=!0),void 0===se.mirrorContainer&&(se.mirrorContainer=M.body);var le=k({containers:se.containers,start:N,end:T,cancel:A,remove:_,destroy:p,canMove:B,dragging:!1});return se.removeOnSpill===!0&&le.on("over",R).on("out",H),a(),le}function r(e,n,t,r){var i={mouseup:"touchend",mousedown:"touchstart",mousemove:"touchmove"},o={mouseup:"pointerup",mousedown:"pointerdown",mousemove:"pointermove"},u={mouseup:"MSPointerUp",mousedown:"MSPointerDown",mousemove:"MSPointerMove"};a.navigator.pointerEnabled?x[n](e,o[t],r):a.navigator.msPointerEnabled?x[n](e,u[t],r):(x[n](e,i[t],r),x[n](e,t,r))}function i(e){if(void 0!==e.touches)return e.touches.length;if(void 0!==e.which&&0!==e.which)return e.which;if(void 0!==e.buttons)return e.buttons;var n=e.button;return void 0!==n?1&n?1:2&n?3:4&n?2:0:void 0}function o(e){var n=e.getBoundingClientRect();return{left:n.left+u("scrollLeft","pageXOffset"),top:n.top+u("scrollTop","pageYOffset")}}function u(e,n){return"undefined"!=typeof a[n]?a[n]:E.clientHeight?E[e]:M.body[e]}function c(e,n,t){var r,i=e||{},o=i.className;return i.className+=" gu-hide",r=M.elementFromPoint(n,t),i.className=o,r}function s(){return!1}function l(){return!0}function d(e){return e.width||e.right-e.left}function f(e){return e.height||e.bottom-e.top}function v(e){return e.parentNode===M?null:e.parentNode}function h(e){return"INPUT"===e.tagName||"TEXTAREA"===e.tagName||"SELECT"===e.tagName||g(e)}function g(e){return!!e&&("false"!==e.contentEditable&&("true"===e.contentEditable||g(v(e))))}function m(e){function n(){var n=e;do n=n.nextSibling;while(n&&1!==n.nodeType);return n}return e.nextElementSibling||n()}function p(e){return e.targetTouches&&e.targetTouches.length?e.targetTouches[0]:e.changedTouches&&e.changedTouches.length?e.changedTouches[0]:e}function b(e,n){var t=p(n),r={pageX:"clientX",pageY:"clientY"};return e in r&&!(e in t)&&r[e]in t&&(e=r[e]),t[e]}var k=n(y),x=n(I),w=n(P),M=document,E=M.documentElement;e.exports=t}),A=n(_),X=(function(){function e(e){this.value=e}function n(n){function t(e,n){return new Promise(function(t,i){var u={key:e,arg:n,resolve:t,reject:i,next:null};a?a=a.next=u:(o=a=u,r(e,n))})}function r(t,o){try{var a=n[t](o),u=a.value;u instanceof e?Promise.resolve(u.value).then(function(e){r("next",e)},function(e){r("throw",e)}):i(a.done?"return":"normal",a.value)}catch(e){i("throw",e)}}function i(e,n){switch(e){case"return":o.resolve({value:n,done:!0});break;case"throw":o.reject(n);break;default:o.resolve({value:n,done:!1})}o=o.next,o?r(o.key,o.arg):a=null}var o,a;this._invoke=t,"function"!=typeof n.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(n.prototype[Symbol.asyncIterator]=function(){return this}),n.prototype.next=function(e){return this._invoke("next",e)},n.prototype.throw=function(e){return this._invoke("throw",e)},n.prototype.return=function(e){return this._invoke("return",e)},{wrap:function(e){return function(){return new n(e.apply(this,arguments))}},await:function(n){return new e(n)}}}(),function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}),z=function(){function e(e,n){for(var t=0;t<n.length;t++){var r=n[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(n,t,r){return t&&e(n.prototype,t),r&&e(n,r),n}}(),Y=window.requestAnimationFrame,$=Y?function(e){Y(function(){Y(e)})}:function(e){window.setTimeout(e,50)},R=function(){function e(n){var t=n.ctx,r=n.name,i=n.drake;X(this,e),this.dragElm=null,this.dragIndex=null,this.dropIndex=null,this.sourceModel=null,this.ctx=t,this.drake=i,this.name=r,this.eventBus=t.eventBus,this.findModelForContainer=t.findModelForContainer,this.domIndexOf=t.domIndexOf}return z(e,[{key:"removeModel",value:function(e,n,t){this.sourceModel.splice(this.dragIndex,1)}},{key:"dropModelSame",value:function(e,n,t){this.sourceModel.splice(this.dropIndex,0,this.sourceModel.splice(this.dragIndex,1)[0])}},{key:"insertModel",value:function(e,n){e.splice(this.dropIndex,0,n)}},{key:"dropModelTarget",value:function(e,n,t){var r=this,i=this.dragElm===e,o=this.findModelForContainer(n,this.drake),a=i?this.dropElmModel:this.jsonDropElmModel;i&&$(function(){r.sourceModel.splice(r.dragIndex,1)}),this.insertModel(o,a),this.drake.cancel(!0)}},{key:"dropModel",value:function(e,n,t){n===t?this.dropModelSame(e,n,t):this.dropModelTarget(e,n,t)}},{key:"remove",value:function(e,n,t){this.drake.models&&(this.sourceModel=this.findModelForContainer(t,this.drake),this.removeModel(e,n,t),this.drake.cancel(!0),this.eventBus.$emit("removeModel",[this.name,e,t,this.dragIndex]))}},{key:"drag",value:function(e,n){this.dragElm=e,this.dragIndex=this.domIndexOf(e,n)}},{key:"drop",value:function(e,n,t){this.drake.models&&n&&(this.dropIndex=this.domIndexOf(e,n),this.sourceModel=this.findModelForContainer(t,this.drake),this.dropModel(e,n,t),this.eventBus.$emit("dropModel",[this.name,e,n,t,this.dropIndex]))}},{key:"dropElmModel",get:function(){return this.sourceModel[this.dragIndex]}},{key:"jsonDropElmModel",get:function(){return JSON.parse(JSON.stringify(this.sourceModel[this.dragIndex]))}}]),e}();if(!A)throw new Error("[vue-dragula] cannot locate dragula.");var H=function(){function e(n){var t=n.name,i=n.eventBus,o=n.bags,a=n.drake,u=n.options;X(this,e),this.options=u||{},this.logging=u.logging,this.name=t,this.bags=o={},this.eventBus=i,this.drake=a,this.createDragHandler=u.createDragHandler||r,this.events=["cancel","cloned","drag","dragend","drop","out","over","remove","shadow","dropModel","removeModel"]}return z(e,[{key:"log",value:function(e){var n;if(this.logging){for(var t=arguments.length,r=Array(t>1?t-1:0),i=1;i<t;i++)r[i-1]=arguments[i];(n=console).log.apply(n,["DragulaService ["+this.name+"] :",e].concat(r))}}},{key:"error",value:function(e){throw console.error(e),new Error(e)}},{key:"add",value:function(e,n){n=n||this.drake,this.log("add (bag)",e,n);var t=this.find(e);if(t){this.log("existing bags",this.bagNames);'Bag named: "'+e+'" already exists for this service ['+this.name+"]. \n      Most likely this error in cause by a race condition evaluating multiple template elements with \n      the v-dragula directive having the same bag name. Please initialise the bag in the created() life cycle hook of the VM to fix this problem.";this.error(msg)}return this.bags[e]=n,n.models&&this.handleModels(e,n),t.initEvents||this.setupEvents(t),t}},{key:"find",value:function(e){return this.log("find (bag) by name",e),this.bags[e]}},{key:"handleModels",value:function(e,n){if(n=n||this.drake,this.log("handleModels",e,n),!n.registered){var t=this.createDragHandler({ctx:this,name:e,drake:n});n.on("remove",t.remove),n.on("drag",t.drag),n.on("drop",t.drop),n.registered=!0}}},{key:"on",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Object.keys(e),t=!0,r=!1,i=void 0;try{for(var o,a=n[Symbol.iterator]();!(t=(o=a.next()).done);t=!0){var u=o.value,c=e[u];this.eventBus.$on(u,c)}}catch(e){r=!0,i=e}finally{try{!t&&a.return&&a.return()}finally{if(r)throw i}}}},{key:"destroy",value:function(e){this.log("destroy",e);var n=this.find(e);n&&(n.drake.destroy(),this.delete(e))}},{key:"delete",value:function(e){delete this.bags[e]}},{key:"setOptions",value:function(e,n){if(this.log("setOptions",e,n),!e)return console.error("setOptions must take the name of the bag to set options for"),this;var t=this.add(e,A(n));return this.handleModels(e,t.drake),this}},{key:"setupEvents",value:function(e){this.log("setupEvents",e),e.initEvents=!0;var n=this,t=function(t){function r(){var r=Array.prototype.slice.call(arguments);n.eventBus.$emit(t,[e.name].concat(r))}e.drake.on(t,r)};this.events.forEach(t)}},{key:"domIndexOf",value:function(e,n){return Array.prototype.indexOf.call(n.children,e)}},{key:"findModelForContainer",value:function(e,n){return n=n||this.drake,this.log("findModelForContainer",e,n),(this.findModelContainerByContainer(e,n)||{}).model}},{key:"findModelContainerByContainer",value:function(e,n){if(n=n||this.drake,n.models)return n.models.find(function(n){return n.container===e})}},{key:"bagNames",get:function(){return Object.keys(this.bags)}}]),e}();if(!A)throw new Error("[vue-dragula] cannot locate dragula.");var L={createService:function(e){var n=e.name,t=e.eventBus,r=e.bags;return new H({name:n,eventBus:t,bags:r})},createEventBus:function(e){arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return new e}};o.version="1.0.0","function"==typeof define&&define.amd?define([],function(){}):window.Vue&&window.Vue.use(o),e.default=o,e.DragulaService=H,e.DragHandler=R});
\ No newline at end of file
diff --git a/src/drag-handler.js b/src/drag-handler.js
index f5825c3..9692fba 100644
--- a/src/drag-handler.js
+++ b/src/drag-handler.js
@@ -23,12 +23,43 @@ export class DragHandler {
     this.domIndexOf = ctx.domIndexOf
   }
 
+  removeModel(el, container, source) {
+    this.sourceModel.splice(this.dragIndex, 1)
+  }
+
+  dropModelSame(dropElm, target, source) {
+    this.sourceModel.splice(this.dropIndex, 0, this.sourceModel.splice(this.dragIndex, 1)[0])
+  }
+
+  insertModel(targetModel, dropElmModel) {
+    targetModel.splice(this.dropIndex, 0, dropElmModel)
+  }
+
+  dropModelTarget(dropElm, target, source) {
+    let notCopy = this.dragElm === dropElm
+    let targetModel = this.findModelForContainer(target, this.drake)
+    let dropElmModel = notCopy ? this.dropElmModel : this.jsonDropElmModel
+
+    if (notCopy) {
+      waitForTransition(() => {
+        this.sourceModel.splice(this.dragIndex, 1)
+      })
+    }
+    this.insertModel(targetModel, dropElmModel)
+    this.drake.cancel(true)
+  }
+
+  dropModel(dropElm, target, source) {
+    target === source ? this.dropModelSame(dropElm, target, source) : this.dropModelTarget(dropElm, target, source)
+  }
+
+
   remove (el, container, source) {
     if (!this.drake.models) {
       return
     }
     this.sourceModel = this.findModelForContainer(source, this.drake)
-    this.sourceModel.splice(this.dragIndex, 1)
+    this.removeModel(el, container, source)
     this.drake.cancel(true)
     this.eventBus.$emit('removeModel', [this.name, el, source, this.dragIndex])
   }
@@ -44,22 +75,7 @@ export class DragHandler {
     }
     this.dropIndex = this.domIndexOf(dropElm, target)
     this.sourceModel = this.findModelForContainer(source, this.drake)
-
-    if (target === source) {
-      thissourceModel.splice(this.dropIndex, 0, this.sourceModel.splice(this.dragIndex, 1)[0])
-    } else {
-      let notCopy = this.dragElm === dropElm
-      let targetModel = this.findModelForContainer(target, this.drake)
-      let dropElmModel = notCopy ? this.dropElmModel : this.jsonDropElmModel
-
-      if (notCopy) {
-        waitForTransition(() => {
-          this.sourceModel.splice(this.dragIndex, 1)
-        })
-      }
-      targetModel.splice(this.dropIndex, 0, dropElmModel)
-      this.drake.cancel(true)
-    }
+    this.dropModel(dropElm, target, source)
     this.eventBus.$emit('dropModel', [this.name, dropElm, target, source, this.dropIndex])
   }
 

From 7a04ba615e0011dbf2b64b941920c857c12db1df Mon Sep 17 00:00:00 2001
From: Kristian Mandrup <kmandrup@gmail.com>
Date: Sun, 13 Nov 2016 13:25:17 +0100
Subject: [PATCH 23/30] better docs

---
 README.md | 119 ++++++++++--------------------------------------------
 1 file changed, 21 insertions(+), 98 deletions(-)

diff --git a/README.md b/README.md
index fca1e43..8d1c27e 100644
--- a/README.md
+++ b/README.md
@@ -8,22 +8,26 @@ Vue wrapper for [`dragula`][1].
 - Make it better work with Vue 2.x
 - Make service and directive more flexible and granular as needed
 
-### Changelog
+### Changelog (since 1.x)
 
 - Changed life cycle method `ready` to `mounted` with `$nextTick`
 - Add `$dragula` to Vue.prototype to make available on each component instance
 - Make `$dragula.$service` a shortcut to access key methods on global service
-
 - Add `service` property to `v-dragula` directive to indicate service to use for container
 - Add ability to add `DragulaService` per service name of component via `service="name"` on `v-dragula` element or by default use the global service.
-
 - Add ability to create and set `eventBus` per service, either as shared bus or independent
 - Add ability to set `bags` on creation of `DragulaService` via `bags` option
 - Add ability to create and use custom `DragulaService` via `createService`  plugin option
 - Add ability to create and use custom `eventBus` via `createEventBus` plugin option
+- Make `bind` try to bind directive (with bags) to a matching named component service before falling back to bind to global dragula service.
+- Add detailed logging via `logging: true` option on plugin
+- Extracted common logic of directive functions into reusable functions
 - Add `.bagNames` getter on `DragulaService`
 
-- Add methods on `$dragula`
+### $dragula
+
+`$dragula` named service API
+
   - `create({name, eventBus, bags})` : to create a named service
   - `create({names, ...})` : to create multiple services (`names`)
   - `on(handlerConfig = {})` : add set of eventBus handlers to all services
@@ -32,9 +36,7 @@ Vue wrapper for [`dragula`][1].
   - `.services` : get list of all registered services
   - `.serviceNames` : get list of names for all registered services
 
-- Make `bind` try to bind directive (with bags) to a matching named component service before falling back to bind to global dragula service.
-- Add detailed logging via `logging: true` option on plugin
-- Extracted common logic of directive functions into reusable functions
+### DragulaService
 
 The `DragulaService` now takes an options hash:
 
@@ -64,9 +66,7 @@ The `drake` instance of each bag must be a dragula instance (with its own event
 bag.drake.on(type, replicate)
 ```
 
-### TODO
-
-Currently the only models allowed are flat lists or perhaps nested lists.
+## Model mechanics
 
 We should ability to customize the drake even handler mechanics on the underlying models to allow for other types of models.
 
@@ -103,12 +103,10 @@ a `children` key. We should be able to drag elements to modify the node tree stu
 }
 ```
 
-In this example we should be able to move a form input from one form container node into a another. But perhaps this is already possible, just by setting `v-dragula` to `children[0] and children[1]`. Then we use the rest of the node tree to visualize the various different nodes :)
+In this example we should be able to move a form input from one form container node into a another. This is already possible, just by setting `v-dragula` to `children[0] and children[1]`. Then we use the rest of the node tree to visualize the various different nodes :)
 
 However we might still want more fine grained control on how nodes are added/removed from the lists. Some lists might only allow ned nodes added at the front or the back, some might have validation rules etc.
-
-Currently we use global variables to handle this, which is not very flexible.
-This works since the `drag` event is always called first and will set the `dragIndex` which is scope referenced by `remove`. Instead we should move it to a class with shared instance variables. Then we can substitute the drag handlers.
+We have enabled this via a dragHandler instance of a DragHandler class which encapsulates the states and logic of dragging and re/shuffling the underlying models. From `handleModels` method of `DragulaService`:
 
 ```js
   const dragHandler = this.createDragHandler({ ctx: this, name, drake })
@@ -118,11 +116,10 @@ This works since the `drag` event is always called first and will set the `dragI
   drake.on('drop', dragHandler.drop)
 ```
 
-This has now been refactored in the `DragHandler` class (see `/src/drag-handler.js`.
+Key model operation methods in `DragHandler`
 
-Key model operation methods:
-- on `remove`: `removeModel`
-- on `drop`: `dropModelSame` and `insertModel`
+- on `remove` drag action: `removeModel`
+- on `drop` drag action: `dropModelSame` and `insertModel`
 
 ```js
   removeModel(el, container, source) {
@@ -138,7 +135,7 @@ Key model operation methods:
   }
 ```
 
-The `DragHandler` class can be subclassed and customized as needed. You can then pass a factory method `createDragHandler` as a service option.
+The `DragHandler` class can now easily be subclassed and the model operations customized as needed. You can then pass a factory method `createDragHandler` as a service option.
 
 ```js
 function createDragHandler({ctx, name, drake}) {
@@ -422,7 +419,7 @@ template:
 
 ## APIs
 
-You can access the main API from `Vue.$dragula` or from within a component via `this.$dragula`
+You can access the main API from `Vue.$dragula.$service` or from within a component via `this.$dragula.$service` (using global service). For using named services that have more fine grained control, see above (note: designed for Vue2).
 
 ### `options(name, options)`
 
@@ -432,7 +429,7 @@ Set dragula options, refer to: https://github.com/bevacqua/dragula#optionscontai
 new Vue({
   ...
   created: function () {
-    Vue.vueDragula.options('my-bag', {
+    Vue.$dragula.$service.options('my-bag', {
       direction: 'vertical'
     })
   }
@@ -454,7 +451,7 @@ For drake events, refer to: https://github.com/bevacqua/dragula#drakeon-events
 ...
 new Vue({
   ready: function () {
-    Vue.vueDragula.eventBus.$on('drop', function (args) {
+    Vue.$dragula.$service.eventBus.$on('drop', function (args) {
       console.log('drop: ' + args[0])
     })
   }
@@ -485,80 +482,6 @@ How to view the example? Start a simple Http server, like the pythong [simplehtt
 
 The open in browser: `open localhost:8000`
 
-## Issues on Vue 2
-
-```
-  function ready () {
-    
-    domReadyTime = Date.now() ;
-      
-    // First, check if it's a PRE and exit if not
-      var bodyChildren = document.body.childNodes ;
-```
-
-```
-Exception:
-TypeError: Cannot read property 'childNodes' of null at HTMLDocument.ready
-```       
-
-### Recommendations
-
-Basically, the example needs to use proper `.vue` templates to work as discussed [here](https://github.com/vuejs-templates/webpack/issues/215)
-
-So please update example to use webpack or better yet, create demo app using basic Vue2 setup with webpack :)  
-
-I've started such a [demo app](https://github.com/kristianmandrup/vue2-dragula-demo) but having problems :() 
-
-I don't yet understand the Vue2 plugin architecture! Please help out...
+## License
 
-### Vue 2 Plugin
-
-Trying to add dragula as a [Vue 2 plugin](https://vuejs.org/v2/guide/plugins.html)
-
-```js
-  // 3. inject some component options
-  Vue.mixin({
-    created: function () {
-      // something logic ...
-    }
-    ...
-  })
-  // 4. add an instance method
-  Vue.prototype.$myMethod = function (options) {
-    // something logic ...
-  }  
-```
-
-Looks correct to add `$dragula` to `Vue.prototype` as shown [here](https://github.com/aarondfrancis/vue-model/blob/master/src/VueModel.js#L99)
-
-```js
-function plugin (Vue, options = {}) {
-  if (plugin.installed) {
-    console.warn('[vue-dragula] already installed.')
-  }
-
-  console.log('Add Dragula plugin:', options)
-  VueDragula(Vue, options)
-}
-```
-
-
-We then call the function in `vue-dragula.js` which adds `$dragula` to `Vue.prototype` in accordance with Vue 2 specs on plugins.
-What is missing!?!?! WTF!!!
-
-```js
-export default function (Vue, options = {}) {
-  const service = new DragulaService(Vue)
-
-  let name = 'globalBag'
-  let drake
-
-  console.log('Adding Dragula as plugin...')
-  Vue.$dragula = {
-    options: service.setOptions.bind(service),
-    find: service.find.bind(service),
-    eventBus: service.eventBus
-  }
-  Vue.prototype.$dragula = Vue.$dragula 
-}
-```
\ No newline at end of file
+MIT
\ No newline at end of file

From efc1d45b0a1934c444b1e30e3bcd88205d413020 Mon Sep 17 00:00:00 2001
From: Kristian Mandrup <kmandrup@gmail.com>
Date: Sun, 13 Nov 2016 18:13:01 +0100
Subject: [PATCH 24/30] better docs - new Changelog

---
 Changelog.md       |  17 ++
 README.md          | 402 ++++++++++++++++++++-------------------------
 src/vue-dragula.js |  31 +++-
 3 files changed, 219 insertions(+), 231 deletions(-)
 create mode 100644 Changelog.md

diff --git a/Changelog.md b/Changelog.md
new file mode 100644
index 0000000..a978314
--- /dev/null
+++ b/Changelog.md
@@ -0,0 +1,17 @@
+## Changelog
+
+## 2.x
+
+- Changed life cycle method `ready` to `mounted` with `$nextTick`
+- Add `$dragula` to Vue.prototype to make available on each component instance
+- Make `$dragula.$service` a shortcut to access key methods on global service
+- Add `service` property to `v-dragula` directive to indicate service to use for container
+- Add ability to add `DragulaService` per service name of component via `service="name"` on `v-dragula` element or by default use the global service.
+- Add ability to create and set `eventBus` per service, either as shared bus or independent
+- Add ability to set `bags` on creation of `DragulaService` via `bags` option
+- Add ability to create and use custom `DragulaService` via `createService`  plugin option
+- Add ability to create and use custom `eventBus` via `createEventBus` plugin option
+- Make `bind` try to bind directive (with bags) to a matching named component service before falling back to bind to global dragula service.
+- Add detailed logging via `logging: true` option on plugin
+- Extracted common logic of directive functions into reusable functions
+- Add `.bagNames` getter on `DragulaService`
\ No newline at end of file
diff --git a/README.md b/README.md
index 8d1c27e..64f653d 100644
--- a/README.md
+++ b/README.md
@@ -5,72 +5,149 @@ Vue wrapper for [`dragula`][1].
 
 ## Status
 
-- Make it better work with Vue 2.x
-- Make service and directive more flexible and granular as needed
-
-### Changelog (since 1.x)
-
-- Changed life cycle method `ready` to `mounted` with `$nextTick`
-- Add `$dragula` to Vue.prototype to make available on each component instance
-- Make `$dragula.$service` a shortcut to access key methods on global service
-- Add `service` property to `v-dragula` directive to indicate service to use for container
-- Add ability to add `DragulaService` per service name of component via `service="name"` on `v-dragula` element or by default use the global service.
-- Add ability to create and set `eventBus` per service, either as shared bus or independent
-- Add ability to set `bags` on creation of `DragulaService` via `bags` option
-- Add ability to create and use custom `DragulaService` via `createService`  plugin option
-- Add ability to create and use custom `eventBus` via `createEventBus` plugin option
-- Make `bind` try to bind directive (with bags) to a matching named component service before falling back to bind to global dragula service.
-- Add detailed logging via `logging: true` option on plugin
-- Extracted common logic of directive functions into reusable functions
-- Add `.bagNames` getter on `DragulaService`
+- Make it work with Vue 2.x
+- Make service and directive more flexible with granular control as needed
+
+## Install
+#### CommonJS
+
+Available through npm as `vue-dragula`.
+
+  ``` bash
+  npm install vue-dragula
+  ```
+
+  ``` js
+  var Vue = require('vue');
+  var VueDragula = require('vue-dragula');
+
+  Vue.use(VueDragula);
+  ```
+
+#### Direct include
+
+You can also directly include it with a `<script>` tag when you have Vue and dragula already included globally. It will automatically install itself.
+
+## Usage
+
+In a template
+
+``` html
+<div class="wrapper">
+  <div class="container" v-dragula="colOne" bag="first-bag">
+    <!-- with click -->
+    <div v-for="text in colOne" @click="onClick">{{text}} [click me]</div>
+  </div>
+  <div class="container" v-dragula="colTwo" bag="first-bag">
+    <div v-for="text in colTwo">{{text}}</div>
+  </div>
+</div>
+```
+
+## APIs
+
+You can access the main API from `Vue.$dragula.$service` or from within a component via `this.$dragula.$service`. This references the application level dragula service. You can created named services for more fine grained control (more on this later)
+
+### `options(name, options)`
+
+Set [dragula options](https://github.com/bevacqua/dragula#optionscontainers)
+
+```js
+...
+new Vue({
+  ...
+  created: function () {
+    Vue.$dragula.$service.options('my-bag', {
+      direction: 'vertical'
+    })
+  }
+})
+```
+
+### `find(name)`
+
+Returns the `bag` for a `drake` instance. Contains the following properties:
+
+- `name` the name that identifies the bag
+- `drake` the raw `drake` instance
+
+## Events
+For [drake events](https://github.com/bevacqua/dragula#drakeon-events)
+
+```js
+...
+new Vue({
+  ready: function () {
+    Vue.$dragula.$service.eventBus.$on('drop', function (args) {
+      console.log('drop: ' + args[0])
+    })
+  }
+})
+```
+
+
+## Special Events for vue-dragula
+
+| Event Name |      Listener Arguments      |  Event Description |
+| :-------------: |:-------------:| -----|
+| dropModel | bagName, el, target, source, dropIndex | model was synced, dropIndex exposed |
+| removeModel | bagName, el, container, removeIndex | model was synced, removeIndex exposed |
+
+[1]: https://github.com/bevacqua/dragula
+
+## Development
+
+Following npm scripts are included:
+
+- `npm run build` to build new distribution in `/dist`
+- `npm run dev` run example in dev mode
+- `npm run lint` lint code using ESlint
+
+How to view the example? Start a simple Http server, like the pythong [simplehttpserver](http://angusjune.github.io/blog/2014/08/16/python-3-dot-x-no-module-named-simplehttpserver/)
+
+`python -m http.server`
+
+The open in browser: `open localhost:8000`
+
+Note: The included `/example` demo is for Vue 1.x only. For Vue 2.x try [this demo](https://github.com/kristianmandrup/vue2-dragula-demo/)
+
+## The API in more depth
+
+Access `this.$dragula` in your `created () { ... }` life cycle hook of any component which uses the `v-dragula` directive. Add named service(s) via `this.$dragula.createService` and initialise with the bags you want to use (see more on bags below).
 
 ### $dragula
 
-`$dragula` named service API
+`$dragula` service API
 
-  - `create({name, eventBus, bags})` : to create a named service
-  - `create({names, ...})` : to create multiple services (`names`)
-  - `on(handlerConfig = {})` : add set of eventBus handlers to all services
-  - `bagsFor` : configure a service with empty bags
-  - `service(name)` : access individual service
+  - `createService({name, eventBus, bags})` : to create a named service
+  - `createServices({names, ...})` : to create multiple services (`names` list)
+  - `on(handlerConfig = {})` : add event handlers to all services
+  - `on(name, handlerConfig = {})` : add event handlers to specific service
+  - `bagsFor(name, bags = {})` : configure a service with empty bags
+  - `service(name)` : get named service
   - `.services` : get list of all registered services
   - `.serviceNames` : get list of names for all registered services
 
 ### DragulaService
 
-The `DragulaService` now takes an options hash:
+The `DragulaService` constructor takes the following deconstructed arguments
 
 ```js
   constructor ({name, eventBus, bags, options}) {
     console.log('Create Dragula service')
     this.name = name
-    this.bags = bags || [] // bag store
+    this.bags = bags || {} // bag store
     this.eventBus = eventBus
     ...
   }
 ```
 
-A bag must be of the form:
-
-```js
-  bag = {
-    name,
-    drake
-  }
-```
-
-This allows you to add bags dynamically/programatically if needed.
-The `drake` instance of each bag must be a dragula instance (with its own event handlers etc).
-
-```js
-bag.drake.on(type, replicate)
-```
+Bags are stored as an Oobject, where each key is the name of the bag that points to a dragula instance (`drake`). The `drake` instance can have event handlers, models, containers etc. See [dragula options](https://github.com/bevacqua/dragula#dragulacontainers-options)
 
 ## Model mechanics
 
-We should ability to customize the drake even handler mechanics on the underlying models to allow for other types of models.
-
-A typical schenario is to have node objects, where each node has 
+The drake event handlers have default mechanics for how to operated on the underlyng models. These can be customized as needed.
+A common schenario is to have a tree of node objects, where each node has 
 a `children` key. We should be able to drag elements to modify the node tree stucture.
 
 ```js
@@ -103,10 +180,14 @@ a `children` key. We should be able to drag elements to modify the node tree stu
 }
 ```
 
-In this example we should be able to move a form input from one form container node into a another. This is already possible, just by setting `v-dragula` to `children[0] and children[1]`. Then we use the rest of the node tree to visualize the various different nodes :)
+In this example we should be able to move a form input specication object from one form container node into another. This is possible simply by 
+setting `<template>` elements with `v-dragula` directive to point to `children[0].children` and `children[1].children` respectively. We can use the rest of the node tree data to visualize the various different nodes, f.ex for a Visual editor/IDE :)
+
+You might want more fine grained control on how nodes are added/removed from the various lists. Some lists might only allow that nodes added at the front or back, some might have validation/business rules etc.
+
+These scenarios are enabled via a `dragHandler` instance of a `DragHandler` class which encapsulates the states and logic of dragging and re-shuffling the underlying models.
 
-However we might still want more fine grained control on how nodes are added/removed from the lists. Some lists might only allow ned nodes added at the front or the back, some might have validation rules etc.
-We have enabled this via a dragHandler instance of a DragHandler class which encapsulates the states and logic of dragging and re/shuffling the underlying models. From `handleModels` method of `DragulaService`:
+Sample code taken from the `handleModels` method of `DragulaService`
 
 ```js
   const dragHandler = this.createDragHandler({ ctx: this, name, drake })
@@ -117,7 +198,6 @@ We have enabled this via a dragHandler instance of a DragHandler class which enc
 ```
 
 Key model operation methods in `DragHandler`
-
 - on `remove` drag action: `removeModel`
 - on `drop` drag action: `dropModelSame` and `insertModel`
 
@@ -135,86 +215,47 @@ Key model operation methods in `DragHandler`
   }
 ```
 
-The `DragHandler` class can now easily be subclassed and the model operations customized as needed. You can then pass a factory method `createDragHandler` as a service option.
+The `DragHandler` class can be subclassed and the model operations customized as needed. You can pass a custom factory method `createDragHandler` as a service option.
 
 ```js
 function createDragHandler({ctx, name, drake}) {
   return new MyDragHandler({ ctx, name, drake })
 }
 
-created () {
-  this.$dragula.create({
-    name: 'myService',
-    createDragHandler,
-    bags: {
-      third: true
+export default {
+  props: [],
+  data() {
+    return {
+      //...
     }
-  })
-
-  // setup bags
+  },
+  // setup services with bags
+  created () {
+    this.$dragula.create({
+      name: 'myService',
+      createDragHandler,
+      bags: {
+        third: true
+      }
+    })
+  }
 }
 ```
 
-Note that you can set a bag to `true` as a convenience to signify no bag options (ie. default drake/dragula behavior for that bag). To be more clear you could also do `third: {}` which is the same.
+Note that you can set a bag to `true` as a convenience to create it with default bag options (ie. default dragula behavior). 
+This is a simply a shorthand for `third: {}`. You can also pass an array of bag names, ie `bags: ['third', 'fourth']`
 
 ### Binding models to dragable elements
 
-Please note that `vue-dragula` expects the `v-dragula` binding expression to link to an underlying model in the VM. 
-
-When you move the elements in the UI you also rearrange the underlying model data (using `findModelForContainer`). This is VERY powerful!
+Please note that `vue-dragula` expects the `v-dragula` binding expression to point to a model in the VM of the component.
 
-Note that the special Vue events `removeModel` and `dropModel` are emitted as models are operated on (using [splice](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/splice)).
-
-```js
-    drake.on('remove', (el, container, source) => {
-      if (!drake.models) {
-        return
-      }
-      sourceModel = this.findModelForContainer(source, drake)
-      sourceModel.splice(dragIndex, 1)
-      drake.cancel(true)
-      this.eventBus.$emit('removeModel', [name, el, source, dragIndex])
-    })
-
-    drake.on('drag', (el, source) => {
-      dragElm = el
-      dragIndex = this.domIndexOf(el, source)
-    })
-
-    drake.on('drop', (dropElm, target, source) => {
-      if (!drake.models || !target) {
-        return
-      }
-      dropIndex = this.domIndexOf(dropElm, target)
-      sourceModel = this.findModelForContainer(source, drake)
-
-      if (target === source) {
-        sourceModel.splice(dropIndex, 0, sourceModel.splice(dragIndex, 1)[0])
-      } else {
-        let notCopy = dragElm === dropElm
-        let targetModel = this.findModelForContainer(target, drake)
-        let dropElmModel = notCopy ? sourceModel[dragIndex] : JSON.parse(JSON.stringify(sourceModel[dragIndex]))
-
-        if (notCopy) {
-          waitForTransition(() => {
-            sourceModel.splice(dragIndex, 1)
-          })
-        }
-        targetModel.splice(dropIndex, 0, dropElmModel)
-        drake.cancel(true)
-      }
-      this.eventBus.$emit('dropModel', [name, dropElm, target, source, dropIndex])
-    })
-    drake.registered = true
-  }
-```
+When you move the elements in the UI you also (by default) rearrange the underlying model list items (using `findModelForContainer` in the service). This is VERY powerful!
 
-Please be advised not to change the default behavior of this key functionality.
+Note that special Vue events `removeModel` and `dropModel` are emitted as model items are moved around (using [splice](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/splice) by default).
 
-If you need more control over models (such as filtering, conditions etc.), use watchers on these models and then create derived models in response. 
-Keep the "raw" dragula models intact and in perfect sync with the models in the UI.
+If you need more advanced control over models (such as filtering, conditions etc.) you can use watchers on these models and then create derived models in response, perhaps dispatching local model state to a [Vuex](vuex.vuejs.org) store. We recommend keeping the "raw" dragula models intact and in sync with the UI models/elements.
 
-Each `bag` is setup to delegate dragula events to the `eventBus` events of the same name. This lets you to define custom event handling as regular Vue event handlers.
+Each `bag` is setup to delegate dragula events to the Vue event system (`$emit`) ie. to use `eventBus` to send events of the same name. This lets you define custom drag'n drop event handling as regular Vue event handlers.
 
 ```js
   setupEvents (bag) {
@@ -233,18 +274,20 @@ Each `bag` is setup to delegate dragula events to the `eventBus` events of the s
 
 ### Logging
 
-You can now pass a `{logging: true}`
+You can pass a `logging: true` as an option when initialising the plugin or when you create a new service.
 
-```
+```js
 Vue.use(VueDragula, {
   // ...
   logging: true
 });
 ```
 
+Logging is essential in development mode!!
+
 ### Customis DragulaService
 
-For even more customization, you can also subclass `DragulaService` or create your own, then pass a `createService` option for you install the plugin:
+You can also subclass `DragulaService` or create your own, then pass a `createService` option for you install the plugin:
 
 ```js
 import { DragulaService } from 'vue-dragula'
@@ -266,7 +309,8 @@ Vue.use(VueDragula, { createService });
 
 ### Custom event bus
 
-You could create an event bus factory method to always log events emitted if logging is turned on.
+You can also customize the event bus used via the `createEventBus` option. 
+You could f.ex create an event bus factory method to always log events emitted if logging is turned on.
 
 ```js
 function createEventBus(Vue, options = {}) {
@@ -286,7 +330,7 @@ Vue.use(VueDragula, { createEventBus });
 
 ## How do the bags work!?
 
-In the directive `bind` we have the following core logic:
+In the directive `bind` function we have the following core logic:
 
 ```js
   if (bag) {
@@ -300,11 +344,17 @@ In the directive `bind` we have the following core logic:
   service.add(name, drake)
 ```
 
-If the bag already exists, ie. `if (bag)` then we add the container directly into pre-existing bag created via `service.options` call (in `created` lifecycle hook). Otherwise we try to add it as a new bag and we could get into conflict if we have multiple bags added via directives that have not been pre-initialized in the VM. The conflict can be caused by race conditions, as the directives are evaluated asynchronously for enhanced view performance!
+If the bag already exists, ie. `if (bag) { ... }` then we add the container directly into a pre-existing bag created in the `created` lifecycle hook of the component. Otherwise it tries to add it as a new bag. 
+
+*Bags conflict warning*
+
+You can get a conflict if multiple bags are added via directives, and the bags have not been pre-initialized in the VM. This conflict is caused by race conditions, as the directives are evaluated asynchronously for enhanced view performance!
+
+Thanks to [@Astray-git](https://github.com/Astray-git) for [making this clear](https://github.com/Astray-git/vue-dragula/issues/12#issuecomment-260134897)
 
-Thanks to @Astray-git for [finally making me understand this](https://github.com/Astray-git/vue-dragula/issues/12#issuecomment-260134897)
+Note: He is the original author of this plugin :)
 
-The correct way to use this plugin now:
+Setup a service with one or more bags ready for drag'n drop action
 
 ```js
 created () {
@@ -321,7 +371,7 @@ created () {
 }
 ```
 
-OR using `bagsFor` method
+You can also use the `bagsFor` method on a registered service.
 
 ```
   this.$dragula.bagsFor('myService', {
@@ -332,7 +382,7 @@ OR using `bagsFor` method
 }
 ```
 
-This ensures that the `DragulaService` instance `myService` has been registered and contains one or more empty bags which are ready to be populated by containers to be used for drag'n drop by Dragula.
+This ensures that the `DragulaService` instance `myService` is registered and contains one or more bags which are ready to be populated by `v-dragula` container elements.
 
 ``` html
 <div class="wrapper">
@@ -346,7 +396,7 @@ This ensures that the `DragulaService` instance `myService` has been registered
 </div>
 ```
 
-Now when `v-dragula` directives are evaluated and bound to the component (via `bind`) they will each find the empty bag of that name and each push their `container` to the list of `drake.containers`.
+Now when the `v-dragula` directives are evaluated and bound to the component (via directive `bind` method), they will each find an existing bag of that name and push their `container` to the list of `drake.containers`.
 
 ```js
   if (bag) {
@@ -356,10 +406,11 @@ Now when `v-dragula` directives are evaluated and bound to the component (via `b
   }
 ```
 
+Sweet :)
+
 ### Advanced drake Magic
 
-Note that dragula containers should always be linked to an underlying model. 
-If you really need to add a container/model binding programmatically, try this:
+If you need to add [dragula containers and models](https://github.com/bevacqua/dragula#dragulacontainers-options) programmatically, try something like this:
 
 ```js
   drake.models.push({
@@ -381,106 +432,9 @@ drake.models.push({
 drake.containers.push(container)
 ```
 
-You need a deep understanding of the inner workings of Dragula in order to get this right, so do this at your own risk and experiment.
-
-## Install
-#### CommonJS
-
-- Available through npm as `vue-dragula`.
-  ``` bash
-  npm install vue-dragula
-  ```
-
-  ``` js
-  var Vue = require('vue');
-  var VueDragula = require('vue-dragula');
-
-  Vue.use(VueDragula);
-  ```
-
-#### Direct include
-
-- You can also directly include it with a `<script>` tag when you have Vue and dragula already included globally. It will automatically install itself.
-
-## Usage
-
-template:
-``` html
-<div class="wrapper">
-  <div class="container" v-dragula="colOne" bag="first-bag">
-    <!-- with click -->
-    <div v-for="text in colOne" @click="onClick">{{text}} [click me]</div>
-  </div>
-  <div class="container" v-dragula="colTwo" bag="first-bag">
-    <div v-for="text in colTwo">{{text}}</div>
-  </div>
-</div>
-```
-
-## APIs
-
-You can access the main API from `Vue.$dragula.$service` or from within a component via `this.$dragula.$service` (using global service). For using named services that have more fine grained control, see above (note: designed for Vue2).
-
-### `options(name, options)`
-
-Set dragula options, refer to: https://github.com/bevacqua/dragula#optionscontainers
-```js
-...
-new Vue({
-  ...
-  created: function () {
-    Vue.$dragula.$service.options('my-bag', {
-      direction: 'vertical'
-    })
-  }
-})
-```
-
-### `find(name)`
-
-Returns the `bag` for a `drake` instance. Contains the following properties:
-
-- `name` the name that identifies the bag
-- `drake` the raw `drake` instance
-
-## Events
-For drake events, refer to: https://github.com/bevacqua/dragula#drakeon-events
-
-
-```js
-...
-new Vue({
-  ready: function () {
-    Vue.$dragula.$service.eventBus.$on('drop', function (args) {
-      console.log('drop: ' + args[0])
-    })
-  }
-})
-```
-
-
-## Special Events for vue-dragula
-
-| Event Name |      Listener Arguments      |  Event Description |
-| :-------------: |:-------------:| -----|
-| dropModel | bagName, el, target, source, dropIndex | model was synced, dropIndex exposed |
-| removeModel | bagName, el, container, removeIndex | model was synced, removeIndex exposed |
-
-[1]: https://github.com/bevacqua/dragula
-
-## Development
-
-Following npm scripts are included:
-
-- `npm run build` to build new distribution in `/dist`
-- `npm run dev` run example in dev mode
-- `npm run lint` lint code using ESlint
-
-How to view the example? Start a simple Http server, like the pythong [simplehttpserver](http://angusjune.github.io/blog/2014/08/16/python-3-dot-x-no-module-named-simplehttpserver/)
-
-`python -m http.server`
-
-The open in browser: `open localhost:8000`
+You will need a good understanding of the inner workings of Dragula in order to get this right, so do this at your own risk and experiment.
+Feel free to improve the API to make this easier and less "risky".
+Enjoy :)
 
 ## License
 
diff --git a/src/vue-dragula.js b/src/vue-dragula.js
index 732b112..f94bb62 100644
--- a/src/vue-dragula.js
+++ b/src/vue-dragula.js
@@ -55,6 +55,9 @@ export default function (Vue, options = {}) {
         find: service.find.bind(service),
         eventBus: this.eventBus = service.eventBus
       }
+
+      // alias
+      this.createServices = this.createService
     }
 
     optionsFor(name, opts = {}) {
@@ -62,7 +65,7 @@ export default function (Vue, options = {}) {
       return this
     }
 
-    create(serviceOpts = {}) {
+    createService(serviceOpts = {}) {
       this._serviceMap = this._serviceMap || {};
       let names = serviceOpts.names || []
       let name = serviceOpts.name || []
@@ -76,8 +79,7 @@ export default function (Vue, options = {}) {
         let newService = new DragulaService({
           name,
           eventBus,
-          bags,
-          otions: opts
+          options: opts
         })
 
         this._serviceMap[name] = newService
@@ -92,21 +94,36 @@ export default function (Vue, options = {}) {
     bagsFor(name, bags = {}) {
       let service = this.service(name)
 
+      if (Array.isArray(bags)) {
+        // turn Array into object of [name]: true
+        bags = bags.reduce((obj, name) => {
+          obj[name] = true
+          return obj
+        }, {})
+      }
+
       let bagNames = Object.keys(bags)
       for (let bagName of bagNames) {
         let bagOpts = bags[bagName]
         if (bagOpts === true) {
           bagOpts = {}
         }
+
         service.setOptions(bagName, bagOpts)
       }
       return this
     }
 
-    on(handlerConfig = {}) {
-      let services = Object.values(this.serviceMap)
-      for (let service of services) {
-        service.on(handlerConfig)
+    on(name, handlerConfig = {}) {
+      if (typeof name === 'object') {
+        handlerConfig = name
+        // add event handlers for all services
+        let services = Object.values(this.serviceMap)
+        for (let service of services) {
+          service.on(handlerConfig)
+        }
+      } else {
+        this.service(name).on(handlerConfig)
       }
       return this
     }

From 8d27f3d9afe024cdb3727a7dc1c04ef5933476bf Mon Sep 17 00:00:00 2001
From: Kristian Mandrup <kmandrup@gmail.com>
Date: Sun, 13 Nov 2016 18:25:23 +0100
Subject: [PATCH 25/30] fix docs - add TODO - remove bags concept

---
 README.md      | 45 ++++++++++++++++++++++++++-------------------
 src/service.js | 14 +++++++-------
 2 files changed, 33 insertions(+), 26 deletions(-)

diff --git a/README.md b/README.md
index 64f653d..82ad356 100644
--- a/README.md
+++ b/README.md
@@ -8,6 +8,10 @@ Vue wrapper for [`dragula`][1].
 - Make it work with Vue 2.x
 - Make service and directive more flexible with granular control as needed
 
+## TODO
+
+Remove the concept of bags. Not needed now that drakes of a service are stored in a Hash object. We just have services with drakes that have drag options, containers and models. Much simpler to understand!
+
 ## Install
 #### CommonJS
 
@@ -142,11 +146,12 @@ The `DragulaService` constructor takes the following deconstructed arguments
   }
 ```
 
-Bags are stored as an Oobject, where each key is the name of the bag that points to a dragula instance (`drake`). The `drake` instance can have event handlers, models, containers etc. See [dragula options](https://github.com/bevacqua/dragula#dragulacontainers-options)
+Bags are stored as an Object `{}`, where each key is the name of a bag that points to a `drake` (dragula instance). The `drake` can have event handlers, models, containers etc. See [dragula options](https://github.com/bevacqua/dragula#dragulacontainers-options)
 
 ## Model mechanics
 
-The drake event handlers have default mechanics for how to operated on the underlyng models. These can be customized as needed.
+The `drake` event handlers have default mechanics for how to operated on the underlyng models. These can be customized as needed.
+
 A common schenario is to have a tree of node objects, where each node has 
 a `children` key. We should be able to drag elements to modify the node tree stucture.
 
@@ -183,18 +188,20 @@ a `children` key. We should be able to drag elements to modify the node tree stu
 In this example we should be able to move a form input specication object from one form container node into another. This is possible simply by 
 setting `<template>` elements with `v-dragula` directive to point to `children[0].children` and `children[1].children` respectively. We can use the rest of the node tree data to visualize the various different nodes, f.ex for a Visual editor/IDE :)
 
-You might want more fine grained control on how nodes are added/removed from the various lists. Some lists might only allow that nodes added at the front or back, some might have validation/business rules etc.
+### DragHandler for fine-grained control
 
-These scenarios are enabled via a `dragHandler` instance of a `DragHandler` class which encapsulates the states and logic of dragging and re-shuffling the underlying models.
+For fine-grained control on how nodes are added/removed from the various lists. Some lists might only allow that nodes added at the front or back, some might have validation/business rules etc.
 
-Sample code taken from the `handleModels` method of `DragulaService`
+The `dragHandler` instance of the `DragHandler` class encapsulates the states and logic of dragging and re-arranging the underlying models.
+
+Sample code taken from `handleModels` method of `DragulaService`
 
 ```js
-  const dragHandler = this.createDragHandler({ ctx: this, name, drake })
+const dragHandler = this.createDragHandler({ ctx: this, name, drake })
 
-  drake.on('remove', dragHandler.remove)
-  drake.on('drag', dragHandler.drag)
-  drake.on('drop', dragHandler.drop)
+drake.on('remove', dragHandler.remove)
+drake.on('drag', dragHandler.drag)
+drake.on('drop', dragHandler.drop)
 ```
 
 Key model operation methods in `DragHandler`
@@ -202,20 +209,20 @@ Key model operation methods in `DragHandler`
 - on `drop` drag action: `dropModelSame` and `insertModel`
 
 ```js
-  removeModel(el, container, source) {
-    this.sourceModel.splice(this.dragIndex, 1)
-  }
+removeModel(el, container, source) {
+  this.sourceModel.splice(this.dragIndex, 1)
+}
 
-  dropModelSame(dropElm, target, source) {
-    this.sourceModel.splice(this.dropIndex, 0, this.sourceModel.splice(this.dragIndex, 1)[0])
-  }
+dropModelSame(dropElm, target, source) {
+  this.sourceModel.splice(this.dropIndex, 0, this.sourceModel.splice(this.dragIndex, 1)[0])
+}
 
-  insertModel(targetModel, dropElmModel) {
-    targetModel.splice(this.dropIndex, 0, dropElmModel)
-  }
+insertModel(targetModel, dropElmModel) {
+  targetModel.splice(this.dropIndex, 0, dropElmModel)
+}
 ```
 
-The `DragHandler` class can be subclassed and the model operations customized as needed. You can pass a custom factory method `createDragHandler` as a service option.
+The `DragHandler` class can be subclassed and the model operations customized as needed. You can pass a custom factory method `createDragHandler` as a service option. Let's assume we have a `MyDragHandler` class which extends `DragHandler` and overrides key methods with custom logic. Now lets use it!
 
 ```js
 function createDragHandler({ctx, name, drake}) {
diff --git a/src/service.js b/src/service.js
index b92b07d..03c3852 100644
--- a/src/service.js
+++ b/src/service.js
@@ -64,7 +64,7 @@ export class DragulaService {
       this.handleModels(name, drake)
     }
     if (!bag.initEvents) {
-      this.setupEvents(bag)
+      this.setupEvents(name, bag)
     }
     return bag
   }
@@ -105,7 +105,7 @@ export class DragulaService {
     this.log('destroy', name)
     let bag = this.find(name)
     if (!bag) { return }
-    bag.drake.destroy()
+    bag.destroy()
     this.delete(name)
   }
 
@@ -120,20 +120,20 @@ export class DragulaService {
       return this
     }
     let bag = this.add(name, dragula(options))
-    this.handleModels(name, bag.drake)
+    this.handleModels(name, bag)
     return this
   }
 
-  setupEvents (bag) {
-    this.log('setupEvents', bag)
+  setupEvents (name, bag) {
+    this.log('setupEvents', name, bag)
     bag.initEvents = true
     let _this = this
     let emitter = type => {
       function replicate () {
         let args = Array.prototype.slice.call(arguments)
-        _this.eventBus.$emit(type, [bag.name].concat(args))
+        _this.eventBus.$emit(type, [name].concat(args))
       }
-      bag.drake.on(type, replicate)
+      bag.on(type, replicate)
     }
     this.events.forEach(emitter)
   }

From 293c4f5f4641e7103d5dd47aa6345485df226ef2 Mon Sep 17 00:00:00 2001
From: Kristian Mandrup <kmandrup@gmail.com>
Date: Sun, 13 Nov 2016 18:32:11 +0100
Subject: [PATCH 26/30] build

---
 dist/vue-dragula.js     | 86 ++++++++++++++++++++++++++---------------
 dist/vue-dragula.min.js |  2 +-
 2 files changed, 55 insertions(+), 33 deletions(-)

diff --git a/dist/vue-dragula.js b/dist/vue-dragula.js
index def3066..e6570e7 100644
--- a/dist/vue-dragula.js
+++ b/dist/vue-dragula.js
@@ -1071,6 +1071,12 @@ var require$$0$3 = Object.freeze({
 
 	var dragula$1 = interopDefault(dragula);
 
+	var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) {
+	  return typeof obj;
+	} : function (obj) {
+	  return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+	};
+
 	var asyncGenerator = function () {
 	  function AwaitValue(value) {
 	    this.value = value;
@@ -1381,7 +1387,7 @@ var require$$0$3 = Object.freeze({
 	        this.handleModels(name, drake);
 	      }
 	      if (!bag.initEvents) {
-	        this.setupEvents(bag);
+	        this.setupEvents(name, bag);
 	      }
 	      return bag;
 	    }
@@ -1454,7 +1460,7 @@ var require$$0$3 = Object.freeze({
 	      if (!bag) {
 	        return;
 	      }
-	      bag.drake.destroy();
+	      bag.destroy();
 	      this.delete(name);
 	    }
 	  }, {
@@ -1471,21 +1477,21 @@ var require$$0$3 = Object.freeze({
 	        return this;
 	      }
 	      var bag = this.add(name, dragula$1(options));
-	      this.handleModels(name, bag.drake);
+	      this.handleModels(name, bag);
 	      return this;
 	    }
 	  }, {
 	    key: 'setupEvents',
-	    value: function setupEvents(bag) {
-	      this.log('setupEvents', bag);
+	    value: function setupEvents(name, bag) {
+	      this.log('setupEvents', name, bag);
 	      bag.initEvents = true;
 	      var _this = this;
 	      var emitter = function emitter(type) {
 	        function replicate() {
 	          var args = Array.prototype.slice.call(arguments);
-	          _this.eventBus.$emit(type, [bag.name].concat(args));
+	          _this.eventBus.$emit(type, [name].concat(args));
 	        }
-	        bag.drake.on(type, replicate);
+	        bag.on(type, replicate);
 	      };
 	      this.events.forEach(emitter);
 	    }
@@ -1596,6 +1602,9 @@ var require$$0$3 = Object.freeze({
 	        find: service.find.bind(service),
 	        eventBus: this.eventBus = service.eventBus
 	      };
+
+	      // alias
+	      this.createServices = this.createService;
 	    }
 
 	    createClass(Dragula, [{
@@ -1607,8 +1616,8 @@ var require$$0$3 = Object.freeze({
 	        return this;
 	      }
 	    }, {
-	      key: 'create',
-	      value: function create() {
+	      key: 'createService',
+	      value: function createService() {
 	        var serviceOpts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
 	        this._serviceMap = this._serviceMap || {};
@@ -1630,8 +1639,7 @@ var require$$0$3 = Object.freeze({
 	            var newService = new DragulaService({
 	              name: _name,
 	              eventBus: eventBus,
-	              bags: bags,
-	              otions: opts
+	              options: opts
 	            });
 
 	            this._serviceMap[_name] = newService;
@@ -1664,6 +1672,14 @@ var require$$0$3 = Object.freeze({
 
 	        var service = this.service(name);
 
+	        if (Array.isArray(bags)) {
+	          // turn Array into object of [name]: true
+	          bags = bags.reduce(function (obj, name) {
+	            obj[name] = true;
+	            return obj;
+	          }, {});
+	        }
+
 	        var bagNames = Object.keys(bags);
 	        var _iteratorNormalCompletion2 = true;
 	        var _didIteratorError2 = false;
@@ -1677,6 +1693,7 @@ var require$$0$3 = Object.freeze({
 	            if (bagOpts === true) {
 	              bagOpts = {};
 	            }
+
 	            service.setOptions(_bagName, bagOpts);
 	          }
 	        } catch (err) {
@@ -1698,35 +1715,40 @@ var require$$0$3 = Object.freeze({
 	      }
 	    }, {
 	      key: 'on',
-	      value: function on() {
-	        var handlerConfig = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-	        var services = Object.values(this.serviceMap);
-	        var _iteratorNormalCompletion3 = true;
-	        var _didIteratorError3 = false;
-	        var _iteratorError3 = undefined;
+	      value: function on(name) {
+	        var handlerConfig = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
 
-	        try {
-	          for (var _iterator3 = services[Symbol.iterator](), _step3; !(_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = true) {
-	            var _service = _step3.value;
+	        if ((typeof name === 'undefined' ? 'undefined' : _typeof(name)) === 'object') {
+	          handlerConfig = name;
+	          // add event handlers for all services
+	          var services = Object.values(this.serviceMap);
+	          var _iteratorNormalCompletion3 = true;
+	          var _didIteratorError3 = false;
+	          var _iteratorError3 = undefined;
 
-	            _service.on(handlerConfig);
-	          }
-	        } catch (err) {
-	          _didIteratorError3 = true;
-	          _iteratorError3 = err;
-	        } finally {
 	          try {
-	            if (!_iteratorNormalCompletion3 && _iterator3.return) {
-	              _iterator3.return();
+	            for (var _iterator3 = services[Symbol.iterator](), _step3; !(_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = true) {
+	              var _service = _step3.value;
+
+	              _service.on(handlerConfig);
 	            }
+	          } catch (err) {
+	            _didIteratorError3 = true;
+	            _iteratorError3 = err;
 	          } finally {
-	            if (_didIteratorError3) {
-	              throw _iteratorError3;
+	            try {
+	              if (!_iteratorNormalCompletion3 && _iterator3.return) {
+	                _iterator3.return();
+	              }
+	            } finally {
+	              if (_didIteratorError3) {
+	                throw _iteratorError3;
+	              }
 	            }
 	          }
+	        } else {
+	          this.service(name).on(handlerConfig);
 	        }
-
 	        return this;
 	      }
 	    }, {
diff --git a/dist/vue-dragula.min.js b/dist/vue-dragula.min.js
index 24bd0b1..514af0f 100644
--- a/dist/vue-dragula.min.js
+++ b/dist/vue-dragula.min.js
@@ -3,4 +3,4 @@
  * (c) 2016 Yichang Liu
  * Released under the MIT License.
  */
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports):"function"==typeof define&&define.amd?define(["exports"],n):n(e.vueDragula=e.vueDragula||{})}(this,function(e){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e.default:e}function t(e,n){return n={exports:{}},e(n,n.exports),n.exports}function r(e){var n=e.ctx,t=e.name,r=e.drake;return new R({ctx:n,name:t,drake:r})}function i(e){function n(){var e;if(o.logging){for(var n=arguments.length,t=Array(n),r=0;r<n;r++)t[r]=arguments[r];(e=console).log.apply(e,["vue-dragula plugin"].concat(t))}}function t(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return n.apply(void 0,["v-dragula directive"].concat(t))}function r(e,n,r){if(n){var i=n.context.$dragula;if(i){t("trying to find and use component service");var o=i.services[r];if(o)return t("using component service",o),o}}return t("using global service",s),s.find(e,n)}function i(e,n,t){var r=n?n.data.attrs.bag:this.params.bag,i=n?n.data.attrs.service:this.params.service;return void 0!==r&&0!==r.length&&(e=r),{name:e,bagName:r,serviceName:i}}var o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};n("Initializing vue-dragula plugin",o);var a=o.createService||L.createService,u=o.createEventBus||L.createEventBus,c=u(e,o),s=a({name:"global.dragula",eventBus:c,bags:o.bags}),l=void 0,d=function(){function e(n){X(this,e),this.options=n,this.$service={options:s.setOptions.bind(s),find:s.find.bind(s),eventBus:this.eventBus=s.eventBus}}return z(e,[{key:"optionsFor",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return this.service(e).setOptions(n),this}},{key:"create",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this._serviceMap=this._serviceMap||{};var n=e.names||[],t=e.name||[],r=e.bags||{},i=Object.assign({},o,e);n=n||[t];var a=e.eventBus||a,u=!0,c=!1,s=void 0;try{for(var l,d=n[Symbol.iterator]();!(u=(l=d.next()).done);u=!0){var f=l.value,v=new H({name:f,eventBus:a,bags:r,otions:i});this._serviceMap[f]=v,r&&this.bagsFor(f,r)}}catch(e){c=!0,s=e}finally{try{!u&&d.return&&d.return()}finally{if(c)throw s}}return this}},{key:"bagsFor",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=this.service(e),r=Object.keys(n),i=!0,o=!1,a=void 0;try{for(var u,c=r[Symbol.iterator]();!(i=(u=c.next()).done);i=!0){var s=u.value,l=n[s];l===!0&&(l={}),t.setOptions(s,l)}}catch(e){o=!0,a=e}finally{try{!i&&c.return&&c.return()}finally{if(o)throw a}}return this}},{key:"on",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Object.values(this.serviceMap),t=!0,r=!1,i=void 0;try{for(var o,a=n[Symbol.iterator]();!(t=(o=a.next()).done);t=!0){var u=o.value;u.on(e)}}catch(e){r=!0,i=e}finally{try{!t&&a.return&&a.return()}finally{if(r)throw i}}return this}},{key:"service",value:function(e){var n=this._serviceMap[e];if(!n||!e){var t=this.servicesNames;n=this._serviceMap[t[0]]}return n}},{key:"serviceNames",get:function(){return Object.keys(this._serviceMap)}},{key:"services",get:function(){return Object.values(this._serviceMap)}}]),e}();e.$dragula=new d(o),e.prototype.$dragula=e.$dragula,e.directive("dragula",{params:["bag","service"],bind:function(e,n,o){t("bind",e,n,o);var a=i("globalBag",o,this),u=a.name,c=a.bagName,s=a.serviceName,d=r(u,o,s),f=d.find(u,o);return o||(e=this.el),t({service:{name:s,instance:d},bag:{name:c,instance:f},container:e}),f?(l=f.drake,void l.containers.push(e)):(l=A({containers:[e]}),d.add(u,l),void d.handleModels(u,l))},update:function(e,n,o,a){t("update",e,n,o);var u=o?n.value:e;if(u){var c=i("globalBag",o,this),s=c.name,d=c.bagName,f=c.serviceName,v=r(s,o,f),h=v.find(s,o);l=h.drake,l.models||(l.models=[]),o||(e=this.el);var g=v.findModelContainerByContainer(e,l);t({service:{name:f,instance:v},bag:{name:d,instance:h},container:e,modelContainer:g}),g?(t("set model of container",u),g.model=u):(t("push model and container on drake",u,e),l.models.push({model:u,container:e}))}},unbind:function(e,n,o){t("unbind",e,n,o);var a=i("globalBag",o,this),u=a.name,c=a.serviceName,s=r(u,o,c),l=s.find(u,o);t({service:{name:c,instance:s},bag:{name:bagName,instance:l},container:e});var d=l.drake;if(d){var f=d.containers.indexOf(e);f>-1&&(t("remove container",f),d.containers.splice(f,1)),0===d.containers.length&&(t("destroy service"),s.destroy(u))}}})}function o(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};o.installed&&console.warn("[vue-dragula] already installed."),console.log("Add Dragula plugin:",n),i(e,n)}var a="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},u=t(function(e){e.exports=function(e,n){return Array.prototype.slice.call(e,n)}}),c=n(u),s=Object.freeze({default:c}),l=t(function(e){var n,t="function"==typeof setImmediate;n=t?function(e){setImmediate(e)}:"undefined"!=typeof process&&process.nextTick?process.nextTick:function(e){setTimeout(e,0)},e.exports=n}),d=n(l),f=Object.freeze({default:d}),v=t(function(e){var t=n(f);e.exports=function(e,n,r){e&&t(function(){e.apply(r||null,n||[])})}}),h=n(v),g=Object.freeze({default:h}),m=t(function(e){var t=n(s),r=n(g);e.exports=function(e,n){var i=n||{},o={};return void 0===e&&(e={}),e.on=function(n,t){return o[n]?o[n].push(t):o[n]=[t],e},e.once=function(n,t){return t._once=!0,e.on(n,t),e},e.off=function(n,t){var r=arguments.length;if(1===r)delete o[n];else if(0===r)o={};else{var i=o[n];if(!i)return e;i.splice(i.indexOf(t),1)}return e},e.emit=function(){var n=t(arguments);return e.emitterSnapshot(n.shift()).apply(this,n)},e.emitterSnapshot=function(n){var a=(o[n]||[]).slice(0);return function(){var o=t(arguments),u=this||e;if("error"===n&&i.throws!==!1&&!a.length)throw 1===o.length?o[0]:o;return a.forEach(function(t){i.async?r(t,o,u):t.apply(u,o),t._once&&e.off(n,t)}),e}},e}}),p=n(m),y=Object.freeze({default:p}),b=t(function(e){function n(){try{var e=new t("cat",{detail:{foo:"bar"}});return"cat"===e.type&&"bar"===e.detail.foo}catch(e){}return!1}var t=a.CustomEvent;e.exports=n()?t:"function"==typeof document.createEvent?function(e,n){var t=document.createEvent("CustomEvent");return n?t.initCustomEvent(e,n.bubbles,n.cancelable,n.detail):t.initCustomEvent(e,!1,!1,void 0),t}:function(e,n){var t=document.createEventObject();return t.type=e,n?(t.bubbles=Boolean(n.bubbles),t.cancelable=Boolean(n.cancelable),t.detail=n.detail):(t.bubbles=!1,t.cancelable=!1,t.detail=void 0),t}}),k=n(b),x=Object.freeze({default:k}),w=t(function(e){var n=[],t="",r=/^on/;for(t in a)r.test(t)&&n.push(t.slice(2));e.exports=n}),M=n(w),E=Object.freeze({default:M}),O=t(function(e){function t(e,n,t,r){return e.addEventListener(n,t,r)}function r(e,n,t){return e.attachEvent("on"+n,s(e,n,t))}function i(e,n,t,r){return e.removeEventListener(n,t,r)}function o(e,n,t){var r=l(e,n,t);if(r)return e.detachEvent("on"+n,r)}function u(e,n,t){function r(){var e;return h.createEvent?(e=h.createEvent("Event"),e.initEvent(n,!0,!0)):h.createEventObject&&(e=h.createEventObject()),e}function i(){return new f(n,{detail:t})}var o=v.indexOf(n)===-1?i():r();e.dispatchEvent?e.dispatchEvent(o):e.fireEvent("on"+n,o)}function c(e,n,t){return function(n){var r=n||a.event;r.target=r.target||r.srcElement,r.preventDefault=r.preventDefault||function(){r.returnValue=!1},r.stopPropagation=r.stopPropagation||function(){r.cancelBubble=!0},r.which=r.which||r.keyCode,t.call(e,r)}}function s(e,n,t){var r=l(e,n,t)||c(e,n,t);return p.push({wrapper:r,element:e,type:n,fn:t}),r}function l(e,n,t){var r=d(e,n,t);if(r){var i=p[r].wrapper;return p.splice(r,1),i}}function d(e,n,t){var r,i;for(r=0;r<p.length;r++)if(i=p[r],i.element===e&&i.type===n&&i.fn===t)return r}var f=n(x),v=n(E),h=a.document,g=t,m=i,p=[];a.addEventListener||(g=r,m=o),e.exports={add:g,remove:m,fabricate:u}}),S=n(O),C=O.add,B=O.remove,N=O.fabricate,I=Object.freeze({default:S,add:C,remove:B,fabricate:N}),j=t(function(e){function n(e){var n=i[e];return n?n.lastIndex=0:i[e]=n=new RegExp(o+e+a,"g"),n}function t(e,t){var r=e.className;r.length?n(t).test(r)||(e.className+=" "+t):e.className=t}function r(e,t){e.className=e.className.replace(n(t)," ").trim()}var i={},o="(?:^|\\s)",a="(?:\\s|$)";e.exports={add:t,rm:r}}),T=n(j),D=j.add,F=j.rm,P=Object.freeze({default:T,add:D,rm:F}),_=t(function(e){function t(e,n){function t(e){return le.containers.indexOf(e)!==-1||se.isContainer(e)}function a(e){var n=e?"remove":"add";r(E,n,"mousedown",O),r(E,n,"mouseup",F)}function u(e){var n=e?"remove":"add";r(E,n,"mousemove",S)}function g(e){var n=e?"remove":"add";x[n](E,"selectstart",y),x[n](E,"click",y)}function p(){a(!0),F({})}function y(e){ue&&e.preventDefault()}function O(e){ne=e.clientX,te=e.clientY;var n=1!==i(e)||e.metaKey||e.ctrlKey;if(!n){var t=e.target,r=C(t);r&&(ue=r,u(),"mousedown"===e.type&&(h(t)?t.focus():e.preventDefault()))}}function S(e){if(ue){if(0===i(e))return void F({});if(void 0===e.clientX||e.clientX!==ne||void 0===e.clientY||e.clientY!==te){if(se.ignoreInputTextSelection){var n=b("clientX",e),t=b("clientY",e),r=M.elementFromPoint(n,t);if(h(r))return}var a=ue;u(!0),g(),T(),I(a);var c=o(W);Z=b("pageX",e)-c.left,ee=b("pageY",e)-c.top,w.add(oe||W,"gu-transit"),L(),$(e)}}}function C(e){if(!(le.dragging&&G||t(e))){for(var n=e;v(e)&&t(v(e))===!1;){if(se.invalid(e,n))return;if(e=v(e),!e)return}var r=v(e);if(r&&!se.invalid(e,n)){var i=se.moves(e,r,n,m(e));if(i)return{item:e,source:r}}}}function B(e){return!!C(e)}function N(e){var n=C(e);n&&I(n)}function I(e){U(e.item,e.source)&&(oe=e.item.cloneNode(!0),le.emit("cloned",oe,e.item,"copy")),Q=e.source,W=e.item,re=ie=m(e.item),le.dragging=!0,le.emit("drag",W,Q)}function j(){return!1}function T(){if(le.dragging){var e=oe||W;P(e,v(e))}}function D(){ue=!1,u(!0),g(!0)}function F(e){if(D(),le.dragging){var n=oe||W,t=b("clientX",e),r=b("clientY",e),i=c(G,t,r),o=Y(i,t,r);o&&(oe&&se.copySortSource||!oe||o!==Q)?P(n,o):se.removeOnSpill?_():A()}}function P(e,n){var t=v(e);oe&&se.copySortSource&&n===Q&&t.removeChild(W),z(n)?le.emit("cancel",e,Q,Q):le.emit("drop",e,n,Q,ie),X()}function _(){if(le.dragging){var e=oe||W,n=v(e);n&&n.removeChild(e),le.emit(oe?"cancel":"remove",e,n,Q),X()}}function A(e){if(le.dragging){var n=arguments.length>0?e:se.revertOnSpill,t=oe||W,r=v(t),i=z(r);i===!1&&n&&(oe?r&&r.removeChild(oe):Q.insertBefore(t,re)),i||n?le.emit("cancel",t,Q,Q):le.emit("drop",t,r,Q,ie),X()}}function X(){var e=oe||W;D(),V(),e&&w.rm(e,"gu-transit"),ae&&clearTimeout(ae),le.dragging=!1,ce&&le.emit("out",e,ce,Q),le.emit("dragend",e),Q=W=oe=re=ie=ae=ce=null}function z(e,n){var t;return t=void 0!==n?n:G?ie:m(oe||W),e===Q&&t===re}function Y(e,n,r){function i(){var i=t(o);if(i===!1)return!1;var a=J(o,e),u=K(o,a,n,r),c=z(o,u);return!!c||se.accepts(W,o,Q,u)}for(var o=e;o&&!i();)o=v(o);return o}function $(e){function n(e){le.emit(e,s,ce,Q)}function t(){f&&n("over")}function r(){ce&&n("out")}if(G){e.preventDefault();var i=b("clientX",e),o=b("clientY",e),a=i-Z,u=o-ee;G.style.left=a+"px",G.style.top=u+"px";var s=oe||W,l=c(G,i,o),d=Y(l,i,o),f=null!==d&&d!==ce;(f||null===d)&&(r(),ce=d,t());var h=v(s);if(d===Q&&oe&&!se.copySortSource)return void(h&&h.removeChild(s));var g,p=J(d,l);if(null!==p)g=K(d,p,i,o);else{if(se.revertOnSpill!==!0||oe)return void(oe&&h&&h.removeChild(s));g=re,d=Q}(null===g&&f||g!==s&&g!==m(s))&&(ie=g,d.insertBefore(s,g),le.emit("shadow",s,d,Q))}}function R(e){w.rm(e,"gu-hide")}function H(e){le.dragging&&w.add(e,"gu-hide")}function L(){if(!G){var e=W.getBoundingClientRect();G=W.cloneNode(!0),G.style.width=d(e)+"px",G.style.height=f(e)+"px",w.rm(G,"gu-transit"),w.add(G,"gu-mirror"),se.mirrorContainer.appendChild(G),r(E,"add","mousemove",$),w.add(se.mirrorContainer,"gu-unselectable"),le.emit("cloned",G,W,"mirror")}}function V(){G&&(w.rm(se.mirrorContainer,"gu-unselectable"),r(E,"remove","mousemove",$),v(G).removeChild(G),G=null)}function J(e,n){for(var t=n;t!==e&&v(t)!==e;)t=v(t);return t===E?null:t}function K(e,n,t,r){function i(){var n,i,o,a=e.children.length;for(n=0;n<a;n++){if(i=e.children[n],o=i.getBoundingClientRect(),u&&o.left+o.width/2>t)return i;if(!u&&o.top+o.height/2>r)return i}return null}function o(){var e=n.getBoundingClientRect();return a(u?t>e.left+d(e)/2:r>e.top+f(e)/2)}function a(e){return e?m(n):n}var u="horizontal"===se.direction,c=n!==e?o():i();return c}function U(e,n){return"boolean"==typeof se.copy?se.copy:se.copy(e,n)}var q=arguments.length;1===q&&Array.isArray(e)===!1&&(n=e,e=[]);var G,Q,W,Z,ee,ne,te,re,ie,oe,ae,ue,ce=null,se=n||{};void 0===se.moves&&(se.moves=l),void 0===se.accepts&&(se.accepts=l),void 0===se.invalid&&(se.invalid=j),void 0===se.containers&&(se.containers=e||[]),void 0===se.isContainer&&(se.isContainer=s),void 0===se.copy&&(se.copy=!1),void 0===se.copySortSource&&(se.copySortSource=!1),void 0===se.revertOnSpill&&(se.revertOnSpill=!1),void 0===se.removeOnSpill&&(se.removeOnSpill=!1),void 0===se.direction&&(se.direction="vertical"),void 0===se.ignoreInputTextSelection&&(se.ignoreInputTextSelection=!0),void 0===se.mirrorContainer&&(se.mirrorContainer=M.body);var le=k({containers:se.containers,start:N,end:T,cancel:A,remove:_,destroy:p,canMove:B,dragging:!1});return se.removeOnSpill===!0&&le.on("over",R).on("out",H),a(),le}function r(e,n,t,r){var i={mouseup:"touchend",mousedown:"touchstart",mousemove:"touchmove"},o={mouseup:"pointerup",mousedown:"pointerdown",mousemove:"pointermove"},u={mouseup:"MSPointerUp",mousedown:"MSPointerDown",mousemove:"MSPointerMove"};a.navigator.pointerEnabled?x[n](e,o[t],r):a.navigator.msPointerEnabled?x[n](e,u[t],r):(x[n](e,i[t],r),x[n](e,t,r))}function i(e){if(void 0!==e.touches)return e.touches.length;if(void 0!==e.which&&0!==e.which)return e.which;if(void 0!==e.buttons)return e.buttons;var n=e.button;return void 0!==n?1&n?1:2&n?3:4&n?2:0:void 0}function o(e){var n=e.getBoundingClientRect();return{left:n.left+u("scrollLeft","pageXOffset"),top:n.top+u("scrollTop","pageYOffset")}}function u(e,n){return"undefined"!=typeof a[n]?a[n]:E.clientHeight?E[e]:M.body[e]}function c(e,n,t){var r,i=e||{},o=i.className;return i.className+=" gu-hide",r=M.elementFromPoint(n,t),i.className=o,r}function s(){return!1}function l(){return!0}function d(e){return e.width||e.right-e.left}function f(e){return e.height||e.bottom-e.top}function v(e){return e.parentNode===M?null:e.parentNode}function h(e){return"INPUT"===e.tagName||"TEXTAREA"===e.tagName||"SELECT"===e.tagName||g(e)}function g(e){return!!e&&("false"!==e.contentEditable&&("true"===e.contentEditable||g(v(e))))}function m(e){function n(){var n=e;do n=n.nextSibling;while(n&&1!==n.nodeType);return n}return e.nextElementSibling||n()}function p(e){return e.targetTouches&&e.targetTouches.length?e.targetTouches[0]:e.changedTouches&&e.changedTouches.length?e.changedTouches[0]:e}function b(e,n){var t=p(n),r={pageX:"clientX",pageY:"clientY"};return e in r&&!(e in t)&&r[e]in t&&(e=r[e]),t[e]}var k=n(y),x=n(I),w=n(P),M=document,E=M.documentElement;e.exports=t}),A=n(_),X=(function(){function e(e){this.value=e}function n(n){function t(e,n){return new Promise(function(t,i){var u={key:e,arg:n,resolve:t,reject:i,next:null};a?a=a.next=u:(o=a=u,r(e,n))})}function r(t,o){try{var a=n[t](o),u=a.value;u instanceof e?Promise.resolve(u.value).then(function(e){r("next",e)},function(e){r("throw",e)}):i(a.done?"return":"normal",a.value)}catch(e){i("throw",e)}}function i(e,n){switch(e){case"return":o.resolve({value:n,done:!0});break;case"throw":o.reject(n);break;default:o.resolve({value:n,done:!1})}o=o.next,o?r(o.key,o.arg):a=null}var o,a;this._invoke=t,"function"!=typeof n.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(n.prototype[Symbol.asyncIterator]=function(){return this}),n.prototype.next=function(e){return this._invoke("next",e)},n.prototype.throw=function(e){return this._invoke("throw",e)},n.prototype.return=function(e){return this._invoke("return",e)},{wrap:function(e){return function(){return new n(e.apply(this,arguments))}},await:function(n){return new e(n)}}}(),function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}),z=function(){function e(e,n){for(var t=0;t<n.length;t++){var r=n[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(n,t,r){return t&&e(n.prototype,t),r&&e(n,r),n}}(),Y=window.requestAnimationFrame,$=Y?function(e){Y(function(){Y(e)})}:function(e){window.setTimeout(e,50)},R=function(){function e(n){var t=n.ctx,r=n.name,i=n.drake;X(this,e),this.dragElm=null,this.dragIndex=null,this.dropIndex=null,this.sourceModel=null,this.ctx=t,this.drake=i,this.name=r,this.eventBus=t.eventBus,this.findModelForContainer=t.findModelForContainer,this.domIndexOf=t.domIndexOf}return z(e,[{key:"removeModel",value:function(e,n,t){this.sourceModel.splice(this.dragIndex,1)}},{key:"dropModelSame",value:function(e,n,t){this.sourceModel.splice(this.dropIndex,0,this.sourceModel.splice(this.dragIndex,1)[0])}},{key:"insertModel",value:function(e,n){e.splice(this.dropIndex,0,n)}},{key:"dropModelTarget",value:function(e,n,t){var r=this,i=this.dragElm===e,o=this.findModelForContainer(n,this.drake),a=i?this.dropElmModel:this.jsonDropElmModel;i&&$(function(){r.sourceModel.splice(r.dragIndex,1)}),this.insertModel(o,a),this.drake.cancel(!0)}},{key:"dropModel",value:function(e,n,t){n===t?this.dropModelSame(e,n,t):this.dropModelTarget(e,n,t)}},{key:"remove",value:function(e,n,t){this.drake.models&&(this.sourceModel=this.findModelForContainer(t,this.drake),this.removeModel(e,n,t),this.drake.cancel(!0),this.eventBus.$emit("removeModel",[this.name,e,t,this.dragIndex]))}},{key:"drag",value:function(e,n){this.dragElm=e,this.dragIndex=this.domIndexOf(e,n)}},{key:"drop",value:function(e,n,t){this.drake.models&&n&&(this.dropIndex=this.domIndexOf(e,n),this.sourceModel=this.findModelForContainer(t,this.drake),this.dropModel(e,n,t),this.eventBus.$emit("dropModel",[this.name,e,n,t,this.dropIndex]))}},{key:"dropElmModel",get:function(){return this.sourceModel[this.dragIndex]}},{key:"jsonDropElmModel",get:function(){return JSON.parse(JSON.stringify(this.sourceModel[this.dragIndex]))}}]),e}();if(!A)throw new Error("[vue-dragula] cannot locate dragula.");var H=function(){function e(n){var t=n.name,i=n.eventBus,o=n.bags,a=n.drake,u=n.options;X(this,e),this.options=u||{},this.logging=u.logging,this.name=t,this.bags=o={},this.eventBus=i,this.drake=a,this.createDragHandler=u.createDragHandler||r,this.events=["cancel","cloned","drag","dragend","drop","out","over","remove","shadow","dropModel","removeModel"]}return z(e,[{key:"log",value:function(e){var n;if(this.logging){for(var t=arguments.length,r=Array(t>1?t-1:0),i=1;i<t;i++)r[i-1]=arguments[i];(n=console).log.apply(n,["DragulaService ["+this.name+"] :",e].concat(r))}}},{key:"error",value:function(e){throw console.error(e),new Error(e)}},{key:"add",value:function(e,n){n=n||this.drake,this.log("add (bag)",e,n);var t=this.find(e);if(t){this.log("existing bags",this.bagNames);'Bag named: "'+e+'" already exists for this service ['+this.name+"]. \n      Most likely this error in cause by a race condition evaluating multiple template elements with \n      the v-dragula directive having the same bag name. Please initialise the bag in the created() life cycle hook of the VM to fix this problem.";this.error(msg)}return this.bags[e]=n,n.models&&this.handleModels(e,n),t.initEvents||this.setupEvents(t),t}},{key:"find",value:function(e){return this.log("find (bag) by name",e),this.bags[e]}},{key:"handleModels",value:function(e,n){if(n=n||this.drake,this.log("handleModels",e,n),!n.registered){var t=this.createDragHandler({ctx:this,name:e,drake:n});n.on("remove",t.remove),n.on("drag",t.drag),n.on("drop",t.drop),n.registered=!0}}},{key:"on",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Object.keys(e),t=!0,r=!1,i=void 0;try{for(var o,a=n[Symbol.iterator]();!(t=(o=a.next()).done);t=!0){var u=o.value,c=e[u];this.eventBus.$on(u,c)}}catch(e){r=!0,i=e}finally{try{!t&&a.return&&a.return()}finally{if(r)throw i}}}},{key:"destroy",value:function(e){this.log("destroy",e);var n=this.find(e);n&&(n.drake.destroy(),this.delete(e))}},{key:"delete",value:function(e){delete this.bags[e]}},{key:"setOptions",value:function(e,n){if(this.log("setOptions",e,n),!e)return console.error("setOptions must take the name of the bag to set options for"),this;var t=this.add(e,A(n));return this.handleModels(e,t.drake),this}},{key:"setupEvents",value:function(e){this.log("setupEvents",e),e.initEvents=!0;var n=this,t=function(t){function r(){var r=Array.prototype.slice.call(arguments);n.eventBus.$emit(t,[e.name].concat(r))}e.drake.on(t,r)};this.events.forEach(t)}},{key:"domIndexOf",value:function(e,n){return Array.prototype.indexOf.call(n.children,e)}},{key:"findModelForContainer",value:function(e,n){return n=n||this.drake,this.log("findModelForContainer",e,n),(this.findModelContainerByContainer(e,n)||{}).model}},{key:"findModelContainerByContainer",value:function(e,n){if(n=n||this.drake,n.models)return n.models.find(function(n){return n.container===e})}},{key:"bagNames",get:function(){return Object.keys(this.bags)}}]),e}();if(!A)throw new Error("[vue-dragula] cannot locate dragula.");var L={createService:function(e){var n=e.name,t=e.eventBus,r=e.bags;return new H({name:n,eventBus:t,bags:r})},createEventBus:function(e){arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return new e}};o.version="1.0.0","function"==typeof define&&define.amd?define([],function(){}):window.Vue&&window.Vue.use(o),e.default=o,e.DragulaService=H,e.DragHandler=R});
\ No newline at end of file
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports):"function"==typeof define&&define.amd?define(["exports"],n):n(e.vueDragula=e.vueDragula||{})}(this,function(e){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e.default:e}function t(e,n){return n={exports:{}},e(n,n.exports),n.exports}function r(e){var n=e.ctx,t=e.name,r=e.drake;return new H({ctx:n,name:t,drake:r})}function i(e){function n(){var e;if(o.logging){for(var n=arguments.length,t=Array(n),r=0;r<n;r++)t[r]=arguments[r];(e=console).log.apply(e,["vue-dragula plugin"].concat(t))}}function t(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return n.apply(void 0,["v-dragula directive"].concat(t))}function r(e,n,r){if(n){var i=n.context.$dragula;if(i){t("trying to find and use component service");var o=i.services[r];if(o)return t("using component service",o),o}}return t("using global service",s),s.find(e,n)}function i(e,n,t){var r=n?n.data.attrs.bag:this.params.bag,i=n?n.data.attrs.service:this.params.service;return void 0!==r&&0!==r.length&&(e=r),{name:e,bagName:r,serviceName:i}}var o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};n("Initializing vue-dragula plugin",o);var a=o.createService||V.createService,u=o.createEventBus||V.createEventBus,c=u(e,o),s=a({name:"global.dragula",eventBus:c,bags:o.bags}),l=void 0,d=function(){function e(n){z(this,e),this.options=n,this.$service={options:s.setOptions.bind(s),find:s.find.bind(s),eventBus:this.eventBus=s.eventBus},this.createServices=this.createService}return Y(e,[{key:"optionsFor",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return this.service(e).setOptions(n),this}},{key:"createService",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this._serviceMap=this._serviceMap||{};var n=e.names||[],t=e.name||[],r=e.bags||{},i=Object.assign({},o,e);n=n||[t];var a=e.eventBus||a,u=!0,c=!1,s=void 0;try{for(var l,d=n[Symbol.iterator]();!(u=(l=d.next()).done);u=!0){var f=l.value,v=new L({name:f,eventBus:a,options:i});this._serviceMap[f]=v,r&&this.bagsFor(f,r)}}catch(e){c=!0,s=e}finally{try{!u&&d.return&&d.return()}finally{if(c)throw s}}return this}},{key:"bagsFor",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=this.service(e);Array.isArray(n)&&(n=n.reduce(function(e,n){return e[n]=!0,e},{}));var r=Object.keys(n),i=!0,o=!1,a=void 0;try{for(var u,c=r[Symbol.iterator]();!(i=(u=c.next()).done);i=!0){var s=u.value,l=n[s];l===!0&&(l={}),t.setOptions(s,l)}}catch(e){o=!0,a=e}finally{try{!i&&c.return&&c.return()}finally{if(o)throw a}}return this}},{key:"on",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if("object"===("undefined"==typeof e?"undefined":X(e))){n=e;var t=Object.values(this.serviceMap),r=!0,i=!1,o=void 0;try{for(var a,u=t[Symbol.iterator]();!(r=(a=u.next()).done);r=!0){var c=a.value;c.on(n)}}catch(e){i=!0,o=e}finally{try{!r&&u.return&&u.return()}finally{if(i)throw o}}}else this.service(e).on(n);return this}},{key:"service",value:function(e){var n=this._serviceMap[e];if(!n||!e){var t=this.servicesNames;n=this._serviceMap[t[0]]}return n}},{key:"serviceNames",get:function(){return Object.keys(this._serviceMap)}},{key:"services",get:function(){return Object.values(this._serviceMap)}}]),e}();e.$dragula=new d(o),e.prototype.$dragula=e.$dragula,e.directive("dragula",{params:["bag","service"],bind:function(e,n,o){t("bind",e,n,o);var a=i("globalBag",o,this),u=a.name,c=a.bagName,s=a.serviceName,d=r(u,o,s),f=d.find(u,o);return o||(e=this.el),t({service:{name:s,instance:d},bag:{name:c,instance:f},container:e}),f?(l=f.drake,void l.containers.push(e)):(l=_({containers:[e]}),d.add(u,l),void d.handleModels(u,l))},update:function(e,n,o,a){t("update",e,n,o);var u=o?n.value:e;if(u){var c=i("globalBag",o,this),s=c.name,d=c.bagName,f=c.serviceName,v=r(s,o,f),h=v.find(s,o);l=h.drake,l.models||(l.models=[]),o||(e=this.el);var m=v.findModelContainerByContainer(e,l);t({service:{name:f,instance:v},bag:{name:d,instance:h},container:e,modelContainer:m}),m?(t("set model of container",u),m.model=u):(t("push model and container on drake",u,e),l.models.push({model:u,container:e}))}},unbind:function(e,n,o){t("unbind",e,n,o);var a=i("globalBag",o,this),u=a.name,c=a.serviceName,s=r(u,o,c),l=s.find(u,o);t({service:{name:c,instance:s},bag:{name:bagName,instance:l},container:e});var d=l.drake;if(d){var f=d.containers.indexOf(e);f>-1&&(t("remove container",f),d.containers.splice(f,1)),0===d.containers.length&&(t("destroy service"),s.destroy(u))}}})}function o(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};o.installed&&console.warn("[vue-dragula] already installed."),console.log("Add Dragula plugin:",n),i(e,n)}var a="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},u=t(function(e){e.exports=function(e,n){return Array.prototype.slice.call(e,n)}}),c=n(u),s=Object.freeze({default:c}),l=t(function(e){var n,t="function"==typeof setImmediate;n=t?function(e){setImmediate(e)}:"undefined"!=typeof process&&process.nextTick?process.nextTick:function(e){setTimeout(e,0)},e.exports=n}),d=n(l),f=Object.freeze({default:d}),v=t(function(e){var t=n(f);e.exports=function(e,n,r){e&&t(function(){e.apply(r||null,n||[])})}}),h=n(v),m=Object.freeze({default:h}),g=t(function(e){var t=n(s),r=n(m);e.exports=function(e,n){var i=n||{},o={};return void 0===e&&(e={}),e.on=function(n,t){return o[n]?o[n].push(t):o[n]=[t],e},e.once=function(n,t){return t._once=!0,e.on(n,t),e},e.off=function(n,t){var r=arguments.length;if(1===r)delete o[n];else if(0===r)o={};else{var i=o[n];if(!i)return e;i.splice(i.indexOf(t),1)}return e},e.emit=function(){var n=t(arguments);return e.emitterSnapshot(n.shift()).apply(this,n)},e.emitterSnapshot=function(n){var a=(o[n]||[]).slice(0);return function(){var o=t(arguments),u=this||e;if("error"===n&&i.throws!==!1&&!a.length)throw 1===o.length?o[0]:o;return a.forEach(function(t){i.async?r(t,o,u):t.apply(u,o),t._once&&e.off(n,t)}),e}},e}}),p=n(g),y=Object.freeze({default:p}),b=t(function(e){function n(){try{var e=new t("cat",{detail:{foo:"bar"}});return"cat"===e.type&&"bar"===e.detail.foo}catch(e){}return!1}var t=a.CustomEvent;e.exports=n()?t:"function"==typeof document.createEvent?function(e,n){var t=document.createEvent("CustomEvent");return n?t.initCustomEvent(e,n.bubbles,n.cancelable,n.detail):t.initCustomEvent(e,!1,!1,void 0),t}:function(e,n){var t=document.createEventObject();return t.type=e,n?(t.bubbles=Boolean(n.bubbles),t.cancelable=Boolean(n.cancelable),t.detail=n.detail):(t.bubbles=!1,t.cancelable=!1,t.detail=void 0),t}}),k=n(b),x=Object.freeze({default:k}),w=t(function(e){var n=[],t="",r=/^on/;for(t in a)r.test(t)&&n.push(t.slice(2));e.exports=n}),M=n(w),E=Object.freeze({default:M}),S=t(function(e){function t(e,n,t,r){return e.addEventListener(n,t,r)}function r(e,n,t){return e.attachEvent("on"+n,s(e,n,t))}function i(e,n,t,r){return e.removeEventListener(n,t,r)}function o(e,n,t){var r=l(e,n,t);if(r)return e.detachEvent("on"+n,r)}function u(e,n,t){function r(){var e;return h.createEvent?(e=h.createEvent("Event"),e.initEvent(n,!0,!0)):h.createEventObject&&(e=h.createEventObject()),e}function i(){return new f(n,{detail:t})}var o=v.indexOf(n)===-1?i():r();e.dispatchEvent?e.dispatchEvent(o):e.fireEvent("on"+n,o)}function c(e,n,t){return function(n){var r=n||a.event;r.target=r.target||r.srcElement,r.preventDefault=r.preventDefault||function(){r.returnValue=!1},r.stopPropagation=r.stopPropagation||function(){r.cancelBubble=!0},r.which=r.which||r.keyCode,t.call(e,r)}}function s(e,n,t){var r=l(e,n,t)||c(e,n,t);return p.push({wrapper:r,element:e,type:n,fn:t}),r}function l(e,n,t){var r=d(e,n,t);if(r){var i=p[r].wrapper;return p.splice(r,1),i}}function d(e,n,t){var r,i;for(r=0;r<p.length;r++)if(i=p[r],i.element===e&&i.type===n&&i.fn===t)return r}var f=n(x),v=n(E),h=a.document,m=t,g=i,p=[];a.addEventListener||(m=r,g=o),e.exports={add:m,remove:g,fabricate:u}}),O=n(S),C=S.add,B=S.remove,N=S.fabricate,I=Object.freeze({default:O,add:C,remove:B,fabricate:N}),j=t(function(e){function n(e){var n=i[e];return n?n.lastIndex=0:i[e]=n=new RegExp(o+e+a,"g"),n}function t(e,t){var r=e.className;r.length?n(t).test(r)||(e.className+=" "+t):e.className=t}function r(e,t){e.className=e.className.replace(n(t)," ").trim()}var i={},o="(?:^|\\s)",a="(?:\\s|$)";e.exports={add:t,rm:r}}),T=n(j),D=j.add,A=j.rm,F=Object.freeze({default:T,add:D,rm:A}),P=t(function(e){function t(e,n){function t(e){return le.containers.indexOf(e)!==-1||se.isContainer(e)}function a(e){var n=e?"remove":"add";r(E,n,"mousedown",S),r(E,n,"mouseup",A)}function u(e){var n=e?"remove":"add";r(E,n,"mousemove",O)}function m(e){var n=e?"remove":"add";x[n](E,"selectstart",y),x[n](E,"click",y)}function p(){a(!0),A({})}function y(e){ue&&e.preventDefault()}function S(e){ne=e.clientX,te=e.clientY;var n=1!==i(e)||e.metaKey||e.ctrlKey;if(!n){var t=e.target,r=C(t);r&&(ue=r,u(),"mousedown"===e.type&&(h(t)?t.focus():e.preventDefault()))}}function O(e){if(ue){if(0===i(e))return void A({});if(void 0===e.clientX||e.clientX!==ne||void 0===e.clientY||e.clientY!==te){if(se.ignoreInputTextSelection){var n=b("clientX",e),t=b("clientY",e),r=M.elementFromPoint(n,t);if(h(r))return}var a=ue;u(!0),m(),T(),I(a);var c=o(W);Z=b("pageX",e)-c.left,ee=b("pageY",e)-c.top,w.add(oe||W,"gu-transit"),L(),$(e)}}}function C(e){if(!(le.dragging&&G||t(e))){for(var n=e;v(e)&&t(v(e))===!1;){if(se.invalid(e,n))return;if(e=v(e),!e)return}var r=v(e);if(r&&!se.invalid(e,n)){var i=se.moves(e,r,n,g(e));if(i)return{item:e,source:r}}}}function B(e){return!!C(e)}function N(e){var n=C(e);n&&I(n)}function I(e){U(e.item,e.source)&&(oe=e.item.cloneNode(!0),le.emit("cloned",oe,e.item,"copy")),Q=e.source,W=e.item,re=ie=g(e.item),le.dragging=!0,le.emit("drag",W,Q)}function j(){return!1}function T(){if(le.dragging){var e=oe||W;F(e,v(e))}}function D(){ue=!1,u(!0),m(!0)}function A(e){if(D(),le.dragging){var n=oe||W,t=b("clientX",e),r=b("clientY",e),i=c(G,t,r),o=Y(i,t,r);o&&(oe&&se.copySortSource||!oe||o!==Q)?F(n,o):se.removeOnSpill?P():_()}}function F(e,n){var t=v(e);oe&&se.copySortSource&&n===Q&&t.removeChild(W),z(n)?le.emit("cancel",e,Q,Q):le.emit("drop",e,n,Q,ie),X()}function P(){if(le.dragging){var e=oe||W,n=v(e);n&&n.removeChild(e),le.emit(oe?"cancel":"remove",e,n,Q),X()}}function _(e){if(le.dragging){var n=arguments.length>0?e:se.revertOnSpill,t=oe||W,r=v(t),i=z(r);i===!1&&n&&(oe?r&&r.removeChild(oe):Q.insertBefore(t,re)),i||n?le.emit("cancel",t,Q,Q):le.emit("drop",t,r,Q,ie),X()}}function X(){var e=oe||W;D(),V(),e&&w.rm(e,"gu-transit"),ae&&clearTimeout(ae),le.dragging=!1,ce&&le.emit("out",e,ce,Q),le.emit("dragend",e),Q=W=oe=re=ie=ae=ce=null}function z(e,n){var t;return t=void 0!==n?n:G?ie:g(oe||W),e===Q&&t===re}function Y(e,n,r){function i(){var i=t(o);if(i===!1)return!1;var a=J(o,e),u=K(o,a,n,r),c=z(o,u);return!!c||se.accepts(W,o,Q,u)}for(var o=e;o&&!i();)o=v(o);return o}function $(e){function n(e){le.emit(e,s,ce,Q)}function t(){f&&n("over")}function r(){ce&&n("out")}if(G){e.preventDefault();var i=b("clientX",e),o=b("clientY",e),a=i-Z,u=o-ee;G.style.left=a+"px",G.style.top=u+"px";var s=oe||W,l=c(G,i,o),d=Y(l,i,o),f=null!==d&&d!==ce;(f||null===d)&&(r(),ce=d,t());var h=v(s);if(d===Q&&oe&&!se.copySortSource)return void(h&&h.removeChild(s));var m,p=J(d,l);if(null!==p)m=K(d,p,i,o);else{if(se.revertOnSpill!==!0||oe)return void(oe&&h&&h.removeChild(s));m=re,d=Q}(null===m&&f||m!==s&&m!==g(s))&&(ie=m,d.insertBefore(s,m),le.emit("shadow",s,d,Q))}}function R(e){w.rm(e,"gu-hide")}function H(e){le.dragging&&w.add(e,"gu-hide")}function L(){if(!G){var e=W.getBoundingClientRect();G=W.cloneNode(!0),G.style.width=d(e)+"px",G.style.height=f(e)+"px",w.rm(G,"gu-transit"),w.add(G,"gu-mirror"),se.mirrorContainer.appendChild(G),r(E,"add","mousemove",$),w.add(se.mirrorContainer,"gu-unselectable"),le.emit("cloned",G,W,"mirror")}}function V(){G&&(w.rm(se.mirrorContainer,"gu-unselectable"),r(E,"remove","mousemove",$),v(G).removeChild(G),G=null)}function J(e,n){for(var t=n;t!==e&&v(t)!==e;)t=v(t);return t===E?null:t}function K(e,n,t,r){function i(){var n,i,o,a=e.children.length;for(n=0;n<a;n++){if(i=e.children[n],o=i.getBoundingClientRect(),u&&o.left+o.width/2>t)return i;if(!u&&o.top+o.height/2>r)return i}return null}function o(){var e=n.getBoundingClientRect();return a(u?t>e.left+d(e)/2:r>e.top+f(e)/2)}function a(e){return e?g(n):n}var u="horizontal"===se.direction,c=n!==e?o():i();return c}function U(e,n){return"boolean"==typeof se.copy?se.copy:se.copy(e,n)}var q=arguments.length;1===q&&Array.isArray(e)===!1&&(n=e,e=[]);var G,Q,W,Z,ee,ne,te,re,ie,oe,ae,ue,ce=null,se=n||{};void 0===se.moves&&(se.moves=l),void 0===se.accepts&&(se.accepts=l),void 0===se.invalid&&(se.invalid=j),void 0===se.containers&&(se.containers=e||[]),void 0===se.isContainer&&(se.isContainer=s),void 0===se.copy&&(se.copy=!1),void 0===se.copySortSource&&(se.copySortSource=!1),void 0===se.revertOnSpill&&(se.revertOnSpill=!1),void 0===se.removeOnSpill&&(se.removeOnSpill=!1),void 0===se.direction&&(se.direction="vertical"),void 0===se.ignoreInputTextSelection&&(se.ignoreInputTextSelection=!0),void 0===se.mirrorContainer&&(se.mirrorContainer=M.body);var le=k({containers:se.containers,start:N,end:T,cancel:_,remove:P,destroy:p,canMove:B,dragging:!1});return se.removeOnSpill===!0&&le.on("over",R).on("out",H),a(),le}function r(e,n,t,r){var i={mouseup:"touchend",mousedown:"touchstart",mousemove:"touchmove"},o={mouseup:"pointerup",mousedown:"pointerdown",mousemove:"pointermove"},u={mouseup:"MSPointerUp",mousedown:"MSPointerDown",mousemove:"MSPointerMove"};a.navigator.pointerEnabled?x[n](e,o[t],r):a.navigator.msPointerEnabled?x[n](e,u[t],r):(x[n](e,i[t],r),x[n](e,t,r))}function i(e){if(void 0!==e.touches)return e.touches.length;if(void 0!==e.which&&0!==e.which)return e.which;if(void 0!==e.buttons)return e.buttons;var n=e.button;return void 0!==n?1&n?1:2&n?3:4&n?2:0:void 0}function o(e){var n=e.getBoundingClientRect();return{left:n.left+u("scrollLeft","pageXOffset"),top:n.top+u("scrollTop","pageYOffset")}}function u(e,n){return"undefined"!=typeof a[n]?a[n]:E.clientHeight?E[e]:M.body[e]}function c(e,n,t){var r,i=e||{},o=i.className;return i.className+=" gu-hide",r=M.elementFromPoint(n,t),i.className=o,r}function s(){return!1}function l(){return!0}function d(e){return e.width||e.right-e.left}function f(e){return e.height||e.bottom-e.top}function v(e){return e.parentNode===M?null:e.parentNode}function h(e){return"INPUT"===e.tagName||"TEXTAREA"===e.tagName||"SELECT"===e.tagName||m(e)}function m(e){return!!e&&("false"!==e.contentEditable&&("true"===e.contentEditable||m(v(e))))}function g(e){function n(){var n=e;do n=n.nextSibling;while(n&&1!==n.nodeType);return n}return e.nextElementSibling||n()}function p(e){return e.targetTouches&&e.targetTouches.length?e.targetTouches[0]:e.changedTouches&&e.changedTouches.length?e.changedTouches[0]:e}function b(e,n){var t=p(n),r={pageX:"clientX",pageY:"clientY"};return e in r&&!(e in t)&&r[e]in t&&(e=r[e]),t[e]}var k=n(y),x=n(I),w=n(F),M=document,E=M.documentElement;e.exports=t}),_=n(P),X="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},z=(function(){function e(e){this.value=e}function n(n){function t(e,n){return new Promise(function(t,i){var u={key:e,arg:n,resolve:t,reject:i,next:null};a?a=a.next=u:(o=a=u,r(e,n))})}function r(t,o){try{var a=n[t](o),u=a.value;u instanceof e?Promise.resolve(u.value).then(function(e){r("next",e)},function(e){r("throw",e)}):i(a.done?"return":"normal",a.value)}catch(e){i("throw",e)}}function i(e,n){switch(e){case"return":o.resolve({value:n,done:!0});break;case"throw":o.reject(n);break;default:o.resolve({value:n,done:!1})}o=o.next,o?r(o.key,o.arg):a=null}var o,a;this._invoke=t,"function"!=typeof n.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(n.prototype[Symbol.asyncIterator]=function(){return this}),n.prototype.next=function(e){return this._invoke("next",e)},n.prototype.throw=function(e){return this._invoke("throw",e)},n.prototype.return=function(e){return this._invoke("return",e)},{wrap:function(e){return function(){return new n(e.apply(this,arguments))}},await:function(n){return new e(n)}}}(),function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}),Y=function(){function e(e,n){for(var t=0;t<n.length;t++){var r=n[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(n,t,r){return t&&e(n.prototype,t),r&&e(n,r),n}}(),$=window.requestAnimationFrame,R=$?function(e){$(function(){$(e)})}:function(e){window.setTimeout(e,50)},H=function(){function e(n){var t=n.ctx,r=n.name,i=n.drake;z(this,e),this.dragElm=null,this.dragIndex=null,this.dropIndex=null,this.sourceModel=null,this.ctx=t,this.drake=i,this.name=r,this.eventBus=t.eventBus,this.findModelForContainer=t.findModelForContainer,this.domIndexOf=t.domIndexOf}return Y(e,[{key:"removeModel",value:function(e,n,t){this.sourceModel.splice(this.dragIndex,1)}},{key:"dropModelSame",value:function(e,n,t){this.sourceModel.splice(this.dropIndex,0,this.sourceModel.splice(this.dragIndex,1)[0])}},{key:"insertModel",value:function(e,n){e.splice(this.dropIndex,0,n)}},{key:"dropModelTarget",value:function(e,n,t){var r=this,i=this.dragElm===e,o=this.findModelForContainer(n,this.drake),a=i?this.dropElmModel:this.jsonDropElmModel;i&&R(function(){r.sourceModel.splice(r.dragIndex,1)}),this.insertModel(o,a),this.drake.cancel(!0)}},{key:"dropModel",value:function(e,n,t){n===t?this.dropModelSame(e,n,t):this.dropModelTarget(e,n,t)}},{key:"remove",value:function(e,n,t){this.drake.models&&(this.sourceModel=this.findModelForContainer(t,this.drake),this.removeModel(e,n,t),this.drake.cancel(!0),this.eventBus.$emit("removeModel",[this.name,e,t,this.dragIndex]))}},{key:"drag",value:function(e,n){this.dragElm=e,this.dragIndex=this.domIndexOf(e,n)}},{key:"drop",value:function(e,n,t){this.drake.models&&n&&(this.dropIndex=this.domIndexOf(e,n),this.sourceModel=this.findModelForContainer(t,this.drake),this.dropModel(e,n,t),this.eventBus.$emit("dropModel",[this.name,e,n,t,this.dropIndex]))}},{key:"dropElmModel",get:function(){return this.sourceModel[this.dragIndex]}},{key:"jsonDropElmModel",get:function(){return JSON.parse(JSON.stringify(this.sourceModel[this.dragIndex]))}}]),e}();if(!_)throw new Error("[vue-dragula] cannot locate dragula.");var L=function(){function e(n){var t=n.name,i=n.eventBus,o=n.bags,a=n.drake,u=n.options;z(this,e),this.options=u||{},this.logging=u.logging,this.name=t,this.bags=o={},this.eventBus=i,this.drake=a,this.createDragHandler=u.createDragHandler||r,this.events=["cancel","cloned","drag","dragend","drop","out","over","remove","shadow","dropModel","removeModel"]}return Y(e,[{key:"log",value:function(e){var n;if(this.logging){for(var t=arguments.length,r=Array(t>1?t-1:0),i=1;i<t;i++)r[i-1]=arguments[i];(n=console).log.apply(n,["DragulaService ["+this.name+"] :",e].concat(r))}}},{key:"error",value:function(e){throw console.error(e),new Error(e)}},{key:"add",value:function(e,n){n=n||this.drake,this.log("add (bag)",e,n);var t=this.find(e);if(t){this.log("existing bags",this.bagNames);'Bag named: "'+e+'" already exists for this service ['+this.name+"]. \n      Most likely this error in cause by a race condition evaluating multiple template elements with \n      the v-dragula directive having the same bag name. Please initialise the bag in the created() life cycle hook of the VM to fix this problem.";this.error(msg)}return this.bags[e]=n,n.models&&this.handleModels(e,n),t.initEvents||this.setupEvents(e,t),t}},{key:"find",value:function(e){return this.log("find (bag) by name",e),this.bags[e]}},{key:"handleModels",value:function(e,n){if(n=n||this.drake,this.log("handleModels",e,n),!n.registered){var t=this.createDragHandler({ctx:this,name:e,drake:n});n.on("remove",t.remove),n.on("drag",t.drag),n.on("drop",t.drop),n.registered=!0}}},{key:"on",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Object.keys(e),t=!0,r=!1,i=void 0;try{for(var o,a=n[Symbol.iterator]();!(t=(o=a.next()).done);t=!0){var u=o.value,c=e[u];this.eventBus.$on(u,c)}}catch(e){r=!0,i=e}finally{try{!t&&a.return&&a.return()}finally{if(r)throw i}}}},{key:"destroy",value:function(e){this.log("destroy",e);var n=this.find(e);n&&(n.destroy(),this.delete(e))}},{key:"delete",value:function(e){delete this.bags[e]}},{key:"setOptions",value:function(e,n){if(this.log("setOptions",e,n),!e)return console.error("setOptions must take the name of the bag to set options for"),this;var t=this.add(e,_(n));return this.handleModels(e,t),this}},{key:"setupEvents",value:function(e,n){this.log("setupEvents",e,n),n.initEvents=!0;var t=this,r=function(r){function i(){var n=Array.prototype.slice.call(arguments);t.eventBus.$emit(r,[e].concat(n))}n.on(r,i)};this.events.forEach(r)}},{key:"domIndexOf",value:function(e,n){return Array.prototype.indexOf.call(n.children,e)}},{key:"findModelForContainer",value:function(e,n){return n=n||this.drake,this.log("findModelForContainer",e,n),(this.findModelContainerByContainer(e,n)||{}).model}},{key:"findModelContainerByContainer",value:function(e,n){if(n=n||this.drake,n.models)return n.models.find(function(n){return n.container===e})}},{key:"bagNames",get:function(){return Object.keys(this.bags)}}]),e}();if(!_)throw new Error("[vue-dragula] cannot locate dragula.");var V={createService:function(e){var n=e.name,t=e.eventBus,r=e.bags;return new L({name:n,eventBus:t,bags:r})},createEventBus:function(e){arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return new e}};o.version="1.0.0","function"==typeof define&&define.amd?define([],function(){}):window.Vue&&window.Vue.use(o),e.default=o,e.DragulaService=L,e.DragHandler=H});
\ No newline at end of file

From eff181f4575fe01eaed4df2a50ff459d5cc22686 Mon Sep 17 00:00:00 2001
From: Kristian Mandrup <kmandrup@gmail.com>
Date: Sun, 13 Nov 2016 19:13:50 +0100
Subject: [PATCH 27/30] removed bags concept - use named drakes

---
 Changelog.md             |   16 +-
 README.md                |  121 +-
 dist/vue-dragula.js      |  182 +-
 dist/vue-dragula.min.js  |    2 +-
 example/example.build.js | 7652 --------------------------------------
 example/example.css      |  186 -
 example/example.js       |   88 -
 example/template.js      |   67 -
 index.html               |   12 -
 src/service.js           |   79 +-
 src/vue-dragula.js       |   95 +-
 11 files changed, 242 insertions(+), 8258 deletions(-)
 delete mode 100644 example/example.build.js
 delete mode 100644 example/example.css
 delete mode 100644 example/example.js
 delete mode 100644 example/template.js
 delete mode 100644 index.html

diff --git a/Changelog.md b/Changelog.md
index a978314..fc75676 100644
--- a/Changelog.md
+++ b/Changelog.md
@@ -2,16 +2,24 @@
 
 ## 2.x
 
+Removed old `/example` app. Doesn't work with Vue2 or new design.
+
+Removed the concept of bags. Not needed now that named drakes of a service are stored in a Hash object, indexed by key. We just have services with a map of drakes that have drag options, containers and models. Much simpler to understand!
+
+Old bag flags/data (life cycle metadata) such as `initEvents` 
+and `registered` are stored directly on each drake instead.
+
 - Changed life cycle method `ready` to `mounted` with `$nextTick`
 - Add `$dragula` to Vue.prototype to make available on each component instance
 - Make `$dragula.$service` a shortcut to access key methods on global service
 - Add `service` property to `v-dragula` directive to indicate service to use for container
-- Add ability to add `DragulaService` per service name of component via `service="name"` on `v-dragula` element or by default use the global service.
+- Add ability to add `DragulaService` per service name of component via 
+`service="name"` on `v-dragula` element or by default use the global service.
 - Add ability to create and set `eventBus` per service, either as shared bus or independent
-- Add ability to set `bags` on creation of `DragulaService` via `bags` option
+- Add ability to set `drakes` on creation of `DragulaService` via `drakes` option
 - Add ability to create and use custom `DragulaService` via `createService`  plugin option
 - Add ability to create and use custom `eventBus` via `createEventBus` plugin option
-- Make `bind` try to bind directive (with bags) to a matching named component service before falling back to bind to global dragula service.
+- Make `bind` try to bind directive (with drakes) to a matching named component service before falling back to bind to global dragula service.
 - Add detailed logging via `logging: true` option on plugin
 - Extracted common logic of directive functions into reusable functions
-- Add `.bagNames` getter on `DragulaService`
\ No newline at end of file
+- Add `.bagNames` getter on `DragulaService`
diff --git a/README.md b/README.md
index 82ad356..9844fdf 100644
--- a/README.md
+++ b/README.md
@@ -5,25 +5,25 @@ Vue wrapper for [`dragula`][1].
 
 ## Status
 
-- Make it work with Vue 2.x
-- Make service and directive more flexible with granular control as needed
+- Works with [Vue 2.x](https://medium.com/the-vue-point/vue-2-0-is-here-ef1f26acf4b8#.c089dtgol)
+- Service and directive are more flexible and powerful
+- Removed concept of bags. References named drakes
+- [Vue2 demo app]((https://github.com/kristianmandrup/vue2-dragula-demo/))
 
-## TODO
-
-Remove the concept of bags. Not needed now that drakes of a service are stored in a Hash object. We just have services with drakes that have drag options, containers and models. Much simpler to understand!
+See more details in the [[Changelog.md]]
 
 ## Install
 #### CommonJS
 
-Available through npm as `vue-dragula`.
+Will soon be available through npm (or yarn) as `vue2-dragula`.
 
   ``` bash
-  npm install vue-dragula
+  npm install kristianmandrup/vue-dragula#dev
   ```
 
   ``` js
   var Vue = require('vue');
-  var VueDragula = require('vue-dragula');
+  var VueDragula = require('vue2-dragula');
 
   Vue.use(VueDragula);
   ```
@@ -38,11 +38,11 @@ In a template
 
 ``` html
 <div class="wrapper">
-  <div class="container" v-dragula="colOne" bag="first-bag">
+  <div class="container" v-dragula="colOne" drake="first">
     <!-- with click -->
     <div v-for="text in colOne" @click="onClick">{{text}} [click me]</div>
   </div>
-  <div class="container" v-dragula="colTwo" bag="first-bag">
+  <div class="container" v-dragula="colTwo" drake="first">
     <div v-for="text in colTwo">{{text}}</div>
   </div>
 </div>
@@ -61,7 +61,7 @@ Set [dragula options](https://github.com/bevacqua/dragula#optionscontainers)
 new Vue({
   ...
   created: function () {
-    Vue.$dragula.$service.options('my-bag', {
+    Vue.$dragula.$service.options('my-drake', {
       direction: 'vertical'
     })
   }
@@ -70,10 +70,7 @@ new Vue({
 
 ### `find(name)`
 
-Returns the `bag` for a `drake` instance. Contains the following properties:
-
-- `name` the name that identifies the bag
-- `drake` the raw `drake` instance
+Returns the named `drake` instance of the service.
 
 ## Events
 For [drake events](https://github.com/bevacqua/dragula#drakeon-events)
@@ -94,8 +91,8 @@ new Vue({
 
 | Event Name |      Listener Arguments      |  Event Description |
 | :-------------: |:-------------:| -----|
-| dropModel | bagName, el, target, source, dropIndex | model was synced, dropIndex exposed |
-| removeModel | bagName, el, container, removeIndex | model was synced, removeIndex exposed |
+| dropModel | drakeName, el, target, source, dropIndex | model was synced, dropIndex exposed |
+| removeModel | drakeName, el, container, removeIndex | model was synced, removeIndex exposed |
 
 [1]: https://github.com/bevacqua/dragula
 
@@ -113,21 +110,21 @@ How to view the example? Start a simple Http server, like the pythong [simplehtt
 
 The open in browser: `open localhost:8000`
 
-Note: The included `/example` demo is for Vue 1.x only. For Vue 2.x try [this demo](https://github.com/kristianmandrup/vue2-dragula-demo/)
+[Vue 2.x demo app](https://github.com/kristianmandrup/vue2-dragula-demo/)
 
 ## The API in more depth
 
-Access `this.$dragula` in your `created () { ... }` life cycle hook of any component which uses the `v-dragula` directive. Add named service(s) via `this.$dragula.createService` and initialise with the bags you want to use (see more on bags below).
+Access `this.$dragula` in your `created () { ... }` life cycle hook of any component which uses the `v-dragula` directive. Add named service(s) via `this.$dragula.createService` and initialise with the drakes you want to use.
 
 ### $dragula
 
 `$dragula` service API
 
-  - `createService({name, eventBus, bags})` : to create a named service
+  - `createService({name, eventBus, drakes})` : to create a named service
   - `createServices({names, ...})` : to create multiple services (`names` list)
   - `on(handlerConfig = {})` : add event handlers to all services
   - `on(name, handlerConfig = {})` : add event handlers to specific service
-  - `bagsFor(name, bags = {})` : configure a service with empty bags
+  - `drakesFor(name, drakes = {})` : configure a service with drakes
   - `service(name)` : get named service
   - `.services` : get list of all registered services
   - `.serviceNames` : get list of names for all registered services
@@ -137,16 +134,15 @@ Access `this.$dragula` in your `created () { ... }` life cycle hook of any compo
 The `DragulaService` constructor takes the following deconstructed arguments
 
 ```js
-  constructor ({name, eventBus, bags, options}) {
-    console.log('Create Dragula service')
-    this.name = name
-    this.bags = bags || {} // bag store
-    this.eventBus = eventBus
+class DragulaService {
+  constructor ({name, eventBus, drakes, options}) {
     ...
   }
+  // ...
+}
 ```
 
-Bags are stored as an Object `{}`, where each key is the name of a bag that points to a `drake` (dragula instance). The `drake` can have event handlers, models, containers etc. See [dragula options](https://github.com/bevacqua/dragula#dragulacontainers-options)
+Drakes are indexed by name in an Object `{}`. Each key is the name of a drake that points to a `drake` (ie. dragula instance). The `drake` can have event handlers, models, containers etc. See [dragula options](https://github.com/bevacqua/dragula#dragulacontainers-options)
 
 ## Model mechanics
 
@@ -236,21 +232,23 @@ export default {
       //...
     }
   },
-  // setup services with bags
+  // setup services with drakes
   created () {
     this.$dragula.create({
       name: 'myService',
       createDragHandler,
-      bags: {
-        third: true
+      drakes: {
+        third: true,
+        fourth: {
+          copy : true
+        }
       }
     })
   }
 }
 ```
 
-Note that you can set a bag to `true` as a convenience to create it with default bag options (ie. default dragula behavior). 
-This is a simply a shorthand for `third: {}`. You can also pass an array of bag names, ie `bags: ['third', 'fourth']`
+Note that you can set a drake to `true` as a convenience to create it with default options. This is a shorthand for `third: {}`. You can also pass an array of drake names, ie `drakes: ['third', 'fourth']`
 
 ### Binding models to dragable elements
 
@@ -262,22 +260,7 @@ Note that special Vue events `removeModel` and `dropModel` are emitted as model
 
 If you need more advanced control over models (such as filtering, conditions etc.) you can use watchers on these models and then create derived models in response, perhaps dispatching local model state to a [Vuex](vuex.vuejs.org) store. We recommend keeping the "raw" dragula models intact and in sync with the UI models/elements.
 
-Each `bag` is setup to delegate dragula events to the Vue event system (`$emit`) ie. to use `eventBus` to send events of the same name. This lets you define custom drag'n drop event handling as regular Vue event handlers.
-
-```js
-  setupEvents (bag) {
-    bag.initEvents = true
-    let _this = this
-    let emitter = type => {
-      function replicate () {
-        let args = Array.prototype.slice.call(arguments)
-        _this.eventBus.$emit(type, [bag.name].concat(args))
-      }
-      bag.drake.on(type, replicate)
-    }
-    this.events.forEach(emitter)
-  }
-```
+Each `drake` is setup to delegate dragula events to the Vue event system (`$emit`) ie. to use `eventBus` to send events of the same name. This lets you define custom drag'n drop event handling as regular Vue event handlers.
 
 ### Logging
 
@@ -303,11 +286,11 @@ class MyDragulaService extends DragulaService {
   /// ...
 }
 
-function createService({name, eventBus, bags}) {
+function createService({name, eventBus, drakes}) {
   return new MyDragulaService({
     name,
     eventBus,
-    bags
+    drakes
   })
 }
 
@@ -335,13 +318,12 @@ function createEventBus(Vue, options = {}) {
 Vue.use(VueDragula, { createEventBus });
 ```
 
-## How do the bags work!?
+## How do the drakes work!?
 
 In the directive `bind` function we have the following core logic:
 
 ```js
-  if (bag) {
-    drake = bag.drake
+  if (drake) {
     drake.containers.push(container)
     return
   }
@@ -351,24 +333,24 @@ In the directive `bind` function we have the following core logic:
   service.add(name, drake)
 ```
 
-If the bag already exists, ie. `if (bag) { ... }` then we add the container directly into a pre-existing bag created in the `created` lifecycle hook of the component. Otherwise it tries to add it as a new bag. 
+If the drake already exists, ie. `if (drake) { ... }` then we add the container directly into a pre-existing drake created in the `created` lifecycle hook of the component. Otherwise it tries to register as a new named drake in the service `drakes` map (Object). 
 
-*Bags conflict warning*
+*Drake conflict warning*
 
-You can get a conflict if multiple bags are added via directives, and the bags have not been pre-initialized in the VM. This conflict is caused by race conditions, as the directives are evaluated asynchronously for enhanced view performance!
+You can get a conflict if one or more drakes are added via directives, and the drakes have not been pre-configured in the VM. This conflict is caused by race conditions, as the directives are evaluated asynchronously for enhanced view performance!
 
 Thanks to [@Astray-git](https://github.com/Astray-git) for [making this clear](https://github.com/Astray-git/vue-dragula/issues/12#issuecomment-260134897)
 
-Note: He is the original author of this plugin :)
+Note: *@Astray-git* is the original author of this plugin :)
 
-Setup a service with one or more bags ready for drag'n drop action
+Setup a service with one or more drakes ready for drag'n drop action
 
 ```js
 created () {
   this.$dragula.create({
     name: 'myService',
-    bags: {
-      'first-bag': {
+    drakes: {
+      'first': {
         copy: true
       }
     }
@@ -378,36 +360,35 @@ created () {
 }
 ```
 
-You can also use the `bagsFor` method on a registered service.
+You can also use the `drakesFor` method on a registered service.
 
 ```
-  this.$dragula.bagsFor('myService', {
-    'first-bag': {
+  this.$dragula.drakesFor('myService', {
+    'first': {
       copy: true
     }
   })
 }
 ```
 
-This ensures that the `DragulaService` instance `myService` is registered and contains one or more bags which are ready to be populated by `v-dragula` container elements.
+This ensures that the `DragulaService` instance `myService` is registered and contains one or more drakes which are ready to be populated by `v-dragula` container elements.
 
 ``` html
 <div class="wrapper">
-  <div class="container" v-dragula="colOne" service="myService" bag="first-bag">
+  <div class="container" v-dragula="colOne" service="myService" drake="first">
     <!-- with click -->
     <div v-for="text in colOne" @click="onClick">{{text}} [click me]</div>
   </div>
-  <div class="container" v-dragula="colTwo" service="myService" bag="first-bag">
+  <div class="container" v-dragula="colTwo" service="myService" drake="first">
     <div v-for="text in colTwo">{{text}}</div>
   </div>
 </div>
 ```
 
-Now when the `v-dragula` directives are evaluated and bound to the component (via directive `bind` method), they will each find an existing bag of that name and push their `container` to the list of `drake.containers`.
+Now when the `v-dragula` directives are evaluated and bound to the component (via directive `bind` method), they will each find an existing drake of that name and push their `container` to the list of `drake.containers`.
 
 ```js
-  if (bag) {
-    drake = bag.drake
+  if (drake) {
     drake.containers.push(container)
     return
   }
@@ -431,7 +412,7 @@ Here the `model` is a pointer to a list in the model data of your VM. The contai
 To access and modify a particular drake models and containers:
 
 ```js
-let drake = this.$dragula.service('my-list').find('third-bag')
+let drake = this.$dragula.service('my-list').find('third')
 drake.models.push({
   model: model,
   container: container
diff --git a/dist/vue-dragula.js b/dist/vue-dragula.js
index e6570e7..e554f37 100644
--- a/dist/vue-dragula.js
+++ b/dist/vue-dragula.js
@@ -1337,18 +1337,17 @@ var require$$0$3 = Object.freeze({
 	  function DragulaService(_ref2) {
 	    var name = _ref2.name,
 	        eventBus = _ref2.eventBus,
-	        bags = _ref2.bags,
-	        drake = _ref2.drake,
+	        drakes = _ref2.drakes,
 	        options = _ref2.options;
 	    classCallCheck(this, DragulaService);
 
 	    this.options = options || {};
 	    this.logging = options.logging;
 	    this.name = name;
-	    this.bags = bags = {}; // bag store
+	    this.drakes = drakes = {}; // drake store
 	    this.eventBus = eventBus;
-	    this.drake = drake;
 	    this.createDragHandler = options.createDragHandler || createDragHandler;
+
 	    this.events = ['cancel', 'cloned', 'drag', 'dragend', 'drop', 'out', 'over', 'remove', 'shadow', 'dropModel', 'removeModel'];
 	  }
 
@@ -1371,38 +1370,45 @@ var require$$0$3 = Object.freeze({
 	      console.error(msg);
 	      throw new Error(msg);
 	    }
+	  }, {
+	    key: '_validate',
+	    value: function _validate(method, name) {
+	      if (!name) {
+	        this.error(method + ' must take a drake name as the first argument');
+	      }
+	    }
 	  }, {
 	    key: 'add',
 	    value: function add(name, drake) {
-	      drake = drake || this.drake;
-	      this.log('add (bag)', name, drake);
-	      var bag = this.find(name);
-	      if (bag) {
-	        this.log('existing bags', this.bagNames);
-	        var errMsg = 'Bag named: "' + name + '" already exists for this service [' + this.name + ']. \n      Most likely this error in cause by a race condition evaluating multiple template elements with \n      the v-dragula directive having the same bag name. Please initialise the bag in the created() life cycle hook of the VM to fix this problem.';
+	      this.log('add (drake)', name, drake);
+	      this._validate('add', name);
+	      if (this.find(name)) {
+	        this.log('existing drakes', this.drakeNames);
+	        var errMsg = 'Drake named: "' + name + '" already exists for this service [' + this.name + ']. \n      Most likely this error in cause by a race condition evaluating multiple template elements with \n      the v-dragula directive having the same drake name. Please initialise the drake in the created() life cycle hook of the VM to fix this problem.';
 	        this.error(msg);
 	      }
-	      this.bags[name] = drake;
+
+	      this.drakes[name] = drake;
 	      if (drake.models) {
 	        this.handleModels(name, drake);
 	      }
-	      if (!bag.initEvents) {
-	        this.setupEvents(name, bag);
+	      if (!drake.initEvents) {
+	        this.setupEvents(name, drake);
 	      }
-	      return bag;
+	      return drake;
 	    }
 	  }, {
 	    key: 'find',
 	    value: function find(name) {
-	      this.log('find (bag) by name', name);
-	      return this.bags[name];
+	      this.log('find (drake) by name', name);
+	      this._validate('find', name);
+	      return this.drakes[name];
 	    }
 	  }, {
 	    key: 'handleModels',
 	    value: function handleModels(name, drake) {
-	      drake = drake || this.drake;
 	      this.log('handleModels', name, drake);
-
+	      this._validate('handleModels', name);
 	      if (drake.registered) {
 	        // do not register events twice
 	        return;
@@ -1456,42 +1462,41 @@ var require$$0$3 = Object.freeze({
 	    key: 'destroy',
 	    value: function destroy(name) {
 	      this.log('destroy', name);
-	      var bag = this.find(name);
-	      if (!bag) {
+	      this._validate('destroy', name);
+	      var drake = this.find(name);
+	      if (!drake) {
 	        return;
 	      }
-	      bag.destroy();
-	      this.delete(name);
+	      drake.destroy();
+	      this._delete(name);
 	    }
 	  }, {
-	    key: 'delete',
+	    key: '_delete',
 	    value: function _delete(name) {
-	      delete this.bags[name];
+	      delete this.drakes[name];
 	    }
 	  }, {
 	    key: 'setOptions',
 	    value: function setOptions(name, options) {
 	      this.log('setOptions', name, options);
-	      if (!name) {
-	        console.error('setOptions must take the name of the bag to set options for');
-	        return this;
-	      }
-	      var bag = this.add(name, dragula$1(options));
-	      this.handleModels(name, bag);
+	      this._validate('setOptions', name);
+	      var drake = this.add(name, dragula$1(options));
+	      this.handleModels(name, drake);
 	      return this;
 	    }
 	  }, {
 	    key: 'setupEvents',
-	    value: function setupEvents(name, bag) {
-	      this.log('setupEvents', name, bag);
-	      bag.initEvents = true;
+	    value: function setupEvents(name, drake) {
+	      this.log('setupEvents', name, drake);
+	      this._validate('setupEvents', name);
+	      drake.initEvents = true;
 	      var _this = this;
 	      var emitter = function emitter(type) {
 	        function replicate() {
 	          var args = Array.prototype.slice.call(arguments);
 	          _this.eventBus.$emit(type, [name].concat(args));
 	        }
-	        bag.on(type, replicate);
+	        drake.on(type, replicate);
 	      };
 	      this.events.forEach(emitter);
 	    }
@@ -1503,14 +1508,12 @@ var require$$0$3 = Object.freeze({
 	  }, {
 	    key: 'findModelForContainer',
 	    value: function findModelForContainer(container, drake) {
-	      drake = drake || this.drake;
 	      this.log('findModelForContainer', container, drake);
 	      return (this.findModelContainerByContainer(container, drake) || {}).model;
 	    }
 	  }, {
 	    key: 'findModelContainerByContainer',
 	    value: function findModelContainerByContainer(container, drake) {
-	      drake = drake || this.drake;
 	      if (!drake.models) {
 	        return;
 	      }
@@ -1519,9 +1522,9 @@ var require$$0$3 = Object.freeze({
 	      });
 	    }
 	  }, {
-	    key: 'bagNames',
+	    key: 'drakeNames',
 	    get: function get() {
-	      return Object.keys(this.bags);
+	      return Object.keys(this.drakes);
 	    }
 	  }]);
 	  return DragulaService;
@@ -1535,12 +1538,12 @@ var require$$0$3 = Object.freeze({
 	  createService: function createService(_ref) {
 	    var name = _ref.name,
 	        eventBus = _ref.eventBus,
-	        bags = _ref.bags;
+	        drakes = _ref.drakes;
 
 	    return new DragulaService({
 	      name: name,
 	      eventBus: eventBus,
-	      bags: bags
+	      drakes: drakes
 	    });
 	  },
 	  createEventBus: function createEventBus(Vue) {
@@ -1584,10 +1587,10 @@ var require$$0$3 = Object.freeze({
 	  var service = createService({
 	    name: 'global.dragula',
 	    eventBus: eventBus,
-	    bags: options.bags
+	    drakes: options.drakes
 	  });
 
-	  var name = 'globalBag';
+	  var globalName = 'globalDrake';
 	  var drake = void 0;
 
 	  var Dragula = function () {
@@ -1623,7 +1626,7 @@ var require$$0$3 = Object.freeze({
 	        this._serviceMap = this._serviceMap || {};
 	        var names = serviceOpts.names || [];
 	        var name = serviceOpts.name || [];
-	        var bags = serviceOpts.bags || {};
+	        var drakes = serviceOpts.drakes || {};
 	        var opts = Object.assign({}, options, serviceOpts);
 	        names = names || [name];
 	        var eventBus = serviceOpts.eventBus || eventBus;
@@ -1644,8 +1647,8 @@ var require$$0$3 = Object.freeze({
 
 	            this._serviceMap[_name] = newService;
 
-	            if (bags) {
-	              this.bagsFor(_name, bags);
+	            if (drakes) {
+	              this.drakesFor(_name, drakes);
 	            }
 	          }
 	        } catch (err) {
@@ -1666,35 +1669,35 @@ var require$$0$3 = Object.freeze({
 	        return this;
 	      }
 	    }, {
-	      key: 'bagsFor',
-	      value: function bagsFor(name) {
-	        var bags = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+	      key: 'drakesFor',
+	      value: function drakesFor(name) {
+	        var drakes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
 
 	        var service = this.service(name);
 
-	        if (Array.isArray(bags)) {
+	        if (Array.isArray(drakes)) {
 	          // turn Array into object of [name]: true
-	          bags = bags.reduce(function (obj, name) {
+	          drakes = drakes.reduce(function (obj, name) {
 	            obj[name] = true;
 	            return obj;
 	          }, {});
 	        }
 
-	        var bagNames = Object.keys(bags);
+	        var drakeNames = Object.keys(drakes);
 	        var _iteratorNormalCompletion2 = true;
 	        var _didIteratorError2 = false;
 	        var _iteratorError2 = undefined;
 
 	        try {
-	          for (var _iterator2 = bagNames[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
-	            var _bagName = _step2.value;
+	          for (var _iterator2 = drakeNames[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+	            var _drakeName = _step2.value;
 
-	            var bagOpts = bags[_bagName];
-	            if (bagOpts === true) {
-	              bagOpts = {};
+	            var drakeOpts = drakes[_drakeName];
+	            if (drakeOpts === true) {
+	              drakeOpts = {};
 	            }
 
-	            service.setOptions(_bagName, bagOpts);
+	            service.setOptions(_drakeName, drakeOpts);
 	          }
 	        } catch (err) {
 	          _didIteratorError2 = true;
@@ -1785,11 +1788,11 @@ var require$$0$3 = Object.freeze({
 	  function findService(name, vnode, serviceName) {
 	    // first try to register on DragulaService of component
 	    if (vnode) {
-	      var $dragulaOfComponent = vnode.context.$dragula;
-	      if ($dragulaOfComponent) {
+	      var _dragula = vnode.context.$dragula;
+	      if (_dragula) {
 	        logDir('trying to find and use component service');
 
-	        var componentService = $dragulaOfComponent.services[serviceName];
+	        var componentService = _dragula.services[serviceName];
 	        if (componentService) {
 	          logDir('using component service', componentService);
 	          return componentService;
@@ -1800,36 +1803,36 @@ var require$$0$3 = Object.freeze({
 	    return service.find(name, vnode);
 	  }
 
-	  function findBag(name, vnode, serviceName) {
+	  function findDrake(name, vnode, serviceName) {
 	    return findService(name, vnode, serviceName).find(name, vnode);
 	  }
 
 	  function calcNames(name, vnode, ctx) {
-	    var bagName = vnode ? vnode.data.attrs.bag // Vue 2
-	    : this.params.bag; // Vue 1
+	    var drakeName = vnode ? vnode.data.attrs.drake // Vue 2
+	    : this.params.drake; // Vue 1
 
 	    var serviceName = vnode ? vnode.data.attrs.service // Vue 2
 	    : this.params.service; // Vue 1
 
-	    if (bagName !== undefined && bagName.length !== 0) {
-	      name = bagName;
+	    if (drakeName !== undefined && drakeName.length !== 0) {
+	      name = drakeName;
 	    }
-	    return { name: name, bagName: bagName, serviceName: serviceName };
+	    return { name: name, drakeName: drakeName, serviceName: serviceName };
 	  }
 
 	  Vue.directive('dragula', {
-	    params: ['bag', 'service'],
+	    params: ['drake', 'service'],
 
 	    bind: function bind(container, binding, vnode) {
 	      logDir('bind', container, binding, vnode);
 
-	      var _calcNames = calcNames('globalBag', vnode, this),
+	      var _calcNames = calcNames(globalName, vnode, this),
 	          name = _calcNames.name,
-	          bagName = _calcNames.bagName,
+	          drakeName = _calcNames.drakeName,
 	          serviceName = _calcNames.serviceName;
 
 	      var service = findService(name, vnode, serviceName);
-	      var bag = service.find(name, vnode);
+	      var drake = service.find(name, vnode);
 
 	      if (!vnode) {
 	        container = this.el; // Vue 1
@@ -1840,24 +1843,23 @@ var require$$0$3 = Object.freeze({
 	          name: serviceName,
 	          instance: service
 	        },
-	        bag: {
-	          name: bagName,
-	          instance: bag
+	        drake: {
+	          name: drakeName,
+	          instance: drake
 	        },
 	        container: container
 	      });
 
-	      if (bag) {
-	        drake = bag.drake;
+	      if (drake) {
 	        drake.containers.push(container);
 	        return;
 	      }
-	      drake = dragula$1({
+	      var newDrake = dragula$1({
 	        containers: [container]
 	      });
-	      service.add(name, drake);
+	      service.add(name, newDrake);
 
-	      service.handleModels(name, drake);
+	      service.handleModels(name, newDrake);
 	    },
 	    update: function update(container, binding, vnode, oldVnode) {
 	      logDir('update', container, binding, vnode);
@@ -1868,15 +1870,14 @@ var require$$0$3 = Object.freeze({
 	        return;
 	      }
 
-	      var _calcNames2 = calcNames('globalBag', vnode, this),
+	      var _calcNames2 = calcNames(globalName, vnode, this),
 	          name = _calcNames2.name,
-	          bagName = _calcNames2.bagName,
+	          drakeName = _calcNames2.drakeName,
 	          serviceName = _calcNames2.serviceName;
 
 	      var service = findService(name, vnode, serviceName);
-	      var bag = service.find(name, vnode);
+	      var drake = service.find(name, vnode);
 
-	      drake = bag.drake;
 	      if (!drake.models) {
 	        drake.models = [];
 	      }
@@ -1892,9 +1893,9 @@ var require$$0$3 = Object.freeze({
 	          name: serviceName,
 	          instance: service
 	        },
-	        bag: {
-	          name: bagName,
-	          instance: bag
+	        drake: {
+	          name: drakeName,
+	          instance: drake
 	        },
 	        container: container,
 	        modelContainer: modelContainer
@@ -1914,26 +1915,25 @@ var require$$0$3 = Object.freeze({
 	    unbind: function unbind(container, binding, vnode) {
 	      logDir('unbind', container, binding, vnode);
 
-	      var _calcNames3 = calcNames('globalBag', vnode, this),
+	      var _calcNames3 = calcNames(globalName, vnode, this),
 	          name = _calcNames3.name,
 	          serviceName = _calcNames3.serviceName;
 
 	      var service = findService(name, vnode, serviceName);
-	      var bag = service.find(name, vnode);
+	      var drake = service.find(name, vnode);
 
 	      logDir({
 	        service: {
 	          name: serviceName,
 	          instance: service
 	        },
-	        bag: {
-	          name: bagName,
-	          instance: bag
+	        drake: {
+	          name: drakeName,
+	          instance: drake
 	        },
 	        container: container
 	      });
 
-	      var drake = bag.drake;
 	      if (!drake) {
 	        return;
 	      }
diff --git a/dist/vue-dragula.min.js b/dist/vue-dragula.min.js
index 514af0f..31e34b2 100644
--- a/dist/vue-dragula.min.js
+++ b/dist/vue-dragula.min.js
@@ -3,4 +3,4 @@
  * (c) 2016 Yichang Liu
  * Released under the MIT License.
  */
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports):"function"==typeof define&&define.amd?define(["exports"],n):n(e.vueDragula=e.vueDragula||{})}(this,function(e){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e.default:e}function t(e,n){return n={exports:{}},e(n,n.exports),n.exports}function r(e){var n=e.ctx,t=e.name,r=e.drake;return new H({ctx:n,name:t,drake:r})}function i(e){function n(){var e;if(o.logging){for(var n=arguments.length,t=Array(n),r=0;r<n;r++)t[r]=arguments[r];(e=console).log.apply(e,["vue-dragula plugin"].concat(t))}}function t(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return n.apply(void 0,["v-dragula directive"].concat(t))}function r(e,n,r){if(n){var i=n.context.$dragula;if(i){t("trying to find and use component service");var o=i.services[r];if(o)return t("using component service",o),o}}return t("using global service",s),s.find(e,n)}function i(e,n,t){var r=n?n.data.attrs.bag:this.params.bag,i=n?n.data.attrs.service:this.params.service;return void 0!==r&&0!==r.length&&(e=r),{name:e,bagName:r,serviceName:i}}var o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};n("Initializing vue-dragula plugin",o);var a=o.createService||V.createService,u=o.createEventBus||V.createEventBus,c=u(e,o),s=a({name:"global.dragula",eventBus:c,bags:o.bags}),l=void 0,d=function(){function e(n){z(this,e),this.options=n,this.$service={options:s.setOptions.bind(s),find:s.find.bind(s),eventBus:this.eventBus=s.eventBus},this.createServices=this.createService}return Y(e,[{key:"optionsFor",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return this.service(e).setOptions(n),this}},{key:"createService",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this._serviceMap=this._serviceMap||{};var n=e.names||[],t=e.name||[],r=e.bags||{},i=Object.assign({},o,e);n=n||[t];var a=e.eventBus||a,u=!0,c=!1,s=void 0;try{for(var l,d=n[Symbol.iterator]();!(u=(l=d.next()).done);u=!0){var f=l.value,v=new L({name:f,eventBus:a,options:i});this._serviceMap[f]=v,r&&this.bagsFor(f,r)}}catch(e){c=!0,s=e}finally{try{!u&&d.return&&d.return()}finally{if(c)throw s}}return this}},{key:"bagsFor",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=this.service(e);Array.isArray(n)&&(n=n.reduce(function(e,n){return e[n]=!0,e},{}));var r=Object.keys(n),i=!0,o=!1,a=void 0;try{for(var u,c=r[Symbol.iterator]();!(i=(u=c.next()).done);i=!0){var s=u.value,l=n[s];l===!0&&(l={}),t.setOptions(s,l)}}catch(e){o=!0,a=e}finally{try{!i&&c.return&&c.return()}finally{if(o)throw a}}return this}},{key:"on",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if("object"===("undefined"==typeof e?"undefined":X(e))){n=e;var t=Object.values(this.serviceMap),r=!0,i=!1,o=void 0;try{for(var a,u=t[Symbol.iterator]();!(r=(a=u.next()).done);r=!0){var c=a.value;c.on(n)}}catch(e){i=!0,o=e}finally{try{!r&&u.return&&u.return()}finally{if(i)throw o}}}else this.service(e).on(n);return this}},{key:"service",value:function(e){var n=this._serviceMap[e];if(!n||!e){var t=this.servicesNames;n=this._serviceMap[t[0]]}return n}},{key:"serviceNames",get:function(){return Object.keys(this._serviceMap)}},{key:"services",get:function(){return Object.values(this._serviceMap)}}]),e}();e.$dragula=new d(o),e.prototype.$dragula=e.$dragula,e.directive("dragula",{params:["bag","service"],bind:function(e,n,o){t("bind",e,n,o);var a=i("globalBag",o,this),u=a.name,c=a.bagName,s=a.serviceName,d=r(u,o,s),f=d.find(u,o);return o||(e=this.el),t({service:{name:s,instance:d},bag:{name:c,instance:f},container:e}),f?(l=f.drake,void l.containers.push(e)):(l=_({containers:[e]}),d.add(u,l),void d.handleModels(u,l))},update:function(e,n,o,a){t("update",e,n,o);var u=o?n.value:e;if(u){var c=i("globalBag",o,this),s=c.name,d=c.bagName,f=c.serviceName,v=r(s,o,f),h=v.find(s,o);l=h.drake,l.models||(l.models=[]),o||(e=this.el);var m=v.findModelContainerByContainer(e,l);t({service:{name:f,instance:v},bag:{name:d,instance:h},container:e,modelContainer:m}),m?(t("set model of container",u),m.model=u):(t("push model and container on drake",u,e),l.models.push({model:u,container:e}))}},unbind:function(e,n,o){t("unbind",e,n,o);var a=i("globalBag",o,this),u=a.name,c=a.serviceName,s=r(u,o,c),l=s.find(u,o);t({service:{name:c,instance:s},bag:{name:bagName,instance:l},container:e});var d=l.drake;if(d){var f=d.containers.indexOf(e);f>-1&&(t("remove container",f),d.containers.splice(f,1)),0===d.containers.length&&(t("destroy service"),s.destroy(u))}}})}function o(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};o.installed&&console.warn("[vue-dragula] already installed."),console.log("Add Dragula plugin:",n),i(e,n)}var a="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},u=t(function(e){e.exports=function(e,n){return Array.prototype.slice.call(e,n)}}),c=n(u),s=Object.freeze({default:c}),l=t(function(e){var n,t="function"==typeof setImmediate;n=t?function(e){setImmediate(e)}:"undefined"!=typeof process&&process.nextTick?process.nextTick:function(e){setTimeout(e,0)},e.exports=n}),d=n(l),f=Object.freeze({default:d}),v=t(function(e){var t=n(f);e.exports=function(e,n,r){e&&t(function(){e.apply(r||null,n||[])})}}),h=n(v),m=Object.freeze({default:h}),g=t(function(e){var t=n(s),r=n(m);e.exports=function(e,n){var i=n||{},o={};return void 0===e&&(e={}),e.on=function(n,t){return o[n]?o[n].push(t):o[n]=[t],e},e.once=function(n,t){return t._once=!0,e.on(n,t),e},e.off=function(n,t){var r=arguments.length;if(1===r)delete o[n];else if(0===r)o={};else{var i=o[n];if(!i)return e;i.splice(i.indexOf(t),1)}return e},e.emit=function(){var n=t(arguments);return e.emitterSnapshot(n.shift()).apply(this,n)},e.emitterSnapshot=function(n){var a=(o[n]||[]).slice(0);return function(){var o=t(arguments),u=this||e;if("error"===n&&i.throws!==!1&&!a.length)throw 1===o.length?o[0]:o;return a.forEach(function(t){i.async?r(t,o,u):t.apply(u,o),t._once&&e.off(n,t)}),e}},e}}),p=n(g),y=Object.freeze({default:p}),b=t(function(e){function n(){try{var e=new t("cat",{detail:{foo:"bar"}});return"cat"===e.type&&"bar"===e.detail.foo}catch(e){}return!1}var t=a.CustomEvent;e.exports=n()?t:"function"==typeof document.createEvent?function(e,n){var t=document.createEvent("CustomEvent");return n?t.initCustomEvent(e,n.bubbles,n.cancelable,n.detail):t.initCustomEvent(e,!1,!1,void 0),t}:function(e,n){var t=document.createEventObject();return t.type=e,n?(t.bubbles=Boolean(n.bubbles),t.cancelable=Boolean(n.cancelable),t.detail=n.detail):(t.bubbles=!1,t.cancelable=!1,t.detail=void 0),t}}),k=n(b),x=Object.freeze({default:k}),w=t(function(e){var n=[],t="",r=/^on/;for(t in a)r.test(t)&&n.push(t.slice(2));e.exports=n}),M=n(w),E=Object.freeze({default:M}),S=t(function(e){function t(e,n,t,r){return e.addEventListener(n,t,r)}function r(e,n,t){return e.attachEvent("on"+n,s(e,n,t))}function i(e,n,t,r){return e.removeEventListener(n,t,r)}function o(e,n,t){var r=l(e,n,t);if(r)return e.detachEvent("on"+n,r)}function u(e,n,t){function r(){var e;return h.createEvent?(e=h.createEvent("Event"),e.initEvent(n,!0,!0)):h.createEventObject&&(e=h.createEventObject()),e}function i(){return new f(n,{detail:t})}var o=v.indexOf(n)===-1?i():r();e.dispatchEvent?e.dispatchEvent(o):e.fireEvent("on"+n,o)}function c(e,n,t){return function(n){var r=n||a.event;r.target=r.target||r.srcElement,r.preventDefault=r.preventDefault||function(){r.returnValue=!1},r.stopPropagation=r.stopPropagation||function(){r.cancelBubble=!0},r.which=r.which||r.keyCode,t.call(e,r)}}function s(e,n,t){var r=l(e,n,t)||c(e,n,t);return p.push({wrapper:r,element:e,type:n,fn:t}),r}function l(e,n,t){var r=d(e,n,t);if(r){var i=p[r].wrapper;return p.splice(r,1),i}}function d(e,n,t){var r,i;for(r=0;r<p.length;r++)if(i=p[r],i.element===e&&i.type===n&&i.fn===t)return r}var f=n(x),v=n(E),h=a.document,m=t,g=i,p=[];a.addEventListener||(m=r,g=o),e.exports={add:m,remove:g,fabricate:u}}),O=n(S),C=S.add,B=S.remove,N=S.fabricate,I=Object.freeze({default:O,add:C,remove:B,fabricate:N}),j=t(function(e){function n(e){var n=i[e];return n?n.lastIndex=0:i[e]=n=new RegExp(o+e+a,"g"),n}function t(e,t){var r=e.className;r.length?n(t).test(r)||(e.className+=" "+t):e.className=t}function r(e,t){e.className=e.className.replace(n(t)," ").trim()}var i={},o="(?:^|\\s)",a="(?:\\s|$)";e.exports={add:t,rm:r}}),T=n(j),D=j.add,A=j.rm,F=Object.freeze({default:T,add:D,rm:A}),P=t(function(e){function t(e,n){function t(e){return le.containers.indexOf(e)!==-1||se.isContainer(e)}function a(e){var n=e?"remove":"add";r(E,n,"mousedown",S),r(E,n,"mouseup",A)}function u(e){var n=e?"remove":"add";r(E,n,"mousemove",O)}function m(e){var n=e?"remove":"add";x[n](E,"selectstart",y),x[n](E,"click",y)}function p(){a(!0),A({})}function y(e){ue&&e.preventDefault()}function S(e){ne=e.clientX,te=e.clientY;var n=1!==i(e)||e.metaKey||e.ctrlKey;if(!n){var t=e.target,r=C(t);r&&(ue=r,u(),"mousedown"===e.type&&(h(t)?t.focus():e.preventDefault()))}}function O(e){if(ue){if(0===i(e))return void A({});if(void 0===e.clientX||e.clientX!==ne||void 0===e.clientY||e.clientY!==te){if(se.ignoreInputTextSelection){var n=b("clientX",e),t=b("clientY",e),r=M.elementFromPoint(n,t);if(h(r))return}var a=ue;u(!0),m(),T(),I(a);var c=o(W);Z=b("pageX",e)-c.left,ee=b("pageY",e)-c.top,w.add(oe||W,"gu-transit"),L(),$(e)}}}function C(e){if(!(le.dragging&&G||t(e))){for(var n=e;v(e)&&t(v(e))===!1;){if(se.invalid(e,n))return;if(e=v(e),!e)return}var r=v(e);if(r&&!se.invalid(e,n)){var i=se.moves(e,r,n,g(e));if(i)return{item:e,source:r}}}}function B(e){return!!C(e)}function N(e){var n=C(e);n&&I(n)}function I(e){U(e.item,e.source)&&(oe=e.item.cloneNode(!0),le.emit("cloned",oe,e.item,"copy")),Q=e.source,W=e.item,re=ie=g(e.item),le.dragging=!0,le.emit("drag",W,Q)}function j(){return!1}function T(){if(le.dragging){var e=oe||W;F(e,v(e))}}function D(){ue=!1,u(!0),m(!0)}function A(e){if(D(),le.dragging){var n=oe||W,t=b("clientX",e),r=b("clientY",e),i=c(G,t,r),o=Y(i,t,r);o&&(oe&&se.copySortSource||!oe||o!==Q)?F(n,o):se.removeOnSpill?P():_()}}function F(e,n){var t=v(e);oe&&se.copySortSource&&n===Q&&t.removeChild(W),z(n)?le.emit("cancel",e,Q,Q):le.emit("drop",e,n,Q,ie),X()}function P(){if(le.dragging){var e=oe||W,n=v(e);n&&n.removeChild(e),le.emit(oe?"cancel":"remove",e,n,Q),X()}}function _(e){if(le.dragging){var n=arguments.length>0?e:se.revertOnSpill,t=oe||W,r=v(t),i=z(r);i===!1&&n&&(oe?r&&r.removeChild(oe):Q.insertBefore(t,re)),i||n?le.emit("cancel",t,Q,Q):le.emit("drop",t,r,Q,ie),X()}}function X(){var e=oe||W;D(),V(),e&&w.rm(e,"gu-transit"),ae&&clearTimeout(ae),le.dragging=!1,ce&&le.emit("out",e,ce,Q),le.emit("dragend",e),Q=W=oe=re=ie=ae=ce=null}function z(e,n){var t;return t=void 0!==n?n:G?ie:g(oe||W),e===Q&&t===re}function Y(e,n,r){function i(){var i=t(o);if(i===!1)return!1;var a=J(o,e),u=K(o,a,n,r),c=z(o,u);return!!c||se.accepts(W,o,Q,u)}for(var o=e;o&&!i();)o=v(o);return o}function $(e){function n(e){le.emit(e,s,ce,Q)}function t(){f&&n("over")}function r(){ce&&n("out")}if(G){e.preventDefault();var i=b("clientX",e),o=b("clientY",e),a=i-Z,u=o-ee;G.style.left=a+"px",G.style.top=u+"px";var s=oe||W,l=c(G,i,o),d=Y(l,i,o),f=null!==d&&d!==ce;(f||null===d)&&(r(),ce=d,t());var h=v(s);if(d===Q&&oe&&!se.copySortSource)return void(h&&h.removeChild(s));var m,p=J(d,l);if(null!==p)m=K(d,p,i,o);else{if(se.revertOnSpill!==!0||oe)return void(oe&&h&&h.removeChild(s));m=re,d=Q}(null===m&&f||m!==s&&m!==g(s))&&(ie=m,d.insertBefore(s,m),le.emit("shadow",s,d,Q))}}function R(e){w.rm(e,"gu-hide")}function H(e){le.dragging&&w.add(e,"gu-hide")}function L(){if(!G){var e=W.getBoundingClientRect();G=W.cloneNode(!0),G.style.width=d(e)+"px",G.style.height=f(e)+"px",w.rm(G,"gu-transit"),w.add(G,"gu-mirror"),se.mirrorContainer.appendChild(G),r(E,"add","mousemove",$),w.add(se.mirrorContainer,"gu-unselectable"),le.emit("cloned",G,W,"mirror")}}function V(){G&&(w.rm(se.mirrorContainer,"gu-unselectable"),r(E,"remove","mousemove",$),v(G).removeChild(G),G=null)}function J(e,n){for(var t=n;t!==e&&v(t)!==e;)t=v(t);return t===E?null:t}function K(e,n,t,r){function i(){var n,i,o,a=e.children.length;for(n=0;n<a;n++){if(i=e.children[n],o=i.getBoundingClientRect(),u&&o.left+o.width/2>t)return i;if(!u&&o.top+o.height/2>r)return i}return null}function o(){var e=n.getBoundingClientRect();return a(u?t>e.left+d(e)/2:r>e.top+f(e)/2)}function a(e){return e?g(n):n}var u="horizontal"===se.direction,c=n!==e?o():i();return c}function U(e,n){return"boolean"==typeof se.copy?se.copy:se.copy(e,n)}var q=arguments.length;1===q&&Array.isArray(e)===!1&&(n=e,e=[]);var G,Q,W,Z,ee,ne,te,re,ie,oe,ae,ue,ce=null,se=n||{};void 0===se.moves&&(se.moves=l),void 0===se.accepts&&(se.accepts=l),void 0===se.invalid&&(se.invalid=j),void 0===se.containers&&(se.containers=e||[]),void 0===se.isContainer&&(se.isContainer=s),void 0===se.copy&&(se.copy=!1),void 0===se.copySortSource&&(se.copySortSource=!1),void 0===se.revertOnSpill&&(se.revertOnSpill=!1),void 0===se.removeOnSpill&&(se.removeOnSpill=!1),void 0===se.direction&&(se.direction="vertical"),void 0===se.ignoreInputTextSelection&&(se.ignoreInputTextSelection=!0),void 0===se.mirrorContainer&&(se.mirrorContainer=M.body);var le=k({containers:se.containers,start:N,end:T,cancel:_,remove:P,destroy:p,canMove:B,dragging:!1});return se.removeOnSpill===!0&&le.on("over",R).on("out",H),a(),le}function r(e,n,t,r){var i={mouseup:"touchend",mousedown:"touchstart",mousemove:"touchmove"},o={mouseup:"pointerup",mousedown:"pointerdown",mousemove:"pointermove"},u={mouseup:"MSPointerUp",mousedown:"MSPointerDown",mousemove:"MSPointerMove"};a.navigator.pointerEnabled?x[n](e,o[t],r):a.navigator.msPointerEnabled?x[n](e,u[t],r):(x[n](e,i[t],r),x[n](e,t,r))}function i(e){if(void 0!==e.touches)return e.touches.length;if(void 0!==e.which&&0!==e.which)return e.which;if(void 0!==e.buttons)return e.buttons;var n=e.button;return void 0!==n?1&n?1:2&n?3:4&n?2:0:void 0}function o(e){var n=e.getBoundingClientRect();return{left:n.left+u("scrollLeft","pageXOffset"),top:n.top+u("scrollTop","pageYOffset")}}function u(e,n){return"undefined"!=typeof a[n]?a[n]:E.clientHeight?E[e]:M.body[e]}function c(e,n,t){var r,i=e||{},o=i.className;return i.className+=" gu-hide",r=M.elementFromPoint(n,t),i.className=o,r}function s(){return!1}function l(){return!0}function d(e){return e.width||e.right-e.left}function f(e){return e.height||e.bottom-e.top}function v(e){return e.parentNode===M?null:e.parentNode}function h(e){return"INPUT"===e.tagName||"TEXTAREA"===e.tagName||"SELECT"===e.tagName||m(e)}function m(e){return!!e&&("false"!==e.contentEditable&&("true"===e.contentEditable||m(v(e))))}function g(e){function n(){var n=e;do n=n.nextSibling;while(n&&1!==n.nodeType);return n}return e.nextElementSibling||n()}function p(e){return e.targetTouches&&e.targetTouches.length?e.targetTouches[0]:e.changedTouches&&e.changedTouches.length?e.changedTouches[0]:e}function b(e,n){var t=p(n),r={pageX:"clientX",pageY:"clientY"};return e in r&&!(e in t)&&r[e]in t&&(e=r[e]),t[e]}var k=n(y),x=n(I),w=n(F),M=document,E=M.documentElement;e.exports=t}),_=n(P),X="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},z=(function(){function e(e){this.value=e}function n(n){function t(e,n){return new Promise(function(t,i){var u={key:e,arg:n,resolve:t,reject:i,next:null};a?a=a.next=u:(o=a=u,r(e,n))})}function r(t,o){try{var a=n[t](o),u=a.value;u instanceof e?Promise.resolve(u.value).then(function(e){r("next",e)},function(e){r("throw",e)}):i(a.done?"return":"normal",a.value)}catch(e){i("throw",e)}}function i(e,n){switch(e){case"return":o.resolve({value:n,done:!0});break;case"throw":o.reject(n);break;default:o.resolve({value:n,done:!1})}o=o.next,o?r(o.key,o.arg):a=null}var o,a;this._invoke=t,"function"!=typeof n.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(n.prototype[Symbol.asyncIterator]=function(){return this}),n.prototype.next=function(e){return this._invoke("next",e)},n.prototype.throw=function(e){return this._invoke("throw",e)},n.prototype.return=function(e){return this._invoke("return",e)},{wrap:function(e){return function(){return new n(e.apply(this,arguments))}},await:function(n){return new e(n)}}}(),function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}),Y=function(){function e(e,n){for(var t=0;t<n.length;t++){var r=n[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(n,t,r){return t&&e(n.prototype,t),r&&e(n,r),n}}(),$=window.requestAnimationFrame,R=$?function(e){$(function(){$(e)})}:function(e){window.setTimeout(e,50)},H=function(){function e(n){var t=n.ctx,r=n.name,i=n.drake;z(this,e),this.dragElm=null,this.dragIndex=null,this.dropIndex=null,this.sourceModel=null,this.ctx=t,this.drake=i,this.name=r,this.eventBus=t.eventBus,this.findModelForContainer=t.findModelForContainer,this.domIndexOf=t.domIndexOf}return Y(e,[{key:"removeModel",value:function(e,n,t){this.sourceModel.splice(this.dragIndex,1)}},{key:"dropModelSame",value:function(e,n,t){this.sourceModel.splice(this.dropIndex,0,this.sourceModel.splice(this.dragIndex,1)[0])}},{key:"insertModel",value:function(e,n){e.splice(this.dropIndex,0,n)}},{key:"dropModelTarget",value:function(e,n,t){var r=this,i=this.dragElm===e,o=this.findModelForContainer(n,this.drake),a=i?this.dropElmModel:this.jsonDropElmModel;i&&R(function(){r.sourceModel.splice(r.dragIndex,1)}),this.insertModel(o,a),this.drake.cancel(!0)}},{key:"dropModel",value:function(e,n,t){n===t?this.dropModelSame(e,n,t):this.dropModelTarget(e,n,t)}},{key:"remove",value:function(e,n,t){this.drake.models&&(this.sourceModel=this.findModelForContainer(t,this.drake),this.removeModel(e,n,t),this.drake.cancel(!0),this.eventBus.$emit("removeModel",[this.name,e,t,this.dragIndex]))}},{key:"drag",value:function(e,n){this.dragElm=e,this.dragIndex=this.domIndexOf(e,n)}},{key:"drop",value:function(e,n,t){this.drake.models&&n&&(this.dropIndex=this.domIndexOf(e,n),this.sourceModel=this.findModelForContainer(t,this.drake),this.dropModel(e,n,t),this.eventBus.$emit("dropModel",[this.name,e,n,t,this.dropIndex]))}},{key:"dropElmModel",get:function(){return this.sourceModel[this.dragIndex]}},{key:"jsonDropElmModel",get:function(){return JSON.parse(JSON.stringify(this.sourceModel[this.dragIndex]))}}]),e}();if(!_)throw new Error("[vue-dragula] cannot locate dragula.");var L=function(){function e(n){var t=n.name,i=n.eventBus,o=n.bags,a=n.drake,u=n.options;z(this,e),this.options=u||{},this.logging=u.logging,this.name=t,this.bags=o={},this.eventBus=i,this.drake=a,this.createDragHandler=u.createDragHandler||r,this.events=["cancel","cloned","drag","dragend","drop","out","over","remove","shadow","dropModel","removeModel"]}return Y(e,[{key:"log",value:function(e){var n;if(this.logging){for(var t=arguments.length,r=Array(t>1?t-1:0),i=1;i<t;i++)r[i-1]=arguments[i];(n=console).log.apply(n,["DragulaService ["+this.name+"] :",e].concat(r))}}},{key:"error",value:function(e){throw console.error(e),new Error(e)}},{key:"add",value:function(e,n){n=n||this.drake,this.log("add (bag)",e,n);var t=this.find(e);if(t){this.log("existing bags",this.bagNames);'Bag named: "'+e+'" already exists for this service ['+this.name+"]. \n      Most likely this error in cause by a race condition evaluating multiple template elements with \n      the v-dragula directive having the same bag name. Please initialise the bag in the created() life cycle hook of the VM to fix this problem.";this.error(msg)}return this.bags[e]=n,n.models&&this.handleModels(e,n),t.initEvents||this.setupEvents(e,t),t}},{key:"find",value:function(e){return this.log("find (bag) by name",e),this.bags[e]}},{key:"handleModels",value:function(e,n){if(n=n||this.drake,this.log("handleModels",e,n),!n.registered){var t=this.createDragHandler({ctx:this,name:e,drake:n});n.on("remove",t.remove),n.on("drag",t.drag),n.on("drop",t.drop),n.registered=!0}}},{key:"on",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Object.keys(e),t=!0,r=!1,i=void 0;try{for(var o,a=n[Symbol.iterator]();!(t=(o=a.next()).done);t=!0){var u=o.value,c=e[u];this.eventBus.$on(u,c)}}catch(e){r=!0,i=e}finally{try{!t&&a.return&&a.return()}finally{if(r)throw i}}}},{key:"destroy",value:function(e){this.log("destroy",e);var n=this.find(e);n&&(n.destroy(),this.delete(e))}},{key:"delete",value:function(e){delete this.bags[e]}},{key:"setOptions",value:function(e,n){if(this.log("setOptions",e,n),!e)return console.error("setOptions must take the name of the bag to set options for"),this;var t=this.add(e,_(n));return this.handleModels(e,t),this}},{key:"setupEvents",value:function(e,n){this.log("setupEvents",e,n),n.initEvents=!0;var t=this,r=function(r){function i(){var n=Array.prototype.slice.call(arguments);t.eventBus.$emit(r,[e].concat(n))}n.on(r,i)};this.events.forEach(r)}},{key:"domIndexOf",value:function(e,n){return Array.prototype.indexOf.call(n.children,e)}},{key:"findModelForContainer",value:function(e,n){return n=n||this.drake,this.log("findModelForContainer",e,n),(this.findModelContainerByContainer(e,n)||{}).model}},{key:"findModelContainerByContainer",value:function(e,n){if(n=n||this.drake,n.models)return n.models.find(function(n){return n.container===e})}},{key:"bagNames",get:function(){return Object.keys(this.bags)}}]),e}();if(!_)throw new Error("[vue-dragula] cannot locate dragula.");var V={createService:function(e){var n=e.name,t=e.eventBus,r=e.bags;return new L({name:n,eventBus:t,bags:r})},createEventBus:function(e){arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return new e}};o.version="1.0.0","function"==typeof define&&define.amd?define([],function(){}):window.Vue&&window.Vue.use(o),e.default=o,e.DragulaService=L,e.DragHandler=H});
\ No newline at end of file
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports):"function"==typeof define&&define.amd?define(["exports"],n):n(e.vueDragula=e.vueDragula||{})}(this,function(e){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e.default:e}function t(e,n){return n={exports:{}},e(n,n.exports),n.exports}function r(e){var n=e.ctx,t=e.name,r=e.drake;return new H({ctx:n,name:t,drake:r})}function i(e){function n(){var e;if(o.logging){for(var n=arguments.length,t=Array(n),r=0;r<n;r++)t[r]=arguments[r];(e=console).log.apply(e,["vue-dragula plugin"].concat(t))}}function t(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return n.apply(void 0,["v-dragula directive"].concat(t))}function r(e,n,r){if(n){var i=n.context.$dragula;if(i){t("trying to find and use component service");var o=i.services[r];if(o)return t("using component service",o),o}}return t("using global service",s),s.find(e,n)}function i(e,n,t){var r=n?n.data.attrs.drake:this.params.drake,i=n?n.data.attrs.service:this.params.service;return void 0!==r&&0!==r.length&&(e=r),{name:e,drakeName:r,serviceName:i}}var o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};n("Initializing vue-dragula plugin",o);var a=o.createService||V.createService,u=o.createEventBus||V.createEventBus,c=u(e,o),s=a({name:"global.dragula",eventBus:c,drakes:o.drakes}),l="globalDrake",d=function(){function e(n){z(this,e),this.options=n,this.$service={options:s.setOptions.bind(s),find:s.find.bind(s),eventBus:this.eventBus=s.eventBus},this.createServices=this.createService}return Y(e,[{key:"optionsFor",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return this.service(e).setOptions(n),this}},{key:"createService",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this._serviceMap=this._serviceMap||{};var n=e.names||[],t=e.name||[],r=e.drakes||{},i=Object.assign({},o,e);n=n||[t];var a=e.eventBus||a,u=!0,c=!1,s=void 0;try{for(var l,d=n[Symbol.iterator]();!(u=(l=d.next()).done);u=!0){var f=l.value,v=new L({name:f,eventBus:a,options:i});this._serviceMap[f]=v,r&&this.drakesFor(f,r)}}catch(e){c=!0,s=e}finally{try{!u&&d.return&&d.return()}finally{if(c)throw s}}return this}},{key:"drakesFor",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=this.service(e);Array.isArray(n)&&(n=n.reduce(function(e,n){return e[n]=!0,e},{}));var r=Object.keys(n),i=!0,o=!1,a=void 0;try{for(var u,c=r[Symbol.iterator]();!(i=(u=c.next()).done);i=!0){var s=u.value,l=n[s];l===!0&&(l={}),t.setOptions(s,l)}}catch(e){o=!0,a=e}finally{try{!i&&c.return&&c.return()}finally{if(o)throw a}}return this}},{key:"on",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if("object"===("undefined"==typeof e?"undefined":X(e))){n=e;var t=Object.values(this.serviceMap),r=!0,i=!1,o=void 0;try{for(var a,u=t[Symbol.iterator]();!(r=(a=u.next()).done);r=!0){var c=a.value;c.on(n)}}catch(e){i=!0,o=e}finally{try{!r&&u.return&&u.return()}finally{if(i)throw o}}}else this.service(e).on(n);return this}},{key:"service",value:function(e){var n=this._serviceMap[e];if(!n||!e){var t=this.servicesNames;n=this._serviceMap[t[0]]}return n}},{key:"serviceNames",get:function(){return Object.keys(this._serviceMap)}},{key:"services",get:function(){return Object.values(this._serviceMap)}}]),e}();e.$dragula=new d(o),e.prototype.$dragula=e.$dragula,e.directive("dragula",{params:["drake","service"],bind:function(e,n,o){t("bind",e,n,o);var a=i(l,o,this),u=a.name,c=a.drakeName,s=a.serviceName,d=r(u,o,s),f=d.find(u,o);if(o||(e=this.el),t({service:{name:s,instance:d},drake:{name:c,instance:f},container:e}),f)return void f.containers.push(e);var v=P({containers:[e]});d.add(u,v),d.handleModels(u,v)},update:function(e,n,o,a){t("update",e,n,o);var u=o?n.value:e;if(u){var c=i(l,o,this),s=c.name,d=c.drakeName,f=c.serviceName,v=r(s,o,f),h=v.find(s,o);h.models||(h.models=[]),o||(e=this.el);var m=v.findModelContainerByContainer(e,h);t({service:{name:f,instance:v},drake:{name:d,instance:h},container:e,modelContainer:m}),m?(t("set model of container",u),m.model=u):(t("push model and container on drake",u,e),h.models.push({model:u,container:e}))}},unbind:function(e,n,o){t("unbind",e,n,o);var a=i(l,o,this),u=a.name,c=a.serviceName,s=r(u,o,c),d=s.find(u,o);if(t({service:{name:c,instance:s},drake:{name:drakeName,instance:d},container:e}),d){var f=d.containers.indexOf(e);f>-1&&(t("remove container",f),d.containers.splice(f,1)),0===d.containers.length&&(t("destroy service"),s.destroy(u))}}})}function o(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};o.installed&&console.warn("[vue-dragula] already installed."),console.log("Add Dragula plugin:",n),i(e,n)}var a="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},u=t(function(e){e.exports=function(e,n){return Array.prototype.slice.call(e,n)}}),c=n(u),s=Object.freeze({default:c}),l=t(function(e){var n,t="function"==typeof setImmediate;n=t?function(e){setImmediate(e)}:"undefined"!=typeof process&&process.nextTick?process.nextTick:function(e){setTimeout(e,0)},e.exports=n}),d=n(l),f=Object.freeze({default:d}),v=t(function(e){var t=n(f);e.exports=function(e,n,r){e&&t(function(){e.apply(r||null,n||[])})}}),h=n(v),m=Object.freeze({default:h}),p=t(function(e){var t=n(s),r=n(m);e.exports=function(e,n){var i=n||{},o={};return void 0===e&&(e={}),e.on=function(n,t){return o[n]?o[n].push(t):o[n]=[t],e},e.once=function(n,t){return t._once=!0,e.on(n,t),e},e.off=function(n,t){var r=arguments.length;if(1===r)delete o[n];else if(0===r)o={};else{var i=o[n];if(!i)return e;i.splice(i.indexOf(t),1)}return e},e.emit=function(){var n=t(arguments);return e.emitterSnapshot(n.shift()).apply(this,n)},e.emitterSnapshot=function(n){var a=(o[n]||[]).slice(0);return function(){var o=t(arguments),u=this||e;if("error"===n&&i.throws!==!1&&!a.length)throw 1===o.length?o[0]:o;return a.forEach(function(t){i.async?r(t,o,u):t.apply(u,o),t._once&&e.off(n,t)}),e}},e}}),g=n(p),y=Object.freeze({default:g}),k=t(function(e){function n(){try{var e=new t("cat",{detail:{foo:"bar"}});return"cat"===e.type&&"bar"===e.detail.foo}catch(e){}return!1}var t=a.CustomEvent;e.exports=n()?t:"function"==typeof document.createEvent?function(e,n){var t=document.createEvent("CustomEvent");return n?t.initCustomEvent(e,n.bubbles,n.cancelable,n.detail):t.initCustomEvent(e,!1,!1,void 0),t}:function(e,n){var t=document.createEventObject();return t.type=e,n?(t.bubbles=Boolean(n.bubbles),t.cancelable=Boolean(n.cancelable),t.detail=n.detail):(t.bubbles=!1,t.cancelable=!1,t.detail=void 0),t}}),b=n(k),x=Object.freeze({default:b}),w=t(function(e){var n=[],t="",r=/^on/;for(t in a)r.test(t)&&n.push(t.slice(2));e.exports=n}),M=n(w),E=Object.freeze({default:M}),S=t(function(e){function t(e,n,t,r){return e.addEventListener(n,t,r)}function r(e,n,t){return e.attachEvent("on"+n,s(e,n,t))}function i(e,n,t,r){return e.removeEventListener(n,t,r)}function o(e,n,t){var r=l(e,n,t);if(r)return e.detachEvent("on"+n,r)}function u(e,n,t){function r(){var e;return h.createEvent?(e=h.createEvent("Event"),e.initEvent(n,!0,!0)):h.createEventObject&&(e=h.createEventObject()),e}function i(){return new f(n,{detail:t})}var o=v.indexOf(n)===-1?i():r();e.dispatchEvent?e.dispatchEvent(o):e.fireEvent("on"+n,o)}function c(e,n,t){return function(n){var r=n||a.event;r.target=r.target||r.srcElement,r.preventDefault=r.preventDefault||function(){r.returnValue=!1},r.stopPropagation=r.stopPropagation||function(){r.cancelBubble=!0},r.which=r.which||r.keyCode,t.call(e,r)}}function s(e,n,t){var r=l(e,n,t)||c(e,n,t);return g.push({wrapper:r,element:e,type:n,fn:t}),r}function l(e,n,t){var r=d(e,n,t);if(r){var i=g[r].wrapper;return g.splice(r,1),i}}function d(e,n,t){var r,i;for(r=0;r<g.length;r++)if(i=g[r],i.element===e&&i.type===n&&i.fn===t)return r}var f=n(x),v=n(E),h=a.document,m=t,p=i,g=[];a.addEventListener||(m=r,p=o),e.exports={add:m,remove:p,fabricate:u}}),O=n(S),C=S.add,B=S.remove,N=S.fabricate,I=Object.freeze({default:O,add:C,remove:B,fabricate:N}),j=t(function(e){function n(e){var n=i[e];return n?n.lastIndex=0:i[e]=n=new RegExp(o+e+a,"g"),n}function t(e,t){var r=e.className;r.length?n(t).test(r)||(e.className+=" "+t):e.className=t}function r(e,t){e.className=e.className.replace(n(t)," ").trim()}var i={},o="(?:^|\\s)",a="(?:\\s|$)";e.exports={add:t,rm:r}}),T=n(j),_=j.add,D=j.rm,A=Object.freeze({default:T,add:_,rm:D}),F=t(function(e){function t(e,n){function t(e){return le.containers.indexOf(e)!==-1||se.isContainer(e)}function a(e){var n=e?"remove":"add";r(E,n,"mousedown",S),r(E,n,"mouseup",D)}function u(e){var n=e?"remove":"add";r(E,n,"mousemove",O)}function m(e){var n=e?"remove":"add";x[n](E,"selectstart",y),x[n](E,"click",y)}function g(){a(!0),D({})}function y(e){ue&&e.preventDefault()}function S(e){ne=e.clientX,te=e.clientY;var n=1!==i(e)||e.metaKey||e.ctrlKey;if(!n){var t=e.target,r=C(t);r&&(ue=r,u(),"mousedown"===e.type&&(h(t)?t.focus():e.preventDefault()))}}function O(e){if(ue){if(0===i(e))return void D({});if(void 0===e.clientX||e.clientX!==ne||void 0===e.clientY||e.clientY!==te){if(se.ignoreInputTextSelection){var n=k("clientX",e),t=k("clientY",e),r=M.elementFromPoint(n,t);if(h(r))return}var a=ue;u(!0),m(),T(),I(a);var c=o(W);Z=k("pageX",e)-c.left,ee=k("pageY",e)-c.top,w.add(oe||W,"gu-transit"),L(),$(e)}}}function C(e){if(!(le.dragging&&G||t(e))){for(var n=e;v(e)&&t(v(e))===!1;){if(se.invalid(e,n))return;if(e=v(e),!e)return}var r=v(e);if(r&&!se.invalid(e,n)){var i=se.moves(e,r,n,p(e));if(i)return{item:e,source:r}}}}function B(e){return!!C(e)}function N(e){var n=C(e);n&&I(n)}function I(e){U(e.item,e.source)&&(oe=e.item.cloneNode(!0),le.emit("cloned",oe,e.item,"copy")),Q=e.source,W=e.item,re=ie=p(e.item),le.dragging=!0,le.emit("drag",W,Q)}function j(){return!1}function T(){if(le.dragging){var e=oe||W;A(e,v(e))}}function _(){ue=!1,u(!0),m(!0)}function D(e){if(_(),le.dragging){var n=oe||W,t=k("clientX",e),r=k("clientY",e),i=c(G,t,r),o=Y(i,t,r);o&&(oe&&se.copySortSource||!oe||o!==Q)?A(n,o):se.removeOnSpill?F():P()}}function A(e,n){var t=v(e);oe&&se.copySortSource&&n===Q&&t.removeChild(W),z(n)?le.emit("cancel",e,Q,Q):le.emit("drop",e,n,Q,ie),X()}function F(){if(le.dragging){var e=oe||W,n=v(e);n&&n.removeChild(e),le.emit(oe?"cancel":"remove",e,n,Q),X()}}function P(e){if(le.dragging){var n=arguments.length>0?e:se.revertOnSpill,t=oe||W,r=v(t),i=z(r);i===!1&&n&&(oe?r&&r.removeChild(oe):Q.insertBefore(t,re)),i||n?le.emit("cancel",t,Q,Q):le.emit("drop",t,r,Q,ie),X()}}function X(){var e=oe||W;_(),V(),e&&w.rm(e,"gu-transit"),ae&&clearTimeout(ae),le.dragging=!1,ce&&le.emit("out",e,ce,Q),le.emit("dragend",e),Q=W=oe=re=ie=ae=ce=null}function z(e,n){var t;return t=void 0!==n?n:G?ie:p(oe||W),e===Q&&t===re}function Y(e,n,r){function i(){var i=t(o);if(i===!1)return!1;var a=J(o,e),u=K(o,a,n,r),c=z(o,u);return!!c||se.accepts(W,o,Q,u)}for(var o=e;o&&!i();)o=v(o);return o}function $(e){function n(e){le.emit(e,s,ce,Q)}function t(){f&&n("over")}function r(){ce&&n("out")}if(G){e.preventDefault();var i=k("clientX",e),o=k("clientY",e),a=i-Z,u=o-ee;G.style.left=a+"px",G.style.top=u+"px";var s=oe||W,l=c(G,i,o),d=Y(l,i,o),f=null!==d&&d!==ce;(f||null===d)&&(r(),ce=d,t());var h=v(s);if(d===Q&&oe&&!se.copySortSource)return void(h&&h.removeChild(s));var m,g=J(d,l);if(null!==g)m=K(d,g,i,o);else{if(se.revertOnSpill!==!0||oe)return void(oe&&h&&h.removeChild(s));m=re,d=Q}(null===m&&f||m!==s&&m!==p(s))&&(ie=m,d.insertBefore(s,m),le.emit("shadow",s,d,Q))}}function R(e){w.rm(e,"gu-hide")}function H(e){le.dragging&&w.add(e,"gu-hide")}function L(){if(!G){var e=W.getBoundingClientRect();G=W.cloneNode(!0),G.style.width=d(e)+"px",G.style.height=f(e)+"px",w.rm(G,"gu-transit"),w.add(G,"gu-mirror"),se.mirrorContainer.appendChild(G),r(E,"add","mousemove",$),w.add(se.mirrorContainer,"gu-unselectable"),le.emit("cloned",G,W,"mirror")}}function V(){G&&(w.rm(se.mirrorContainer,"gu-unselectable"),r(E,"remove","mousemove",$),v(G).removeChild(G),G=null)}function J(e,n){for(var t=n;t!==e&&v(t)!==e;)t=v(t);return t===E?null:t}function K(e,n,t,r){function i(){var n,i,o,a=e.children.length;for(n=0;n<a;n++){if(i=e.children[n],o=i.getBoundingClientRect(),u&&o.left+o.width/2>t)return i;if(!u&&o.top+o.height/2>r)return i}return null}function o(){var e=n.getBoundingClientRect();return a(u?t>e.left+d(e)/2:r>e.top+f(e)/2)}function a(e){return e?p(n):n}var u="horizontal"===se.direction,c=n!==e?o():i();return c}function U(e,n){return"boolean"==typeof se.copy?se.copy:se.copy(e,n)}var q=arguments.length;1===q&&Array.isArray(e)===!1&&(n=e,e=[]);var G,Q,W,Z,ee,ne,te,re,ie,oe,ae,ue,ce=null,se=n||{};void 0===se.moves&&(se.moves=l),void 0===se.accepts&&(se.accepts=l),void 0===se.invalid&&(se.invalid=j),void 0===se.containers&&(se.containers=e||[]),void 0===se.isContainer&&(se.isContainer=s),void 0===se.copy&&(se.copy=!1),void 0===se.copySortSource&&(se.copySortSource=!1),void 0===se.revertOnSpill&&(se.revertOnSpill=!1),void 0===se.removeOnSpill&&(se.removeOnSpill=!1),void 0===se.direction&&(se.direction="vertical"),void 0===se.ignoreInputTextSelection&&(se.ignoreInputTextSelection=!0),void 0===se.mirrorContainer&&(se.mirrorContainer=M.body);var le=b({containers:se.containers,start:N,end:T,cancel:P,remove:F,destroy:g,canMove:B,dragging:!1});return se.removeOnSpill===!0&&le.on("over",R).on("out",H),a(),le}function r(e,n,t,r){var i={mouseup:"touchend",mousedown:"touchstart",mousemove:"touchmove"},o={mouseup:"pointerup",mousedown:"pointerdown",mousemove:"pointermove"},u={mouseup:"MSPointerUp",mousedown:"MSPointerDown",mousemove:"MSPointerMove"};a.navigator.pointerEnabled?x[n](e,o[t],r):a.navigator.msPointerEnabled?x[n](e,u[t],r):(x[n](e,i[t],r),x[n](e,t,r))}function i(e){if(void 0!==e.touches)return e.touches.length;if(void 0!==e.which&&0!==e.which)return e.which;if(void 0!==e.buttons)return e.buttons;var n=e.button;return void 0!==n?1&n?1:2&n?3:4&n?2:0:void 0}function o(e){var n=e.getBoundingClientRect();return{left:n.left+u("scrollLeft","pageXOffset"),top:n.top+u("scrollTop","pageYOffset")}}function u(e,n){return"undefined"!=typeof a[n]?a[n]:E.clientHeight?E[e]:M.body[e]}function c(e,n,t){var r,i=e||{},o=i.className;return i.className+=" gu-hide",r=M.elementFromPoint(n,t),i.className=o,r}function s(){return!1}function l(){return!0}function d(e){return e.width||e.right-e.left}function f(e){return e.height||e.bottom-e.top}function v(e){return e.parentNode===M?null:e.parentNode}function h(e){return"INPUT"===e.tagName||"TEXTAREA"===e.tagName||"SELECT"===e.tagName||m(e)}function m(e){return!!e&&("false"!==e.contentEditable&&("true"===e.contentEditable||m(v(e))))}function p(e){function n(){var n=e;do n=n.nextSibling;while(n&&1!==n.nodeType);return n}return e.nextElementSibling||n()}function g(e){return e.targetTouches&&e.targetTouches.length?e.targetTouches[0]:e.changedTouches&&e.changedTouches.length?e.changedTouches[0]:e}function k(e,n){var t=g(n),r={pageX:"clientX",pageY:"clientY"};return e in r&&!(e in t)&&r[e]in t&&(e=r[e]),t[e]}var b=n(y),x=n(I),w=n(A),M=document,E=M.documentElement;e.exports=t}),P=n(F),X="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},z=(function(){function e(e){this.value=e}function n(n){function t(e,n){return new Promise(function(t,i){var u={key:e,arg:n,resolve:t,reject:i,next:null};a?a=a.next=u:(o=a=u,r(e,n))})}function r(t,o){try{var a=n[t](o),u=a.value;u instanceof e?Promise.resolve(u.value).then(function(e){r("next",e)},function(e){r("throw",e)}):i(a.done?"return":"normal",a.value)}catch(e){i("throw",e)}}function i(e,n){switch(e){case"return":o.resolve({value:n,done:!0});break;case"throw":o.reject(n);break;default:o.resolve({value:n,done:!1})}o=o.next,o?r(o.key,o.arg):a=null}var o,a;this._invoke=t,"function"!=typeof n.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(n.prototype[Symbol.asyncIterator]=function(){return this}),n.prototype.next=function(e){return this._invoke("next",e)},n.prototype.throw=function(e){return this._invoke("throw",e)},n.prototype.return=function(e){return this._invoke("return",e)},{wrap:function(e){return function(){return new n(e.apply(this,arguments))}},await:function(n){return new e(n)}}}(),function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}),Y=function(){function e(e,n){for(var t=0;t<n.length;t++){var r=n[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(n,t,r){return t&&e(n.prototype,t),r&&e(n,r),n}}(),$=window.requestAnimationFrame,R=$?function(e){$(function(){$(e)})}:function(e){window.setTimeout(e,50)},H=function(){function e(n){var t=n.ctx,r=n.name,i=n.drake;z(this,e),this.dragElm=null,this.dragIndex=null,this.dropIndex=null,this.sourceModel=null,this.ctx=t,this.drake=i,this.name=r,this.eventBus=t.eventBus,this.findModelForContainer=t.findModelForContainer,this.domIndexOf=t.domIndexOf}return Y(e,[{key:"removeModel",value:function(e,n,t){this.sourceModel.splice(this.dragIndex,1)}},{key:"dropModelSame",value:function(e,n,t){this.sourceModel.splice(this.dropIndex,0,this.sourceModel.splice(this.dragIndex,1)[0])}},{key:"insertModel",value:function(e,n){e.splice(this.dropIndex,0,n)}},{key:"dropModelTarget",value:function(e,n,t){var r=this,i=this.dragElm===e,o=this.findModelForContainer(n,this.drake),a=i?this.dropElmModel:this.jsonDropElmModel;i&&R(function(){r.sourceModel.splice(r.dragIndex,1)}),this.insertModel(o,a),this.drake.cancel(!0)}},{key:"dropModel",value:function(e,n,t){n===t?this.dropModelSame(e,n,t):this.dropModelTarget(e,n,t)}},{key:"remove",value:function(e,n,t){this.drake.models&&(this.sourceModel=this.findModelForContainer(t,this.drake),this.removeModel(e,n,t),this.drake.cancel(!0),this.eventBus.$emit("removeModel",[this.name,e,t,this.dragIndex]))}},{key:"drag",value:function(e,n){this.dragElm=e,this.dragIndex=this.domIndexOf(e,n)}},{key:"drop",value:function(e,n,t){this.drake.models&&n&&(this.dropIndex=this.domIndexOf(e,n),this.sourceModel=this.findModelForContainer(t,this.drake),this.dropModel(e,n,t),this.eventBus.$emit("dropModel",[this.name,e,n,t,this.dropIndex]))}},{key:"dropElmModel",get:function(){return this.sourceModel[this.dragIndex]}},{key:"jsonDropElmModel",get:function(){return JSON.parse(JSON.stringify(this.sourceModel[this.dragIndex]))}}]),e}();if(!P)throw new Error("[vue-dragula] cannot locate dragula.");var L=function(){function e(n){var t=n.name,i=n.eventBus,o=n.drakes,a=n.options;z(this,e),this.options=a||{},this.logging=a.logging,this.name=t,this.drakes=o={},this.eventBus=i,this.createDragHandler=a.createDragHandler||r,this.events=["cancel","cloned","drag","dragend","drop","out","over","remove","shadow","dropModel","removeModel"]}return Y(e,[{key:"log",value:function(e){var n;if(this.logging){for(var t=arguments.length,r=Array(t>1?t-1:0),i=1;i<t;i++)r[i-1]=arguments[i];(n=console).log.apply(n,["DragulaService ["+this.name+"] :",e].concat(r))}}},{key:"error",value:function(e){throw console.error(e),new Error(e)}},{key:"_validate",value:function(e,n){n||this.error(e+" must take a drake name as the first argument")}},{key:"add",value:function(e,n){if(this.log("add (drake)",e,n),this._validate("add",e),this.find(e)){this.log("existing drakes",this.drakeNames);'Drake named: "'+e+'" already exists for this service ['+this.name+"]. \n      Most likely this error in cause by a race condition evaluating multiple template elements with \n      the v-dragula directive having the same drake name. Please initialise the drake in the created() life cycle hook of the VM to fix this problem.";this.error(msg)}return this.drakes[e]=n,n.models&&this.handleModels(e,n),n.initEvents||this.setupEvents(e,n),n}},{key:"find",value:function(e){return this.log("find (drake) by name",e),this._validate("find",e),this.drakes[e]}},{key:"handleModels",value:function(e,n){if(this.log("handleModels",e,n),this._validate("handleModels",e),!n.registered){var t=this.createDragHandler({ctx:this,name:e,drake:n});n.on("remove",t.remove),n.on("drag",t.drag),n.on("drop",t.drop),n.registered=!0}}},{key:"on",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Object.keys(e),t=!0,r=!1,i=void 0;try{for(var o,a=n[Symbol.iterator]();!(t=(o=a.next()).done);t=!0){var u=o.value,c=e[u];this.eventBus.$on(u,c)}}catch(e){r=!0,i=e}finally{try{!t&&a.return&&a.return()}finally{if(r)throw i}}}},{key:"destroy",value:function(e){this.log("destroy",e),this._validate("destroy",e);var n=this.find(e);n&&(n.destroy(),this._delete(e))}},{key:"_delete",value:function(e){delete this.drakes[e]}},{key:"setOptions",value:function(e,n){this.log("setOptions",e,n),this._validate("setOptions",e);var t=this.add(e,P(n));return this.handleModels(e,t),this}},{key:"setupEvents",value:function(e,n){this.log("setupEvents",e,n),this._validate("setupEvents",e),n.initEvents=!0;var t=this,r=function(r){function i(){var n=Array.prototype.slice.call(arguments);t.eventBus.$emit(r,[e].concat(n))}n.on(r,i)};this.events.forEach(r)}},{key:"domIndexOf",value:function(e,n){return Array.prototype.indexOf.call(n.children,e)}},{key:"findModelForContainer",value:function(e,n){return this.log("findModelForContainer",e,n),(this.findModelContainerByContainer(e,n)||{}).model}},{key:"findModelContainerByContainer",value:function(e,n){if(n.models)return n.models.find(function(n){return n.container===e})}},{key:"drakeNames",get:function(){return Object.keys(this.drakes)}}]),e}();if(!P)throw new Error("[vue-dragula] cannot locate dragula.");var V={createService:function(e){var n=e.name,t=e.eventBus,r=e.drakes;return new L({name:n,eventBus:t,drakes:r})},createEventBus:function(e){arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return new e}};o.version="1.0.0","function"==typeof define&&define.amd?define([],function(){}):window.Vue&&window.Vue.use(o),e.default=o,e.DragulaService=L,e.DragHandler=H});
\ No newline at end of file
diff --git a/example/example.build.js b/example/example.build.js
deleted file mode 100644
index 88b6414..0000000
--- a/example/example.build.js
+++ /dev/null
@@ -1,7652 +0,0 @@
-/******/ (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] = {
-/******/ 			exports: {},
-/******/ 			id: moduleId,
-/******/ 			loaded: false
-/******/ 		};
-
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-
-/******/ 		// Flag the module as loaded
-/******/ 		module.loaded = 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;
-
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "";
-
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(0);
-/******/ })
-/************************************************************************/
-/******/ ([
-/* 0 */
-/***/ function(module, exports, __webpack_require__) {
-
-	var Vue = __webpack_require__(1)
-	var VueDragula = __webpack_require__(3)
-	Vue.config.debug = true
-
-	Vue.use(VueDragula)
-
-	let template = __webpack_require__(5);
-
-	new Vue({
-	  el: '#app',
-
-	  // Does NOT seem to work anymore...
-	  // template: require('./template'),
-
-	  // Would needs to convert into manual VDOM 
-	  // render () {
-	  //   return template
-	  // },
-
-	  data () {
-	    return {
-	      colOne: [
-	        'You can move these elements between these two containers',
-	        'Moving them anywhere else isn"t quite possible',
-	        'There"s also the possibility of moving elements around in the same container, changing their position'
-	      ],
-	      colTwo: [
-	        'This is the default use case. You only need to specify the containers you want to use',
-	        'More interactive use cases lie ahead',
-	        'Another message'
-	      ],
-	      categories: [
-	        [1, 2, 3],
-	        [4, 5, 6]
-	      ],
-	      copyOne: [
-	        'Lorem ipsum dolor sit amet, consectetuer adipiscing elit.',
-	        'Aenean commodo ligula eget dolor. Aenean massa.'
-	      ],
-	      copyTwo: [
-	        'Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.',
-	        'Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.'
-	      ]
-	    }
-	  },
-	  created () {
-	    console.log(Vue, Vue.prototype)
-
-	    Vue.$dragula.options('third-bag', {
-	      copy: true
-	    })
-	  },
-	  // See https://vuejs.org/v2/guide/instance.html#Instance-Lifecycle-Hooks
-	  mounted () {
-	    console.log('Mounted')    
-	    this.$nextTick(() => {
-	      console.log('Comfig $dragula.eventBus', this.$dragula.eventBus)
-	      // since $dragula in on Vue.prototype which all Components inherit from
-	      // you should also be able to do: this.$dragula  
-	      this.$dragula.eventBus.$on(
-	        'drop',
-	        function (args) {
-	          console.log('drop: ' + args[0])
-	          console.log(this.categories)
-	        }
-	      )
-	      this.$dragula.eventBus.$on(
-	        'dropModel',
-	        function (args) {
-	          console.log('dropModel: ' + args)
-	          console.log(this.categories)
-	        }
-	      )
-	    })
-	  },
-	  methods: {
-	    onClick () {
-	      console.log(this.$dragula.find('first-bag'))
-	      window.alert('click event')
-	    },
-	    testModify () {
-	      this.categories = [
-	        ['a', 'b', 'c'],
-	        ['d', 'e', 'f']
-	      ]
-	    }
-	  }
-	}) //.$mount('#app')
-
-
-/***/ },
-/* 1 */
-/***/ function(module, exports, __webpack_require__) {
-
-	/* WEBPACK VAR INJECTION */(function(process) {/*!
-	 * Vue.js v2.0.5
-	 * (c) 2014-2016 Evan You
-	 * Released under the MIT License.
-	 */
-	'use strict';
-
-	/*  */
-
-	/**
-	 * Convert a value to a string that is actually rendered.
-	 */
-	function _toString (val) {
-	  return val == null
-	    ? ''
-	    : typeof val === 'object'
-	      ? JSON.stringify(val, null, 2)
-	      : String(val)
-	}
-
-	/**
-	 * Convert a input value to a number for persistence.
-	 * If the conversion fails, return original string.
-	 */
-	function toNumber (val) {
-	  var n = parseFloat(val, 10);
-	  return (n || n === 0) ? n : val
-	}
-
-	/**
-	 * Make a map and return a function for checking if a key
-	 * is in that map.
-	 */
-	function makeMap (
-	  str,
-	  expectsLowerCase
-	) {
-	  var map = Object.create(null);
-	  var list = str.split(',');
-	  for (var i = 0; i < list.length; i++) {
-	    map[list[i]] = true;
-	  }
-	  return expectsLowerCase
-	    ? function (val) { return map[val.toLowerCase()]; }
-	    : function (val) { return map[val]; }
-	}
-
-	/**
-	 * Check if a tag is a built-in tag.
-	 */
-	var isBuiltInTag = makeMap('slot,component', true);
-
-	/**
-	 * Remove an item from an array
-	 */
-	function remove$1 (arr, item) {
-	  if (arr.length) {
-	    var index = arr.indexOf(item);
-	    if (index > -1) {
-	      return arr.splice(index, 1)
-	    }
-	  }
-	}
-
-	/**
-	 * Check whether the object has the property.
-	 */
-	var hasOwnProperty = Object.prototype.hasOwnProperty;
-	function hasOwn (obj, key) {
-	  return hasOwnProperty.call(obj, key)
-	}
-
-	/**
-	 * Check if value is primitive
-	 */
-	function isPrimitive (value) {
-	  return typeof value === 'string' || typeof value === 'number'
-	}
-
-	/**
-	 * Create a cached version of a pure function.
-	 */
-	function cached (fn) {
-	  var cache = Object.create(null);
-	  return function cachedFn (str) {
-	    var hit = cache[str];
-	    return hit || (cache[str] = fn(str))
-	  }
-	}
-
-	/**
-	 * Camelize a hyphen-delmited string.
-	 */
-	var camelizeRE = /-(\w)/g;
-	var camelize = cached(function (str) {
-	  return str.replace(camelizeRE, function (_, c) { return c ? c.toUpperCase() : ''; })
-	});
-
-	/**
-	 * Capitalize a string.
-	 */
-	var capitalize = cached(function (str) {
-	  return str.charAt(0).toUpperCase() + str.slice(1)
-	});
-
-	/**
-	 * Hyphenate a camelCase string.
-	 */
-	var hyphenateRE = /([^-])([A-Z])/g;
-	var hyphenate = cached(function (str) {
-	  return str
-	    .replace(hyphenateRE, '$1-$2')
-	    .replace(hyphenateRE, '$1-$2')
-	    .toLowerCase()
-	});
-
-	/**
-	 * Simple bind, faster than native
-	 */
-	function bind$1 (fn, ctx) {
-	  function boundFn (a) {
-	    var l = arguments.length;
-	    return l
-	      ? l > 1
-	        ? fn.apply(ctx, arguments)
-	        : fn.call(ctx, a)
-	      : fn.call(ctx)
-	  }
-	  // record original fn length
-	  boundFn._length = fn.length;
-	  return boundFn
-	}
-
-	/**
-	 * Convert an Array-like object to a real Array.
-	 */
-	function toArray (list, start) {
-	  start = start || 0;
-	  var i = list.length - start;
-	  var ret = new Array(i);
-	  while (i--) {
-	    ret[i] = list[i + start];
-	  }
-	  return ret
-	}
-
-	/**
-	 * Mix properties into target object.
-	 */
-	function extend (to, _from) {
-	  for (var key in _from) {
-	    to[key] = _from[key];
-	  }
-	  return to
-	}
-
-	/**
-	 * Quick object check - this is primarily used to tell
-	 * Objects from primitive values when we know the value
-	 * is a JSON-compliant type.
-	 */
-	function isObject (obj) {
-	  return obj !== null && typeof obj === 'object'
-	}
-
-	/**
-	 * Strict object type check. Only returns true
-	 * for plain JavaScript objects.
-	 */
-	var toString = Object.prototype.toString;
-	var OBJECT_STRING = '[object Object]';
-	function isPlainObject (obj) {
-	  return toString.call(obj) === OBJECT_STRING
-	}
-
-	/**
-	 * Merge an Array of Objects into a single Object.
-	 */
-	function toObject (arr) {
-	  var res = {};
-	  for (var i = 0; i < arr.length; i++) {
-	    if (arr[i]) {
-	      extend(res, arr[i]);
-	    }
-	  }
-	  return res
-	}
-
-	/**
-	 * Perform no operation.
-	 */
-	function noop () {}
-
-	/**
-	 * Always return false.
-	 */
-	var no = function () { return false; };
-
-	/**
-	 * Generate a static keys string from compiler modules.
-	 */
-	function genStaticKeys (modules) {
-	  return modules.reduce(function (keys, m) {
-	    return keys.concat(m.staticKeys || [])
-	  }, []).join(',')
-	}
-
-	/**
-	 * Check if two values are loosely equal - that is,
-	 * if they are plain objects, do they have the same shape?
-	 */
-	function looseEqual (a, b) {
-	  /* eslint-disable eqeqeq */
-	  return a == b || (
-	    isObject(a) && isObject(b)
-	      ? JSON.stringify(a) === JSON.stringify(b)
-	      : false
-	  )
-	  /* eslint-enable eqeqeq */
-	}
-
-	function looseIndexOf (arr, val) {
-	  for (var i = 0; i < arr.length; i++) {
-	    if (looseEqual(arr[i], val)) { return i }
-	  }
-	  return -1
-	}
-
-	/*  */
-
-	var config = {
-	  /**
-	   * Option merge strategies (used in core/util/options)
-	   */
-	  optionMergeStrategies: Object.create(null),
-
-	  /**
-	   * Whether to suppress warnings.
-	   */
-	  silent: false,
-
-	  /**
-	   * Whether to enable devtools
-	   */
-	  devtools: process.env.NODE_ENV !== 'production',
-
-	  /**
-	   * Error handler for watcher errors
-	   */
-	  errorHandler: null,
-
-	  /**
-	   * Ignore certain custom elements
-	   */
-	  ignoredElements: null,
-
-	  /**
-	   * Custom user key aliases for v-on
-	   */
-	  keyCodes: Object.create(null),
-
-	  /**
-	   * Check if a tag is reserved so that it cannot be registered as a
-	   * component. This is platform-dependent and may be overwritten.
-	   */
-	  isReservedTag: no,
-
-	  /**
-	   * Check if a tag is an unknown element.
-	   * Platform-dependent.
-	   */
-	  isUnknownElement: no,
-
-	  /**
-	   * Get the namespace of an element
-	   */
-	  getTagNamespace: noop,
-
-	  /**
-	   * Check if an attribute must be bound using property, e.g. value
-	   * Platform-dependent.
-	   */
-	  mustUseProp: no,
-
-	  /**
-	   * List of asset types that a component can own.
-	   */
-	  _assetTypes: [
-	    'component',
-	    'directive',
-	    'filter'
-	  ],
-
-	  /**
-	   * List of lifecycle hooks.
-	   */
-	  _lifecycleHooks: [
-	    'beforeCreate',
-	    'created',
-	    'beforeMount',
-	    'mounted',
-	    'beforeUpdate',
-	    'updated',
-	    'beforeDestroy',
-	    'destroyed',
-	    'activated',
-	    'deactivated'
-	  ],
-
-	  /**
-	   * Max circular updates allowed in a scheduler flush cycle.
-	   */
-	  _maxUpdateCount: 100,
-
-	  /**
-	   * Server rendering?
-	   */
-	  _isServer: process.env.VUE_ENV === 'server'
-	};
-
-	/*  */
-
-	/**
-	 * Check if a string starts with $ or _
-	 */
-	function isReserved (str) {
-	  var c = (str + '').charCodeAt(0);
-	  return c === 0x24 || c === 0x5F
-	}
-
-	/**
-	 * Define a property.
-	 */
-	function def (obj, key, val, enumerable) {
-	  Object.defineProperty(obj, key, {
-	    value: val,
-	    enumerable: !!enumerable,
-	    writable: true,
-	    configurable: true
-	  });
-	}
-
-	/**
-	 * Parse simple path.
-	 */
-	var bailRE = /[^\w.$]/;
-	function parsePath (path) {
-	  if (bailRE.test(path)) {
-	    return
-	  } else {
-	    var segments = path.split('.');
-	    return function (obj) {
-	      for (var i = 0; i < segments.length; i++) {
-	        if (!obj) { return }
-	        obj = obj[segments[i]];
-	      }
-	      return obj
-	    }
-	  }
-	}
-
-	/*  */
-	/* globals MutationObserver */
-
-	// can we use __proto__?
-	var hasProto = '__proto__' in {};
-
-	// Browser environment sniffing
-	var inBrowser =
-	  typeof window !== 'undefined' &&
-	  Object.prototype.toString.call(window) !== '[object Object]';
-
-	var UA = inBrowser && window.navigator.userAgent.toLowerCase();
-	var isIE = UA && /msie|trident/.test(UA);
-	var isIE9 = UA && UA.indexOf('msie 9.0') > 0;
-	var isEdge = UA && UA.indexOf('edge/') > 0;
-	var isAndroid = UA && UA.indexOf('android') > 0;
-	var isIOS = UA && /iphone|ipad|ipod|ios/.test(UA);
-
-	// detect devtools
-	var devtools = inBrowser && window.__VUE_DEVTOOLS_GLOBAL_HOOK__;
-
-	/* istanbul ignore next */
-	function isNative (Ctor) {
-	  return /native code/.test(Ctor.toString())
-	}
-
-	/**
-	 * Defer a task to execute it asynchronously.
-	 */
-	var nextTick = (function () {
-	  var callbacks = [];
-	  var pending = false;
-	  var timerFunc;
-
-	  function nextTickHandler () {
-	    pending = false;
-	    var copies = callbacks.slice(0);
-	    callbacks.length = 0;
-	    for (var i = 0; i < copies.length; i++) {
-	      copies[i]();
-	    }
-	  }
-
-	  // the nextTick behavior leverages the microtask queue, which can be accessed
-	  // via either native Promise.then or MutationObserver.
-	  // MutationObserver has wider support, however it is seriously bugged in
-	  // UIWebView in iOS >= 9.3.3 when triggered in touch event handlers. It
-	  // completely stops working after triggering a few times... so, if native
-	  // Promise is available, we will use it:
-	  /* istanbul ignore if */
-	  if (typeof Promise !== 'undefined' && isNative(Promise)) {
-	    var p = Promise.resolve();
-	    timerFunc = function () {
-	      p.then(nextTickHandler);
-	      // in problematic UIWebViews, Promise.then doesn't completely break, but
-	      // it can get stuck in a weird state where callbacks are pushed into the
-	      // microtask queue but the queue isn't being flushed, until the browser
-	      // needs to do some other work, e.g. handle a timer. Therefore we can
-	      // "force" the microtask queue to be flushed by adding an empty timer.
-	      if (isIOS) { setTimeout(noop); }
-	    };
-	  } else if (typeof MutationObserver !== 'undefined' && (
-	    isNative(MutationObserver) ||
-	    // PhantomJS and iOS 7.x
-	    MutationObserver.toString() === '[object MutationObserverConstructor]'
-	  )) {
-	    // use MutationObserver where native Promise is not available,
-	    // e.g. PhantomJS IE11, iOS7, Android 4.4
-	    var counter = 1;
-	    var observer = new MutationObserver(nextTickHandler);
-	    var textNode = document.createTextNode(String(counter));
-	    observer.observe(textNode, {
-	      characterData: true
-	    });
-	    timerFunc = function () {
-	      counter = (counter + 1) % 2;
-	      textNode.data = String(counter);
-	    };
-	  } else {
-	    // fallback to setTimeout
-	    /* istanbul ignore next */
-	    timerFunc = function () {
-	      setTimeout(nextTickHandler, 0);
-	    };
-	  }
-
-	  return function queueNextTick (cb, ctx) {
-	    var func = ctx
-	      ? function () { cb.call(ctx); }
-	      : cb;
-	    callbacks.push(func);
-	    if (!pending) {
-	      pending = true;
-	      timerFunc();
-	    }
-	  }
-	})();
-
-	var _Set;
-	/* istanbul ignore if */
-	if (typeof Set !== 'undefined' && isNative(Set)) {
-	  // use native Set when available.
-	  _Set = Set;
-	} else {
-	  // a non-standard Set polyfill that only works with primitive keys.
-	  _Set = (function () {
-	    function Set () {
-	      this.set = Object.create(null);
-	    }
-	    Set.prototype.has = function has (key) {
-	      return this.set[key] !== undefined
-	    };
-	    Set.prototype.add = function add (key) {
-	      this.set[key] = 1;
-	    };
-	    Set.prototype.clear = function clear () {
-	      this.set = Object.create(null);
-	    };
-
-	    return Set;
-	  }());
-	}
-
-	/* not type checking this file because flow doesn't play well with Proxy */
-
-	var hasProxy;
-	var proxyHandlers;
-	var initProxy;
-
-	if (process.env.NODE_ENV !== 'production') {
-	  var allowedGlobals = makeMap(
-	    'Infinity,undefined,NaN,isFinite,isNaN,' +
-	    'parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,' +
-	    'Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,' +
-	    'require' // for Webpack/Browserify
-	  );
-
-	  hasProxy =
-	    typeof Proxy !== 'undefined' &&
-	    Proxy.toString().match(/native code/);
-
-	  proxyHandlers = {
-	    has: function has (target, key) {
-	      var has = key in target;
-	      var isAllowed = allowedGlobals(key) || key.charAt(0) === '_';
-	      if (!has && !isAllowed) {
-	        warn(
-	          "Property or method \"" + key + "\" is not defined on the instance but " +
-	          "referenced during render. Make sure to declare reactive data " +
-	          "properties in the data option.",
-	          target
-	        );
-	      }
-	      return has || !isAllowed
-	    }
-	  };
-
-	  initProxy = function initProxy (vm) {
-	    if (hasProxy) {
-	      vm._renderProxy = new Proxy(vm, proxyHandlers);
-	    } else {
-	      vm._renderProxy = vm;
-	    }
-	  };
-	}
-
-	/*  */
-
-
-	var uid$2 = 0;
-
-	/**
-	 * A dep is an observable that can have multiple
-	 * directives subscribing to it.
-	 */
-	var Dep = function Dep () {
-	  this.id = uid$2++;
-	  this.subs = [];
-	};
-
-	Dep.prototype.addSub = function addSub (sub) {
-	  this.subs.push(sub);
-	};
-
-	Dep.prototype.removeSub = function removeSub (sub) {
-	  remove$1(this.subs, sub);
-	};
-
-	Dep.prototype.depend = function depend () {
-	  if (Dep.target) {
-	    Dep.target.addDep(this);
-	  }
-	};
-
-	Dep.prototype.notify = function notify () {
-	  // stablize the subscriber list first
-	  var subs = this.subs.slice();
-	  for (var i = 0, l = subs.length; i < l; i++) {
-	    subs[i].update();
-	  }
-	};
-
-	// the current target watcher being evaluated.
-	// this is globally unique because there could be only one
-	// watcher being evaluated at any time.
-	Dep.target = null;
-	var targetStack = [];
-
-	function pushTarget (_target) {
-	  if (Dep.target) { targetStack.push(Dep.target); }
-	  Dep.target = _target;
-	}
-
-	function popTarget () {
-	  Dep.target = targetStack.pop();
-	}
-
-	/*  */
-
-
-	var queue = [];
-	var has$1 = {};
-	var circular = {};
-	var waiting = false;
-	var flushing = false;
-	var index = 0;
-
-	/**
-	 * Reset the scheduler's state.
-	 */
-	function resetSchedulerState () {
-	  queue.length = 0;
-	  has$1 = {};
-	  if (process.env.NODE_ENV !== 'production') {
-	    circular = {};
-	  }
-	  waiting = flushing = false;
-	}
-
-	/**
-	 * Flush both queues and run the watchers.
-	 */
-	function flushSchedulerQueue () {
-	  flushing = true;
-
-	  // Sort queue before flush.
-	  // This ensures that:
-	  // 1. Components are updated from parent to child. (because parent is always
-	  //    created before the child)
-	  // 2. A component's user watchers are run before its render watcher (because
-	  //    user watchers are created before the render watcher)
-	  // 3. If a component is destroyed during a parent component's watcher run,
-	  //    its watchers can be skipped.
-	  queue.sort(function (a, b) { return a.id - b.id; });
-
-	  // do not cache length because more watchers might be pushed
-	  // as we run existing watchers
-	  for (index = 0; index < queue.length; index++) {
-	    var watcher = queue[index];
-	    var id = watcher.id;
-	    has$1[id] = null;
-	    watcher.run();
-	    // in dev build, check and stop circular updates.
-	    if (process.env.NODE_ENV !== 'production' && has$1[id] != null) {
-	      circular[id] = (circular[id] || 0) + 1;
-	      if (circular[id] > config._maxUpdateCount) {
-	        warn(
-	          'You may have an infinite update loop ' + (
-	            watcher.user
-	              ? ("in watcher with expression \"" + (watcher.expression) + "\"")
-	              : "in a component render function."
-	          ),
-	          watcher.vm
-	        );
-	        break
-	      }
-	    }
-	  }
-
-	  // devtool hook
-	  /* istanbul ignore if */
-	  if (devtools && config.devtools) {
-	    devtools.emit('flush');
-	  }
-
-	  resetSchedulerState();
-	}
-
-	/**
-	 * Push a watcher into the watcher queue.
-	 * Jobs with duplicate IDs will be skipped unless it's
-	 * pushed when the queue is being flushed.
-	 */
-	function queueWatcher (watcher) {
-	  var id = watcher.id;
-	  if (has$1[id] == null) {
-	    has$1[id] = true;
-	    if (!flushing) {
-	      queue.push(watcher);
-	    } else {
-	      // if already flushing, splice the watcher based on its id
-	      // if already past its id, it will be run next immediately.
-	      var i = queue.length - 1;
-	      while (i >= 0 && queue[i].id > watcher.id) {
-	        i--;
-	      }
-	      queue.splice(Math.max(i, index) + 1, 0, watcher);
-	    }
-	    // queue the flush
-	    if (!waiting) {
-	      waiting = true;
-	      nextTick(flushSchedulerQueue);
-	    }
-	  }
-	}
-
-	/*  */
-
-	var uid$1 = 0;
-
-	/**
-	 * A watcher parses an expression, collects dependencies,
-	 * and fires callback when the expression value changes.
-	 * This is used for both the $watch() api and directives.
-	 */
-	var Watcher = function Watcher (
-	  vm,
-	  expOrFn,
-	  cb,
-	  options
-	) {
-	  if ( options === void 0 ) options = {};
-
-	  this.vm = vm;
-	  vm._watchers.push(this);
-	  // options
-	  this.deep = !!options.deep;
-	  this.user = !!options.user;
-	  this.lazy = !!options.lazy;
-	  this.sync = !!options.sync;
-	  this.expression = expOrFn.toString();
-	  this.cb = cb;
-	  this.id = ++uid$1; // uid for batching
-	  this.active = true;
-	  this.dirty = this.lazy; // for lazy watchers
-	  this.deps = [];
-	  this.newDeps = [];
-	  this.depIds = new _Set();
-	  this.newDepIds = new _Set();
-	  // parse expression for getter
-	  if (typeof expOrFn === 'function') {
-	    this.getter = expOrFn;
-	  } else {
-	    this.getter = parsePath(expOrFn);
-	    if (!this.getter) {
-	      this.getter = function () {};
-	      process.env.NODE_ENV !== 'production' && warn(
-	        "Failed watching path: \"" + expOrFn + "\" " +
-	        'Watcher only accepts simple dot-delimited paths. ' +
-	        'For full control, use a function instead.',
-	        vm
-	      );
-	    }
-	  }
-	  this.value = this.lazy
-	    ? undefined
-	    : this.get();
-	};
-
-	/**
-	 * Evaluate the getter, and re-collect dependencies.
-	 */
-	Watcher.prototype.get = function get () {
-	  pushTarget(this);
-	  var value = this.getter.call(this.vm, this.vm);
-	  // "touch" every property so they are all tracked as
-	  // dependencies for deep watching
-	  if (this.deep) {
-	    traverse(value);
-	  }
-	  popTarget();
-	  this.cleanupDeps();
-	  return value
-	};
-
-	/**
-	 * Add a dependency to this directive.
-	 */
-	Watcher.prototype.addDep = function addDep (dep) {
-	  var id = dep.id;
-	  if (!this.newDepIds.has(id)) {
-	    this.newDepIds.add(id);
-	    this.newDeps.push(dep);
-	    if (!this.depIds.has(id)) {
-	      dep.addSub(this);
-	    }
-	  }
-	};
-
-	/**
-	 * Clean up for dependency collection.
-	 */
-	Watcher.prototype.cleanupDeps = function cleanupDeps () {
-	    var this$1 = this;
-
-	  var i = this.deps.length;
-	  while (i--) {
-	    var dep = this$1.deps[i];
-	    if (!this$1.newDepIds.has(dep.id)) {
-	      dep.removeSub(this$1);
-	    }
-	  }
-	  var tmp = this.depIds;
-	  this.depIds = this.newDepIds;
-	  this.newDepIds = tmp;
-	  this.newDepIds.clear();
-	  tmp = this.deps;
-	  this.deps = this.newDeps;
-	  this.newDeps = tmp;
-	  this.newDeps.length = 0;
-	};
-
-	/**
-	 * Subscriber interface.
-	 * Will be called when a dependency changes.
-	 */
-	Watcher.prototype.update = function update () {
-	  /* istanbul ignore else */
-	  if (this.lazy) {
-	    this.dirty = true;
-	  } else if (this.sync) {
-	    this.run();
-	  } else {
-	    queueWatcher(this);
-	  }
-	};
-
-	/**
-	 * Scheduler job interface.
-	 * Will be called by the scheduler.
-	 */
-	Watcher.prototype.run = function run () {
-	  if (this.active) {
-	    var value = this.get();
-	      if (
-	        value !== this.value ||
-	      // Deep watchers and watchers on Object/Arrays should fire even
-	      // when the value is the same, because the value may
-	      // have mutated.
-	      isObject(value) ||
-	      this.deep
-	    ) {
-	      // set new value
-	      var oldValue = this.value;
-	      this.value = value;
-	      if (this.user) {
-	        try {
-	          this.cb.call(this.vm, value, oldValue);
-	        } catch (e) {
-	          process.env.NODE_ENV !== 'production' && warn(
-	            ("Error in watcher \"" + (this.expression) + "\""),
-	            this.vm
-	          );
-	          /* istanbul ignore else */
-	          if (config.errorHandler) {
-	            config.errorHandler.call(null, e, this.vm);
-	          } else {
-	            throw e
-	          }
-	        }
-	      } else {
-	        this.cb.call(this.vm, value, oldValue);
-	      }
-	    }
-	  }
-	};
-
-	/**
-	 * Evaluate the value of the watcher.
-	 * This only gets called for lazy watchers.
-	 */
-	Watcher.prototype.evaluate = function evaluate () {
-	  this.value = this.get();
-	  this.dirty = false;
-	};
-
-	/**
-	 * Depend on all deps collected by this watcher.
-	 */
-	Watcher.prototype.depend = function depend () {
-	    var this$1 = this;
-
-	  var i = this.deps.length;
-	  while (i--) {
-	    this$1.deps[i].depend();
-	  }
-	};
-
-	/**
-	 * Remove self from all dependencies' subscriber list.
-	 */
-	Watcher.prototype.teardown = function teardown () {
-	    var this$1 = this;
-
-	  if (this.active) {
-	    // remove self from vm's watcher list
-	    // this is a somewhat expensive operation so we skip it
-	    // if the vm is being destroyed or is performing a v-for
-	    // re-render (the watcher list is then filtered by v-for).
-	    if (!this.vm._isBeingDestroyed && !this.vm._vForRemoving) {
-	      remove$1(this.vm._watchers, this);
-	    }
-	    var i = this.deps.length;
-	    while (i--) {
-	      this$1.deps[i].removeSub(this$1);
-	    }
-	    this.active = false;
-	  }
-	};
-
-	/**
-	 * Recursively traverse an object to evoke all converted
-	 * getters, so that every nested property inside the object
-	 * is collected as a "deep" dependency.
-	 */
-	var seenObjects = new _Set();
-	function traverse (val) {
-	  seenObjects.clear();
-	  _traverse(val, seenObjects);
-	}
-
-	function _traverse (val, seen) {
-	  var i, keys;
-	  var isA = Array.isArray(val);
-	  if ((!isA && !isObject(val)) || !Object.isExtensible(val)) {
-	    return
-	  }
-	  if (val.__ob__) {
-	    var depId = val.__ob__.dep.id;
-	    if (seen.has(depId)) {
-	      return
-	    }
-	    seen.add(depId);
-	  }
-	  if (isA) {
-	    i = val.length;
-	    while (i--) { _traverse(val[i], seen); }
-	  } else {
-	    keys = Object.keys(val);
-	    i = keys.length;
-	    while (i--) { _traverse(val[keys[i]], seen); }
-	  }
-	}
-
-	/*
-	 * not type checking this file because flow doesn't play well with
-	 * dynamically accessing methods on Array prototype
-	 */
-
-	var arrayProto = Array.prototype;
-	var arrayMethods = Object.create(arrayProto);[
-	  'push',
-	  'pop',
-	  'shift',
-	  'unshift',
-	  'splice',
-	  'sort',
-	  'reverse'
-	]
-	.forEach(function (method) {
-	  // cache original method
-	  var original = arrayProto[method];
-	  def(arrayMethods, method, function mutator () {
-	    var arguments$1 = arguments;
-
-	    // avoid leaking arguments:
-	    // http://jsperf.com/closure-with-arguments
-	    var i = arguments.length;
-	    var args = new Array(i);
-	    while (i--) {
-	      args[i] = arguments$1[i];
-	    }
-	    var result = original.apply(this, args);
-	    var ob = this.__ob__;
-	    var inserted;
-	    switch (method) {
-	      case 'push':
-	        inserted = args;
-	        break
-	      case 'unshift':
-	        inserted = args;
-	        break
-	      case 'splice':
-	        inserted = args.slice(2);
-	        break
-	    }
-	    if (inserted) { ob.observeArray(inserted); }
-	    // notify change
-	    ob.dep.notify();
-	    return result
-	  });
-	});
-
-	/*  */
-
-	var arrayKeys = Object.getOwnPropertyNames(arrayMethods);
-
-	/**
-	 * By default, when a reactive property is set, the new value is
-	 * also converted to become reactive. However when passing down props,
-	 * we don't want to force conversion because the value may be a nested value
-	 * under a frozen data structure. Converting it would defeat the optimization.
-	 */
-	var observerState = {
-	  shouldConvert: true,
-	  isSettingProps: false
-	};
-
-	/**
-	 * Observer class that are attached to each observed
-	 * object. Once attached, the observer converts target
-	 * object's property keys into getter/setters that
-	 * collect dependencies and dispatches updates.
-	 */
-	var Observer = function Observer (value) {
-	  this.value = value;
-	  this.dep = new Dep();
-	  this.vmCount = 0;
-	  def(value, '__ob__', this);
-	  if (Array.isArray(value)) {
-	    var augment = hasProto
-	      ? protoAugment
-	      : copyAugment;
-	    augment(value, arrayMethods, arrayKeys);
-	    this.observeArray(value);
-	  } else {
-	    this.walk(value);
-	  }
-	};
-
-	/**
-	 * Walk through each property and convert them into
-	 * getter/setters. This method should only be called when
-	 * value type is Object.
-	 */
-	Observer.prototype.walk = function walk (obj) {
-	  var keys = Object.keys(obj);
-	  for (var i = 0; i < keys.length; i++) {
-	    defineReactive$$1(obj, keys[i], obj[keys[i]]);
-	  }
-	};
-
-	/**
-	 * Observe a list of Array items.
-	 */
-	Observer.prototype.observeArray = function observeArray (items) {
-	  for (var i = 0, l = items.length; i < l; i++) {
-	    observe(items[i]);
-	  }
-	};
-
-	// helpers
-
-	/**
-	 * Augment an target Object or Array by intercepting
-	 * the prototype chain using __proto__
-	 */
-	function protoAugment (target, src) {
-	  /* eslint-disable no-proto */
-	  target.__proto__ = src;
-	  /* eslint-enable no-proto */
-	}
-
-	/**
-	 * Augment an target Object or Array by defining
-	 * hidden properties.
-	 *
-	 * istanbul ignore next
-	 */
-	function copyAugment (target, src, keys) {
-	  for (var i = 0, l = keys.length; i < l; i++) {
-	    var key = keys[i];
-	    def(target, key, src[key]);
-	  }
-	}
-
-	/**
-	 * Attempt to create an observer instance for a value,
-	 * returns the new observer if successfully observed,
-	 * or the existing observer if the value already has one.
-	 */
-	function observe (value) {
-	  if (!isObject(value)) {
-	    return
-	  }
-	  var ob;
-	  if (hasOwn(value, '__ob__') && value.__ob__ instanceof Observer) {
-	    ob = value.__ob__;
-	  } else if (
-	    observerState.shouldConvert &&
-	    !config._isServer &&
-	    (Array.isArray(value) || isPlainObject(value)) &&
-	    Object.isExtensible(value) &&
-	    !value._isVue
-	  ) {
-	    ob = new Observer(value);
-	  }
-	  return ob
-	}
-
-	/**
-	 * Define a reactive property on an Object.
-	 */
-	function defineReactive$$1 (
-	  obj,
-	  key,
-	  val,
-	  customSetter
-	) {
-	  var dep = new Dep();
-
-	  var property = Object.getOwnPropertyDescriptor(obj, key);
-	  if (property && property.configurable === false) {
-	    return
-	  }
-
-	  // cater for pre-defined getter/setters
-	  var getter = property && property.get;
-	  var setter = property && property.set;
-
-	  var childOb = observe(val);
-	  Object.defineProperty(obj, key, {
-	    enumerable: true,
-	    configurable: true,
-	    get: function reactiveGetter () {
-	      var value = getter ? getter.call(obj) : val;
-	      if (Dep.target) {
-	        dep.depend();
-	        if (childOb) {
-	          childOb.dep.depend();
-	        }
-	        if (Array.isArray(value)) {
-	          dependArray(value);
-	        }
-	      }
-	      return value
-	    },
-	    set: function reactiveSetter (newVal) {
-	      var value = getter ? getter.call(obj) : val;
-	      if (newVal === value) {
-	        return
-	      }
-	      if (process.env.NODE_ENV !== 'production' && customSetter) {
-	        customSetter();
-	      }
-	      if (setter) {
-	        setter.call(obj, newVal);
-	      } else {
-	        val = newVal;
-	      }
-	      childOb = observe(newVal);
-	      dep.notify();
-	    }
-	  });
-	}
-
-	/**
-	 * Set a property on an object. Adds the new property and
-	 * triggers change notification if the property doesn't
-	 * already exist.
-	 */
-	function set (obj, key, val) {
-	  if (Array.isArray(obj)) {
-	    obj.length = Math.max(obj.length, key);
-	    obj.splice(key, 1, val);
-	    return val
-	  }
-	  if (hasOwn(obj, key)) {
-	    obj[key] = val;
-	    return
-	  }
-	  var ob = obj.__ob__;
-	  if (obj._isVue || (ob && ob.vmCount)) {
-	    process.env.NODE_ENV !== 'production' && warn(
-	      'Avoid adding reactive properties to a Vue instance or its root $data ' +
-	      'at runtime - declare it upfront in the data option.'
-	    );
-	    return
-	  }
-	  if (!ob) {
-	    obj[key] = val;
-	    return
-	  }
-	  defineReactive$$1(ob.value, key, val);
-	  ob.dep.notify();
-	  return val
-	}
-
-	/**
-	 * Delete a property and trigger change if necessary.
-	 */
-	function del (obj, key) {
-	  var ob = obj.__ob__;
-	  if (obj._isVue || (ob && ob.vmCount)) {
-	    process.env.NODE_ENV !== 'production' && warn(
-	      'Avoid deleting properties on a Vue instance or its root $data ' +
-	      '- just set it to null.'
-	    );
-	    return
-	  }
-	  if (!hasOwn(obj, key)) {
-	    return
-	  }
-	  delete obj[key];
-	  if (!ob) {
-	    return
-	  }
-	  ob.dep.notify();
-	}
-
-	/**
-	 * Collect dependencies on array elements when the array is touched, since
-	 * we cannot intercept array element access like property getters.
-	 */
-	function dependArray (value) {
-	  for (var e = void 0, i = 0, l = value.length; i < l; i++) {
-	    e = value[i];
-	    e && e.__ob__ && e.__ob__.dep.depend();
-	    if (Array.isArray(e)) {
-	      dependArray(e);
-	    }
-	  }
-	}
-
-	/*  */
-
-	function initState (vm) {
-	  vm._watchers = [];
-	  initProps(vm);
-	  initData(vm);
-	  initComputed(vm);
-	  initMethods(vm);
-	  initWatch(vm);
-	}
-
-	function initProps (vm) {
-	  var props = vm.$options.props;
-	  if (props) {
-	    var propsData = vm.$options.propsData || {};
-	    var keys = vm.$options._propKeys = Object.keys(props);
-	    var isRoot = !vm.$parent;
-	    // root instance props should be converted
-	    observerState.shouldConvert = isRoot;
-	    var loop = function ( i ) {
-	      var key = keys[i];
-	      /* istanbul ignore else */
-	      if (process.env.NODE_ENV !== 'production') {
-	        defineReactive$$1(vm, key, validateProp(key, props, propsData, vm), function () {
-	          if (vm.$parent && !observerState.isSettingProps) {
-	            warn(
-	              "Avoid mutating a prop directly since the value will be " +
-	              "overwritten whenever the parent component re-renders. " +
-	              "Instead, use a data or computed property based on the prop's " +
-	              "value. Prop being mutated: \"" + key + "\"",
-	              vm
-	            );
-	          }
-	        });
-	      } else {
-	        defineReactive$$1(vm, key, validateProp(key, props, propsData, vm));
-	      }
-	    };
-
-	    for (var i = 0; i < keys.length; i++) loop( i );
-	    observerState.shouldConvert = true;
-	  }
-	}
-
-	function initData (vm) {
-	  var data = vm.$options.data;
-	  data = vm._data = typeof data === 'function'
-	    ? data.call(vm)
-	    : data || {};
-	  if (!isPlainObject(data)) {
-	    data = {};
-	    process.env.NODE_ENV !== 'production' && warn(
-	      'data functions should return an object.',
-	      vm
-	    );
-	  }
-	  // proxy data on instance
-	  var keys = Object.keys(data);
-	  var props = vm.$options.props;
-	  var i = keys.length;
-	  while (i--) {
-	    if (props && hasOwn(props, keys[i])) {
-	      process.env.NODE_ENV !== 'production' && warn(
-	        "The data property \"" + (keys[i]) + "\" is already declared as a prop. " +
-	        "Use prop default value instead.",
-	        vm
-	      );
-	    } else {
-	      proxy(vm, keys[i]);
-	    }
-	  }
-	  // observe data
-	  observe(data);
-	  data.__ob__ && data.__ob__.vmCount++;
-	}
-
-	var computedSharedDefinition = {
-	  enumerable: true,
-	  configurable: true,
-	  get: noop,
-	  set: noop
-	};
-
-	function initComputed (vm) {
-	  var computed = vm.$options.computed;
-	  if (computed) {
-	    for (var key in computed) {
-	      var userDef = computed[key];
-	      if (typeof userDef === 'function') {
-	        computedSharedDefinition.get = makeComputedGetter(userDef, vm);
-	        computedSharedDefinition.set = noop;
-	      } else {
-	        computedSharedDefinition.get = userDef.get
-	          ? userDef.cache !== false
-	            ? makeComputedGetter(userDef.get, vm)
-	            : bind$1(userDef.get, vm)
-	          : noop;
-	        computedSharedDefinition.set = userDef.set
-	          ? bind$1(userDef.set, vm)
-	          : noop;
-	      }
-	      Object.defineProperty(vm, key, computedSharedDefinition);
-	    }
-	  }
-	}
-
-	function makeComputedGetter (getter, owner) {
-	  var watcher = new Watcher(owner, getter, noop, {
-	    lazy: true
-	  });
-	  return function computedGetter () {
-	    if (watcher.dirty) {
-	      watcher.evaluate();
-	    }
-	    if (Dep.target) {
-	      watcher.depend();
-	    }
-	    return watcher.value
-	  }
-	}
-
-	function initMethods (vm) {
-	  var methods = vm.$options.methods;
-	  if (methods) {
-	    for (var key in methods) {
-	      vm[key] = methods[key] == null ? noop : bind$1(methods[key], vm);
-	      if (process.env.NODE_ENV !== 'production') {
-	        methods[key] == null && warn(
-	          "method \"" + key + "\" has an undefined value in the component definition. " +
-	          "Did you reference the function correctly?",
-	          vm
-	        );
-	        hasOwn(Vue$1.prototype, key) && warn(
-	          ("Avoid overriding Vue's internal method \"" + key + "\"."),
-	          vm
-	        );
-	      }
-	    }
-	  }
-	}
-
-	function initWatch (vm) {
-	  var watch = vm.$options.watch;
-	  if (watch) {
-	    for (var key in watch) {
-	      var handler = watch[key];
-	      if (Array.isArray(handler)) {
-	        for (var i = 0; i < handler.length; i++) {
-	          createWatcher(vm, key, handler[i]);
-	        }
-	      } else {
-	        createWatcher(vm, key, handler);
-	      }
-	    }
-	  }
-	}
-
-	function createWatcher (vm, key, handler) {
-	  var options;
-	  if (isPlainObject(handler)) {
-	    options = handler;
-	    handler = handler.handler;
-	  }
-	  if (typeof handler === 'string') {
-	    handler = vm[handler];
-	  }
-	  vm.$watch(key, handler, options);
-	}
-
-	function stateMixin (Vue) {
-	  // flow somehow has problems with directly declared definition object
-	  // when using Object.defineProperty, so we have to procedurally build up
-	  // the object here.
-	  var dataDef = {};
-	  dataDef.get = function () {
-	    return this._data
-	  };
-	  if (process.env.NODE_ENV !== 'production') {
-	    dataDef.set = function (newData) {
-	      warn(
-	        'Avoid replacing instance root $data. ' +
-	        'Use nested data properties instead.',
-	        this
-	      );
-	    };
-	  }
-	  Object.defineProperty(Vue.prototype, '$data', dataDef);
-
-	  Vue.prototype.$set = set;
-	  Vue.prototype.$delete = del;
-
-	  Vue.prototype.$watch = function (
-	    expOrFn,
-	    cb,
-	    options
-	  ) {
-	    var vm = this;
-	    options = options || {};
-	    options.user = true;
-	    var watcher = new Watcher(vm, expOrFn, cb, options);
-	    if (options.immediate) {
-	      cb.call(vm, watcher.value);
-	    }
-	    return function unwatchFn () {
-	      watcher.teardown();
-	    }
-	  };
-	}
-
-	function proxy (vm, key) {
-	  if (!isReserved(key)) {
-	    Object.defineProperty(vm, key, {
-	      configurable: true,
-	      enumerable: true,
-	      get: function proxyGetter () {
-	        return vm._data[key]
-	      },
-	      set: function proxySetter (val) {
-	        vm._data[key] = val;
-	      }
-	    });
-	  }
-	}
-
-	/*  */
-
-	var VNode = function VNode (
-	  tag,
-	  data,
-	  children,
-	  text,
-	  elm,
-	  ns,
-	  context,
-	  componentOptions
-	) {
-	  this.tag = tag;
-	  this.data = data;
-	  this.children = children;
-	  this.text = text;
-	  this.elm = elm;
-	  this.ns = ns;
-	  this.context = context;
-	  this.functionalContext = undefined;
-	  this.key = data && data.key;
-	  this.componentOptions = componentOptions;
-	  this.child = undefined;
-	  this.parent = undefined;
-	  this.raw = false;
-	  this.isStatic = false;
-	  this.isRootInsert = true;
-	  this.isComment = false;
-	  this.isCloned = false;
-	  this.isOnce = false;
-	};
-
-	var emptyVNode = function () {
-	  var node = new VNode();
-	  node.text = '';
-	  node.isComment = true;
-	  return node
-	};
-
-	// optimized shallow clone
-	// used for static nodes and slot nodes because they may be reused across
-	// multiple renders, cloning them avoids errors when DOM manipulations rely
-	// on their elm reference.
-	function cloneVNode (vnode) {
-	  var cloned = new VNode(
-	    vnode.tag,
-	    vnode.data,
-	    vnode.children,
-	    vnode.text,
-	    vnode.elm,
-	    vnode.ns,
-	    vnode.context,
-	    vnode.componentOptions
-	  );
-	  cloned.isStatic = vnode.isStatic;
-	  cloned.key = vnode.key;
-	  cloned.isCloned = true;
-	  return cloned
-	}
-
-	function cloneVNodes (vnodes) {
-	  var res = new Array(vnodes.length);
-	  for (var i = 0; i < vnodes.length; i++) {
-	    res[i] = cloneVNode(vnodes[i]);
-	  }
-	  return res
-	}
-
-	/*  */
-
-	function mergeVNodeHook (def, hookKey, hook, key) {
-	  key = key + hookKey;
-	  var injectedHash = def.__injected || (def.__injected = {});
-	  if (!injectedHash[key]) {
-	    injectedHash[key] = true;
-	    var oldHook = def[hookKey];
-	    if (oldHook) {
-	      def[hookKey] = function () {
-	        oldHook.apply(this, arguments);
-	        hook.apply(this, arguments);
-	      };
-	    } else {
-	      def[hookKey] = hook;
-	    }
-	  }
-	}
-
-	/*  */
-
-	function updateListeners (
-	  on,
-	  oldOn,
-	  add,
-	  remove$$1,
-	  vm
-	) {
-	  var name, cur, old, fn, event, capture;
-	  for (name in on) {
-	    cur = on[name];
-	    old = oldOn[name];
-	    if (!cur) {
-	      process.env.NODE_ENV !== 'production' && warn(
-	        "Invalid handler for event \"" + name + "\": got " + String(cur),
-	        vm
-	      );
-	    } else if (!old) {
-	      capture = name.charAt(0) === '!';
-	      event = capture ? name.slice(1) : name;
-	      if (Array.isArray(cur)) {
-	        add(event, (cur.invoker = arrInvoker(cur)), capture);
-	      } else {
-	        if (!cur.invoker) {
-	          fn = cur;
-	          cur = on[name] = {};
-	          cur.fn = fn;
-	          cur.invoker = fnInvoker(cur);
-	        }
-	        add(event, cur.invoker, capture);
-	      }
-	    } else if (cur !== old) {
-	      if (Array.isArray(old)) {
-	        old.length = cur.length;
-	        for (var i = 0; i < old.length; i++) { old[i] = cur[i]; }
-	        on[name] = old;
-	      } else {
-	        old.fn = cur;
-	        on[name] = old;
-	      }
-	    }
-	  }
-	  for (name in oldOn) {
-	    if (!on[name]) {
-	      event = name.charAt(0) === '!' ? name.slice(1) : name;
-	      remove$$1(event, oldOn[name].invoker);
-	    }
-	  }
-	}
-
-	function arrInvoker (arr) {
-	  return function (ev) {
-	    var arguments$1 = arguments;
-
-	    var single = arguments.length === 1;
-	    for (var i = 0; i < arr.length; i++) {
-	      single ? arr[i](ev) : arr[i].apply(null, arguments$1);
-	    }
-	  }
-	}
-
-	function fnInvoker (o) {
-	  return function (ev) {
-	    var single = arguments.length === 1;
-	    single ? o.fn(ev) : o.fn.apply(null, arguments);
-	  }
-	}
-
-	/*  */
-
-	function normalizeChildren (
-	  children,
-	  ns,
-	  nestedIndex
-	) {
-	  if (isPrimitive(children)) {
-	    return [createTextVNode(children)]
-	  }
-	  if (Array.isArray(children)) {
-	    var res = [];
-	    for (var i = 0, l = children.length; i < l; i++) {
-	      var c = children[i];
-	      var last = res[res.length - 1];
-	      //  nested
-	      if (Array.isArray(c)) {
-	        res.push.apply(res, normalizeChildren(c, ns, ((nestedIndex || '') + "_" + i)));
-	      } else if (isPrimitive(c)) {
-	        if (last && last.text) {
-	          last.text += String(c);
-	        } else if (c !== '') {
-	          // convert primitive to vnode
-	          res.push(createTextVNode(c));
-	        }
-	      } else if (c instanceof VNode) {
-	        if (c.text && last && last.text) {
-	          last.text += c.text;
-	        } else {
-	          // inherit parent namespace
-	          if (ns) {
-	            applyNS(c, ns);
-	          }
-	          // default key for nested array children (likely generated by v-for)
-	          if (c.tag && c.key == null && nestedIndex != null) {
-	            c.key = "__vlist" + nestedIndex + "_" + i + "__";
-	          }
-	          res.push(c);
-	        }
-	      }
-	    }
-	    return res
-	  }
-	}
-
-	function createTextVNode (val) {
-	  return new VNode(undefined, undefined, undefined, String(val))
-	}
-
-	function applyNS (vnode, ns) {
-	  if (vnode.tag && !vnode.ns) {
-	    vnode.ns = ns;
-	    if (vnode.children) {
-	      for (var i = 0, l = vnode.children.length; i < l; i++) {
-	        applyNS(vnode.children[i], ns);
-	      }
-	    }
-	  }
-	}
-
-	/*  */
-
-	function getFirstComponentChild (children) {
-	  return children && children.filter(function (c) { return c && c.componentOptions; })[0]
-	}
-
-	/*  */
-
-	var activeInstance = null;
-
-	function initLifecycle (vm) {
-	  var options = vm.$options;
-
-	  // locate first non-abstract parent
-	  var parent = options.parent;
-	  if (parent && !options.abstract) {
-	    while (parent.$options.abstract && parent.$parent) {
-	      parent = parent.$parent;
-	    }
-	    parent.$children.push(vm);
-	  }
-
-	  vm.$parent = parent;
-	  vm.$root = parent ? parent.$root : vm;
-
-	  vm.$children = [];
-	  vm.$refs = {};
-
-	  vm._watcher = null;
-	  vm._inactive = false;
-	  vm._isMounted = false;
-	  vm._isDestroyed = false;
-	  vm._isBeingDestroyed = false;
-	}
-
-	function lifecycleMixin (Vue) {
-	  Vue.prototype._mount = function (
-	    el,
-	    hydrating
-	  ) {
-	    var vm = this;
-	    vm.$el = el;
-	    if (!vm.$options.render) {
-	      vm.$options.render = emptyVNode;
-	      if (process.env.NODE_ENV !== 'production') {
-	        /* istanbul ignore if */
-	        if (vm.$options.template) {
-	          warn(
-	            'You are using the runtime-only build of Vue where the template ' +
-	            'option is not available. Either pre-compile the templates into ' +
-	            'render functions, or use the compiler-included build.',
-	            vm
-	          );
-	        } else {
-	          warn(
-	            'Failed to mount component: template or render function not defined.',
-	            vm
-	          );
-	        }
-	      }
-	    }
-	    callHook(vm, 'beforeMount');
-	    vm._watcher = new Watcher(vm, function () {
-	      vm._update(vm._render(), hydrating);
-	    }, noop);
-	    hydrating = false;
-	    // manually mounted instance, call mounted on self
-	    // mounted is called for render-created child components in its inserted hook
-	    if (vm.$vnode == null) {
-	      vm._isMounted = true;
-	      callHook(vm, 'mounted');
-	    }
-	    return vm
-	  };
-
-	  Vue.prototype._update = function (vnode, hydrating) {
-	    var vm = this;
-	    if (vm._isMounted) {
-	      callHook(vm, 'beforeUpdate');
-	    }
-	    var prevEl = vm.$el;
-	    var prevActiveInstance = activeInstance;
-	    activeInstance = vm;
-	    var prevVnode = vm._vnode;
-	    vm._vnode = vnode;
-	    if (!prevVnode) {
-	      // Vue.prototype.__patch__ is injected in entry points
-	      // based on the rendering backend used.
-	      vm.$el = vm.__patch__(vm.$el, vnode, hydrating);
-	    } else {
-	      vm.$el = vm.__patch__(prevVnode, vnode);
-	    }
-	    activeInstance = prevActiveInstance;
-	    // update __vue__ reference
-	    if (prevEl) {
-	      prevEl.__vue__ = null;
-	    }
-	    if (vm.$el) {
-	      vm.$el.__vue__ = vm;
-	    }
-	    // if parent is an HOC, update its $el as well
-	    if (vm.$vnode && vm.$parent && vm.$vnode === vm.$parent._vnode) {
-	      vm.$parent.$el = vm.$el;
-	    }
-	    if (vm._isMounted) {
-	      callHook(vm, 'updated');
-	    }
-	  };
-
-	  Vue.prototype._updateFromParent = function (
-	    propsData,
-	    listeners,
-	    parentVnode,
-	    renderChildren
-	  ) {
-	    var vm = this;
-	    var hasChildren = !!(vm.$options._renderChildren || renderChildren);
-	    vm.$options._parentVnode = parentVnode;
-	    vm.$options._renderChildren = renderChildren;
-	    // update props
-	    if (propsData && vm.$options.props) {
-	      observerState.shouldConvert = false;
-	      if (process.env.NODE_ENV !== 'production') {
-	        observerState.isSettingProps = true;
-	      }
-	      var propKeys = vm.$options._propKeys || [];
-	      for (var i = 0; i < propKeys.length; i++) {
-	        var key = propKeys[i];
-	        vm[key] = validateProp(key, vm.$options.props, propsData, vm);
-	      }
-	      observerState.shouldConvert = true;
-	      if (process.env.NODE_ENV !== 'production') {
-	        observerState.isSettingProps = false;
-	      }
-	      vm.$options.propsData = propsData;
-	    }
-	    // update listeners
-	    if (listeners) {
-	      var oldListeners = vm.$options._parentListeners;
-	      vm.$options._parentListeners = listeners;
-	      vm._updateListeners(listeners, oldListeners);
-	    }
-	    // resolve slots + force update if has children
-	    if (hasChildren) {
-	      vm.$slots = resolveSlots(renderChildren, vm._renderContext);
-	      vm.$forceUpdate();
-	    }
-	  };
-
-	  Vue.prototype.$forceUpdate = function () {
-	    var vm = this;
-	    if (vm._watcher) {
-	      vm._watcher.update();
-	    }
-	  };
-
-	  Vue.prototype.$destroy = function () {
-	    var vm = this;
-	    if (vm._isBeingDestroyed) {
-	      return
-	    }
-	    callHook(vm, 'beforeDestroy');
-	    vm._isBeingDestroyed = true;
-	    // remove self from parent
-	    var parent = vm.$parent;
-	    if (parent && !parent._isBeingDestroyed && !vm.$options.abstract) {
-	      remove$1(parent.$children, vm);
-	    }
-	    // teardown watchers
-	    if (vm._watcher) {
-	      vm._watcher.teardown();
-	    }
-	    var i = vm._watchers.length;
-	    while (i--) {
-	      vm._watchers[i].teardown();
-	    }
-	    // remove reference from data ob
-	    // frozen object may not have observer.
-	    if (vm._data.__ob__) {
-	      vm._data.__ob__.vmCount--;
-	    }
-	    // call the last hook...
-	    vm._isDestroyed = true;
-	    callHook(vm, 'destroyed');
-	    // turn off all instance listeners.
-	    vm.$off();
-	    // remove __vue__ reference
-	    if (vm.$el) {
-	      vm.$el.__vue__ = null;
-	    }
-	    // invoke destroy hooks on current rendered tree
-	    vm.__patch__(vm._vnode, null);
-	  };
-	}
-
-	function callHook (vm, hook) {
-	  var handlers = vm.$options[hook];
-	  if (handlers) {
-	    for (var i = 0, j = handlers.length; i < j; i++) {
-	      handlers[i].call(vm);
-	    }
-	  }
-	  vm.$emit('hook:' + hook);
-	}
-
-	/*  */
-
-	var hooks = { init: init, prepatch: prepatch, insert: insert, destroy: destroy$1 };
-	var hooksToMerge = Object.keys(hooks);
-
-	function createComponent (
-	  Ctor,
-	  data,
-	  context,
-	  children,
-	  tag
-	) {
-	  if (!Ctor) {
-	    return
-	  }
-
-	  if (isObject(Ctor)) {
-	    Ctor = Vue$1.extend(Ctor);
-	  }
-
-	  if (typeof Ctor !== 'function') {
-	    if (process.env.NODE_ENV !== 'production') {
-	      warn(("Invalid Component definition: " + (String(Ctor))), context);
-	    }
-	    return
-	  }
-
-	  // resolve constructor options in case global mixins are applied after
-	  // component constructor creation
-	  resolveConstructorOptions(Ctor);
-
-	  // async component
-	  if (!Ctor.cid) {
-	    if (Ctor.resolved) {
-	      Ctor = Ctor.resolved;
-	    } else {
-	      Ctor = resolveAsyncComponent(Ctor, function () {
-	        // it's ok to queue this on every render because
-	        // $forceUpdate is buffered by the scheduler.
-	        context.$forceUpdate();
-	      });
-	      if (!Ctor) {
-	        // return nothing if this is indeed an async component
-	        // wait for the callback to trigger parent update.
-	        return
-	      }
-	    }
-	  }
-
-	  data = data || {};
-
-	  // extract props
-	  var propsData = extractProps(data, Ctor);
-
-	  // functional component
-	  if (Ctor.options.functional) {
-	    return createFunctionalComponent(Ctor, propsData, data, context, children)
-	  }
-
-	  // extract listeners, since these needs to be treated as
-	  // child component listeners instead of DOM listeners
-	  var listeners = data.on;
-	  // replace with listeners with .native modifier
-	  data.on = data.nativeOn;
-
-	  if (Ctor.options.abstract) {
-	    // abstract components do not keep anything
-	    // other than props & listeners
-	    data = {};
-	  }
-
-	  // merge component management hooks onto the placeholder node
-	  mergeHooks(data);
-
-	  // return a placeholder vnode
-	  var name = Ctor.options.name || tag;
-	  var vnode = new VNode(
-	    ("vue-component-" + (Ctor.cid) + (name ? ("-" + name) : '')),
-	    data, undefined, undefined, undefined, undefined, context,
-	    { Ctor: Ctor, propsData: propsData, listeners: listeners, tag: tag, children: children }
-	  );
-	  return vnode
-	}
-
-	function createFunctionalComponent (
-	  Ctor,
-	  propsData,
-	  data,
-	  context,
-	  children
-	) {
-	  var props = {};
-	  var propOptions = Ctor.options.props;
-	  if (propOptions) {
-	    for (var key in propOptions) {
-	      props[key] = validateProp(key, propOptions, propsData);
-	    }
-	  }
-	  var vnode = Ctor.options.render.call(
-	    null,
-	    // ensure the createElement function in functional components
-	    // gets a unique context - this is necessary for correct named slot check
-	    bind$1(createElement, { _self: Object.create(context) }),
-	    {
-	      props: props,
-	      data: data,
-	      parent: context,
-	      children: normalizeChildren(children),
-	      slots: function () { return resolveSlots(children, context); }
-	    }
-	  );
-	  if (vnode instanceof VNode) {
-	    vnode.functionalContext = context;
-	    if (data.slot) {
-	      (vnode.data || (vnode.data = {})).slot = data.slot;
-	    }
-	  }
-	  return vnode
-	}
-
-	function createComponentInstanceForVnode (
-	  vnode, // we know it's MountedComponentVNode but flow doesn't
-	  parent // activeInstance in lifecycle state
-	) {
-	  var vnodeComponentOptions = vnode.componentOptions;
-	  var options = {
-	    _isComponent: true,
-	    parent: parent,
-	    propsData: vnodeComponentOptions.propsData,
-	    _componentTag: vnodeComponentOptions.tag,
-	    _parentVnode: vnode,
-	    _parentListeners: vnodeComponentOptions.listeners,
-	    _renderChildren: vnodeComponentOptions.children
-	  };
-	  // check inline-template render functions
-	  var inlineTemplate = vnode.data.inlineTemplate;
-	  if (inlineTemplate) {
-	    options.render = inlineTemplate.render;
-	    options.staticRenderFns = inlineTemplate.staticRenderFns;
-	  }
-	  return new vnodeComponentOptions.Ctor(options)
-	}
-
-	function init (vnode, hydrating) {
-	  if (!vnode.child || vnode.child._isDestroyed) {
-	    var child = vnode.child = createComponentInstanceForVnode(vnode, activeInstance);
-	    child.$mount(hydrating ? vnode.elm : undefined, hydrating);
-	  }
-	}
-
-	function prepatch (
-	  oldVnode,
-	  vnode
-	) {
-	  var options = vnode.componentOptions;
-	  var child = vnode.child = oldVnode.child;
-	  child._updateFromParent(
-	    options.propsData, // updated props
-	    options.listeners, // updated listeners
-	    vnode, // new parent vnode
-	    options.children // new children
-	  );
-	}
-
-	function insert (vnode) {
-	  if (!vnode.child._isMounted) {
-	    vnode.child._isMounted = true;
-	    callHook(vnode.child, 'mounted');
-	  }
-	  if (vnode.data.keepAlive) {
-	    vnode.child._inactive = false;
-	    callHook(vnode.child, 'activated');
-	  }
-	}
-
-	function destroy$1 (vnode) {
-	  if (!vnode.child._isDestroyed) {
-	    if (!vnode.data.keepAlive) {
-	      vnode.child.$destroy();
-	    } else {
-	      vnode.child._inactive = true;
-	      callHook(vnode.child, 'deactivated');
-	    }
-	  }
-	}
-
-	function resolveAsyncComponent (
-	  factory,
-	  cb
-	) {
-	  if (factory.requested) {
-	    // pool callbacks
-	    factory.pendingCallbacks.push(cb);
-	  } else {
-	    factory.requested = true;
-	    var cbs = factory.pendingCallbacks = [cb];
-	    var sync = true;
-
-	    var resolve = function (res) {
-	      if (isObject(res)) {
-	        res = Vue$1.extend(res);
-	      }
-	      // cache resolved
-	      factory.resolved = res;
-	      // invoke callbacks only if this is not a synchronous resolve
-	      // (async resolves are shimmed as synchronous during SSR)
-	      if (!sync) {
-	        for (var i = 0, l = cbs.length; i < l; i++) {
-	          cbs[i](res);
-	        }
-	      }
-	    };
-
-	    var reject = function (reason) {
-	      process.env.NODE_ENV !== 'production' && warn(
-	        "Failed to resolve async component: " + (String(factory)) +
-	        (reason ? ("\nReason: " + reason) : '')
-	      );
-	    };
-
-	    var res = factory(resolve, reject);
-
-	    // handle promise
-	    if (res && typeof res.then === 'function' && !factory.resolved) {
-	      res.then(resolve, reject);
-	    }
-
-	    sync = false;
-	    // return in case resolved synchronously
-	    return factory.resolved
-	  }
-	}
-
-	function extractProps (data, Ctor) {
-	  // we are only extracting raw values here.
-	  // validation and default values are handled in the child
-	  // component itself.
-	  var propOptions = Ctor.options.props;
-	  if (!propOptions) {
-	    return
-	  }
-	  var res = {};
-	  var attrs = data.attrs;
-	  var props = data.props;
-	  var domProps = data.domProps;
-	  if (attrs || props || domProps) {
-	    for (var key in propOptions) {
-	      var altKey = hyphenate(key);
-	      checkProp(res, props, key, altKey, true) ||
-	      checkProp(res, attrs, key, altKey) ||
-	      checkProp(res, domProps, key, altKey);
-	    }
-	  }
-	  return res
-	}
-
-	function checkProp (
-	  res,
-	  hash,
-	  key,
-	  altKey,
-	  preserve
-	) {
-	  if (hash) {
-	    if (hasOwn(hash, key)) {
-	      res[key] = hash[key];
-	      if (!preserve) {
-	        delete hash[key];
-	      }
-	      return true
-	    } else if (hasOwn(hash, altKey)) {
-	      res[key] = hash[altKey];
-	      if (!preserve) {
-	        delete hash[altKey];
-	      }
-	      return true
-	    }
-	  }
-	  return false
-	}
-
-	function mergeHooks (data) {
-	  if (!data.hook) {
-	    data.hook = {};
-	  }
-	  for (var i = 0; i < hooksToMerge.length; i++) {
-	    var key = hooksToMerge[i];
-	    var fromParent = data.hook[key];
-	    var ours = hooks[key];
-	    data.hook[key] = fromParent ? mergeHook$1(ours, fromParent) : ours;
-	  }
-	}
-
-	function mergeHook$1 (a, b) {
-	  // since all hooks have at most two args, use fixed args
-	  // to avoid having to use fn.apply().
-	  return function (_, __) {
-	    a(_, __);
-	    b(_, __);
-	  }
-	}
-
-	/*  */
-
-	// wrapper function for providing a more flexible interface
-	// without getting yelled at by flow
-	function createElement (
-	  tag,
-	  data,
-	  children
-	) {
-	  if (data && (Array.isArray(data) || typeof data !== 'object')) {
-	    children = data;
-	    data = undefined;
-	  }
-	  // make sure to use real instance instead of proxy as context
-	  return _createElement(this._self, tag, data, children)
-	}
-
-	function _createElement (
-	  context,
-	  tag,
-	  data,
-	  children
-	) {
-	  if (data && data.__ob__) {
-	    process.env.NODE_ENV !== 'production' && warn(
-	      "Avoid using observed data object as vnode data: " + (JSON.stringify(data)) + "\n" +
-	      'Always create fresh vnode data objects in each render!',
-	      context
-	    );
-	    return
-	  }
-	  if (!tag) {
-	    // in case of component :is set to falsy value
-	    return emptyVNode()
-	  }
-	  if (typeof tag === 'string') {
-	    var Ctor;
-	    var ns = config.getTagNamespace(tag);
-	    if (config.isReservedTag(tag)) {
-	      // platform built-in elements
-	      return new VNode(
-	        tag, data, normalizeChildren(children, ns),
-	        undefined, undefined, ns, context
-	      )
-	    } else if ((Ctor = resolveAsset(context.$options, 'components', tag))) {
-	      // component
-	      return createComponent(Ctor, data, context, children, tag)
-	    } else {
-	      // unknown or unlisted namespaced elements
-	      // check at runtime because it may get assigned a namespace when its
-	      // parent normalizes children
-	      var childNs = tag === 'foreignObject' ? 'xhtml' : ns;
-	      return new VNode(
-	        tag, data, normalizeChildren(children, childNs),
-	        undefined, undefined, ns, context
-	      )
-	    }
-	  } else {
-	    // direct component options / constructor
-	    return createComponent(tag, data, context, children)
-	  }
-	}
-
-	/*  */
-
-	function initRender (vm) {
-	  vm.$vnode = null; // the placeholder node in parent tree
-	  vm._vnode = null; // the root of the child tree
-	  vm._staticTrees = null;
-	  vm._renderContext = vm.$options._parentVnode && vm.$options._parentVnode.context;
-	  vm.$slots = resolveSlots(vm.$options._renderChildren, vm._renderContext);
-	  // bind the public createElement fn to this instance
-	  // so that we get proper render context inside it.
-	  vm.$createElement = bind$1(createElement, vm);
-	  if (vm.$options.el) {
-	    vm.$mount(vm.$options.el);
-	  }
-	}
-
-	function renderMixin (Vue) {
-	  Vue.prototype.$nextTick = function (fn) {
-	    nextTick(fn, this);
-	  };
-
-	  Vue.prototype._render = function () {
-	    var vm = this;
-	    var ref = vm.$options;
-	    var render = ref.render;
-	    var staticRenderFns = ref.staticRenderFns;
-	    var _parentVnode = ref._parentVnode;
-
-	    if (vm._isMounted) {
-	      // clone slot nodes on re-renders
-	      for (var key in vm.$slots) {
-	        vm.$slots[key] = cloneVNodes(vm.$slots[key]);
-	      }
-	    }
-
-	    if (staticRenderFns && !vm._staticTrees) {
-	      vm._staticTrees = [];
-	    }
-	    // set parent vnode. this allows render functions to have access
-	    // to the data on the placeholder node.
-	    vm.$vnode = _parentVnode;
-	    // render self
-	    var vnode;
-	    try {
-	      vnode = render.call(vm._renderProxy, vm.$createElement);
-	    } catch (e) {
-	      if (process.env.NODE_ENV !== 'production') {
-	        warn(("Error when rendering " + (formatComponentName(vm)) + ":"));
-	      }
-	      /* istanbul ignore else */
-	      if (config.errorHandler) {
-	        config.errorHandler.call(null, e, vm);
-	      } else {
-	        if (config._isServer) {
-	          throw e
-	        } else {
-	          console.error(e);
-	        }
-	      }
-	      // return previous vnode to prevent render error causing blank component
-	      vnode = vm._vnode;
-	    }
-	    // return empty vnode in case the render function errored out
-	    if (!(vnode instanceof VNode)) {
-	      if (process.env.NODE_ENV !== 'production' && Array.isArray(vnode)) {
-	        warn(
-	          'Multiple root nodes returned from render function. Render function ' +
-	          'should return a single root node.',
-	          vm
-	        );
-	      }
-	      vnode = emptyVNode();
-	    }
-	    // set parent
-	    vnode.parent = _parentVnode;
-	    return vnode
-	  };
-
-	  // shorthands used in render functions
-	  Vue.prototype._h = createElement;
-	  // toString for mustaches
-	  Vue.prototype._s = _toString;
-	  // number conversion
-	  Vue.prototype._n = toNumber;
-	  // empty vnode
-	  Vue.prototype._e = emptyVNode;
-	  // loose equal
-	  Vue.prototype._q = looseEqual;
-	  // loose indexOf
-	  Vue.prototype._i = looseIndexOf;
-
-	  // render static tree by index
-	  Vue.prototype._m = function renderStatic (
-	    index,
-	    isInFor
-	  ) {
-	    var tree = this._staticTrees[index];
-	    // if has already-rendered static tree and not inside v-for,
-	    // we can reuse the same tree by doing a shallow clone.
-	    if (tree && !isInFor) {
-	      return Array.isArray(tree)
-	        ? cloneVNodes(tree)
-	        : cloneVNode(tree)
-	    }
-	    // otherwise, render a fresh tree.
-	    tree = this._staticTrees[index] = this.$options.staticRenderFns[index].call(this._renderProxy);
-	    markStatic(tree, ("__static__" + index), false);
-	    return tree
-	  };
-
-	  // mark node as static (v-once)
-	  Vue.prototype._o = function markOnce (
-	    tree,
-	    index,
-	    key
-	  ) {
-	    markStatic(tree, ("__once__" + index + (key ? ("_" + key) : "")), true);
-	    return tree
-	  };
-
-	  function markStatic (tree, key, isOnce) {
-	    if (Array.isArray(tree)) {
-	      for (var i = 0; i < tree.length; i++) {
-	        if (tree[i] && typeof tree[i] !== 'string') {
-	          markStaticNode(tree[i], (key + "_" + i), isOnce);
-	        }
-	      }
-	    } else {
-	      markStaticNode(tree, key, isOnce);
-	    }
-	  }
-
-	  function markStaticNode (node, key, isOnce) {
-	    node.isStatic = true;
-	    node.key = key;
-	    node.isOnce = isOnce;
-	  }
-
-	  // filter resolution helper
-	  var identity = function (_) { return _; };
-	  Vue.prototype._f = function resolveFilter (id) {
-	    return resolveAsset(this.$options, 'filters', id, true) || identity
-	  };
-
-	  // render v-for
-	  Vue.prototype._l = function renderList (
-	    val,
-	    render
-	  ) {
-	    var ret, i, l, keys, key;
-	    if (Array.isArray(val)) {
-	      ret = new Array(val.length);
-	      for (i = 0, l = val.length; i < l; i++) {
-	        ret[i] = render(val[i], i);
-	      }
-	    } else if (typeof val === 'number') {
-	      ret = new Array(val);
-	      for (i = 0; i < val; i++) {
-	        ret[i] = render(i + 1, i);
-	      }
-	    } else if (isObject(val)) {
-	      keys = Object.keys(val);
-	      ret = new Array(keys.length);
-	      for (i = 0, l = keys.length; i < l; i++) {
-	        key = keys[i];
-	        ret[i] = render(val[key], key, i);
-	      }
-	    }
-	    return ret
-	  };
-
-	  // renderSlot
-	  Vue.prototype._t = function (
-	    name,
-	    fallback
-	  ) {
-	    var slotNodes = this.$slots[name];
-	    // warn duplicate slot usage
-	    if (slotNodes && process.env.NODE_ENV !== 'production') {
-	      slotNodes._rendered && warn(
-	        "Duplicate presence of slot \"" + name + "\" found in the same render tree " +
-	        "- this will likely cause render errors.",
-	        this
-	      );
-	      slotNodes._rendered = true;
-	    }
-	    return slotNodes || fallback
-	  };
-
-	  // apply v-bind object
-	  Vue.prototype._b = function bindProps (
-	    data,
-	    value,
-	    asProp
-	  ) {
-	    if (value) {
-	      if (!isObject(value)) {
-	        process.env.NODE_ENV !== 'production' && warn(
-	          'v-bind without argument expects an Object or Array value',
-	          this
-	        );
-	      } else {
-	        if (Array.isArray(value)) {
-	          value = toObject(value);
-	        }
-	        for (var key in value) {
-	          if (key === 'class' || key === 'style') {
-	            data[key] = value[key];
-	          } else {
-	            var hash = asProp || config.mustUseProp(key)
-	              ? data.domProps || (data.domProps = {})
-	              : data.attrs || (data.attrs = {});
-	            hash[key] = value[key];
-	          }
-	        }
-	      }
-	    }
-	    return data
-	  };
-
-	  // expose v-on keyCodes
-	  Vue.prototype._k = function getKeyCodes (key) {
-	    return config.keyCodes[key]
-	  };
-	}
-
-	function resolveSlots (
-	  renderChildren,
-	  context
-	) {
-	  var slots = {};
-	  if (!renderChildren) {
-	    return slots
-	  }
-	  var children = normalizeChildren(renderChildren) || [];
-	  var defaultSlot = [];
-	  var name, child;
-	  for (var i = 0, l = children.length; i < l; i++) {
-	    child = children[i];
-	    // named slots should only be respected if the vnode was rendered in the
-	    // same context.
-	    if ((child.context === context || child.functionalContext === context) &&
-	        child.data && (name = child.data.slot)) {
-	      var slot = (slots[name] || (slots[name] = []));
-	      if (child.tag === 'template') {
-	        slot.push.apply(slot, child.children);
-	      } else {
-	        slot.push(child);
-	      }
-	    } else {
-	      defaultSlot.push(child);
-	    }
-	  }
-	  // ignore single whitespace
-	  if (defaultSlot.length && !(
-	    defaultSlot.length === 1 &&
-	    (defaultSlot[0].text === ' ' || defaultSlot[0].isComment)
-	  )) {
-	    slots.default = defaultSlot;
-	  }
-	  return slots
-	}
-
-	/*  */
-
-	function initEvents (vm) {
-	  vm._events = Object.create(null);
-	  // init parent attached events
-	  var listeners = vm.$options._parentListeners;
-	  var on = bind$1(vm.$on, vm);
-	  var off = bind$1(vm.$off, vm);
-	  vm._updateListeners = function (listeners, oldListeners) {
-	    updateListeners(listeners, oldListeners || {}, on, off, vm);
-	  };
-	  if (listeners) {
-	    vm._updateListeners(listeners);
-	  }
-	}
-
-	function eventsMixin (Vue) {
-	  Vue.prototype.$on = function (event, fn) {
-	    var vm = this;(vm._events[event] || (vm._events[event] = [])).push(fn);
-	    return vm
-	  };
-
-	  Vue.prototype.$once = function (event, fn) {
-	    var vm = this;
-	    function on () {
-	      vm.$off(event, on);
-	      fn.apply(vm, arguments);
-	    }
-	    on.fn = fn;
-	    vm.$on(event, on);
-	    return vm
-	  };
-
-	  Vue.prototype.$off = function (event, fn) {
-	    var vm = this;
-	    // all
-	    if (!arguments.length) {
-	      vm._events = Object.create(null);
-	      return vm
-	    }
-	    // specific event
-	    var cbs = vm._events[event];
-	    if (!cbs) {
-	      return vm
-	    }
-	    if (arguments.length === 1) {
-	      vm._events[event] = null;
-	      return vm
-	    }
-	    // specific handler
-	    var cb;
-	    var i = cbs.length;
-	    while (i--) {
-	      cb = cbs[i];
-	      if (cb === fn || cb.fn === fn) {
-	        cbs.splice(i, 1);
-	        break
-	      }
-	    }
-	    return vm
-	  };
-
-	  Vue.prototype.$emit = function (event) {
-	    var vm = this;
-	    var cbs = vm._events[event];
-	    if (cbs) {
-	      cbs = cbs.length > 1 ? toArray(cbs) : cbs;
-	      var args = toArray(arguments, 1);
-	      for (var i = 0, l = cbs.length; i < l; i++) {
-	        cbs[i].apply(vm, args);
-	      }
-	    }
-	    return vm
-	  };
-	}
-
-	/*  */
-
-	var uid = 0;
-
-	function initMixin (Vue) {
-	  Vue.prototype._init = function (options) {
-	    var vm = this;
-	    // a uid
-	    vm._uid = uid++;
-	    // a flag to avoid this being observed
-	    vm._isVue = true;
-	    // merge options
-	    if (options && options._isComponent) {
-	      // optimize internal component instantiation
-	      // since dynamic options merging is pretty slow, and none of the
-	      // internal component options needs special treatment.
-	      initInternalComponent(vm, options);
-	    } else {
-	      vm.$options = mergeOptions(
-	        resolveConstructorOptions(vm.constructor),
-	        options || {},
-	        vm
-	      );
-	    }
-	    /* istanbul ignore else */
-	    if (process.env.NODE_ENV !== 'production') {
-	      initProxy(vm);
-	    } else {
-	      vm._renderProxy = vm;
-	    }
-	    // expose real self
-	    vm._self = vm;
-	    initLifecycle(vm);
-	    initEvents(vm);
-	    callHook(vm, 'beforeCreate');
-	    initState(vm);
-	    callHook(vm, 'created');
-	    initRender(vm);
-	  };
-	}
-
-	function initInternalComponent (vm, options) {
-	  var opts = vm.$options = Object.create(vm.constructor.options);
-	  // doing this because it's faster than dynamic enumeration.
-	  opts.parent = options.parent;
-	  opts.propsData = options.propsData;
-	  opts._parentVnode = options._parentVnode;
-	  opts._parentListeners = options._parentListeners;
-	  opts._renderChildren = options._renderChildren;
-	  opts._componentTag = options._componentTag;
-	  if (options.render) {
-	    opts.render = options.render;
-	    opts.staticRenderFns = options.staticRenderFns;
-	  }
-	}
-
-	function resolveConstructorOptions (Ctor) {
-	  var options = Ctor.options;
-	  if (Ctor.super) {
-	    var superOptions = Ctor.super.options;
-	    var cachedSuperOptions = Ctor.superOptions;
-	    var extendOptions = Ctor.extendOptions;
-	    if (superOptions !== cachedSuperOptions) {
-	      // super option changed
-	      Ctor.superOptions = superOptions;
-	      extendOptions.render = options.render;
-	      extendOptions.staticRenderFns = options.staticRenderFns;
-	      options = Ctor.options = mergeOptions(superOptions, extendOptions);
-	      if (options.name) {
-	        options.components[options.name] = Ctor;
-	      }
-	    }
-	  }
-	  return options
-	}
-
-	function Vue$1 (options) {
-	  if (process.env.NODE_ENV !== 'production' &&
-	    !(this instanceof Vue$1)) {
-	    warn('Vue is a constructor and should be called with the `new` keyword');
-	  }
-	  this._init(options);
-	}
-
-	initMixin(Vue$1);
-	stateMixin(Vue$1);
-	eventsMixin(Vue$1);
-	lifecycleMixin(Vue$1);
-	renderMixin(Vue$1);
-
-	var warn = noop;
-	var formatComponentName;
-
-	if (process.env.NODE_ENV !== 'production') {
-	  var hasConsole = typeof console !== 'undefined';
-
-	  warn = function (msg, vm) {
-	    if (hasConsole && (!config.silent)) {
-	      console.error("[Vue warn]: " + msg + " " + (
-	        vm ? formatLocation(formatComponentName(vm)) : ''
-	      ));
-	    }
-	  };
-
-	  formatComponentName = function (vm) {
-	    if (vm.$root === vm) {
-	      return 'root instance'
-	    }
-	    var name = vm._isVue
-	      ? vm.$options.name || vm.$options._componentTag
-	      : vm.name;
-	    return (
-	      (name ? ("component <" + name + ">") : "anonymous component") +
-	      (vm._isVue && vm.$options.__file ? (" at " + (vm.$options.__file)) : '')
-	    )
-	  };
-
-	  var formatLocation = function (str) {
-	    if (str === 'anonymous component') {
-	      str += " - use the \"name\" option for better debugging messages.";
-	    }
-	    return ("\n(found in " + str + ")")
-	  };
-	}
-
-	/*  */
-
-	/**
-	 * Option overwriting strategies are functions that handle
-	 * how to merge a parent option value and a child option
-	 * value into the final value.
-	 */
-	var strats = config.optionMergeStrategies;
-
-	/**
-	 * Options with restrictions
-	 */
-	if (process.env.NODE_ENV !== 'production') {
-	  strats.el = strats.propsData = function (parent, child, vm, key) {
-	    if (!vm) {
-	      warn(
-	        "option \"" + key + "\" can only be used during instance " +
-	        'creation with the `new` keyword.'
-	      );
-	    }
-	    return defaultStrat(parent, child)
-	  };
-	}
-
-	/**
-	 * Helper that recursively merges two data objects together.
-	 */
-	function mergeData (to, from) {
-	  var key, toVal, fromVal;
-	  for (key in from) {
-	    toVal = to[key];
-	    fromVal = from[key];
-	    if (!hasOwn(to, key)) {
-	      set(to, key, fromVal);
-	    } else if (isObject(toVal) && isObject(fromVal)) {
-	      mergeData(toVal, fromVal);
-	    }
-	  }
-	  return to
-	}
-
-	/**
-	 * Data
-	 */
-	strats.data = function (
-	  parentVal,
-	  childVal,
-	  vm
-	) {
-	  if (!vm) {
-	    // in a Vue.extend merge, both should be functions
-	    if (!childVal) {
-	      return parentVal
-	    }
-	    if (typeof childVal !== 'function') {
-	      process.env.NODE_ENV !== 'production' && warn(
-	        'The "data" option should be a function ' +
-	        'that returns a per-instance value in component ' +
-	        'definitions.',
-	        vm
-	      );
-	      return parentVal
-	    }
-	    if (!parentVal) {
-	      return childVal
-	    }
-	    // when parentVal & childVal are both present,
-	    // we need to return a function that returns the
-	    // merged result of both functions... no need to
-	    // check if parentVal is a function here because
-	    // it has to be a function to pass previous merges.
-	    return function mergedDataFn () {
-	      return mergeData(
-	        childVal.call(this),
-	        parentVal.call(this)
-	      )
-	    }
-	  } else if (parentVal || childVal) {
-	    return function mergedInstanceDataFn () {
-	      // instance merge
-	      var instanceData = typeof childVal === 'function'
-	        ? childVal.call(vm)
-	        : childVal;
-	      var defaultData = typeof parentVal === 'function'
-	        ? parentVal.call(vm)
-	        : undefined;
-	      if (instanceData) {
-	        return mergeData(instanceData, defaultData)
-	      } else {
-	        return defaultData
-	      }
-	    }
-	  }
-	};
-
-	/**
-	 * Hooks and param attributes are merged as arrays.
-	 */
-	function mergeHook (
-	  parentVal,
-	  childVal
-	) {
-	  return childVal
-	    ? parentVal
-	      ? parentVal.concat(childVal)
-	      : Array.isArray(childVal)
-	        ? childVal
-	        : [childVal]
-	    : parentVal
-	}
-
-	config._lifecycleHooks.forEach(function (hook) {
-	  strats[hook] = mergeHook;
-	});
-
-	/**
-	 * Assets
-	 *
-	 * When a vm is present (instance creation), we need to do
-	 * a three-way merge between constructor options, instance
-	 * options and parent options.
-	 */
-	function mergeAssets (parentVal, childVal) {
-	  var res = Object.create(parentVal || null);
-	  return childVal
-	    ? extend(res, childVal)
-	    : res
-	}
-
-	config._assetTypes.forEach(function (type) {
-	  strats[type + 's'] = mergeAssets;
-	});
-
-	/**
-	 * Watchers.
-	 *
-	 * Watchers hashes should not overwrite one
-	 * another, so we merge them as arrays.
-	 */
-	strats.watch = function (parentVal, childVal) {
-	  /* istanbul ignore if */
-	  if (!childVal) { return parentVal }
-	  if (!parentVal) { return childVal }
-	  var ret = {};
-	  extend(ret, parentVal);
-	  for (var key in childVal) {
-	    var parent = ret[key];
-	    var child = childVal[key];
-	    if (parent && !Array.isArray(parent)) {
-	      parent = [parent];
-	    }
-	    ret[key] = parent
-	      ? parent.concat(child)
-	      : [child];
-	  }
-	  return ret
-	};
-
-	/**
-	 * Other object hashes.
-	 */
-	strats.props =
-	strats.methods =
-	strats.computed = function (parentVal, childVal) {
-	  if (!childVal) { return parentVal }
-	  if (!parentVal) { return childVal }
-	  var ret = Object.create(null);
-	  extend(ret, parentVal);
-	  extend(ret, childVal);
-	  return ret
-	};
-
-	/**
-	 * Default strategy.
-	 */
-	var defaultStrat = function (parentVal, childVal) {
-	  return childVal === undefined
-	    ? parentVal
-	    : childVal
-	};
-
-	/**
-	 * Validate component names
-	 */
-	function checkComponents (options) {
-	  for (var key in options.components) {
-	    var lower = key.toLowerCase();
-	    if (isBuiltInTag(lower) || config.isReservedTag(lower)) {
-	      warn(
-	        'Do not use built-in or reserved HTML elements as component ' +
-	        'id: ' + key
-	      );
-	    }
-	  }
-	}
-
-	/**
-	 * Ensure all props option syntax are normalized into the
-	 * Object-based format.
-	 */
-	function normalizeProps (options) {
-	  var props = options.props;
-	  if (!props) { return }
-	  var res = {};
-	  var i, val, name;
-	  if (Array.isArray(props)) {
-	    i = props.length;
-	    while (i--) {
-	      val = props[i];
-	      if (typeof val === 'string') {
-	        name = camelize(val);
-	        res[name] = { type: null };
-	      } else if (process.env.NODE_ENV !== 'production') {
-	        warn('props must be strings when using array syntax.');
-	      }
-	    }
-	  } else if (isPlainObject(props)) {
-	    for (var key in props) {
-	      val = props[key];
-	      name = camelize(key);
-	      res[name] = isPlainObject(val)
-	        ? val
-	        : { type: val };
-	    }
-	  }
-	  options.props = res;
-	}
-
-	/**
-	 * Normalize raw function directives into object format.
-	 */
-	function normalizeDirectives (options) {
-	  var dirs = options.directives;
-	  if (dirs) {
-	    for (var key in dirs) {
-	      var def = dirs[key];
-	      if (typeof def === 'function') {
-	        dirs[key] = { bind: def, update: def };
-	      }
-	    }
-	  }
-	}
-
-	/**
-	 * Merge two option objects into a new one.
-	 * Core utility used in both instantiation and inheritance.
-	 */
-	function mergeOptions (
-	  parent,
-	  child,
-	  vm
-	) {
-	  if (process.env.NODE_ENV !== 'production') {
-	    checkComponents(child);
-	  }
-	  normalizeProps(child);
-	  normalizeDirectives(child);
-	  var extendsFrom = child.extends;
-	  if (extendsFrom) {
-	    parent = typeof extendsFrom === 'function'
-	      ? mergeOptions(parent, extendsFrom.options, vm)
-	      : mergeOptions(parent, extendsFrom, vm);
-	  }
-	  if (child.mixins) {
-	    for (var i = 0, l = child.mixins.length; i < l; i++) {
-	      var mixin = child.mixins[i];
-	      if (mixin.prototype instanceof Vue$1) {
-	        mixin = mixin.options;
-	      }
-	      parent = mergeOptions(parent, mixin, vm);
-	    }
-	  }
-	  var options = {};
-	  var key;
-	  for (key in parent) {
-	    mergeField(key);
-	  }
-	  for (key in child) {
-	    if (!hasOwn(parent, key)) {
-	      mergeField(key);
-	    }
-	  }
-	  function mergeField (key) {
-	    var strat = strats[key] || defaultStrat;
-	    options[key] = strat(parent[key], child[key], vm, key);
-	  }
-	  return options
-	}
-
-	/**
-	 * Resolve an asset.
-	 * This function is used because child instances need access
-	 * to assets defined in its ancestor chain.
-	 */
-	function resolveAsset (
-	  options,
-	  type,
-	  id,
-	  warnMissing
-	) {
-	  /* istanbul ignore if */
-	  if (typeof id !== 'string') {
-	    return
-	  }
-	  var assets = options[type];
-	  var res = assets[id] ||
-	    // camelCase ID
-	    assets[camelize(id)] ||
-	    // Pascal Case ID
-	    assets[capitalize(camelize(id))];
-	  if (process.env.NODE_ENV !== 'production' && warnMissing && !res) {
-	    warn(
-	      'Failed to resolve ' + type.slice(0, -1) + ': ' + id,
-	      options
-	    );
-	  }
-	  return res
-	}
-
-	/*  */
-
-	function validateProp (
-	  key,
-	  propOptions,
-	  propsData,
-	  vm
-	) {
-	  var prop = propOptions[key];
-	  var absent = !hasOwn(propsData, key);
-	  var value = propsData[key];
-	  // handle boolean props
-	  if (isBooleanType(prop.type)) {
-	    if (absent && !hasOwn(prop, 'default')) {
-	      value = false;
-	    } else if (value === '' || value === hyphenate(key)) {
-	      value = true;
-	    }
-	  }
-	  // check default value
-	  if (value === undefined) {
-	    value = getPropDefaultValue(vm, prop, key);
-	    // since the default value is a fresh copy,
-	    // make sure to observe it.
-	    var prevShouldConvert = observerState.shouldConvert;
-	    observerState.shouldConvert = true;
-	    observe(value);
-	    observerState.shouldConvert = prevShouldConvert;
-	  }
-	  if (process.env.NODE_ENV !== 'production') {
-	    assertProp(prop, key, value, vm, absent);
-	  }
-	  return value
-	}
-
-	/**
-	 * Get the default value of a prop.
-	 */
-	function getPropDefaultValue (vm, prop, key) {
-	  // no default, return undefined
-	  if (!hasOwn(prop, 'default')) {
-	    return undefined
-	  }
-	  var def = prop.default;
-	  // warn against non-factory defaults for Object & Array
-	  if (isObject(def)) {
-	    process.env.NODE_ENV !== 'production' && warn(
-	      'Invalid default value for prop "' + key + '": ' +
-	      'Props with type Object/Array must use a factory function ' +
-	      'to return the default value.',
-	      vm
-	    );
-	  }
-	  // the raw prop value was also undefined from previous render,
-	  // return previous default value to avoid unnecessary watcher trigger
-	  if (vm && vm.$options.propsData &&
-	    vm.$options.propsData[key] === undefined &&
-	    vm[key] !== undefined) {
-	    return vm[key]
-	  }
-	  // call factory function for non-Function types
-	  return typeof def === 'function' && prop.type !== Function
-	    ? def.call(vm)
-	    : def
-	}
-
-	/**
-	 * Assert whether a prop is valid.
-	 */
-	function assertProp (
-	  prop,
-	  name,
-	  value,
-	  vm,
-	  absent
-	) {
-	  if (prop.required && absent) {
-	    warn(
-	      'Missing required prop: "' + name + '"',
-	      vm
-	    );
-	    return
-	  }
-	  if (value == null && !prop.required) {
-	    return
-	  }
-	  var type = prop.type;
-	  var valid = !type || type === true;
-	  var expectedTypes = [];
-	  if (type) {
-	    if (!Array.isArray(type)) {
-	      type = [type];
-	    }
-	    for (var i = 0; i < type.length && !valid; i++) {
-	      var assertedType = assertType(value, type[i]);
-	      expectedTypes.push(assertedType.expectedType);
-	      valid = assertedType.valid;
-	    }
-	  }
-	  if (!valid) {
-	    warn(
-	      'Invalid prop: type check failed for prop "' + name + '".' +
-	      ' Expected ' + expectedTypes.map(capitalize).join(', ') +
-	      ', got ' + Object.prototype.toString.call(value).slice(8, -1) + '.',
-	      vm
-	    );
-	    return
-	  }
-	  var validator = prop.validator;
-	  if (validator) {
-	    if (!validator(value)) {
-	      warn(
-	        'Invalid prop: custom validator check failed for prop "' + name + '".',
-	        vm
-	      );
-	    }
-	  }
-	}
-
-	/**
-	 * Assert the type of a value
-	 */
-	function assertType (value, type) {
-	  var valid;
-	  var expectedType = getType(type);
-	  if (expectedType === 'String') {
-	    valid = typeof value === (expectedType = 'string');
-	  } else if (expectedType === 'Number') {
-	    valid = typeof value === (expectedType = 'number');
-	  } else if (expectedType === 'Boolean') {
-	    valid = typeof value === (expectedType = 'boolean');
-	  } else if (expectedType === 'Function') {
-	    valid = typeof value === (expectedType = 'function');
-	  } else if (expectedType === 'Object') {
-	    valid = isPlainObject(value);
-	  } else if (expectedType === 'Array') {
-	    valid = Array.isArray(value);
-	  } else {
-	    valid = value instanceof type;
-	  }
-	  return {
-	    valid: valid,
-	    expectedType: expectedType
-	  }
-	}
-
-	/**
-	 * Use function string name to check built-in types,
-	 * because a simple equality check will fail when running
-	 * across different vms / iframes.
-	 */
-	function getType (fn) {
-	  var match = fn && fn.toString().match(/^\s*function (\w+)/);
-	  return match && match[1]
-	}
-
-	function isBooleanType (fn) {
-	  if (!Array.isArray(fn)) {
-	    return getType(fn) === 'Boolean'
-	  }
-	  for (var i = 0, len = fn.length; i < len; i++) {
-	    if (getType(fn[i]) === 'Boolean') {
-	      return true
-	    }
-	  }
-	  /* istanbul ignore next */
-	  return false
-	}
-
-
-
-	var util = Object.freeze({
-		defineReactive: defineReactive$$1,
-		_toString: _toString,
-		toNumber: toNumber,
-		makeMap: makeMap,
-		isBuiltInTag: isBuiltInTag,
-		remove: remove$1,
-		hasOwn: hasOwn,
-		isPrimitive: isPrimitive,
-		cached: cached,
-		camelize: camelize,
-		capitalize: capitalize,
-		hyphenate: hyphenate,
-		bind: bind$1,
-		toArray: toArray,
-		extend: extend,
-		isObject: isObject,
-		isPlainObject: isPlainObject,
-		toObject: toObject,
-		noop: noop,
-		no: no,
-		genStaticKeys: genStaticKeys,
-		looseEqual: looseEqual,
-		looseIndexOf: looseIndexOf,
-		isReserved: isReserved,
-		def: def,
-		parsePath: parsePath,
-		hasProto: hasProto,
-		inBrowser: inBrowser,
-		UA: UA,
-		isIE: isIE,
-		isIE9: isIE9,
-		isEdge: isEdge,
-		isAndroid: isAndroid,
-		isIOS: isIOS,
-		devtools: devtools,
-		nextTick: nextTick,
-		get _Set () { return _Set; },
-		mergeOptions: mergeOptions,
-		resolveAsset: resolveAsset,
-		get warn () { return warn; },
-		get formatComponentName () { return formatComponentName; },
-		validateProp: validateProp
-	});
-
-	/*  */
-
-	function initUse (Vue) {
-	  Vue.use = function (plugin) {
-	    /* istanbul ignore if */
-	    if (plugin.installed) {
-	      return
-	    }
-	    // additional parameters
-	    var args = toArray(arguments, 1);
-	    args.unshift(this);
-	    if (typeof plugin.install === 'function') {
-	      plugin.install.apply(plugin, args);
-	    } else {
-	      plugin.apply(null, args);
-	    }
-	    plugin.installed = true;
-	    return this
-	  };
-	}
-
-	/*  */
-
-	function initMixin$1 (Vue) {
-	  Vue.mixin = function (mixin) {
-	    Vue.options = mergeOptions(Vue.options, mixin);
-	  };
-	}
-
-	/*  */
-
-	function initExtend (Vue) {
-	  /**
-	   * Each instance constructor, including Vue, has a unique
-	   * cid. This enables us to create wrapped "child
-	   * constructors" for prototypal inheritance and cache them.
-	   */
-	  Vue.cid = 0;
-	  var cid = 1;
-
-	  /**
-	   * Class inheritance
-	   */
-	  Vue.extend = function (extendOptions) {
-	    extendOptions = extendOptions || {};
-	    var Super = this;
-	    var isFirstExtend = Super.cid === 0;
-	    if (isFirstExtend && extendOptions._Ctor) {
-	      return extendOptions._Ctor
-	    }
-	    var name = extendOptions.name || Super.options.name;
-	    if (process.env.NODE_ENV !== 'production') {
-	      if (!/^[a-zA-Z][\w-]*$/.test(name)) {
-	        warn(
-	          'Invalid component name: "' + name + '". Component names ' +
-	          'can only contain alphanumeric characaters and the hyphen.'
-	        );
-	      }
-	    }
-	    var Sub = function VueComponent (options) {
-	      this._init(options);
-	    };
-	    Sub.prototype = Object.create(Super.prototype);
-	    Sub.prototype.constructor = Sub;
-	    Sub.cid = cid++;
-	    Sub.options = mergeOptions(
-	      Super.options,
-	      extendOptions
-	    );
-	    Sub['super'] = Super;
-	    // allow further extension
-	    Sub.extend = Super.extend;
-	    // create asset registers, so extended classes
-	    // can have their private assets too.
-	    config._assetTypes.forEach(function (type) {
-	      Sub[type] = Super[type];
-	    });
-	    // enable recursive self-lookup
-	    if (name) {
-	      Sub.options.components[name] = Sub;
-	    }
-	    // keep a reference to the super options at extension time.
-	    // later at instantiation we can check if Super's options have
-	    // been updated.
-	    Sub.superOptions = Super.options;
-	    Sub.extendOptions = extendOptions;
-	    // cache constructor
-	    if (isFirstExtend) {
-	      extendOptions._Ctor = Sub;
-	    }
-	    return Sub
-	  };
-	}
-
-	/*  */
-
-	function initAssetRegisters (Vue) {
-	  /**
-	   * Create asset registration methods.
-	   */
-	  config._assetTypes.forEach(function (type) {
-	    Vue[type] = function (
-	      id,
-	      definition
-	    ) {
-	      if (!definition) {
-	        return this.options[type + 's'][id]
-	      } else {
-	        /* istanbul ignore if */
-	        if (process.env.NODE_ENV !== 'production') {
-	          if (type === 'component' && config.isReservedTag(id)) {
-	            warn(
-	              'Do not use built-in or reserved HTML elements as component ' +
-	              'id: ' + id
-	            );
-	          }
-	        }
-	        if (type === 'component' && isPlainObject(definition)) {
-	          definition.name = definition.name || id;
-	          definition = Vue.extend(definition);
-	        }
-	        if (type === 'directive' && typeof definition === 'function') {
-	          definition = { bind: definition, update: definition };
-	        }
-	        this.options[type + 's'][id] = definition;
-	        return definition
-	      }
-	    };
-	  });
-	}
-
-	var KeepAlive = {
-	  name: 'keep-alive',
-	  abstract: true,
-	  created: function created () {
-	    this.cache = Object.create(null);
-	  },
-	  render: function render () {
-	    var vnode = getFirstComponentChild(this.$slots.default);
-	    if (vnode && vnode.componentOptions) {
-	      var opts = vnode.componentOptions;
-	      var key = vnode.key == null
-	        // same constructor may get registered as different local components
-	        // so cid alone is not enough (#3269)
-	        ? opts.Ctor.cid + '::' + opts.tag
-	        : vnode.key;
-	      if (this.cache[key]) {
-	        vnode.child = this.cache[key].child;
-	      } else {
-	        this.cache[key] = vnode;
-	      }
-	      vnode.data.keepAlive = true;
-	    }
-	    return vnode
-	  },
-	  destroyed: function destroyed () {
-	    var this$1 = this;
-
-	    for (var key in this.cache) {
-	      var vnode = this$1.cache[key];
-	      callHook(vnode.child, 'deactivated');
-	      vnode.child.$destroy();
-	    }
-	  }
-	};
-
-	var builtInComponents = {
-	  KeepAlive: KeepAlive
-	};
-
-	/*  */
-
-	function initGlobalAPI (Vue) {
-	  // config
-	  var configDef = {};
-	  configDef.get = function () { return config; };
-	  if (process.env.NODE_ENV !== 'production') {
-	    configDef.set = function () {
-	      warn(
-	        'Do not replace the Vue.config object, set individual fields instead.'
-	      );
-	    };
-	  }
-	  Object.defineProperty(Vue, 'config', configDef);
-	  Vue.util = util;
-	  Vue.set = set;
-	  Vue.delete = del;
-	  Vue.nextTick = nextTick;
-
-	  Vue.options = Object.create(null);
-	  config._assetTypes.forEach(function (type) {
-	    Vue.options[type + 's'] = Object.create(null);
-	  });
-
-	  extend(Vue.options.components, builtInComponents);
-
-	  initUse(Vue);
-	  initMixin$1(Vue);
-	  initExtend(Vue);
-	  initAssetRegisters(Vue);
-	}
-
-	initGlobalAPI(Vue$1);
-
-	Object.defineProperty(Vue$1.prototype, '$isServer', {
-	  get: function () { return config._isServer; }
-	});
-
-	Vue$1.version = '2.0.5';
-
-	/*  */
-
-	// attributes that should be using props for binding
-	var mustUseProp = makeMap('value,selected,checked,muted');
-
-	var isEnumeratedAttr = makeMap('contenteditable,draggable,spellcheck');
-
-	var isBooleanAttr = makeMap(
-	  'allowfullscreen,async,autofocus,autoplay,checked,compact,controls,declare,' +
-	  'default,defaultchecked,defaultmuted,defaultselected,defer,disabled,' +
-	  'enabled,formnovalidate,hidden,indeterminate,inert,ismap,itemscope,loop,multiple,' +
-	  'muted,nohref,noresize,noshade,novalidate,nowrap,open,pauseonexit,readonly,' +
-	  'required,reversed,scoped,seamless,selected,sortable,translate,' +
-	  'truespeed,typemustmatch,visible'
-	);
-
-	var isAttr = makeMap(
-	  'accept,accept-charset,accesskey,action,align,alt,async,autocomplete,' +
-	  'autofocus,autoplay,autosave,bgcolor,border,buffered,challenge,charset,' +
-	  'checked,cite,class,code,codebase,color,cols,colspan,content,http-equiv,' +
-	  'name,contenteditable,contextmenu,controls,coords,data,datetime,default,' +
-	  'defer,dir,dirname,disabled,download,draggable,dropzone,enctype,method,for,' +
-	  'form,formaction,headers,<th>,height,hidden,high,href,hreflang,http-equiv,' +
-	  'icon,id,ismap,itemprop,keytype,kind,label,lang,language,list,loop,low,' +
-	  'manifest,max,maxlength,media,method,GET,POST,min,multiple,email,file,' +
-	  'muted,name,novalidate,open,optimum,pattern,ping,placeholder,poster,' +
-	  'preload,radiogroup,readonly,rel,required,reversed,rows,rowspan,sandbox,' +
-	  'scope,scoped,seamless,selected,shape,size,type,text,password,sizes,span,' +
-	  'spellcheck,src,srcdoc,srclang,srcset,start,step,style,summary,tabindex,' +
-	  'target,title,type,usemap,value,width,wrap'
-	);
-
-
-
-	var xlinkNS = 'http://www.w3.org/1999/xlink';
-
-	var isXlink = function (name) {
-	  return name.charAt(5) === ':' && name.slice(0, 5) === 'xlink'
-	};
-
-	var getXlinkProp = function (name) {
-	  return isXlink(name) ? name.slice(6, name.length) : ''
-	};
-
-	var isFalsyAttrValue = function (val) {
-	  return val == null || val === false
-	};
-
-	/*  */
-
-	function genClassForVnode (vnode) {
-	  var data = vnode.data;
-	  var parentNode = vnode;
-	  var childNode = vnode;
-	  while (childNode.child) {
-	    childNode = childNode.child._vnode;
-	    if (childNode.data) {
-	      data = mergeClassData(childNode.data, data);
-	    }
-	  }
-	  while ((parentNode = parentNode.parent)) {
-	    if (parentNode.data) {
-	      data = mergeClassData(data, parentNode.data);
-	    }
-	  }
-	  return genClassFromData(data)
-	}
-
-	function mergeClassData (child, parent) {
-	  return {
-	    staticClass: concat(child.staticClass, parent.staticClass),
-	    class: child.class
-	      ? [child.class, parent.class]
-	      : parent.class
-	  }
-	}
-
-	function genClassFromData (data) {
-	  var dynamicClass = data.class;
-	  var staticClass = data.staticClass;
-	  if (staticClass || dynamicClass) {
-	    return concat(staticClass, stringifyClass(dynamicClass))
-	  }
-	  /* istanbul ignore next */
-	  return ''
-	}
-
-	function concat (a, b) {
-	  return a ? b ? (a + ' ' + b) : a : (b || '')
-	}
-
-	function stringifyClass (value) {
-	  var res = '';
-	  if (!value) {
-	    return res
-	  }
-	  if (typeof value === 'string') {
-	    return value
-	  }
-	  if (Array.isArray(value)) {
-	    var stringified;
-	    for (var i = 0, l = value.length; i < l; i++) {
-	      if (value[i]) {
-	        if ((stringified = stringifyClass(value[i]))) {
-	          res += stringified + ' ';
-	        }
-	      }
-	    }
-	    return res.slice(0, -1)
-	  }
-	  if (isObject(value)) {
-	    for (var key in value) {
-	      if (value[key]) { res += key + ' '; }
-	    }
-	    return res.slice(0, -1)
-	  }
-	  /* istanbul ignore next */
-	  return res
-	}
-
-	/*  */
-
-	var namespaceMap = {
-	  svg: 'http://www.w3.org/2000/svg',
-	  math: 'http://www.w3.org/1998/Math/MathML',
-	  xhtml: 'http://www.w3.org/1999/xhtm'
-	};
-
-	var isHTMLTag = makeMap(
-	  'html,body,base,head,link,meta,style,title,' +
-	  'address,article,aside,footer,header,h1,h2,h3,h4,h5,h6,hgroup,nav,section,' +
-	  'div,dd,dl,dt,figcaption,figure,hr,img,li,main,ol,p,pre,ul,' +
-	  'a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,rtc,ruby,' +
-	  's,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,' +
-	  'embed,object,param,source,canvas,script,noscript,del,ins,' +
-	  'caption,col,colgroup,table,thead,tbody,td,th,tr,' +
-	  'button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,' +
-	  'output,progress,select,textarea,' +
-	  'details,dialog,menu,menuitem,summary,' +
-	  'content,element,shadow,template'
-	);
-
-	var isUnaryTag = makeMap(
-	  'area,base,br,col,embed,frame,hr,img,input,isindex,keygen,' +
-	  'link,meta,param,source,track,wbr',
-	  true
-	);
-
-	// Elements that you can, intentionally, leave open
-	// (and which close themselves)
-	var canBeLeftOpenTag = makeMap(
-	  'colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr,source',
-	  true
-	);
-
-	// HTML5 tags https://html.spec.whatwg.org/multipage/indices.html#elements-3
-	// Phrasing Content https://html.spec.whatwg.org/multipage/dom.html#phrasing-content
-	var isNonPhrasingTag = makeMap(
-	  'address,article,aside,base,blockquote,body,caption,col,colgroup,dd,' +
-	  'details,dialog,div,dl,dt,fieldset,figcaption,figure,footer,form,' +
-	  'h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,legend,li,menuitem,meta,' +
-	  'optgroup,option,param,rp,rt,source,style,summary,tbody,td,tfoot,th,thead,' +
-	  'title,tr,track',
-	  true
-	);
-
-	// this map is intentionally selective, only covering SVG elements that may
-	// contain child elements.
-	var isSVG = makeMap(
-	  'svg,animate,circle,clippath,cursor,defs,desc,ellipse,filter,font,' +
-	  'font-face,g,glyph,image,line,marker,mask,missing-glyph,path,pattern,' +
-	  'polygon,polyline,rect,switch,symbol,text,textpath,tspan,use,view',
-	  true
-	);
-
-
-
-	var isReservedTag = function (tag) {
-	  return isHTMLTag(tag) || isSVG(tag)
-	};
-
-	function getTagNamespace (tag) {
-	  if (isSVG(tag)) {
-	    return 'svg'
-	  }
-	  // basic support for MathML
-	  // note it doesn't support other MathML elements being component roots
-	  if (tag === 'math') {
-	    return 'math'
-	  }
-	}
-
-	var unknownElementCache = Object.create(null);
-	function isUnknownElement (tag) {
-	  /* istanbul ignore if */
-	  if (!inBrowser) {
-	    return true
-	  }
-	  if (isReservedTag(tag)) {
-	    return false
-	  }
-	  tag = tag.toLowerCase();
-	  /* istanbul ignore if */
-	  if (unknownElementCache[tag] != null) {
-	    return unknownElementCache[tag]
-	  }
-	  var el = document.createElement(tag);
-	  if (tag.indexOf('-') > -1) {
-	    // http://stackoverflow.com/a/28210364/1070244
-	    return (unknownElementCache[tag] = (
-	      el.constructor === window.HTMLUnknownElement ||
-	      el.constructor === window.HTMLElement
-	    ))
-	  } else {
-	    return (unknownElementCache[tag] = /HTMLUnknownElement/.test(el.toString()))
-	  }
-	}
-
-	/*  */
-
-	/**
-	 * Query an element selector if it's not an element already.
-	 */
-	function query (el) {
-	  if (typeof el === 'string') {
-	    var selector = el;
-	    el = document.querySelector(el);
-	    if (!el) {
-	      process.env.NODE_ENV !== 'production' && warn(
-	        'Cannot find element: ' + selector
-	      );
-	      return document.createElement('div')
-	    }
-	  }
-	  return el
-	}
-
-	/*  */
-
-	function createElement$1 (tagName, vnode) {
-	  var elm = document.createElement(tagName);
-	  if (tagName !== 'select') {
-	    return elm
-	  }
-	  if (vnode.data && vnode.data.attrs && 'multiple' in vnode.data.attrs) {
-	    elm.setAttribute('multiple', 'multiple');
-	  }
-	  return elm
-	}
-
-	function createElementNS (namespace, tagName) {
-	  return document.createElementNS(namespaceMap[namespace], tagName)
-	}
-
-	function createTextNode (text) {
-	  return document.createTextNode(text)
-	}
-
-	function createComment (text) {
-	  return document.createComment(text)
-	}
-
-	function insertBefore (parentNode, newNode, referenceNode) {
-	  parentNode.insertBefore(newNode, referenceNode);
-	}
-
-	function removeChild (node, child) {
-	  node.removeChild(child);
-	}
-
-	function appendChild (node, child) {
-	  node.appendChild(child);
-	}
-
-	function parentNode (node) {
-	  return node.parentNode
-	}
-
-	function nextSibling (node) {
-	  return node.nextSibling
-	}
-
-	function tagName (node) {
-	  return node.tagName
-	}
-
-	function setTextContent (node, text) {
-	  node.textContent = text;
-	}
-
-	function childNodes (node) {
-	  return node.childNodes
-	}
-
-	function setAttribute (node, key, val) {
-	  node.setAttribute(key, val);
-	}
-
-
-	var nodeOps = Object.freeze({
-		createElement: createElement$1,
-		createElementNS: createElementNS,
-		createTextNode: createTextNode,
-		createComment: createComment,
-		insertBefore: insertBefore,
-		removeChild: removeChild,
-		appendChild: appendChild,
-		parentNode: parentNode,
-		nextSibling: nextSibling,
-		tagName: tagName,
-		setTextContent: setTextContent,
-		childNodes: childNodes,
-		setAttribute: setAttribute
-	});
-
-	/*  */
-
-	var ref = {
-	  create: function create (_, vnode) {
-	    registerRef(vnode);
-	  },
-	  update: function update (oldVnode, vnode) {
-	    if (oldVnode.data.ref !== vnode.data.ref) {
-	      registerRef(oldVnode, true);
-	      registerRef(vnode);
-	    }
-	  },
-	  destroy: function destroy (vnode) {
-	    registerRef(vnode, true);
-	  }
-	};
-
-	function registerRef (vnode, isRemoval) {
-	  var key = vnode.data.ref;
-	  if (!key) { return }
-
-	  var vm = vnode.context;
-	  var ref = vnode.child || vnode.elm;
-	  var refs = vm.$refs;
-	  if (isRemoval) {
-	    if (Array.isArray(refs[key])) {
-	      remove$1(refs[key], ref);
-	    } else if (refs[key] === ref) {
-	      refs[key] = undefined;
-	    }
-	  } else {
-	    if (vnode.data.refInFor) {
-	      if (Array.isArray(refs[key])) {
-	        refs[key].push(ref);
-	      } else {
-	        refs[key] = [ref];
-	      }
-	    } else {
-	      refs[key] = ref;
-	    }
-	  }
-	}
-
-	/**
-	 * Virtual DOM patching algorithm based on Snabbdom by
-	 * Simon Friis Vindum (@paldepind)
-	 * Licensed under the MIT License
-	 * https://github.com/paldepind/snabbdom/blob/master/LICENSE
-	 *
-	 * modified by Evan You (@yyx990803)
-	 *
-
-	/*
-	 * Not type-checking this because this file is perf-critical and the cost
-	 * of making flow understand it is not worth it.
-	 */
-
-	var emptyNode = new VNode('', {}, []);
-
-	var hooks$1 = ['create', 'update', 'remove', 'destroy'];
-
-	function isUndef (s) {
-	  return s == null
-	}
-
-	function isDef (s) {
-	  return s != null
-	}
-
-	function sameVnode (vnode1, vnode2) {
-	  return (
-	    vnode1.key === vnode2.key &&
-	    vnode1.tag === vnode2.tag &&
-	    vnode1.isComment === vnode2.isComment &&
-	    !vnode1.data === !vnode2.data
-	  )
-	}
-
-	function createKeyToOldIdx (children, beginIdx, endIdx) {
-	  var i, key;
-	  var map = {};
-	  for (i = beginIdx; i <= endIdx; ++i) {
-	    key = children[i].key;
-	    if (isDef(key)) { map[key] = i; }
-	  }
-	  return map
-	}
-
-	function createPatchFunction (backend) {
-	  var i, j;
-	  var cbs = {};
-
-	  var modules = backend.modules;
-	  var nodeOps = backend.nodeOps;
-
-	  for (i = 0; i < hooks$1.length; ++i) {
-	    cbs[hooks$1[i]] = [];
-	    for (j = 0; j < modules.length; ++j) {
-	      if (modules[j][hooks$1[i]] !== undefined) { cbs[hooks$1[i]].push(modules[j][hooks$1[i]]); }
-	    }
-	  }
-
-	  function emptyNodeAt (elm) {
-	    return new VNode(nodeOps.tagName(elm).toLowerCase(), {}, [], undefined, elm)
-	  }
-
-	  function createRmCb (childElm, listeners) {
-	    function remove$$1 () {
-	      if (--remove$$1.listeners === 0) {
-	        removeElement(childElm);
-	      }
-	    }
-	    remove$$1.listeners = listeners;
-	    return remove$$1
-	  }
-
-	  function removeElement (el) {
-	    var parent = nodeOps.parentNode(el);
-	    // element may have already been removed due to v-html
-	    if (parent) {
-	      nodeOps.removeChild(parent, el);
-	    }
-	  }
-
-	  function createElm (vnode, insertedVnodeQueue, nested) {
-	    var i;
-	    var data = vnode.data;
-	    vnode.isRootInsert = !nested;
-	    if (isDef(data)) {
-	      if (isDef(i = data.hook) && isDef(i = i.init)) { i(vnode); }
-	      // after calling the init hook, if the vnode is a child component
-	      // it should've created a child instance and mounted it. the child
-	      // component also has set the placeholder vnode's elm.
-	      // in that case we can just return the element and be done.
-	      if (isDef(i = vnode.child)) {
-	        initComponent(vnode, insertedVnodeQueue);
-	        return vnode.elm
-	      }
-	    }
-	    var children = vnode.children;
-	    var tag = vnode.tag;
-	    if (isDef(tag)) {
-	      if (process.env.NODE_ENV !== 'production') {
-	        if (
-	          !vnode.ns &&
-	          !(config.ignoredElements && config.ignoredElements.indexOf(tag) > -1) &&
-	          config.isUnknownElement(tag)
-	        ) {
-	          warn(
-	            'Unknown custom element: <' + tag + '> - did you ' +
-	            'register the component correctly? For recursive components, ' +
-	            'make sure to provide the "name" option.',
-	            vnode.context
-	          );
-	        }
-	      }
-	      vnode.elm = vnode.ns
-	        ? nodeOps.createElementNS(vnode.ns, tag)
-	        : nodeOps.createElement(tag, vnode);
-	      setScope(vnode);
-	      createChildren(vnode, children, insertedVnodeQueue);
-	      if (isDef(data)) {
-	        invokeCreateHooks(vnode, insertedVnodeQueue);
-	      }
-	    } else if (vnode.isComment) {
-	      vnode.elm = nodeOps.createComment(vnode.text);
-	    } else {
-	      vnode.elm = nodeOps.createTextNode(vnode.text);
-	    }
-	    return vnode.elm
-	  }
-
-	  function createChildren (vnode, children, insertedVnodeQueue) {
-	    if (Array.isArray(children)) {
-	      for (var i = 0; i < children.length; ++i) {
-	        nodeOps.appendChild(vnode.elm, createElm(children[i], insertedVnodeQueue, true));
-	      }
-	    } else if (isPrimitive(vnode.text)) {
-	      nodeOps.appendChild(vnode.elm, nodeOps.createTextNode(vnode.text));
-	    }
-	  }
-
-	  function isPatchable (vnode) {
-	    while (vnode.child) {
-	      vnode = vnode.child._vnode;
-	    }
-	    return isDef(vnode.tag)
-	  }
-
-	  function invokeCreateHooks (vnode, insertedVnodeQueue) {
-	    for (var i$1 = 0; i$1 < cbs.create.length; ++i$1) {
-	      cbs.create[i$1](emptyNode, vnode);
-	    }
-	    i = vnode.data.hook; // Reuse variable
-	    if (isDef(i)) {
-	      if (i.create) { i.create(emptyNode, vnode); }
-	      if (i.insert) { insertedVnodeQueue.push(vnode); }
-	    }
-	  }
-
-	  function initComponent (vnode, insertedVnodeQueue) {
-	    if (vnode.data.pendingInsert) {
-	      insertedVnodeQueue.push.apply(insertedVnodeQueue, vnode.data.pendingInsert);
-	    }
-	    vnode.elm = vnode.child.$el;
-	    if (isPatchable(vnode)) {
-	      invokeCreateHooks(vnode, insertedVnodeQueue);
-	      setScope(vnode);
-	    } else {
-	      // empty component root.
-	      // skip all element-related modules except for ref (#3455)
-	      registerRef(vnode);
-	      // make sure to invoke the insert hook
-	      insertedVnodeQueue.push(vnode);
-	    }
-	  }
-
-	  // set scope id attribute for scoped CSS.
-	  // this is implemented as a special case to avoid the overhead
-	  // of going through the normal attribute patching process.
-	  function setScope (vnode) {
-	    var i;
-	    if (isDef(i = vnode.context) && isDef(i = i.$options._scopeId)) {
-	      nodeOps.setAttribute(vnode.elm, i, '');
-	    }
-	    if (isDef(i = activeInstance) &&
-	        i !== vnode.context &&
-	        isDef(i = i.$options._scopeId)) {
-	      nodeOps.setAttribute(vnode.elm, i, '');
-	    }
-	  }
-
-	  function addVnodes (parentElm, before, vnodes, startIdx, endIdx, insertedVnodeQueue) {
-	    for (; startIdx <= endIdx; ++startIdx) {
-	      nodeOps.insertBefore(parentElm, createElm(vnodes[startIdx], insertedVnodeQueue), before);
-	    }
-	  }
-
-	  function invokeDestroyHook (vnode) {
-	    var i, j;
-	    var data = vnode.data;
-	    if (isDef(data)) {
-	      if (isDef(i = data.hook) && isDef(i = i.destroy)) { i(vnode); }
-	      for (i = 0; i < cbs.destroy.length; ++i) { cbs.destroy[i](vnode); }
-	    }
-	    if (isDef(i = vnode.children)) {
-	      for (j = 0; j < vnode.children.length; ++j) {
-	        invokeDestroyHook(vnode.children[j]);
-	      }
-	    }
-	  }
-
-	  function removeVnodes (parentElm, vnodes, startIdx, endIdx) {
-	    for (; startIdx <= endIdx; ++startIdx) {
-	      var ch = vnodes[startIdx];
-	      if (isDef(ch)) {
-	        if (isDef(ch.tag)) {
-	          removeAndInvokeRemoveHook(ch);
-	          invokeDestroyHook(ch);
-	        } else { // Text node
-	          nodeOps.removeChild(parentElm, ch.elm);
-	        }
-	      }
-	    }
-	  }
-
-	  function removeAndInvokeRemoveHook (vnode, rm) {
-	    if (rm || isDef(vnode.data)) {
-	      var listeners = cbs.remove.length + 1;
-	      if (!rm) {
-	        // directly removing
-	        rm = createRmCb(vnode.elm, listeners);
-	      } else {
-	        // we have a recursively passed down rm callback
-	        // increase the listeners count
-	        rm.listeners += listeners;
-	      }
-	      // recursively invoke hooks on child component root node
-	      if (isDef(i = vnode.child) && isDef(i = i._vnode) && isDef(i.data)) {
-	        removeAndInvokeRemoveHook(i, rm);
-	      }
-	      for (i = 0; i < cbs.remove.length; ++i) {
-	        cbs.remove[i](vnode, rm);
-	      }
-	      if (isDef(i = vnode.data.hook) && isDef(i = i.remove)) {
-	        i(vnode, rm);
-	      } else {
-	        rm();
-	      }
-	    } else {
-	      removeElement(vnode.elm);
-	    }
-	  }
-
-	  function updateChildren (parentElm, oldCh, newCh, insertedVnodeQueue, removeOnly) {
-	    var oldStartIdx = 0;
-	    var newStartIdx = 0;
-	    var oldEndIdx = oldCh.length - 1;
-	    var oldStartVnode = oldCh[0];
-	    var oldEndVnode = oldCh[oldEndIdx];
-	    var newEndIdx = newCh.length - 1;
-	    var newStartVnode = newCh[0];
-	    var newEndVnode = newCh[newEndIdx];
-	    var oldKeyToIdx, idxInOld, elmToMove, before;
-
-	    // removeOnly is a special flag used only by <transition-group>
-	    // to ensure removed elements stay in correct relative positions
-	    // during leaving transitions
-	    var canMove = !removeOnly;
-
-	    while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
-	      if (isUndef(oldStartVnode)) {
-	        oldStartVnode = oldCh[++oldStartIdx]; // Vnode has been moved left
-	      } else if (isUndef(oldEndVnode)) {
-	        oldEndVnode = oldCh[--oldEndIdx];
-	      } else if (sameVnode(oldStartVnode, newStartVnode)) {
-	        patchVnode(oldStartVnode, newStartVnode, insertedVnodeQueue);
-	        oldStartVnode = oldCh[++oldStartIdx];
-	        newStartVnode = newCh[++newStartIdx];
-	      } else if (sameVnode(oldEndVnode, newEndVnode)) {
-	        patchVnode(oldEndVnode, newEndVnode, insertedVnodeQueue);
-	        oldEndVnode = oldCh[--oldEndIdx];
-	        newEndVnode = newCh[--newEndIdx];
-	      } else if (sameVnode(oldStartVnode, newEndVnode)) { // Vnode moved right
-	        patchVnode(oldStartVnode, newEndVnode, insertedVnodeQueue);
-	        canMove && nodeOps.insertBefore(parentElm, oldStartVnode.elm, nodeOps.nextSibling(oldEndVnode.elm));
-	        oldStartVnode = oldCh[++oldStartIdx];
-	        newEndVnode = newCh[--newEndIdx];
-	      } else if (sameVnode(oldEndVnode, newStartVnode)) { // Vnode moved left
-	        patchVnode(oldEndVnode, newStartVnode, insertedVnodeQueue);
-	        canMove && nodeOps.insertBefore(parentElm, oldEndVnode.elm, oldStartVnode.elm);
-	        oldEndVnode = oldCh[--oldEndIdx];
-	        newStartVnode = newCh[++newStartIdx];
-	      } else {
-	        if (isUndef(oldKeyToIdx)) { oldKeyToIdx = createKeyToOldIdx(oldCh, oldStartIdx, oldEndIdx); }
-	        idxInOld = isDef(newStartVnode.key) ? oldKeyToIdx[newStartVnode.key] : null;
-	        if (isUndef(idxInOld)) { // New element
-	          nodeOps.insertBefore(parentElm, createElm(newStartVnode, insertedVnodeQueue), oldStartVnode.elm);
-	          newStartVnode = newCh[++newStartIdx];
-	        } else {
-	          elmToMove = oldCh[idxInOld];
-	          /* istanbul ignore if */
-	          if (process.env.NODE_ENV !== 'production' && !elmToMove) {
-	            warn(
-	              'It seems there are duplicate keys that is causing an update error. ' +
-	              'Make sure each v-for item has a unique key.'
-	            );
-	          }
-	          if (elmToMove.tag !== newStartVnode.tag) {
-	            // same key but different element. treat as new element
-	            nodeOps.insertBefore(parentElm, createElm(newStartVnode, insertedVnodeQueue), oldStartVnode.elm);
-	            newStartVnode = newCh[++newStartIdx];
-	          } else {
-	            patchVnode(elmToMove, newStartVnode, insertedVnodeQueue);
-	            oldCh[idxInOld] = undefined;
-	            canMove && nodeOps.insertBefore(parentElm, newStartVnode.elm, oldStartVnode.elm);
-	            newStartVnode = newCh[++newStartIdx];
-	          }
-	        }
-	      }
-	    }
-	    if (oldStartIdx > oldEndIdx) {
-	      before = isUndef(newCh[newEndIdx + 1]) ? null : newCh[newEndIdx + 1].elm;
-	      addVnodes(parentElm, before, newCh, newStartIdx, newEndIdx, insertedVnodeQueue);
-	    } else if (newStartIdx > newEndIdx) {
-	      removeVnodes(parentElm, oldCh, oldStartIdx, oldEndIdx);
-	    }
-	  }
-
-	  function patchVnode (oldVnode, vnode, insertedVnodeQueue, removeOnly) {
-	    if (oldVnode === vnode) {
-	      return
-	    }
-	    // reuse element for static trees.
-	    // note we only do this if the vnode is cloned -
-	    // if the new node is not cloned it means the render functions have been
-	    // reset by the hot-reload-api and we need to do a proper re-render.
-	    if (vnode.isStatic &&
-	        oldVnode.isStatic &&
-	        vnode.key === oldVnode.key &&
-	        (vnode.isCloned || vnode.isOnce)) {
-	      vnode.elm = oldVnode.elm;
-	      return
-	    }
-	    var i;
-	    var data = vnode.data;
-	    var hasData = isDef(data);
-	    if (hasData && isDef(i = data.hook) && isDef(i = i.prepatch)) {
-	      i(oldVnode, vnode);
-	    }
-	    var elm = vnode.elm = oldVnode.elm;
-	    var oldCh = oldVnode.children;
-	    var ch = vnode.children;
-	    if (hasData && isPatchable(vnode)) {
-	      for (i = 0; i < cbs.update.length; ++i) { cbs.update[i](oldVnode, vnode); }
-	      if (isDef(i = data.hook) && isDef(i = i.update)) { i(oldVnode, vnode); }
-	    }
-	    if (isUndef(vnode.text)) {
-	      if (isDef(oldCh) && isDef(ch)) {
-	        if (oldCh !== ch) { updateChildren(elm, oldCh, ch, insertedVnodeQueue, removeOnly); }
-	      } else if (isDef(ch)) {
-	        if (isDef(oldVnode.text)) { nodeOps.setTextContent(elm, ''); }
-	        addVnodes(elm, null, ch, 0, ch.length - 1, insertedVnodeQueue);
-	      } else if (isDef(oldCh)) {
-	        removeVnodes(elm, oldCh, 0, oldCh.length - 1);
-	      } else if (isDef(oldVnode.text)) {
-	        nodeOps.setTextContent(elm, '');
-	      }
-	    } else if (oldVnode.text !== vnode.text) {
-	      nodeOps.setTextContent(elm, vnode.text);
-	    }
-	    if (hasData) {
-	      if (isDef(i = data.hook) && isDef(i = i.postpatch)) { i(oldVnode, vnode); }
-	    }
-	  }
-
-	  function invokeInsertHook (vnode, queue, initial) {
-	    // delay insert hooks for component root nodes, invoke them after the
-	    // element is really inserted
-	    if (initial && vnode.parent) {
-	      vnode.parent.data.pendingInsert = queue;
-	    } else {
-	      for (var i = 0; i < queue.length; ++i) {
-	        queue[i].data.hook.insert(queue[i]);
-	      }
-	    }
-	  }
-
-	  var bailed = false;
-	  function hydrate (elm, vnode, insertedVnodeQueue) {
-	    if (process.env.NODE_ENV !== 'production') {
-	      if (!assertNodeMatch(elm, vnode)) {
-	        return false
-	      }
-	    }
-	    vnode.elm = elm;
-	    var tag = vnode.tag;
-	    var data = vnode.data;
-	    var children = vnode.children;
-	    if (isDef(data)) {
-	      if (isDef(i = data.hook) && isDef(i = i.init)) { i(vnode, true /* hydrating */); }
-	      if (isDef(i = vnode.child)) {
-	        // child component. it should have hydrated its own tree.
-	        initComponent(vnode, insertedVnodeQueue);
-	        return true
-	      }
-	    }
-	    if (isDef(tag)) {
-	      if (isDef(children)) {
-	        var childNodes = nodeOps.childNodes(elm);
-	        // empty element, allow client to pick up and populate children
-	        if (!childNodes.length) {
-	          createChildren(vnode, children, insertedVnodeQueue);
-	        } else {
-	          var childrenMatch = true;
-	          if (childNodes.length !== children.length) {
-	            childrenMatch = false;
-	          } else {
-	            for (var i$1 = 0; i$1 < children.length; i$1++) {
-	              if (!hydrate(childNodes[i$1], children[i$1], insertedVnodeQueue)) {
-	                childrenMatch = false;
-	                break
-	              }
-	            }
-	          }
-	          if (!childrenMatch) {
-	            if (process.env.NODE_ENV !== 'production' &&
-	                typeof console !== 'undefined' &&
-	                !bailed) {
-	              bailed = true;
-	              console.warn('Parent: ', elm);
-	              console.warn('Mismatching childNodes vs. VNodes: ', childNodes, children);
-	            }
-	            return false
-	          }
-	        }
-	      }
-	      if (isDef(data)) {
-	        invokeCreateHooks(vnode, insertedVnodeQueue);
-	      }
-	    }
-	    return true
-	  }
-
-	  function assertNodeMatch (node, vnode) {
-	    if (vnode.tag) {
-	      return (
-	        vnode.tag.indexOf('vue-component') === 0 ||
-	        vnode.tag === nodeOps.tagName(node).toLowerCase()
-	      )
-	    } else {
-	      return _toString(vnode.text) === node.data
-	    }
-	  }
-
-	  return function patch (oldVnode, vnode, hydrating, removeOnly) {
-	    if (!vnode) {
-	      if (oldVnode) { invokeDestroyHook(oldVnode); }
-	      return
-	    }
-
-	    var elm, parent;
-	    var isInitialPatch = false;
-	    var insertedVnodeQueue = [];
-
-	    if (!oldVnode) {
-	      // empty mount, create new root element
-	      isInitialPatch = true;
-	      createElm(vnode, insertedVnodeQueue);
-	    } else {
-	      var isRealElement = isDef(oldVnode.nodeType);
-	      if (!isRealElement && sameVnode(oldVnode, vnode)) {
-	        patchVnode(oldVnode, vnode, insertedVnodeQueue, removeOnly);
-	      } else {
-	        if (isRealElement) {
-	          // mounting to a real element
-	          // check if this is server-rendered content and if we can perform
-	          // a successful hydration.
-	          if (oldVnode.nodeType === 1 && oldVnode.hasAttribute('server-rendered')) {
-	            oldVnode.removeAttribute('server-rendered');
-	            hydrating = true;
-	          }
-	          if (hydrating) {
-	            if (hydrate(oldVnode, vnode, insertedVnodeQueue)) {
-	              invokeInsertHook(vnode, insertedVnodeQueue, true);
-	              return oldVnode
-	            } else if (process.env.NODE_ENV !== 'production') {
-	              warn(
-	                'The client-side rendered virtual DOM tree is not matching ' +
-	                'server-rendered content. This is likely caused by incorrect ' +
-	                'HTML markup, for example nesting block-level elements inside ' +
-	                '<p>, or missing <tbody>. Bailing hydration and performing ' +
-	                'full client-side render.'
-	              );
-	            }
-	          }
-	          // either not server-rendered, or hydration failed.
-	          // create an empty node and replace it
-	          oldVnode = emptyNodeAt(oldVnode);
-	        }
-	        elm = oldVnode.elm;
-	        parent = nodeOps.parentNode(elm);
-
-	        createElm(vnode, insertedVnodeQueue);
-
-	        // component root element replaced.
-	        // update parent placeholder node element.
-	        if (vnode.parent) {
-	          vnode.parent.elm = vnode.elm;
-	          if (isPatchable(vnode)) {
-	            for (var i = 0; i < cbs.create.length; ++i) {
-	              cbs.create[i](emptyNode, vnode.parent);
-	            }
-	          }
-	        }
-
-	        if (parent !== null) {
-	          nodeOps.insertBefore(parent, vnode.elm, nodeOps.nextSibling(elm));
-	          removeVnodes(parent, [oldVnode], 0, 0);
-	        } else if (isDef(oldVnode.tag)) {
-	          invokeDestroyHook(oldVnode);
-	        }
-	      }
-	    }
-
-	    invokeInsertHook(vnode, insertedVnodeQueue, isInitialPatch);
-	    return vnode.elm
-	  }
-	}
-
-	/*  */
-
-	var directives = {
-	  create: updateDirectives,
-	  update: updateDirectives,
-	  destroy: function unbindDirectives (vnode) {
-	    updateDirectives(vnode, emptyNode);
-	  }
-	};
-
-	function updateDirectives (
-	  oldVnode,
-	  vnode
-	) {
-	  if (!oldVnode.data.directives && !vnode.data.directives) {
-	    return
-	  }
-	  var isCreate = oldVnode === emptyNode;
-	  var oldDirs = normalizeDirectives$1(oldVnode.data.directives, oldVnode.context);
-	  var newDirs = normalizeDirectives$1(vnode.data.directives, vnode.context);
-
-	  var dirsWithInsert = [];
-	  var dirsWithPostpatch = [];
-
-	  var key, oldDir, dir;
-	  for (key in newDirs) {
-	    oldDir = oldDirs[key];
-	    dir = newDirs[key];
-	    if (!oldDir) {
-	      // new directive, bind
-	      callHook$1(dir, 'bind', vnode, oldVnode);
-	      if (dir.def && dir.def.inserted) {
-	        dirsWithInsert.push(dir);
-	      }
-	    } else {
-	      // existing directive, update
-	      dir.oldValue = oldDir.value;
-	      callHook$1(dir, 'update', vnode, oldVnode);
-	      if (dir.def && dir.def.componentUpdated) {
-	        dirsWithPostpatch.push(dir);
-	      }
-	    }
-	  }
-
-	  if (dirsWithInsert.length) {
-	    var callInsert = function () {
-	      dirsWithInsert.forEach(function (dir) {
-	        callHook$1(dir, 'inserted', vnode, oldVnode);
-	      });
-	    };
-	    if (isCreate) {
-	      mergeVNodeHook(vnode.data.hook || (vnode.data.hook = {}), 'insert', callInsert, 'dir-insert');
-	    } else {
-	      callInsert();
-	    }
-	  }
-
-	  if (dirsWithPostpatch.length) {
-	    mergeVNodeHook(vnode.data.hook || (vnode.data.hook = {}), 'postpatch', function () {
-	      dirsWithPostpatch.forEach(function (dir) {
-	        callHook$1(dir, 'componentUpdated', vnode, oldVnode);
-	      });
-	    }, 'dir-postpatch');
-	  }
-
-	  if (!isCreate) {
-	    for (key in oldDirs) {
-	      if (!newDirs[key]) {
-	        // no longer present, unbind
-	        callHook$1(oldDirs[key], 'unbind', oldVnode);
-	      }
-	    }
-	  }
-	}
-
-	var emptyModifiers = Object.create(null);
-
-	function normalizeDirectives$1 (
-	  dirs,
-	  vm
-	) {
-	  var res = Object.create(null);
-	  if (!dirs) {
-	    return res
-	  }
-	  var i, dir;
-	  for (i = 0; i < dirs.length; i++) {
-	    dir = dirs[i];
-	    if (!dir.modifiers) {
-	      dir.modifiers = emptyModifiers;
-	    }
-	    res[getRawDirName(dir)] = dir;
-	    dir.def = resolveAsset(vm.$options, 'directives', dir.name, true);
-	  }
-	  return res
-	}
-
-	function getRawDirName (dir) {
-	  return dir.rawName || ((dir.name) + "." + (Object.keys(dir.modifiers || {}).join('.')))
-	}
-
-	function callHook$1 (dir, hook, vnode, oldVnode) {
-	  var fn = dir.def && dir.def[hook];
-	  if (fn) {
-	    fn(vnode.elm, dir, vnode, oldVnode);
-	  }
-	}
-
-	var baseModules = [
-	  ref,
-	  directives
-	];
-
-	/*  */
-
-	function updateAttrs (oldVnode, vnode) {
-	  if (!oldVnode.data.attrs && !vnode.data.attrs) {
-	    return
-	  }
-	  var key, cur, old;
-	  var elm = vnode.elm;
-	  var oldAttrs = oldVnode.data.attrs || {};
-	  var attrs = vnode.data.attrs || {};
-	  // clone observed objects, as the user probably wants to mutate it
-	  if (attrs.__ob__) {
-	    attrs = vnode.data.attrs = extend({}, attrs);
-	  }
-
-	  for (key in attrs) {
-	    cur = attrs[key];
-	    old = oldAttrs[key];
-	    if (old !== cur) {
-	      setAttr(elm, key, cur);
-	    }
-	  }
-	  for (key in oldAttrs) {
-	    if (attrs[key] == null) {
-	      if (isXlink(key)) {
-	        elm.removeAttributeNS(xlinkNS, getXlinkProp(key));
-	      } else if (!isEnumeratedAttr(key)) {
-	        elm.removeAttribute(key);
-	      }
-	    }
-	  }
-	}
-
-	function setAttr (el, key, value) {
-	  if (isBooleanAttr(key)) {
-	    // set attribute for blank value
-	    // e.g. <option disabled>Select one</option>
-	    if (isFalsyAttrValue(value)) {
-	      el.removeAttribute(key);
-	    } else {
-	      el.setAttribute(key, key);
-	    }
-	  } else if (isEnumeratedAttr(key)) {
-	    el.setAttribute(key, isFalsyAttrValue(value) || value === 'false' ? 'false' : 'true');
-	  } else if (isXlink(key)) {
-	    if (isFalsyAttrValue(value)) {
-	      el.removeAttributeNS(xlinkNS, getXlinkProp(key));
-	    } else {
-	      el.setAttributeNS(xlinkNS, key, value);
-	    }
-	  } else {
-	    if (isFalsyAttrValue(value)) {
-	      el.removeAttribute(key);
-	    } else {
-	      el.setAttribute(key, value);
-	    }
-	  }
-	}
-
-	var attrs = {
-	  create: updateAttrs,
-	  update: updateAttrs
-	};
-
-	/*  */
-
-	function updateClass (oldVnode, vnode) {
-	  var el = vnode.elm;
-	  var data = vnode.data;
-	  var oldData = oldVnode.data;
-	  if (!data.staticClass && !data.class &&
-	      (!oldData || (!oldData.staticClass && !oldData.class))) {
-	    return
-	  }
-
-	  var cls = genClassForVnode(vnode);
-
-	  // handle transition classes
-	  var transitionClass = el._transitionClasses;
-	  if (transitionClass) {
-	    cls = concat(cls, stringifyClass(transitionClass));
-	  }
-
-	  // set the class
-	  if (cls !== el._prevClass) {
-	    el.setAttribute('class', cls);
-	    el._prevClass = cls;
-	  }
-	}
-
-	var klass = {
-	  create: updateClass,
-	  update: updateClass
-	};
-
-	// skip type checking this file because we need to attach private properties
-	// to elements
-
-	function updateDOMListeners (oldVnode, vnode) {
-	  if (!oldVnode.data.on && !vnode.data.on) {
-	    return
-	  }
-	  var on = vnode.data.on || {};
-	  var oldOn = oldVnode.data.on || {};
-	  var add = vnode.elm._v_add || (vnode.elm._v_add = function (event, handler, capture) {
-	    vnode.elm.addEventListener(event, handler, capture);
-	  });
-	  var remove = vnode.elm._v_remove || (vnode.elm._v_remove = function (event, handler) {
-	    vnode.elm.removeEventListener(event, handler);
-	  });
-	  updateListeners(on, oldOn, add, remove, vnode.context);
-	}
-
-	var events = {
-	  create: updateDOMListeners,
-	  update: updateDOMListeners
-	};
-
-	/*  */
-
-	function updateDOMProps (oldVnode, vnode) {
-	  if (!oldVnode.data.domProps && !vnode.data.domProps) {
-	    return
-	  }
-	  var key, cur;
-	  var elm = vnode.elm;
-	  var oldProps = oldVnode.data.domProps || {};
-	  var props = vnode.data.domProps || {};
-	  // clone observed objects, as the user probably wants to mutate it
-	  if (props.__ob__) {
-	    props = vnode.data.domProps = extend({}, props);
-	  }
-
-	  for (key in oldProps) {
-	    if (props[key] == null) {
-	      elm[key] = '';
-	    }
-	  }
-	  for (key in props) {
-	    // ignore children if the node has textContent or innerHTML,
-	    // as these will throw away existing DOM nodes and cause removal errors
-	    // on subsequent patches (#3360)
-	    if ((key === 'textContent' || key === 'innerHTML') && vnode.children) {
-	      vnode.children.length = 0;
-	    }
-	    cur = props[key];
-	    if (key === 'value') {
-	      // store value as _value as well since
-	      // non-string values will be stringified
-	      elm._value = cur;
-	      // avoid resetting cursor position when value is the same
-	      var strCur = cur == null ? '' : String(cur);
-	      if (elm.value !== strCur && !elm.composing) {
-	        elm.value = strCur;
-	      }
-	    } else {
-	      elm[key] = cur;
-	    }
-	  }
-	}
-
-	var domProps = {
-	  create: updateDOMProps,
-	  update: updateDOMProps
-	};
-
-	/*  */
-
-	var cssVarRE = /^--/;
-	var setProp = function (el, name, val) {
-	  /* istanbul ignore if */
-	  if (cssVarRE.test(name)) {
-	    el.style.setProperty(name, val);
-	  } else {
-	    el.style[normalize(name)] = val;
-	  }
-	};
-
-	var prefixes = ['Webkit', 'Moz', 'ms'];
-
-	var testEl;
-	var normalize = cached(function (prop) {
-	  testEl = testEl || document.createElement('div');
-	  prop = camelize(prop);
-	  if (prop !== 'filter' && (prop in testEl.style)) {
-	    return prop
-	  }
-	  var upper = prop.charAt(0).toUpperCase() + prop.slice(1);
-	  for (var i = 0; i < prefixes.length; i++) {
-	    var prefixed = prefixes[i] + upper;
-	    if (prefixed in testEl.style) {
-	      return prefixed
-	    }
-	  }
-	});
-
-	function updateStyle (oldVnode, vnode) {
-	  if ((!oldVnode.data || !oldVnode.data.style) && !vnode.data.style) {
-	    return
-	  }
-	  var cur, name;
-	  var el = vnode.elm;
-	  var oldStyle = oldVnode.data.style || {};
-	  var style = vnode.data.style || {};
-
-	  // handle string
-	  if (typeof style === 'string') {
-	    el.style.cssText = style;
-	    return
-	  }
-
-	  var needClone = style.__ob__;
-
-	  // handle array syntax
-	  if (Array.isArray(style)) {
-	    style = vnode.data.style = toObject(style);
-	  }
-
-	  // clone the style for future updates,
-	  // in case the user mutates the style object in-place.
-	  if (needClone) {
-	    style = vnode.data.style = extend({}, style);
-	  }
-
-	  for (name in oldStyle) {
-	    if (style[name] == null) {
-	      setProp(el, name, '');
-	    }
-	  }
-	  for (name in style) {
-	    cur = style[name];
-	    if (cur !== oldStyle[name]) {
-	      // ie9 setting to null has no effect, must use empty string
-	      setProp(el, name, cur == null ? '' : cur);
-	    }
-	  }
-	}
-
-	var style = {
-	  create: updateStyle,
-	  update: updateStyle
-	};
-
-	/*  */
-
-	/**
-	 * Add class with compatibility for SVG since classList is not supported on
-	 * SVG elements in IE
-	 */
-	function addClass (el, cls) {
-	  /* istanbul ignore if */
-	  if (!cls || !cls.trim()) {
-	    return
-	  }
-
-	  /* istanbul ignore else */
-	  if (el.classList) {
-	    if (cls.indexOf(' ') > -1) {
-	      cls.split(/\s+/).forEach(function (c) { return el.classList.add(c); });
-	    } else {
-	      el.classList.add(cls);
-	    }
-	  } else {
-	    var cur = ' ' + el.getAttribute('class') + ' ';
-	    if (cur.indexOf(' ' + cls + ' ') < 0) {
-	      el.setAttribute('class', (cur + cls).trim());
-	    }
-	  }
-	}
-
-	/**
-	 * Remove class with compatibility for SVG since classList is not supported on
-	 * SVG elements in IE
-	 */
-	function removeClass (el, cls) {
-	  /* istanbul ignore if */
-	  if (!cls || !cls.trim()) {
-	    return
-	  }
-
-	  /* istanbul ignore else */
-	  if (el.classList) {
-	    if (cls.indexOf(' ') > -1) {
-	      cls.split(/\s+/).forEach(function (c) { return el.classList.remove(c); });
-	    } else {
-	      el.classList.remove(cls);
-	    }
-	  } else {
-	    var cur = ' ' + el.getAttribute('class') + ' ';
-	    var tar = ' ' + cls + ' ';
-	    while (cur.indexOf(tar) >= 0) {
-	      cur = cur.replace(tar, ' ');
-	    }
-	    el.setAttribute('class', cur.trim());
-	  }
-	}
-
-	/*  */
-
-	var hasTransition = inBrowser && !isIE9;
-	var TRANSITION = 'transition';
-	var ANIMATION = 'animation';
-
-	// Transition property/event sniffing
-	var transitionProp = 'transition';
-	var transitionEndEvent = 'transitionend';
-	var animationProp = 'animation';
-	var animationEndEvent = 'animationend';
-	if (hasTransition) {
-	  /* istanbul ignore if */
-	  if (window.ontransitionend === undefined &&
-	    window.onwebkittransitionend !== undefined) {
-	    transitionProp = 'WebkitTransition';
-	    transitionEndEvent = 'webkitTransitionEnd';
-	  }
-	  if (window.onanimationend === undefined &&
-	    window.onwebkitanimationend !== undefined) {
-	    animationProp = 'WebkitAnimation';
-	    animationEndEvent = 'webkitAnimationEnd';
-	  }
-	}
-
-	var raf = (inBrowser && window.requestAnimationFrame) || setTimeout;
-	function nextFrame (fn) {
-	  raf(function () {
-	    raf(fn);
-	  });
-	}
-
-	function addTransitionClass (el, cls) {
-	  (el._transitionClasses || (el._transitionClasses = [])).push(cls);
-	  addClass(el, cls);
-	}
-
-	function removeTransitionClass (el, cls) {
-	  if (el._transitionClasses) {
-	    remove$1(el._transitionClasses, cls);
-	  }
-	  removeClass(el, cls);
-	}
-
-	function whenTransitionEnds (
-	  el,
-	  expectedType,
-	  cb
-	) {
-	  var ref = getTransitionInfo(el, expectedType);
-	  var type = ref.type;
-	  var timeout = ref.timeout;
-	  var propCount = ref.propCount;
-	  if (!type) { return cb() }
-	  var event = type === TRANSITION ? transitionEndEvent : animationEndEvent;
-	  var ended = 0;
-	  var end = function () {
-	    el.removeEventListener(event, onEnd);
-	    cb();
-	  };
-	  var onEnd = function (e) {
-	    if (e.target === el) {
-	      if (++ended >= propCount) {
-	        end();
-	      }
-	    }
-	  };
-	  setTimeout(function () {
-	    if (ended < propCount) {
-	      end();
-	    }
-	  }, timeout + 1);
-	  el.addEventListener(event, onEnd);
-	}
-
-	var transformRE = /\b(transform|all)(,|$)/;
-
-	function getTransitionInfo (el, expectedType) {
-	  var styles = window.getComputedStyle(el);
-	  var transitioneDelays = styles[transitionProp + 'Delay'].split(', ');
-	  var transitionDurations = styles[transitionProp + 'Duration'].split(', ');
-	  var transitionTimeout = getTimeout(transitioneDelays, transitionDurations);
-	  var animationDelays = styles[animationProp + 'Delay'].split(', ');
-	  var animationDurations = styles[animationProp + 'Duration'].split(', ');
-	  var animationTimeout = getTimeout(animationDelays, animationDurations);
-
-	  var type;
-	  var timeout = 0;
-	  var propCount = 0;
-	  /* istanbul ignore if */
-	  if (expectedType === TRANSITION) {
-	    if (transitionTimeout > 0) {
-	      type = TRANSITION;
-	      timeout = transitionTimeout;
-	      propCount = transitionDurations.length;
-	    }
-	  } else if (expectedType === ANIMATION) {
-	    if (animationTimeout > 0) {
-	      type = ANIMATION;
-	      timeout = animationTimeout;
-	      propCount = animationDurations.length;
-	    }
-	  } else {
-	    timeout = Math.max(transitionTimeout, animationTimeout);
-	    type = timeout > 0
-	      ? transitionTimeout > animationTimeout
-	        ? TRANSITION
-	        : ANIMATION
-	      : null;
-	    propCount = type
-	      ? type === TRANSITION
-	        ? transitionDurations.length
-	        : animationDurations.length
-	      : 0;
-	  }
-	  var hasTransform =
-	    type === TRANSITION &&
-	    transformRE.test(styles[transitionProp + 'Property']);
-	  return {
-	    type: type,
-	    timeout: timeout,
-	    propCount: propCount,
-	    hasTransform: hasTransform
-	  }
-	}
-
-	function getTimeout (delays, durations) {
-	  /* istanbul ignore next */
-	  while (delays.length < durations.length) {
-	    delays = delays.concat(delays);
-	  }
-
-	  return Math.max.apply(null, durations.map(function (d, i) {
-	    return toMs(d) + toMs(delays[i])
-	  }))
-	}
-
-	function toMs (s) {
-	  return Number(s.slice(0, -1)) * 1000
-	}
-
-	/*  */
-
-	function enter (vnode) {
-	  var el = vnode.elm;
-
-	  // call leave callback now
-	  if (el._leaveCb) {
-	    el._leaveCb.cancelled = true;
-	    el._leaveCb();
-	  }
-
-	  var data = resolveTransition(vnode.data.transition);
-	  if (!data) {
-	    return
-	  }
-
-	  /* istanbul ignore if */
-	  if (el._enterCb || el.nodeType !== 1) {
-	    return
-	  }
-
-	  var css = data.css;
-	  var type = data.type;
-	  var enterClass = data.enterClass;
-	  var enterActiveClass = data.enterActiveClass;
-	  var appearClass = data.appearClass;
-	  var appearActiveClass = data.appearActiveClass;
-	  var beforeEnter = data.beforeEnter;
-	  var enter = data.enter;
-	  var afterEnter = data.afterEnter;
-	  var enterCancelled = data.enterCancelled;
-	  var beforeAppear = data.beforeAppear;
-	  var appear = data.appear;
-	  var afterAppear = data.afterAppear;
-	  var appearCancelled = data.appearCancelled;
-
-	  // activeInstance will always be the <transition> component managing this
-	  // transition. One edge case to check is when the <transition> is placed
-	  // as the root node of a child component. In that case we need to check
-	  // <transition>'s parent for appear check.
-	  var transitionNode = activeInstance.$vnode;
-	  var context = transitionNode && transitionNode.parent
-	    ? transitionNode.parent.context
-	    : activeInstance;
-
-	  var isAppear = !context._isMounted || !vnode.isRootInsert;
-
-	  if (isAppear && !appear && appear !== '') {
-	    return
-	  }
-
-	  var startClass = isAppear ? appearClass : enterClass;
-	  var activeClass = isAppear ? appearActiveClass : enterActiveClass;
-	  var beforeEnterHook = isAppear ? (beforeAppear || beforeEnter) : beforeEnter;
-	  var enterHook = isAppear ? (typeof appear === 'function' ? appear : enter) : enter;
-	  var afterEnterHook = isAppear ? (afterAppear || afterEnter) : afterEnter;
-	  var enterCancelledHook = isAppear ? (appearCancelled || enterCancelled) : enterCancelled;
-
-	  var expectsCSS = css !== false && !isIE9;
-	  var userWantsControl =
-	    enterHook &&
-	    // enterHook may be a bound method which exposes
-	    // the length of original fn as _length
-	    (enterHook._length || enterHook.length) > 1;
-
-	  var cb = el._enterCb = once(function () {
-	    if (expectsCSS) {
-	      removeTransitionClass(el, activeClass);
-	    }
-	    if (cb.cancelled) {
-	      if (expectsCSS) {
-	        removeTransitionClass(el, startClass);
-	      }
-	      enterCancelledHook && enterCancelledHook(el);
-	    } else {
-	      afterEnterHook && afterEnterHook(el);
-	    }
-	    el._enterCb = null;
-	  });
-
-	  if (!vnode.data.show) {
-	    // remove pending leave element on enter by injecting an insert hook
-	    mergeVNodeHook(vnode.data.hook || (vnode.data.hook = {}), 'insert', function () {
-	      var parent = el.parentNode;
-	      var pendingNode = parent && parent._pending && parent._pending[vnode.key];
-	      if (pendingNode && pendingNode.tag === vnode.tag && pendingNode.elm._leaveCb) {
-	        pendingNode.elm._leaveCb();
-	      }
-	      enterHook && enterHook(el, cb);
-	    }, 'transition-insert');
-	  }
-
-	  // start enter transition
-	  beforeEnterHook && beforeEnterHook(el);
-	  if (expectsCSS) {
-	    addTransitionClass(el, startClass);
-	    addTransitionClass(el, activeClass);
-	    nextFrame(function () {
-	      removeTransitionClass(el, startClass);
-	      if (!cb.cancelled && !userWantsControl) {
-	        whenTransitionEnds(el, type, cb);
-	      }
-	    });
-	  }
-
-	  if (vnode.data.show) {
-	    enterHook && enterHook(el, cb);
-	  }
-
-	  if (!expectsCSS && !userWantsControl) {
-	    cb();
-	  }
-	}
-
-	function leave (vnode, rm) {
-	  var el = vnode.elm;
-
-	  // call enter callback now
-	  if (el._enterCb) {
-	    el._enterCb.cancelled = true;
-	    el._enterCb();
-	  }
-
-	  var data = resolveTransition(vnode.data.transition);
-	  if (!data) {
-	    return rm()
-	  }
-
-	  /* istanbul ignore if */
-	  if (el._leaveCb || el.nodeType !== 1) {
-	    return
-	  }
-
-	  var css = data.css;
-	  var type = data.type;
-	  var leaveClass = data.leaveClass;
-	  var leaveActiveClass = data.leaveActiveClass;
-	  var beforeLeave = data.beforeLeave;
-	  var leave = data.leave;
-	  var afterLeave = data.afterLeave;
-	  var leaveCancelled = data.leaveCancelled;
-	  var delayLeave = data.delayLeave;
-
-	  var expectsCSS = css !== false && !isIE9;
-	  var userWantsControl =
-	    leave &&
-	    // leave hook may be a bound method which exposes
-	    // the length of original fn as _length
-	    (leave._length || leave.length) > 1;
-
-	  var cb = el._leaveCb = once(function () {
-	    if (el.parentNode && el.parentNode._pending) {
-	      el.parentNode._pending[vnode.key] = null;
-	    }
-	    if (expectsCSS) {
-	      removeTransitionClass(el, leaveActiveClass);
-	    }
-	    if (cb.cancelled) {
-	      if (expectsCSS) {
-	        removeTransitionClass(el, leaveClass);
-	      }
-	      leaveCancelled && leaveCancelled(el);
-	    } else {
-	      rm();
-	      afterLeave && afterLeave(el);
-	    }
-	    el._leaveCb = null;
-	  });
-
-	  if (delayLeave) {
-	    delayLeave(performLeave);
-	  } else {
-	    performLeave();
-	  }
-
-	  function performLeave () {
-	    // the delayed leave may have already been cancelled
-	    if (cb.cancelled) {
-	      return
-	    }
-	    // record leaving element
-	    if (!vnode.data.show) {
-	      (el.parentNode._pending || (el.parentNode._pending = {}))[vnode.key] = vnode;
-	    }
-	    beforeLeave && beforeLeave(el);
-	    if (expectsCSS) {
-	      addTransitionClass(el, leaveClass);
-	      addTransitionClass(el, leaveActiveClass);
-	      nextFrame(function () {
-	        removeTransitionClass(el, leaveClass);
-	        if (!cb.cancelled && !userWantsControl) {
-	          whenTransitionEnds(el, type, cb);
-	        }
-	      });
-	    }
-	    leave && leave(el, cb);
-	    if (!expectsCSS && !userWantsControl) {
-	      cb();
-	    }
-	  }
-	}
-
-	function resolveTransition (def$$1) {
-	  if (!def$$1) {
-	    return
-	  }
-	  /* istanbul ignore else */
-	  if (typeof def$$1 === 'object') {
-	    var res = {};
-	    if (def$$1.css !== false) {
-	      extend(res, autoCssTransition(def$$1.name || 'v'));
-	    }
-	    extend(res, def$$1);
-	    return res
-	  } else if (typeof def$$1 === 'string') {
-	    return autoCssTransition(def$$1)
-	  }
-	}
-
-	var autoCssTransition = cached(function (name) {
-	  return {
-	    enterClass: (name + "-enter"),
-	    leaveClass: (name + "-leave"),
-	    appearClass: (name + "-enter"),
-	    enterActiveClass: (name + "-enter-active"),
-	    leaveActiveClass: (name + "-leave-active"),
-	    appearActiveClass: (name + "-enter-active")
-	  }
-	});
-
-	function once (fn) {
-	  var called = false;
-	  return function () {
-	    if (!called) {
-	      called = true;
-	      fn();
-	    }
-	  }
-	}
-
-	var transition = inBrowser ? {
-	  create: function create (_, vnode) {
-	    if (!vnode.data.show) {
-	      enter(vnode);
-	    }
-	  },
-	  remove: function remove (vnode, rm) {
-	    /* istanbul ignore else */
-	    if (!vnode.data.show) {
-	      leave(vnode, rm);
-	    } else {
-	      rm();
-	    }
-	  }
-	} : {};
-
-	var platformModules = [
-	  attrs,
-	  klass,
-	  events,
-	  domProps,
-	  style,
-	  transition
-	];
-
-	/*  */
-
-	// the directive module should be applied last, after all
-	// built-in modules have been applied.
-	var modules = platformModules.concat(baseModules);
-
-	var patch$1 = createPatchFunction({ nodeOps: nodeOps, modules: modules });
-
-	/**
-	 * Not type checking this file because flow doesn't like attaching
-	 * properties to Elements.
-	 */
-
-	var modelableTagRE = /^input|select|textarea|vue-component-[0-9]+(-[0-9a-zA-Z_-]*)?$/;
-
-	/* istanbul ignore if */
-	if (isIE9) {
-	  // http://www.matts411.com/post/internet-explorer-9-oninput/
-	  document.addEventListener('selectionchange', function () {
-	    var el = document.activeElement;
-	    if (el && el.vmodel) {
-	      trigger(el, 'input');
-	    }
-	  });
-	}
-
-	var model = {
-	  inserted: function inserted (el, binding, vnode) {
-	    if (process.env.NODE_ENV !== 'production') {
-	      if (!modelableTagRE.test(vnode.tag)) {
-	        warn(
-	          "v-model is not supported on element type: <" + (vnode.tag) + ">. " +
-	          'If you are working with contenteditable, it\'s recommended to ' +
-	          'wrap a library dedicated for that purpose inside a custom component.',
-	          vnode.context
-	        );
-	      }
-	    }
-	    if (vnode.tag === 'select') {
-	      var cb = function () {
-	        setSelected(el, binding, vnode.context);
-	      };
-	      cb();
-	      /* istanbul ignore if */
-	      if (isIE || isEdge) {
-	        setTimeout(cb, 0);
-	      }
-	    } else if (
-	      (vnode.tag === 'textarea' || el.type === 'text') &&
-	      !binding.modifiers.lazy
-	    ) {
-	      if (!isAndroid) {
-	        el.addEventListener('compositionstart', onCompositionStart);
-	        el.addEventListener('compositionend', onCompositionEnd);
-	      }
-	      /* istanbul ignore if */
-	      if (isIE9) {
-	        el.vmodel = true;
-	      }
-	    }
-	  },
-	  componentUpdated: function componentUpdated (el, binding, vnode) {
-	    if (vnode.tag === 'select') {
-	      setSelected(el, binding, vnode.context);
-	      // in case the options rendered by v-for have changed,
-	      // it's possible that the value is out-of-sync with the rendered options.
-	      // detect such cases and filter out values that no longer has a matching
-	      // option in the DOM.
-	      var needReset = el.multiple
-	        ? binding.value.some(function (v) { return hasNoMatchingOption(v, el.options); })
-	        : binding.value !== binding.oldValue && hasNoMatchingOption(binding.value, el.options);
-	      if (needReset) {
-	        trigger(el, 'change');
-	      }
-	    }
-	  }
-	};
-
-	function setSelected (el, binding, vm) {
-	  var value = binding.value;
-	  var isMultiple = el.multiple;
-	  if (isMultiple && !Array.isArray(value)) {
-	    process.env.NODE_ENV !== 'production' && warn(
-	      "<select multiple v-model=\"" + (binding.expression) + "\"> " +
-	      "expects an Array value for its binding, but got " + (Object.prototype.toString.call(value).slice(8, -1)),
-	      vm
-	    );
-	    return
-	  }
-	  var selected, option;
-	  for (var i = 0, l = el.options.length; i < l; i++) {
-	    option = el.options[i];
-	    if (isMultiple) {
-	      selected = looseIndexOf(value, getValue(option)) > -1;
-	      if (option.selected !== selected) {
-	        option.selected = selected;
-	      }
-	    } else {
-	      if (looseEqual(getValue(option), value)) {
-	        if (el.selectedIndex !== i) {
-	          el.selectedIndex = i;
-	        }
-	        return
-	      }
-	    }
-	  }
-	  if (!isMultiple) {
-	    el.selectedIndex = -1;
-	  }
-	}
-
-	function hasNoMatchingOption (value, options) {
-	  for (var i = 0, l = options.length; i < l; i++) {
-	    if (looseEqual(getValue(options[i]), value)) {
-	      return false
-	    }
-	  }
-	  return true
-	}
-
-	function getValue (option) {
-	  return '_value' in option
-	    ? option._value
-	    : option.value
-	}
-
-	function onCompositionStart (e) {
-	  e.target.composing = true;
-	}
-
-	function onCompositionEnd (e) {
-	  e.target.composing = false;
-	  trigger(e.target, 'input');
-	}
-
-	function trigger (el, type) {
-	  var e = document.createEvent('HTMLEvents');
-	  e.initEvent(type, true, true);
-	  el.dispatchEvent(e);
-	}
-
-	/*  */
-
-	// recursively search for possible transition defined inside the component root
-	function locateNode (vnode) {
-	  return vnode.child && (!vnode.data || !vnode.data.transition)
-	    ? locateNode(vnode.child._vnode)
-	    : vnode
-	}
-
-	var show = {
-	  bind: function bind (el, ref, vnode) {
-	    var value = ref.value;
-
-	    vnode = locateNode(vnode);
-	    var transition = vnode.data && vnode.data.transition;
-	    if (value && transition && !isIE9) {
-	      enter(vnode);
-	    }
-	    var originalDisplay = el.style.display === 'none' ? '' : el.style.display;
-	    el.style.display = value ? originalDisplay : 'none';
-	    el.__vOriginalDisplay = originalDisplay;
-	  },
-	  update: function update (el, ref, vnode) {
-	    var value = ref.value;
-	    var oldValue = ref.oldValue;
-
-	    /* istanbul ignore if */
-	    if (value === oldValue) { return }
-	    vnode = locateNode(vnode);
-	    var transition = vnode.data && vnode.data.transition;
-	    if (transition && !isIE9) {
-	      if (value) {
-	        enter(vnode);
-	        el.style.display = el.__vOriginalDisplay;
-	      } else {
-	        leave(vnode, function () {
-	          el.style.display = 'none';
-	        });
-	      }
-	    } else {
-	      el.style.display = value ? el.__vOriginalDisplay : 'none';
-	    }
-	  }
-	};
-
-	var platformDirectives = {
-	  model: model,
-	  show: show
-	};
-
-	/*  */
-
-	// Provides transition support for a single element/component.
-	// supports transition mode (out-in / in-out)
-
-	var transitionProps = {
-	  name: String,
-	  appear: Boolean,
-	  css: Boolean,
-	  mode: String,
-	  type: String,
-	  enterClass: String,
-	  leaveClass: String,
-	  enterActiveClass: String,
-	  leaveActiveClass: String,
-	  appearClass: String,
-	  appearActiveClass: String
-	};
-
-	// in case the child is also an abstract component, e.g. <keep-alive>
-	// we want to recursively retrieve the real component to be rendered
-	function getRealChild (vnode) {
-	  var compOptions = vnode && vnode.componentOptions;
-	  if (compOptions && compOptions.Ctor.options.abstract) {
-	    return getRealChild(getFirstComponentChild(compOptions.children))
-	  } else {
-	    return vnode
-	  }
-	}
-
-	function extractTransitionData (comp) {
-	  var data = {};
-	  var options = comp.$options;
-	  // props
-	  for (var key in options.propsData) {
-	    data[key] = comp[key];
-	  }
-	  // events.
-	  // extract listeners and pass them directly to the transition methods
-	  var listeners = options._parentListeners;
-	  for (var key$1 in listeners) {
-	    data[camelize(key$1)] = listeners[key$1].fn;
-	  }
-	  return data
-	}
-
-	function placeholder (h, rawChild) {
-	  return /\d-keep-alive$/.test(rawChild.tag)
-	    ? h('keep-alive')
-	    : null
-	}
-
-	function hasParentTransition (vnode) {
-	  while ((vnode = vnode.parent)) {
-	    if (vnode.data.transition) {
-	      return true
-	    }
-	  }
-	}
-
-	var Transition = {
-	  name: 'transition',
-	  props: transitionProps,
-	  abstract: true,
-	  render: function render (h) {
-	    var this$1 = this;
-
-	    var children = this.$slots.default;
-	    if (!children) {
-	      return
-	    }
-
-	    // filter out text nodes (possible whitespaces)
-	    children = children.filter(function (c) { return c.tag; });
-	    /* istanbul ignore if */
-	    if (!children.length) {
-	      return
-	    }
-
-	    // warn multiple elements
-	    if (process.env.NODE_ENV !== 'production' && children.length > 1) {
-	      warn(
-	        '<transition> can only be used on a single element. Use ' +
-	        '<transition-group> for lists.',
-	        this.$parent
-	      );
-	    }
-
-	    var mode = this.mode;
-
-	    // warn invalid mode
-	    if (process.env.NODE_ENV !== 'production' &&
-	        mode && mode !== 'in-out' && mode !== 'out-in') {
-	      warn(
-	        'invalid <transition> mode: ' + mode,
-	        this.$parent
-	      );
-	    }
-
-	    var rawChild = children[0];
-
-	    // if this is a component root node and the component's
-	    // parent container node also has transition, skip.
-	    if (hasParentTransition(this.$vnode)) {
-	      return rawChild
-	    }
-
-	    // apply transition data to child
-	    // use getRealChild() to ignore abstract components e.g. keep-alive
-	    var child = getRealChild(rawChild);
-	    /* istanbul ignore if */
-	    if (!child) {
-	      return rawChild
-	    }
-
-	    if (this._leaving) {
-	      return placeholder(h, rawChild)
-	    }
-
-	    var key = child.key = child.key == null || child.isStatic
-	      ? ("__v" + (child.tag + this._uid) + "__")
-	      : child.key;
-	    var data = (child.data || (child.data = {})).transition = extractTransitionData(this);
-	    var oldRawChild = this._vnode;
-	    var oldChild = getRealChild(oldRawChild);
-
-	    // mark v-show
-	    // so that the transition module can hand over the control to the directive
-	    if (child.data.directives && child.data.directives.some(function (d) { return d.name === 'show'; })) {
-	      child.data.show = true;
-	    }
-
-	    if (oldChild && oldChild.data && oldChild.key !== key) {
-	      // replace old child transition data with fresh one
-	      // important for dynamic transitions!
-	      var oldData = oldChild.data.transition = extend({}, data);
-
-	      // handle transition mode
-	      if (mode === 'out-in') {
-	        // return placeholder node and queue update when leave finishes
-	        this._leaving = true;
-	        mergeVNodeHook(oldData, 'afterLeave', function () {
-	          this$1._leaving = false;
-	          this$1.$forceUpdate();
-	        }, key);
-	        return placeholder(h, rawChild)
-	      } else if (mode === 'in-out') {
-	        var delayedLeave;
-	        var performLeave = function () { delayedLeave(); };
-	        mergeVNodeHook(data, 'afterEnter', performLeave, key);
-	        mergeVNodeHook(data, 'enterCancelled', performLeave, key);
-	        mergeVNodeHook(oldData, 'delayLeave', function (leave) {
-	          delayedLeave = leave;
-	        }, key);
-	      }
-	    }
-
-	    return rawChild
-	  }
-	};
-
-	/*  */
-
-	// Provides transition support for list items.
-	// supports move transitions using the FLIP technique.
-
-	// Because the vdom's children update algorithm is "unstable" - i.e.
-	// it doesn't guarantee the relative positioning of removed elements,
-	// we force transition-group to update its children into two passes:
-	// in the first pass, we remove all nodes that need to be removed,
-	// triggering their leaving transition; in the second pass, we insert/move
-	// into the final disired state. This way in the second pass removed
-	// nodes will remain where they should be.
-
-	var props = extend({
-	  tag: String,
-	  moveClass: String
-	}, transitionProps);
-
-	delete props.mode;
-
-	var TransitionGroup = {
-	  props: props,
-
-	  render: function render (h) {
-	    var tag = this.tag || this.$vnode.data.tag || 'span';
-	    var map = Object.create(null);
-	    var prevChildren = this.prevChildren = this.children;
-	    var rawChildren = this.$slots.default || [];
-	    var children = this.children = [];
-	    var transitionData = extractTransitionData(this);
-
-	    for (var i = 0; i < rawChildren.length; i++) {
-	      var c = rawChildren[i];
-	      if (c.tag) {
-	        if (c.key != null && String(c.key).indexOf('__vlist') !== 0) {
-	          children.push(c);
-	          map[c.key] = c
-	          ;(c.data || (c.data = {})).transition = transitionData;
-	        } else if (process.env.NODE_ENV !== 'production') {
-	          var opts = c.componentOptions;
-	          var name = opts
-	            ? (opts.Ctor.options.name || opts.tag)
-	            : c.tag;
-	          warn(("<transition-group> children must be keyed: <" + name + ">"));
-	        }
-	      }
-	    }
-
-	    if (prevChildren) {
-	      var kept = [];
-	      var removed = [];
-	      for (var i$1 = 0; i$1 < prevChildren.length; i$1++) {
-	        var c$1 = prevChildren[i$1];
-	        c$1.data.transition = transitionData;
-	        c$1.data.pos = c$1.elm.getBoundingClientRect();
-	        if (map[c$1.key]) {
-	          kept.push(c$1);
-	        } else {
-	          removed.push(c$1);
-	        }
-	      }
-	      this.kept = h(tag, null, kept);
-	      this.removed = removed;
-	    }
-
-	    return h(tag, null, children)
-	  },
-
-	  beforeUpdate: function beforeUpdate () {
-	    // force removing pass
-	    this.__patch__(
-	      this._vnode,
-	      this.kept,
-	      false, // hydrating
-	      true // removeOnly (!important, avoids unnecessary moves)
-	    );
-	    this._vnode = this.kept;
-	  },
-
-	  updated: function updated () {
-	    var children = this.prevChildren;
-	    var moveClass = this.moveClass || (this.name + '-move');
-	    if (!children.length || !this.hasMove(children[0].elm, moveClass)) {
-	      return
-	    }
-
-	    // we divide the work into three loops to avoid mixing DOM reads and writes
-	    // in each iteration - which helps prevent layout thrashing.
-	    children.forEach(callPendingCbs);
-	    children.forEach(recordPosition);
-	    children.forEach(applyTranslation);
-
-	    // force reflow to put everything in position
-	    var f = document.body.offsetHeight; // eslint-disable-line
-
-	    children.forEach(function (c) {
-	      if (c.data.moved) {
-	        var el = c.elm;
-	        var s = el.style;
-	        addTransitionClass(el, moveClass);
-	        s.transform = s.WebkitTransform = s.transitionDuration = '';
-	        el.addEventListener(transitionEndEvent, el._moveCb = function cb (e) {
-	          if (!e || /transform$/.test(e.propertyName)) {
-	            el.removeEventListener(transitionEndEvent, cb);
-	            el._moveCb = null;
-	            removeTransitionClass(el, moveClass);
-	          }
-	        });
-	      }
-	    });
-	  },
-
-	  methods: {
-	    hasMove: function hasMove (el, moveClass) {
-	      /* istanbul ignore if */
-	      if (!hasTransition) {
-	        return false
-	      }
-	      if (this._hasMove != null) {
-	        return this._hasMove
-	      }
-	      addTransitionClass(el, moveClass);
-	      var info = getTransitionInfo(el);
-	      removeTransitionClass(el, moveClass);
-	      return (this._hasMove = info.hasTransform)
-	    }
-	  }
-	};
-
-	function callPendingCbs (c) {
-	  /* istanbul ignore if */
-	  if (c.elm._moveCb) {
-	    c.elm._moveCb();
-	  }
-	  /* istanbul ignore if */
-	  if (c.elm._enterCb) {
-	    c.elm._enterCb();
-	  }
-	}
-
-	function recordPosition (c) {
-	  c.data.newPos = c.elm.getBoundingClientRect();
-	}
-
-	function applyTranslation (c) {
-	  var oldPos = c.data.pos;
-	  var newPos = c.data.newPos;
-	  var dx = oldPos.left - newPos.left;
-	  var dy = oldPos.top - newPos.top;
-	  if (dx || dy) {
-	    c.data.moved = true;
-	    var s = c.elm.style;
-	    s.transform = s.WebkitTransform = "translate(" + dx + "px," + dy + "px)";
-	    s.transitionDuration = '0s';
-	  }
-	}
-
-	var platformComponents = {
-	  Transition: Transition,
-	  TransitionGroup: TransitionGroup
-	};
-
-	/*  */
-
-	// install platform specific utils
-	Vue$1.config.isUnknownElement = isUnknownElement;
-	Vue$1.config.isReservedTag = isReservedTag;
-	Vue$1.config.getTagNamespace = getTagNamespace;
-	Vue$1.config.mustUseProp = mustUseProp;
-
-	// install platform runtime directives & components
-	extend(Vue$1.options.directives, platformDirectives);
-	extend(Vue$1.options.components, platformComponents);
-
-	// install platform patch function
-	Vue$1.prototype.__patch__ = config._isServer ? noop : patch$1;
-
-	// wrap mount
-	Vue$1.prototype.$mount = function (
-	  el,
-	  hydrating
-	) {
-	  el = el && !config._isServer ? query(el) : undefined;
-	  return this._mount(el, hydrating)
-	};
-
-	// devtools global hook
-	/* istanbul ignore next */
-	setTimeout(function () {
-	  if (config.devtools) {
-	    if (devtools) {
-	      devtools.emit('init', Vue$1);
-	    } else if (
-	      process.env.NODE_ENV !== 'production' &&
-	      inBrowser && /Chrome\/\d+/.test(window.navigator.userAgent)
-	    ) {
-	      console.log(
-	        'Download the Vue Devtools for a better development experience:\n' +
-	        'https://github.com/vuejs/vue-devtools'
-	      );
-	    }
-	  }
-	}, 0);
-
-	module.exports = Vue$1;
-
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(2)))
-
-/***/ },
-/* 2 */
-/***/ function(module, exports) {
-
-	// shim for using process in browser
-	var process = module.exports = {};
-
-	// cached from whatever global is present so that test runners that stub it
-	// don't break things.  But we need to wrap it in a try catch in case it is
-	// wrapped in strict mode code which doesn't define any globals.  It's inside a
-	// function because try/catches deoptimize in certain engines.
-
-	var cachedSetTimeout;
-	var cachedClearTimeout;
-
-	function defaultSetTimout() {
-	    throw new Error('setTimeout has not been defined');
-	}
-	function defaultClearTimeout () {
-	    throw new Error('clearTimeout has not been defined');
-	}
-	(function () {
-	    try {
-	        if (typeof setTimeout === 'function') {
-	            cachedSetTimeout = setTimeout;
-	        } else {
-	            cachedSetTimeout = defaultSetTimout;
-	        }
-	    } catch (e) {
-	        cachedSetTimeout = defaultSetTimout;
-	    }
-	    try {
-	        if (typeof clearTimeout === 'function') {
-	            cachedClearTimeout = clearTimeout;
-	        } else {
-	            cachedClearTimeout = defaultClearTimeout;
-	        }
-	    } catch (e) {
-	        cachedClearTimeout = defaultClearTimeout;
-	    }
-	} ())
-	function runTimeout(fun) {
-	    if (cachedSetTimeout === setTimeout) {
-	        //normal enviroments in sane situations
-	        return setTimeout(fun, 0);
-	    }
-	    // if setTimeout wasn't available but was latter defined
-	    if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {
-	        cachedSetTimeout = setTimeout;
-	        return setTimeout(fun, 0);
-	    }
-	    try {
-	        // when when somebody has screwed with setTimeout but no I.E. maddness
-	        return cachedSetTimeout(fun, 0);
-	    } catch(e){
-	        try {
-	            // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
-	            return cachedSetTimeout.call(null, fun, 0);
-	        } catch(e){
-	            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error
-	            return cachedSetTimeout.call(this, fun, 0);
-	        }
-	    }
-
-
-	}
-	function runClearTimeout(marker) {
-	    if (cachedClearTimeout === clearTimeout) {
-	        //normal enviroments in sane situations
-	        return clearTimeout(marker);
-	    }
-	    // if clearTimeout wasn't available but was latter defined
-	    if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {
-	        cachedClearTimeout = clearTimeout;
-	        return clearTimeout(marker);
-	    }
-	    try {
-	        // when when somebody has screwed with setTimeout but no I.E. maddness
-	        return cachedClearTimeout(marker);
-	    } catch (e){
-	        try {
-	            // When we are in I.E. but the script has been evaled so I.E. doesn't  trust the global object when called normally
-	            return cachedClearTimeout.call(null, marker);
-	        } catch (e){
-	            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.
-	            // Some versions of I.E. have different rules for clearTimeout vs setTimeout
-	            return cachedClearTimeout.call(this, marker);
-	        }
-	    }
-
-
-
-	}
-	var queue = [];
-	var draining = false;
-	var currentQueue;
-	var queueIndex = -1;
-
-	function cleanUpNextTick() {
-	    if (!draining || !currentQueue) {
-	        return;
-	    }
-	    draining = false;
-	    if (currentQueue.length) {
-	        queue = currentQueue.concat(queue);
-	    } else {
-	        queueIndex = -1;
-	    }
-	    if (queue.length) {
-	        drainQueue();
-	    }
-	}
-
-	function drainQueue() {
-	    if (draining) {
-	        return;
-	    }
-	    var timeout = runTimeout(cleanUpNextTick);
-	    draining = true;
-
-	    var len = queue.length;
-	    while(len) {
-	        currentQueue = queue;
-	        queue = [];
-	        while (++queueIndex < len) {
-	            if (currentQueue) {
-	                currentQueue[queueIndex].run();
-	            }
-	        }
-	        queueIndex = -1;
-	        len = queue.length;
-	    }
-	    currentQueue = null;
-	    draining = false;
-	    runClearTimeout(timeout);
-	}
-
-	process.nextTick = function (fun) {
-	    var args = new Array(arguments.length - 1);
-	    if (arguments.length > 1) {
-	        for (var i = 1; i < arguments.length; i++) {
-	            args[i - 1] = arguments[i];
-	        }
-	    }
-	    queue.push(new Item(fun, args));
-	    if (queue.length === 1 && !draining) {
-	        runTimeout(drainQueue);
-	    }
-	};
-
-	// v8 likes predictible objects
-	function Item(fun, array) {
-	    this.fun = fun;
-	    this.array = array;
-	}
-	Item.prototype.run = function () {
-	    this.fun.apply(null, this.array);
-	};
-	process.title = 'browser';
-	process.browser = true;
-	process.env = {};
-	process.argv = [];
-	process.version = ''; // empty string to avoid regexp issues
-	process.versions = {};
-
-	function noop() {}
-
-	process.on = noop;
-	process.addListener = noop;
-	process.once = noop;
-	process.off = noop;
-	process.removeListener = noop;
-	process.removeAllListeners = noop;
-	process.emit = noop;
-
-	process.binding = function (name) {
-	    throw new Error('process.binding is not supported');
-	};
-
-	process.cwd = function () { return '/' };
-	process.chdir = function (dir) {
-	    throw new Error('process.chdir is not supported');
-	};
-	process.umask = function() { return 0; };
-
-
-/***/ },
-/* 3 */
-/***/ function(module, exports, __webpack_require__) {
-
-	var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/* WEBPACK VAR INJECTION */(function(global, setImmediate, process) {/*!
-	 * vue-dragula v1.3.0
-	 * (c) 2016 Yichang Liu
-	 * Released under the MIT License.
-	 */
-	(function (global, factory) {
-		 true ? module.exports = factory() :
-		typeof define === 'function' && define.amd ? define(factory) :
-		(global.vueDragula = factory());
-	}(this, function () { 'use strict';
-
-		var commonjsGlobal = typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {}
-
-		function interopDefault(ex) {
-			return ex && typeof ex === 'object' && 'default' in ex ? ex['default'] : ex;
-		}
-
-		function createCommonjsModule(fn, module) {
-			return module = { exports: {} }, fn(module, module.exports), module.exports;
-		}
-
-		var atoa = createCommonjsModule(function (module) {
-		  module.exports = function atoa(a, n) {
-		    return Array.prototype.slice.call(a, n);
-		  };
-		});
-
-		var atoa$1 = interopDefault(atoa);
-
-	var require$$1 = Object.freeze({
-		  default: atoa$1
-		});
-
-		var ticky = createCommonjsModule(function (module) {
-		  var si = typeof setImmediate === 'function',
-		      tick;
-		  if (si) {
-		    tick = function tick(fn) {
-		      setImmediate(fn);
-		    };
-		  } else if (typeof process !== 'undefined' && process.nextTick) {
-		    tick = process.nextTick;
-		  } else {
-		    tick = function tick(fn) {
-		      setTimeout(fn, 0);
-		    };
-		  }
-
-		  module.exports = tick;
-		});
-
-		var ticky$1 = interopDefault(ticky);
-
-	var require$$0$1 = Object.freeze({
-		  default: ticky$1
-		});
-
-		var debounce = createCommonjsModule(function (module) {
-		  'use strict';
-
-		  var ticky = interopDefault(require$$0$1);
-
-		  module.exports = function debounce(fn, args, ctx) {
-		    if (!fn) {
-		      return;
-		    }
-		    ticky(function run() {
-		      fn.apply(ctx || null, args || []);
-		    });
-		  };
-		});
-
-		var debounce$1 = interopDefault(debounce);
-
-	var require$$0 = Object.freeze({
-		  default: debounce$1
-		});
-
-		var emitter = createCommonjsModule(function (module) {
-		  'use strict';
-
-		  var atoa = interopDefault(require$$1);
-		  var debounce = interopDefault(require$$0);
-
-		  module.exports = function emitter(thing, options) {
-		    var opts = options || {};
-		    var evt = {};
-		    if (thing === undefined) {
-		      thing = {};
-		    }
-		    thing.on = function (type, fn) {
-		      if (!evt[type]) {
-		        evt[type] = [fn];
-		      } else {
-		        evt[type].push(fn);
-		      }
-		      return thing;
-		    };
-		    thing.once = function (type, fn) {
-		      fn._once = true; // thing.off(fn) still works!
-		      thing.on(type, fn);
-		      return thing;
-		    };
-		    thing.off = function (type, fn) {
-		      var c = arguments.length;
-		      if (c === 1) {
-		        delete evt[type];
-		      } else if (c === 0) {
-		        evt = {};
-		      } else {
-		        var et = evt[type];
-		        if (!et) {
-		          return thing;
-		        }
-		        et.splice(et.indexOf(fn), 1);
-		      }
-		      return thing;
-		    };
-		    thing.emit = function () {
-		      var args = atoa(arguments);
-		      return thing.emitterSnapshot(args.shift()).apply(this, args);
-		    };
-		    thing.emitterSnapshot = function (type) {
-		      var et = (evt[type] || []).slice(0);
-		      return function () {
-		        var args = atoa(arguments);
-		        var ctx = this || thing;
-		        if (type === 'error' && opts.throws !== false && !et.length) {
-		          throw args.length === 1 ? args[0] : args;
-		        }
-		        et.forEach(function emitter(listen) {
-		          if (opts.async) {
-		            debounce(listen, args, ctx);
-		          } else {
-		            listen.apply(ctx, args);
-		          }
-		          if (listen._once) {
-		            thing.off(type, listen);
-		          }
-		        });
-		        return thing;
-		      };
-		    };
-		    return thing;
-		  };
-		});
-
-		var emitter$1 = interopDefault(emitter);
-
-	var require$$2 = Object.freeze({
-		  default: emitter$1
-		});
-
-		var index = createCommonjsModule(function (module) {
-		  var NativeCustomEvent = commonjsGlobal.CustomEvent;
-
-		  function useNative() {
-		    try {
-		      var p = new NativeCustomEvent('cat', { detail: { foo: 'bar' } });
-		      return 'cat' === p.type && 'bar' === p.detail.foo;
-		    } catch (e) {}
-		    return false;
-		  }
-
-		  /**
-		   * Cross-browser `CustomEvent` constructor.
-		   *
-		   * https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent.CustomEvent
-		   *
-		   * @public
-		   */
-
-		  module.exports = useNative() ? NativeCustomEvent :
-
-		  // IE >= 9
-		  'function' === typeof document.createEvent ? function CustomEvent(type, params) {
-		    var e = document.createEvent('CustomEvent');
-		    if (params) {
-		      e.initCustomEvent(type, params.bubbles, params.cancelable, params.detail);
-		    } else {
-		      e.initCustomEvent(type, false, false, void 0);
-		    }
-		    return e;
-		  } :
-
-		  // IE <= 8
-		  function CustomEvent(type, params) {
-		    var e = document.createEventObject();
-		    e.type = type;
-		    if (params) {
-		      e.bubbles = Boolean(params.bubbles);
-		      e.cancelable = Boolean(params.cancelable);
-		      e.detail = params.detail;
-		    } else {
-		      e.bubbles = false;
-		      e.cancelable = false;
-		      e.detail = void 0;
-		    }
-		    return e;
-		  };
-		});
-
-		var index$1 = interopDefault(index);
-
-	var require$$1$2 = Object.freeze({
-		  default: index$1
-		});
-
-		var eventmap = createCommonjsModule(function (module) {
-		  'use strict';
-
-		  var eventmap = [];
-		  var eventname = '';
-		  var ron = /^on/;
-
-		  for (eventname in commonjsGlobal) {
-		    if (ron.test(eventname)) {
-		      eventmap.push(eventname.slice(2));
-		    }
-		  }
-
-		  module.exports = eventmap;
-		});
-
-		var eventmap$1 = interopDefault(eventmap);
-
-	var require$$0$2 = Object.freeze({
-		  default: eventmap$1
-		});
-
-		var crossvent = createCommonjsModule(function (module) {
-		  'use strict';
-
-		  var customEvent = interopDefault(require$$1$2);
-		  var eventmap = interopDefault(require$$0$2);
-		  var doc = commonjsGlobal.document;
-		  var addEvent = addEventEasy;
-		  var removeEvent = removeEventEasy;
-		  var hardCache = [];
-
-		  if (!commonjsGlobal.addEventListener) {
-		    addEvent = addEventHard;
-		    removeEvent = removeEventHard;
-		  }
-
-		  module.exports = {
-		    add: addEvent,
-		    remove: removeEvent,
-		    fabricate: fabricateEvent
-		  };
-
-		  function addEventEasy(el, type, fn, capturing) {
-		    return el.addEventListener(type, fn, capturing);
-		  }
-
-		  function addEventHard(el, type, fn) {
-		    return el.attachEvent('on' + type, wrap(el, type, fn));
-		  }
-
-		  function removeEventEasy(el, type, fn, capturing) {
-		    return el.removeEventListener(type, fn, capturing);
-		  }
-
-		  function removeEventHard(el, type, fn) {
-		    var listener = unwrap(el, type, fn);
-		    if (listener) {
-		      return el.detachEvent('on' + type, listener);
-		    }
-		  }
-
-		  function fabricateEvent(el, type, model) {
-		    var e = eventmap.indexOf(type) === -1 ? makeCustomEvent() : makeClassicEvent();
-		    if (el.dispatchEvent) {
-		      el.dispatchEvent(e);
-		    } else {
-		      el.fireEvent('on' + type, e);
-		    }
-		    function makeClassicEvent() {
-		      var e;
-		      if (doc.createEvent) {
-		        e = doc.createEvent('Event');
-		        e.initEvent(type, true, true);
-		      } else if (doc.createEventObject) {
-		        e = doc.createEventObject();
-		      }
-		      return e;
-		    }
-		    function makeCustomEvent() {
-		      return new customEvent(type, { detail: model });
-		    }
-		  }
-
-		  function wrapperFactory(el, type, fn) {
-		    return function wrapper(originalEvent) {
-		      var e = originalEvent || commonjsGlobal.event;
-		      e.target = e.target || e.srcElement;
-		      e.preventDefault = e.preventDefault || function preventDefault() {
-		        e.returnValue = false;
-		      };
-		      e.stopPropagation = e.stopPropagation || function stopPropagation() {
-		        e.cancelBubble = true;
-		      };
-		      e.which = e.which || e.keyCode;
-		      fn.call(el, e);
-		    };
-		  }
-
-		  function wrap(el, type, fn) {
-		    var wrapper = unwrap(el, type, fn) || wrapperFactory(el, type, fn);
-		    hardCache.push({
-		      wrapper: wrapper,
-		      element: el,
-		      type: type,
-		      fn: fn
-		    });
-		    return wrapper;
-		  }
-
-		  function unwrap(el, type, fn) {
-		    var i = find(el, type, fn);
-		    if (i) {
-		      var wrapper = hardCache[i].wrapper;
-		      hardCache.splice(i, 1); // free up a tad of memory
-		      return wrapper;
-		    }
-		  }
-
-		  function find(el, type, fn) {
-		    var i, item;
-		    for (i = 0; i < hardCache.length; i++) {
-		      item = hardCache[i];
-		      if (item.element === el && item.type === type && item.fn === fn) {
-		        return i;
-		      }
-		    }
-		  }
-		});
-
-		var crossvent$1 = interopDefault(crossvent);
-		var add = crossvent.add;
-		var remove = crossvent.remove;
-		var fabricate = crossvent.fabricate;
-
-	var require$$1$1 = Object.freeze({
-		  default: crossvent$1,
-		  add: add,
-		  remove: remove,
-		  fabricate: fabricate
-		});
-
-		var classes = createCommonjsModule(function (module) {
-		  'use strict';
-
-		  var cache = {};
-		  var start = '(?:^|\\s)';
-		  var end = '(?:\\s|$)';
-
-		  function lookupClass(className) {
-		    var cached = cache[className];
-		    if (cached) {
-		      cached.lastIndex = 0;
-		    } else {
-		      cache[className] = cached = new RegExp(start + className + end, 'g');
-		    }
-		    return cached;
-		  }
-
-		  function addClass(el, className) {
-		    var current = el.className;
-		    if (!current.length) {
-		      el.className = className;
-		    } else if (!lookupClass(className).test(current)) {
-		      el.className += ' ' + className;
-		    }
-		  }
-
-		  function rmClass(el, className) {
-		    el.className = el.className.replace(lookupClass(className), ' ').trim();
-		  }
-
-		  module.exports = {
-		    add: addClass,
-		    rm: rmClass
-		  };
-		});
-
-		var classes$1 = interopDefault(classes);
-		var add$1 = classes.add;
-		var rm = classes.rm;
-
-	var require$$0$3 = Object.freeze({
-		  default: classes$1,
-		  add: add$1,
-		  rm: rm
-		});
-
-		var dragula = createCommonjsModule(function (module) {
-		  'use strict';
-
-		  var emitter = interopDefault(require$$2);
-		  var crossvent = interopDefault(require$$1$1);
-		  var classes = interopDefault(require$$0$3);
-		  var doc = document;
-		  var documentElement = doc.documentElement;
-
-		  function dragula(initialContainers, options) {
-		    var len = arguments.length;
-		    if (len === 1 && Array.isArray(initialContainers) === false) {
-		      options = initialContainers;
-		      initialContainers = [];
-		    }
-		    var _mirror; // mirror image
-		    var _source; // source container
-		    var _item; // item being dragged
-		    var _offsetX; // reference x
-		    var _offsetY; // reference y
-		    var _moveX; // reference move x
-		    var _moveY; // reference move y
-		    var _initialSibling; // reference sibling when grabbed
-		    var _currentSibling; // reference sibling now
-		    var _copy; // item used for copying
-		    var _renderTimer; // timer for setTimeout renderMirrorImage
-		    var _lastDropTarget = null; // last container item was over
-		    var _grabbed; // holds mousedown context until first mousemove
-
-		    var o = options || {};
-		    if (o.moves === void 0) {
-		      o.moves = always;
-		    }
-		    if (o.accepts === void 0) {
-		      o.accepts = always;
-		    }
-		    if (o.invalid === void 0) {
-		      o.invalid = invalidTarget;
-		    }
-		    if (o.containers === void 0) {
-		      o.containers = initialContainers || [];
-		    }
-		    if (o.isContainer === void 0) {
-		      o.isContainer = never;
-		    }
-		    if (o.copy === void 0) {
-		      o.copy = false;
-		    }
-		    if (o.copySortSource === void 0) {
-		      o.copySortSource = false;
-		    }
-		    if (o.revertOnSpill === void 0) {
-		      o.revertOnSpill = false;
-		    }
-		    if (o.removeOnSpill === void 0) {
-		      o.removeOnSpill = false;
-		    }
-		    if (o.direction === void 0) {
-		      o.direction = 'vertical';
-		    }
-		    if (o.ignoreInputTextSelection === void 0) {
-		      o.ignoreInputTextSelection = true;
-		    }
-		    if (o.mirrorContainer === void 0) {
-		      o.mirrorContainer = doc.body;
-		    }
-
-		    var drake = emitter({
-		      containers: o.containers,
-		      start: manualStart,
-		      end: end,
-		      cancel: cancel,
-		      remove: remove,
-		      destroy: destroy,
-		      canMove: canMove,
-		      dragging: false
-		    });
-
-		    if (o.removeOnSpill === true) {
-		      drake.on('over', spillOver).on('out', spillOut);
-		    }
-
-		    events();
-
-		    return drake;
-
-		    function isContainer(el) {
-		      return drake.containers.indexOf(el) !== -1 || o.isContainer(el);
-		    }
-
-		    function events(remove) {
-		      var op = remove ? 'remove' : 'add';
-		      touchy(documentElement, op, 'mousedown', grab);
-		      touchy(documentElement, op, 'mouseup', release);
-		    }
-
-		    function eventualMovements(remove) {
-		      var op = remove ? 'remove' : 'add';
-		      touchy(documentElement, op, 'mousemove', startBecauseMouseMoved);
-		    }
-
-		    function movements(remove) {
-		      var op = remove ? 'remove' : 'add';
-		      crossvent[op](documentElement, 'selectstart', preventGrabbed); // IE8
-		      crossvent[op](documentElement, 'click', preventGrabbed);
-		    }
-
-		    function destroy() {
-		      events(true);
-		      release({});
-		    }
-
-		    function preventGrabbed(e) {
-		      if (_grabbed) {
-		        e.preventDefault();
-		      }
-		    }
-
-		    function grab(e) {
-		      _moveX = e.clientX;
-		      _moveY = e.clientY;
-
-		      var ignore = whichMouseButton(e) !== 1 || e.metaKey || e.ctrlKey;
-		      if (ignore) {
-		        return; // we only care about honest-to-god left clicks and touch events
-		      }
-		      var item = e.target;
-		      var context = canStart(item);
-		      if (!context) {
-		        return;
-		      }
-		      _grabbed = context;
-		      eventualMovements();
-		      if (e.type === 'mousedown') {
-		        if (isInput(item)) {
-		          // see also: https://github.com/bevacqua/dragula/issues/208
-		          item.focus(); // fixes https://github.com/bevacqua/dragula/issues/176
-		        } else {
-		          e.preventDefault(); // fixes https://github.com/bevacqua/dragula/issues/155
-		        }
-		      }
-		    }
-
-		    function startBecauseMouseMoved(e) {
-		      if (!_grabbed) {
-		        return;
-		      }
-		      if (whichMouseButton(e) === 0) {
-		        release({});
-		        return; // when text is selected on an input and then dragged, mouseup doesn't fire. this is our only hope
-		      }
-		      // truthy check fixes #239, equality fixes #207
-		      if (e.clientX !== void 0 && e.clientX === _moveX && e.clientY !== void 0 && e.clientY === _moveY) {
-		        return;
-		      }
-		      if (o.ignoreInputTextSelection) {
-		        var clientX = getCoord('clientX', e);
-		        var clientY = getCoord('clientY', e);
-		        var elementBehindCursor = doc.elementFromPoint(clientX, clientY);
-		        if (isInput(elementBehindCursor)) {
-		          return;
-		        }
-		      }
-
-		      var grabbed = _grabbed; // call to end() unsets _grabbed
-		      eventualMovements(true);
-		      movements();
-		      end();
-		      start(grabbed);
-
-		      var offset = getOffset(_item);
-		      _offsetX = getCoord('pageX', e) - offset.left;
-		      _offsetY = getCoord('pageY', e) - offset.top;
-
-		      classes.add(_copy || _item, 'gu-transit');
-		      renderMirrorImage();
-		      drag(e);
-		    }
-
-		    function canStart(item) {
-		      if (drake.dragging && _mirror) {
-		        return;
-		      }
-		      if (isContainer(item)) {
-		        return; // don't drag container itself
-		      }
-		      var handle = item;
-		      while (getParent(item) && isContainer(getParent(item)) === false) {
-		        if (o.invalid(item, handle)) {
-		          return;
-		        }
-		        item = getParent(item); // drag target should be a top element
-		        if (!item) {
-		          return;
-		        }
-		      }
-		      var source = getParent(item);
-		      if (!source) {
-		        return;
-		      }
-		      if (o.invalid(item, handle)) {
-		        return;
-		      }
-
-		      var movable = o.moves(item, source, handle, nextEl(item));
-		      if (!movable) {
-		        return;
-		      }
-
-		      return {
-		        item: item,
-		        source: source
-		      };
-		    }
-
-		    function canMove(item) {
-		      return !!canStart(item);
-		    }
-
-		    function manualStart(item) {
-		      var context = canStart(item);
-		      if (context) {
-		        start(context);
-		      }
-		    }
-
-		    function start(context) {
-		      if (isCopy(context.item, context.source)) {
-		        _copy = context.item.cloneNode(true);
-		        drake.emit('cloned', _copy, context.item, 'copy');
-		      }
-
-		      _source = context.source;
-		      _item = context.item;
-		      _initialSibling = _currentSibling = nextEl(context.item);
-
-		      drake.dragging = true;
-		      drake.emit('drag', _item, _source);
-		    }
-
-		    function invalidTarget() {
-		      return false;
-		    }
-
-		    function end() {
-		      if (!drake.dragging) {
-		        return;
-		      }
-		      var item = _copy || _item;
-		      drop(item, getParent(item));
-		    }
-
-		    function ungrab() {
-		      _grabbed = false;
-		      eventualMovements(true);
-		      movements(true);
-		    }
-
-		    function release(e) {
-		      ungrab();
-
-		      if (!drake.dragging) {
-		        return;
-		      }
-		      var item = _copy || _item;
-		      var clientX = getCoord('clientX', e);
-		      var clientY = getCoord('clientY', e);
-		      var elementBehindCursor = getElementBehindPoint(_mirror, clientX, clientY);
-		      var dropTarget = findDropTarget(elementBehindCursor, clientX, clientY);
-		      if (dropTarget && (_copy && o.copySortSource || !_copy || dropTarget !== _source)) {
-		        drop(item, dropTarget);
-		      } else if (o.removeOnSpill) {
-		        remove();
-		      } else {
-		        cancel();
-		      }
-		    }
-
-		    function drop(item, target) {
-		      var parent = getParent(item);
-		      if (_copy && o.copySortSource && target === _source) {
-		        parent.removeChild(_item);
-		      }
-		      if (isInitialPlacement(target)) {
-		        drake.emit('cancel', item, _source, _source);
-		      } else {
-		        drake.emit('drop', item, target, _source, _currentSibling);
-		      }
-		      cleanup();
-		    }
-
-		    function remove() {
-		      if (!drake.dragging) {
-		        return;
-		      }
-		      var item = _copy || _item;
-		      var parent = getParent(item);
-		      if (parent) {
-		        parent.removeChild(item);
-		      }
-		      drake.emit(_copy ? 'cancel' : 'remove', item, parent, _source);
-		      cleanup();
-		    }
-
-		    function cancel(revert) {
-		      if (!drake.dragging) {
-		        return;
-		      }
-		      var reverts = arguments.length > 0 ? revert : o.revertOnSpill;
-		      var item = _copy || _item;
-		      var parent = getParent(item);
-		      var initial = isInitialPlacement(parent);
-		      if (initial === false && reverts) {
-		        if (_copy) {
-		          if (parent) {
-		            parent.removeChild(_copy);
-		          }
-		        } else {
-		          _source.insertBefore(item, _initialSibling);
-		        }
-		      }
-		      if (initial || reverts) {
-		        drake.emit('cancel', item, _source, _source);
-		      } else {
-		        drake.emit('drop', item, parent, _source, _currentSibling);
-		      }
-		      cleanup();
-		    }
-
-		    function cleanup() {
-		      var item = _copy || _item;
-		      ungrab();
-		      removeMirrorImage();
-		      if (item) {
-		        classes.rm(item, 'gu-transit');
-		      }
-		      if (_renderTimer) {
-		        clearTimeout(_renderTimer);
-		      }
-		      drake.dragging = false;
-		      if (_lastDropTarget) {
-		        drake.emit('out', item, _lastDropTarget, _source);
-		      }
-		      drake.emit('dragend', item);
-		      _source = _item = _copy = _initialSibling = _currentSibling = _renderTimer = _lastDropTarget = null;
-		    }
-
-		    function isInitialPlacement(target, s) {
-		      var sibling;
-		      if (s !== void 0) {
-		        sibling = s;
-		      } else if (_mirror) {
-		        sibling = _currentSibling;
-		      } else {
-		        sibling = nextEl(_copy || _item);
-		      }
-		      return target === _source && sibling === _initialSibling;
-		    }
-
-		    function findDropTarget(elementBehindCursor, clientX, clientY) {
-		      var target = elementBehindCursor;
-		      while (target && !accepted()) {
-		        target = getParent(target);
-		      }
-		      return target;
-
-		      function accepted() {
-		        var droppable = isContainer(target);
-		        if (droppable === false) {
-		          return false;
-		        }
-
-		        var immediate = getImmediateChild(target, elementBehindCursor);
-		        var reference = getReference(target, immediate, clientX, clientY);
-		        var initial = isInitialPlacement(target, reference);
-		        if (initial) {
-		          return true; // should always be able to drop it right back where it was
-		        }
-		        return o.accepts(_item, target, _source, reference);
-		      }
-		    }
-
-		    function drag(e) {
-		      if (!_mirror) {
-		        return;
-		      }
-		      e.preventDefault();
-
-		      var clientX = getCoord('clientX', e);
-		      var clientY = getCoord('clientY', e);
-		      var x = clientX - _offsetX;
-		      var y = clientY - _offsetY;
-
-		      _mirror.style.left = x + 'px';
-		      _mirror.style.top = y + 'px';
-
-		      var item = _copy || _item;
-		      var elementBehindCursor = getElementBehindPoint(_mirror, clientX, clientY);
-		      var dropTarget = findDropTarget(elementBehindCursor, clientX, clientY);
-		      var changed = dropTarget !== null && dropTarget !== _lastDropTarget;
-		      if (changed || dropTarget === null) {
-		        out();
-		        _lastDropTarget = dropTarget;
-		        over();
-		      }
-		      var parent = getParent(item);
-		      if (dropTarget === _source && _copy && !o.copySortSource) {
-		        if (parent) {
-		          parent.removeChild(item);
-		        }
-		        return;
-		      }
-		      var reference;
-		      var immediate = getImmediateChild(dropTarget, elementBehindCursor);
-		      if (immediate !== null) {
-		        reference = getReference(dropTarget, immediate, clientX, clientY);
-		      } else if (o.revertOnSpill === true && !_copy) {
-		        reference = _initialSibling;
-		        dropTarget = _source;
-		      } else {
-		        if (_copy && parent) {
-		          parent.removeChild(item);
-		        }
-		        return;
-		      }
-		      if (reference === null && changed || reference !== item && reference !== nextEl(item)) {
-		        _currentSibling = reference;
-		        dropTarget.insertBefore(item, reference);
-		        drake.emit('shadow', item, dropTarget, _source);
-		      }
-		      function moved(type) {
-		        drake.emit(type, item, _lastDropTarget, _source);
-		      }
-		      function over() {
-		        if (changed) {
-		          moved('over');
-		        }
-		      }
-		      function out() {
-		        if (_lastDropTarget) {
-		          moved('out');
-		        }
-		      }
-		    }
-
-		    function spillOver(el) {
-		      classes.rm(el, 'gu-hide');
-		    }
-
-		    function spillOut(el) {
-		      if (drake.dragging) {
-		        classes.add(el, 'gu-hide');
-		      }
-		    }
-
-		    function renderMirrorImage() {
-		      if (_mirror) {
-		        return;
-		      }
-		      var rect = _item.getBoundingClientRect();
-		      _mirror = _item.cloneNode(true);
-		      _mirror.style.width = getRectWidth(rect) + 'px';
-		      _mirror.style.height = getRectHeight(rect) + 'px';
-		      classes.rm(_mirror, 'gu-transit');
-		      classes.add(_mirror, 'gu-mirror');
-		      o.mirrorContainer.appendChild(_mirror);
-		      touchy(documentElement, 'add', 'mousemove', drag);
-		      classes.add(o.mirrorContainer, 'gu-unselectable');
-		      drake.emit('cloned', _mirror, _item, 'mirror');
-		    }
-
-		    function removeMirrorImage() {
-		      if (_mirror) {
-		        classes.rm(o.mirrorContainer, 'gu-unselectable');
-		        touchy(documentElement, 'remove', 'mousemove', drag);
-		        getParent(_mirror).removeChild(_mirror);
-		        _mirror = null;
-		      }
-		    }
-
-		    function getImmediateChild(dropTarget, target) {
-		      var immediate = target;
-		      while (immediate !== dropTarget && getParent(immediate) !== dropTarget) {
-		        immediate = getParent(immediate);
-		      }
-		      if (immediate === documentElement) {
-		        return null;
-		      }
-		      return immediate;
-		    }
-
-		    function getReference(dropTarget, target, x, y) {
-		      var horizontal = o.direction === 'horizontal';
-		      var reference = target !== dropTarget ? inside() : outside();
-		      return reference;
-
-		      function outside() {
-		        // slower, but able to figure out any position
-		        var len = dropTarget.children.length;
-		        var i;
-		        var el;
-		        var rect;
-		        for (i = 0; i < len; i++) {
-		          el = dropTarget.children[i];
-		          rect = el.getBoundingClientRect();
-		          if (horizontal && rect.left + rect.width / 2 > x) {
-		            return el;
-		          }
-		          if (!horizontal && rect.top + rect.height / 2 > y) {
-		            return el;
-		          }
-		        }
-		        return null;
-		      }
-
-		      function inside() {
-		        // faster, but only available if dropped inside a child element
-		        var rect = target.getBoundingClientRect();
-		        if (horizontal) {
-		          return resolve(x > rect.left + getRectWidth(rect) / 2);
-		        }
-		        return resolve(y > rect.top + getRectHeight(rect) / 2);
-		      }
-
-		      function resolve(after) {
-		        return after ? nextEl(target) : target;
-		      }
-		    }
-
-		    function isCopy(item, container) {
-		      return typeof o.copy === 'boolean' ? o.copy : o.copy(item, container);
-		    }
-		  }
-
-		  function touchy(el, op, type, fn) {
-		    var touch = {
-		      mouseup: 'touchend',
-		      mousedown: 'touchstart',
-		      mousemove: 'touchmove'
-		    };
-		    var pointers = {
-		      mouseup: 'pointerup',
-		      mousedown: 'pointerdown',
-		      mousemove: 'pointermove'
-		    };
-		    var microsoft = {
-		      mouseup: 'MSPointerUp',
-		      mousedown: 'MSPointerDown',
-		      mousemove: 'MSPointerMove'
-		    };
-		    if (commonjsGlobal.navigator.pointerEnabled) {
-		      crossvent[op](el, pointers[type], fn);
-		    } else if (commonjsGlobal.navigator.msPointerEnabled) {
-		      crossvent[op](el, microsoft[type], fn);
-		    } else {
-		      crossvent[op](el, touch[type], fn);
-		      crossvent[op](el, type, fn);
-		    }
-		  }
-
-		  function whichMouseButton(e) {
-		    if (e.touches !== void 0) {
-		      return e.touches.length;
-		    }
-		    if (e.which !== void 0 && e.which !== 0) {
-		      return e.which;
-		    } // see https://github.com/bevacqua/dragula/issues/261
-		    if (e.buttons !== void 0) {
-		      return e.buttons;
-		    }
-		    var button = e.button;
-		    if (button !== void 0) {
-		      // see https://github.com/jquery/jquery/blob/99e8ff1baa7ae341e94bb89c3e84570c7c3ad9ea/src/event.js#L573-L575
-		      return button & 1 ? 1 : button & 2 ? 3 : button & 4 ? 2 : 0;
-		    }
-		  }
-
-		  function getOffset(el) {
-		    var rect = el.getBoundingClientRect();
-		    return {
-		      left: rect.left + getScroll('scrollLeft', 'pageXOffset'),
-		      top: rect.top + getScroll('scrollTop', 'pageYOffset')
-		    };
-		  }
-
-		  function getScroll(scrollProp, offsetProp) {
-		    if (typeof commonjsGlobal[offsetProp] !== 'undefined') {
-		      return commonjsGlobal[offsetProp];
-		    }
-		    if (documentElement.clientHeight) {
-		      return documentElement[scrollProp];
-		    }
-		    return doc.body[scrollProp];
-		  }
-
-		  function getElementBehindPoint(point, x, y) {
-		    var p = point || {};
-		    var state = p.className;
-		    var el;
-		    p.className += ' gu-hide';
-		    el = doc.elementFromPoint(x, y);
-		    p.className = state;
-		    return el;
-		  }
-
-		  function never() {
-		    return false;
-		  }
-		  function always() {
-		    return true;
-		  }
-		  function getRectWidth(rect) {
-		    return rect.width || rect.right - rect.left;
-		  }
-		  function getRectHeight(rect) {
-		    return rect.height || rect.bottom - rect.top;
-		  }
-		  function getParent(el) {
-		    return el.parentNode === doc ? null : el.parentNode;
-		  }
-		  function isInput(el) {
-		    return el.tagName === 'INPUT' || el.tagName === 'TEXTAREA' || el.tagName === 'SELECT' || isEditable(el);
-		  }
-		  function isEditable(el) {
-		    if (!el) {
-		      return false;
-		    } // no parents were editable
-		    if (el.contentEditable === 'false') {
-		      return false;
-		    } // stop the lookup
-		    if (el.contentEditable === 'true') {
-		      return true;
-		    } // found a contentEditable element in the chain
-		    return isEditable(getParent(el)); // contentEditable is set to 'inherit'
-		  }
-
-		  function nextEl(el) {
-		    return el.nextElementSibling || manually();
-		    function manually() {
-		      var sibling = el;
-		      do {
-		        sibling = sibling.nextSibling;
-		      } while (sibling && sibling.nodeType !== 1);
-		      return sibling;
-		    }
-		  }
-
-		  function getEventHost(e) {
-		    // on touchend event, we have to use `e.changedTouches`
-		    // see http://stackoverflow.com/questions/7192563/touchend-event-properties
-		    // see https://github.com/bevacqua/dragula/issues/34
-		    if (e.targetTouches && e.targetTouches.length) {
-		      return e.targetTouches[0];
-		    }
-		    if (e.changedTouches && e.changedTouches.length) {
-		      return e.changedTouches[0];
-		    }
-		    return e;
-		  }
-
-		  function getCoord(coord, e) {
-		    var host = getEventHost(e);
-		    var missMap = {
-		      pageX: 'clientX', // IE8
-		      pageY: 'clientY' // IE8
-		    };
-		    if (coord in missMap && !(coord in host) && missMap[coord] in host) {
-		      coord = missMap[coord];
-		    }
-		    return host[coord];
-		  }
-
-		  module.exports = dragula;
-		});
-
-		var dragula$1 = interopDefault(dragula);
-
-		var asyncGenerator = function () {
-		  function AwaitValue(value) {
-		    this.value = value;
-		  }
-
-		  function AsyncGenerator(gen) {
-		    var front, back;
-
-		    function send(key, arg) {
-		      return new Promise(function (resolve, reject) {
-		        var request = {
-		          key: key,
-		          arg: arg,
-		          resolve: resolve,
-		          reject: reject,
-		          next: null
-		        };
-
-		        if (back) {
-		          back = back.next = request;
-		        } else {
-		          front = back = request;
-		          resume(key, arg);
-		        }
-		      });
-		    }
-
-		    function resume(key, arg) {
-		      try {
-		        var result = gen[key](arg);
-		        var value = result.value;
-
-		        if (value instanceof AwaitValue) {
-		          Promise.resolve(value.value).then(function (arg) {
-		            resume("next", arg);
-		          }, function (arg) {
-		            resume("throw", arg);
-		          });
-		        } else {
-		          settle(result.done ? "return" : "normal", result.value);
-		        }
-		      } catch (err) {
-		        settle("throw", err);
-		      }
-		    }
-
-		    function settle(type, value) {
-		      switch (type) {
-		        case "return":
-		          front.resolve({
-		            value: value,
-		            done: true
-		          });
-		          break;
-
-		        case "throw":
-		          front.reject(value);
-		          break;
-
-		        default:
-		          front.resolve({
-		            value: value,
-		            done: false
-		          });
-		          break;
-		      }
-
-		      front = front.next;
-
-		      if (front) {
-		        resume(front.key, front.arg);
-		      } else {
-		        back = null;
-		      }
-		    }
-
-		    this._invoke = send;
-
-		    if (typeof gen.return !== "function") {
-		      this.return = undefined;
-		    }
-		  }
-
-		  if (typeof Symbol === "function" && Symbol.asyncIterator) {
-		    AsyncGenerator.prototype[Symbol.asyncIterator] = function () {
-		      return this;
-		    };
-		  }
-
-		  AsyncGenerator.prototype.next = function (arg) {
-		    return this._invoke("next", arg);
-		  };
-
-		  AsyncGenerator.prototype.throw = function (arg) {
-		    return this._invoke("throw", arg);
-		  };
-
-		  AsyncGenerator.prototype.return = function (arg) {
-		    return this._invoke("return", arg);
-		  };
-
-		  return {
-		    wrap: function (fn) {
-		      return function () {
-		        return new AsyncGenerator(fn.apply(this, arguments));
-		      };
-		    },
-		    await: function (value) {
-		      return new AwaitValue(value);
-		    }
-		  };
-		}();
-
-		var classCallCheck = function (instance, Constructor) {
-		  if (!(instance instanceof Constructor)) {
-		    throw new TypeError("Cannot call a class as a function");
-		  }
-		};
-
-		var createClass = function () {
-		  function defineProperties(target, props) {
-		    for (var i = 0; i < props.length; i++) {
-		      var descriptor = props[i];
-		      descriptor.enumerable = descriptor.enumerable || false;
-		      descriptor.configurable = true;
-		      if ("value" in descriptor) descriptor.writable = true;
-		      Object.defineProperty(target, descriptor.key, descriptor);
-		    }
-		  }
-
-		  return function (Constructor, protoProps, staticProps) {
-		    if (protoProps) defineProperties(Constructor.prototype, protoProps);
-		    if (staticProps) defineProperties(Constructor, staticProps);
-		    return Constructor;
-		  };
-		}();
-
-		if (!dragula$1) {
-		  throw new Error('[vue-dragula] cannot locate dragula.');
-		}
-
-		var raf = window.requestAnimationFrame;
-		var waitForTransition = raf ? function (fn) {
-		  raf(function () {
-		    raf(fn);
-		  });
-		} : function (fn) {
-		  window.setTimeout(fn, 50);
-		};
-
-		var DragulaService = function () {
-		  function DragulaService(Vue) {
-		    classCallCheck(this, DragulaService);
-
-		    this.bags = []; // bag store
-		    this.eventBus = new Vue();
-		    this.events = ['cancel', 'cloned', 'drag', 'dragend', 'drop', 'out', 'over', 'remove', 'shadow', 'dropModel', 'removeModel'];
-		  }
-
-		  createClass(DragulaService, [{
-		    key: 'add',
-		    value: function add(name, drake) {
-		      var bag = this.find(name);
-		      if (bag) {
-		        throw new Error('Bag named: "' + name + '" already exists.');
-		      }
-		      bag = {
-		        name: name,
-		        drake: drake
-		      };
-		      this.bags.push(bag);
-		      if (drake.models) {
-		        this.handleModels(name, drake);
-		      }
-		      if (!bag.initEvents) {
-		        this.setupEvents(bag);
-		      }
-		      return bag;
-		    }
-		  }, {
-		    key: 'find',
-		    value: function find(name) {
-		      var bags = this.bags;
-		      for (var i = 0; i < bags.length; i++) {
-		        if (bags[i].name === name) {
-		          return bags[i];
-		        }
-		      }
-		    }
-		  }, {
-		    key: 'handleModels',
-		    value: function handleModels(name, drake) {
-		      var _this2 = this;
-
-		      if (drake.registered) {
-		        // do not register events twice
-		        return;
-		      }
-		      var dragElm = void 0;
-		      var dragIndex = void 0;
-		      var dropIndex = void 0;
-		      var sourceModel = void 0;
-		      drake.on('remove', function (el, container, source) {
-		        if (!drake.models) {
-		          return;
-		        }
-		        sourceModel = _this2.findModelForContainer(source, drake);
-		        sourceModel.splice(dragIndex, 1);
-		        drake.cancel(true);
-		        _this2.eventBus.$emit('removeModel', [name, el, source, dragIndex]);
-		      });
-		      drake.on('drag', function (el, source) {
-		        dragElm = el;
-		        dragIndex = _this2.domIndexOf(el, source);
-		      });
-		      drake.on('drop', function (dropElm, target, source) {
-		        if (!drake.models || !target) {
-		          return;
-		        }
-		        dropIndex = _this2.domIndexOf(dropElm, target);
-		        sourceModel = _this2.findModelForContainer(source, drake);
-
-		        if (target === source) {
-		          sourceModel.splice(dropIndex, 0, sourceModel.splice(dragIndex, 1)[0]);
-		        } else {
-		          var notCopy = dragElm === dropElm;
-		          var targetModel = _this2.findModelForContainer(target, drake);
-		          var dropElmModel = notCopy ? sourceModel[dragIndex] : JSON.parse(JSON.stringify(sourceModel[dragIndex]));
-
-		          if (notCopy) {
-		            waitForTransition(function () {
-		              sourceModel.splice(dragIndex, 1);
-		            });
-		          }
-		          targetModel.splice(dropIndex, 0, dropElmModel);
-		          drake.cancel(true);
-		        }
-		        _this2.eventBus.$emit('dropModel', [name, dropElm, target, source, dropIndex]);
-		      });
-		      drake.registered = true;
-		    }
-		  }, {
-		    key: 'destroy',
-		    value: function destroy(name) {
-		      var bag = this.find(name);
-		      if (!bag) {
-		        return;
-		      }
-		      var bagIndex = this.bags.indexOf(bag);
-		      this.bags.splice(bagIndex, 1);
-		      bag.drake.destroy();
-		    }
-		  }, {
-		    key: 'setOptions',
-		    value: function setOptions(name, options) {
-		      var bag = this.add(name, dragula$1(options));
-		      this.handleModels(name, bag.drake);
-		    }
-		  }, {
-		    key: 'setupEvents',
-		    value: function setupEvents(bag) {
-		      bag.initEvents = true;
-		      var _this = this;
-		      var emitter = function emitter(type) {
-		        function replicate() {
-		          var args = Array.prototype.slice.call(arguments);
-		          _this.eventBus.$emit(type, [bag.name].concat(args));
-		        }
-		        bag.drake.on(type, replicate);
-		      };
-		      this.events.forEach(emitter);
-		    }
-		  }, {
-		    key: 'domIndexOf',
-		    value: function domIndexOf(child, parent) {
-		      return Array.prototype.indexOf.call(parent.children, child);
-		    }
-		  }, {
-		    key: 'findModelForContainer',
-		    value: function findModelForContainer(container, drake) {
-		      return (this.findModelContainerByContainer(container, drake) || {}).model;
-		    }
-		  }, {
-		    key: 'findModelContainerByContainer',
-		    value: function findModelContainerByContainer(container, drake) {
-		      if (!drake.models) {
-		        return;
-		      }
-		      return drake.models.find(function (model) {
-		        return model.container === container;
-		      });
-		    }
-		  }]);
-		  return DragulaService;
-		}();
-
-		if (!dragula$1) {
-		  throw new Error('[vue-dragula] cannot locate dragula.');
-		}
-
-		function VueDragula (Vue) {
-		  var service = new DragulaService(Vue);
-
-		  var name = 'globalBag';
-		  var drake = void 0;
-
-		  Vue.$dragula = {
-		    options: service.setOptions.bind(service),
-		    find: service.find.bind(service),
-		    eventBus: service.eventBus
-		  };
-		  Vue.prototype.$dragula = Vue.$dragula;
-
-		  Vue.directive('dragula', {
-		    params: ['bag'],
-
-		    bind: function bind(container, binding, vnode) {
-		      var bagName = vnode ? vnode.data.attrs.bag // Vue 2
-		      : this.params.bag; // Vue 1
-		      if (!vnode) {
-		        container = this.el; // Vue 1
-		      }
-		      if (bagName !== undefined && bagName.length !== 0) {
-		        name = bagName;
-		      }
-		      var bag = service.find(name);
-		      if (bag) {
-		        drake = bag.drake;
-		        drake.containers.push(container);
-		        return;
-		      }
-		      drake = dragula$1({
-		        containers: [container]
-		      });
-		      service.add(name, drake);
-
-		      service.handleModels(name, drake);
-		    },
-		    update: function update(container, binding, vnode, oldVnode) {
-		      var newValue = vnode ? binding.value // Vue 2
-		      : container; // Vue 1
-		      if (!newValue) {
-		        return;
-		      }
-
-		      var bagName = vnode ? vnode.data.attrs.bag // Vue 2
-		      : this.params.bag; // Vue 1
-		      if (bagName !== undefined && bagName.length !== 0) {
-		        name = bagName;
-		      }
-		      var bag = service.find(name);
-		      drake = bag.drake;
-		      if (!drake.models) {
-		        drake.models = [];
-		      }
-
-		      if (!vnode) {
-		        container = this.el; // Vue 1
-		      }
-		      var modelContainer = service.findModelContainerByContainer(container, drake);
-
-		      if (modelContainer) {
-		        modelContainer.model = newValue;
-		      } else {
-		        drake.models.push({
-		          model: newValue,
-		          container: container
-		        });
-		      }
-		    },
-		    unbind: function unbind(container, binding, vnode) {
-		      var unbindBagName = 'globalBag';
-		      var bagName = vnode ? vnode.data.attrs.bag // Vue 2
-		      : this.params.bag; // Vue 1
-		      if (bagName !== undefined && bagName.length !== 0) {
-		        unbindBagName = bagName;
-		      }
-		      var drake = service.find(unbindBagName).drake;
-		      if (!drake) {
-		        return;
-		      }
-		      var containerIndex = drake.containers.indexOf(container);
-		      if (containerIndex > -1) {
-		        drake.containers.splice(containerIndex, 1);
-		      }
-		      if (drake.containers.length === 0) {
-		        service.destroy(unbindBagName);
-		      }
-		    }
-		  });
-		}
-
-		function plugin(Vue) {
-		  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-		  if (plugin.installed) {
-		    console.warn('[vue-dragula] already installed.');
-		  }
-
-		  VueDragula(Vue);
-		}
-
-		plugin.version = '1.0.0';
-
-		if (true) {
-		  // eslint-disable-line
-		  !(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = function () {
-		    plugin;
-		  }.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__)); // eslint-disable-line
-		} else if (window.Vue) {
-		  window.Vue.use(plugin);
-		}
-
-		return plugin;
-
-	}));
-	/* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }()), __webpack_require__(4).setImmediate, __webpack_require__(2)))
-
-/***/ },
-/* 4 */
-/***/ function(module, exports, __webpack_require__) {
-
-	/* WEBPACK VAR INJECTION */(function(setImmediate, clearImmediate) {var nextTick = __webpack_require__(2).nextTick;
-	var apply = Function.prototype.apply;
-	var slice = Array.prototype.slice;
-	var immediateIds = {};
-	var nextImmediateId = 0;
-
-	// DOM APIs, for completeness
-
-	exports.setTimeout = function() {
-	  return new Timeout(apply.call(setTimeout, window, arguments), clearTimeout);
-	};
-	exports.setInterval = function() {
-	  return new Timeout(apply.call(setInterval, window, arguments), clearInterval);
-	};
-	exports.clearTimeout =
-	exports.clearInterval = function(timeout) { timeout.close(); };
-
-	function Timeout(id, clearFn) {
-	  this._id = id;
-	  this._clearFn = clearFn;
-	}
-	Timeout.prototype.unref = Timeout.prototype.ref = function() {};
-	Timeout.prototype.close = function() {
-	  this._clearFn.call(window, this._id);
-	};
-
-	// Does not start the time, just sets up the members needed.
-	exports.enroll = function(item, msecs) {
-	  clearTimeout(item._idleTimeoutId);
-	  item._idleTimeout = msecs;
-	};
-
-	exports.unenroll = function(item) {
-	  clearTimeout(item._idleTimeoutId);
-	  item._idleTimeout = -1;
-	};
-
-	exports._unrefActive = exports.active = function(item) {
-	  clearTimeout(item._idleTimeoutId);
-
-	  var msecs = item._idleTimeout;
-	  if (msecs >= 0) {
-	    item._idleTimeoutId = setTimeout(function onTimeout() {
-	      if (item._onTimeout)
-	        item._onTimeout();
-	    }, msecs);
-	  }
-	};
-
-	// That's not how node.js implements it but the exposed api is the same.
-	exports.setImmediate = typeof setImmediate === "function" ? setImmediate : function(fn) {
-	  var id = nextImmediateId++;
-	  var args = arguments.length < 2 ? false : slice.call(arguments, 1);
-
-	  immediateIds[id] = true;
-
-	  nextTick(function onNextTick() {
-	    if (immediateIds[id]) {
-	      // fn.call() is faster so we optimize for the common use-case
-	      // @see http://jsperf.com/call-apply-segu
-	      if (args) {
-	        fn.apply(null, args);
-	      } else {
-	        fn.call(null);
-	      }
-	      // Prevent ids from leaking
-	      exports.clearImmediate(id);
-	    }
-	  });
-
-	  return id;
-	};
-
-	exports.clearImmediate = typeof clearImmediate === "function" ? clearImmediate : function(id) {
-	  delete immediateIds[id];
-	};
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4).setImmediate, __webpack_require__(4).clearImmediate))
-
-/***/ },
-/* 5 */
-/***/ function(module, exports) {
-
-	module.exports = `  <h1>
-	    <a href="https://github.com/Astray-git/vue-dragula">
-	    <img src="../resources/logo.svg" onerror="this.src='resources/logo.png'" alt="vue-dragula"/></a>
-	  </h1>
-	  <h3 class="tagline">Drag and drop so simple it hurts</h3>
-	  <a href="https://github.com/Astray-git/vue-dragula">
-	    <img class="gh-fork"
-	    src="https://camo.githubusercontent.com/52760788cde945287fbb584134c4cbc2bc36f904/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f77686974655f6666666666662e706e67"
-	    alt="Fork me on GitHub"
-	    data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png" />
-	  </a>
-	  <div class="parent">Note: these examples mimic the ones for <code>dragula</code>, but using <code>vue-dragula</code>.</div>
-	  <div class="examples" id="examples">
-	    <div class="parent">
-	      <label>Move stuff between these two containers. Note how the stuff gets inserted near the mouse pointer? Great stuff.</label>
-	      <div class="wrapper">
-	        <div class="container" v-dragula="colOne" bag="first-bag">
-	          <div v-for="text in colOne" @click="onClick">{{text}} [click me]</div>
-	        </div>
-	        <div class="container" v-dragula="colTwo" bag="first-bag">
-	          <div v-for="text in colTwo">{{text}}</div>
-	        </div>
-	      </div>
-	      <pre>
-	        <code>
-	          &lt;div v-dragula=&quot;colOne&quot; bag=&quot;first-bag&quot;&gt;&lt;/div&gt;
-	          &lt;div v-dragula=&quot;colTwo&quot; bag=&quot;first-bag&quot;&gt;&lt;/div&gt;
-	        </code>
-	      </pre>
-	      <h4>Result</h5>
-	      <p>
-	        <h5>colOne</h5>
-	        {{colOne | json}}
-	      </p>
-
-	      <p>
-	        <h5>colTwo</h5>
-	        {{colTwo | json}}
-	      </p>
-	    </div>
-	  </div>
-
-	  <div class="examples" id="examples-2">
-	    <div class="parent">
-	      <label>Modify items in dragula bag  with transition</label>
-	      <div class="wrapper" v-for="container in categories">
-	        <div class="container" v-dragula="container" bag="second-bag">
-	          <div v-for="number in container" transition="scale">{{number}}</div>
-	        </div>
-	      </div>
-	      <button @click="testModify">Modify Items</button>
-	    </div>
-	  </div>
-
-	  <div class="examples" id="examples-3">
-	    <div class="parent">
-	      <label>Copy between containers</label>
-	      <div class="wrapper">
-	        <div class="container" v-dragula="copyOne" bag="third-bag">
-	          <div v-for="text in copyOne" track-by="$index">{{text}}</div>
-	        </div>
-	        <div class="container" v-dragula="copyTwo" bag="third-bag">
-	          <div v-for="text in copyTwo" track-by="$index">{{text}}</div>
-	        </div>
-	      </div>
-	    </div>
-	  </div>`
-
-/***/ }
-/******/ ]);
\ No newline at end of file
diff --git a/example/example.css b/example/example.css
deleted file mode 100644
index 41decc4..0000000
--- a/example/example.css
+++ /dev/null
@@ -1,186 +0,0 @@
-body {
-  background-color: #942A57;
-  margin: 0 auto;
-  max-width: 760px;
-}
-
-html, body {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-}
-
-*, *:before, *:after {
-  -webkit-box-sizing: inherit;
-  -moz-box-sizing: inherit;
-  box-sizing: inherit;
-}
-
-body, input, button {
-  font-family: Georgia, Helvetica;
-  font-size: 17px;
-  color: #ecf0f1;
-}
-
-h1 {
-  text-align: center;
-  background-color: #AC5C7E;
-  margin-top: 20px;
-  margin-bottom: 0;
-  padding: 10px;
-}
-
-h3 {
-  background-color: rgba(255, 255, 255, 0.2);
-  border-bottom: 5px solid #A13462;
-  text-align: center;
-  padding: 10px;
-}
-
-h3 div {
-  margin-bottom: 10px;
-}
-
-.tagline {
-  margin-top: 0;
-}
-
-a {
-  font-weight: bold;
-}
-a,
-a:hover {
-  color: #ecf0f1;
-}
-
-pre {
-  white-space: pre-wrap;
-}
-
-pre code {
-  color: #fff;
-  font-size: 14px;
-  line-height: 1.3;
-}
-
-label {
-  display: block;
-  margin-bottom: 15px;
-}
-
-sub {
-  display: block;
-  margin-top: -10px;
-  margin-bottom: 15px;
-  font-size: 11px;
-  font-style: italic;
-}
-
-ul {
-  margin: 0;
-  padding: 0;
-}
-
-.parent {
-  background-color: rgba(255, 255, 255, 0.2);
-  margin: 50px 0;
-  padding: 20px;
-}
-
-input {
-  border: none;
-  outline: none;
-  background-color: #ecf0f1;
-  padding: 10px;
-  color: #942A57;
-  border: 0;
-  margin: 5px 0;
-  display: block;
-  width: 100%;
-}
-
-button {
-  background-color: #ecf0f1;
-  color: #942A57;
-  border: 0;
-  padding: 18px 12px;
-  margin-left: 6px;
-  cursor: pointer;
-  outline: none;
-}
-
-button:hover {
-  background-color: #e74c3c;
-  color: #ecf0f1;
-}
-
-.gh-fork {
-  position: fixed;
-  top: 0;
-  right: 0;
-  border: 0;
-}
-
-/* dragula-specific example page styles */
-.wrapper {
-  display: table;
-}
-.container {
-  display: block;
-  width: 100%;
-  padding: 10px;
-  background-color: rgba(255, 255, 255, 0.2);
-}
-.container:nth-child(odd) {
-  background-color: rgba(0, 0, 0, 0.2);
-}
-/*
- * note that styling gu-mirror directly is a bad practice because it's too generic.
- * you're better off giving the draggable elements a unique class and styling that directly!
- */
-.container div,
-.gu-mirror {
-  padding: 10px;
-  background-color: rgba(0, 0, 0, 0.2);
-  transition: opacity 0.4s ease-in-out;
-}
-.container div {
-  cursor: move;
-  cursor: grab;
-  cursor: -moz-grab;
-  cursor: -webkit-grab;
-  margin-bottom: 10px;
-}
-.container div:last-child {
-  margin-bottom: 0;
-}
-.gu-mirror {
-  cursor: grabbing;
-  cursor: -moz-grabbing;
-  cursor: -webkit-grabbing;
-}
-.container .ex-moved {
-  background-color: #e74c3c;
-}
-.container.ex-over {
-  background-color: rgba(255, 255, 255, 0.3);
-}
-.handle {
-  padding: 0 5px;
-  margin-right: 5px;
-  background-color: rgba(0, 0, 0, 0.4);
-  cursor: move;
-}
-
-/* example styles */
-.container .scale-transition {
-  overflow: hidden;
-  height: 40px;
-  transition: height .2s;
-}
-.container .scale-enter {
-  height: 0px;
-}
-.container .scale-leave {
-  height: 0px;
-}
diff --git a/example/example.js b/example/example.js
deleted file mode 100644
index 0dabaaf..0000000
--- a/example/example.js
+++ /dev/null
@@ -1,88 +0,0 @@
-var Vue = require('vue')
-var VueDragula = require('../dist/vue-dragula')
-Vue.config.debug = true
-
-Vue.use(VueDragula)
-
-let template = require('./template');
-
-new Vue({
-  el: '#app',
-
-  // Does NOT seem to work anymore...
-  // template: require('./template'),
-
-  // Would needs to convert into manual VDOM 
-  // render () {
-  //   return template
-  // },
-
-  data () {
-    return {
-      colOne: [
-        'You can move these elements between these two containers',
-        'Moving them anywhere else isn"t quite possible',
-        'There"s also the possibility of moving elements around in the same container, changing their position'
-      ],
-      colTwo: [
-        'This is the default use case. You only need to specify the containers you want to use',
-        'More interactive use cases lie ahead',
-        'Another message'
-      ],
-      categories: [
-        [1, 2, 3],
-        [4, 5, 6]
-      ],
-      copyOne: [
-        'Lorem ipsum dolor sit amet, consectetuer adipiscing elit.',
-        'Aenean commodo ligula eget dolor. Aenean massa.'
-      ],
-      copyTwo: [
-        'Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.',
-        'Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.'
-      ]
-    }
-  },
-  created () {
-    console.log(Vue, Vue.prototype)
-
-    Vue.$dragula.options('third-bag', {
-      copy: true
-    })
-  },
-  // See https://vuejs.org/v2/guide/instance.html#Instance-Lifecycle-Hooks
-  mounted () {
-    console.log('Mounted')    
-    this.$nextTick(() => {
-      console.log('Comfig $dragula.eventBus', this.$dragula.eventBus)
-      // since $dragula in on Vue.prototype which all Components inherit from
-      // you should also be able to do: this.$dragula  
-      this.$dragula.eventBus.$on(
-        'drop',
-        function (args) {
-          console.log('drop: ' + args[0])
-          console.log(this.categories)
-        }
-      )
-      this.$dragula.eventBus.$on(
-        'dropModel',
-        function (args) {
-          console.log('dropModel: ' + args)
-          console.log(this.categories)
-        }
-      )
-    })
-  },
-  methods: {
-    onClick () {
-      console.log(this.$dragula.find('first-bag'))
-      window.alert('click event')
-    },
-    testModify () {
-      this.categories = [
-        ['a', 'b', 'c'],
-        ['d', 'e', 'f']
-      ]
-    }
-  }
-}) //.$mount('#app')
diff --git a/example/template.js b/example/template.js
deleted file mode 100644
index 9b1da0b..0000000
--- a/example/template.js
+++ /dev/null
@@ -1,67 +0,0 @@
-module.exports = `  <h1>
-    <a href="https://github.com/Astray-git/vue-dragula">
-    <img src="../resources/logo.svg" onerror="this.src='resources/logo.png'" alt="vue-dragula"/></a>
-  </h1>
-  <h3 class="tagline">Drag and drop so simple it hurts</h3>
-  <a href="https://github.com/Astray-git/vue-dragula">
-    <img class="gh-fork"
-    src="https://camo.githubusercontent.com/52760788cde945287fbb584134c4cbc2bc36f904/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f77686974655f6666666666662e706e67"
-    alt="Fork me on GitHub"
-    data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png" />
-  </a>
-  <div class="parent">Note: these examples mimic the ones for <code>dragula</code>, but using <code>vue-dragula</code>.</div>
-  <div class="examples" id="examples">
-    <div class="parent">
-      <label>Move stuff between these two containers. Note how the stuff gets inserted near the mouse pointer? Great stuff.</label>
-      <div class="wrapper">
-        <div class="container" v-dragula="colOne" bag="first-bag">
-          <div v-for="text in colOne" @click="onClick">{{text}} [click me]</div>
-        </div>
-        <div class="container" v-dragula="colTwo" bag="first-bag">
-          <div v-for="text in colTwo">{{text}}</div>
-        </div>
-      </div>
-      <pre>
-        <code>
-          &lt;div v-dragula=&quot;colOne&quot; bag=&quot;first-bag&quot;&gt;&lt;/div&gt;
-          &lt;div v-dragula=&quot;colTwo&quot; bag=&quot;first-bag&quot;&gt;&lt;/div&gt;
-        </code>
-      </pre>
-      <h4>Result</h5>
-      <p>
-        <h5>colOne</h5>
-        {{colOne | json}}
-      </p>
-
-      <p>
-        <h5>colTwo</h5>
-        {{colTwo | json}}
-      </p>
-    </div>
-  </div>
-
-  <div class="examples" id="examples-2">
-    <div class="parent">
-      <label>Modify items in dragula bag  with transition</label>
-      <div class="wrapper" v-for="container in categories">
-        <div class="container" v-dragula="container" bag="second-bag">
-          <div v-for="number in container" transition="scale">{{number}}</div>
-        </div>
-      </div>
-      <button @click="testModify">Modify Items</button>
-    </div>
-  </div>
-
-  <div class="examples" id="examples-3">
-    <div class="parent">
-      <label>Copy between containers</label>
-      <div class="wrapper">
-        <div class="container" v-dragula="copyOne" bag="third-bag">
-          <div v-for="text in copyOne" track-by="$index">{{text}}</div>
-        </div>
-        <div class="container" v-dragula="copyTwo" bag="third-bag">
-          <div v-for="text in copyTwo" track-by="$index">{{text}}</div>
-        </div>
-      </div>
-    </div>
-  </div>`
\ No newline at end of file
diff --git a/index.html b/index.html
deleted file mode 100644
index be4db84..0000000
--- a/index.html
+++ /dev/null
@@ -1,12 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <title>vue-dragula</title>
-  <link rel="stylesheet" href="styles/dragula.css">
-  <link rel="stylesheet" href="example/example.css">
-</head>
-<body id="app">
-  <script src="example/example.build.js"></script>
-</body>
-</html>
diff --git a/src/service.js b/src/service.js
index 03c3852..6240a40 100644
--- a/src/service.js
+++ b/src/service.js
@@ -11,14 +11,14 @@ function createDragHandler({ctx, name, drake}) {
 }
 
 export class DragulaService {
-  constructor ({name, eventBus, bags, drake, options}) {
+  constructor ({name, eventBus, drakes, options}) {
     this.options = options || {}
     this.logging = options.logging
     this.name = name
-    this.bags = bags = {} // bag store
+    this.drakes = drakes = {} // drake store
     this.eventBus = eventBus
-    this.drake = drake
     this.createDragHandler = options.createDragHandler || createDragHandler
+
     this.events = [
       'cancel',
       'cloned',
@@ -44,40 +44,46 @@ export class DragulaService {
     throw new Error(msg)
   }
 
-  get bagNames() {
-    return Object.keys(this.bags)
+  _validate(method, name) {
+    if (!name) {
+      this.error(`${method} must take a drake name as the first argument`)
+    }
+  }
+
+  get drakeNames() {
+    return Object.keys(this.drakes)
   }
 
   add (name, drake) {
-    drake = drake || this.drake
-    this.log('add (bag)', name, drake)
-    let bag = this.find(name)
-    if (bag) {
-      this.log('existing bags', this.bagNames)
-      let errMsg = `Bag named: "${name}" already exists for this service [${this.name}]. 
+    this.log('add (drake)', name, drake)
+    this._validate('add', name)
+    if (this.find(name)) {
+      this.log('existing drakes', this.drakeNames)
+      let errMsg = `Drake named: "${name}" already exists for this service [${this.name}]. 
       Most likely this error in cause by a race condition evaluating multiple template elements with 
-      the v-dragula directive having the same bag name. Please initialise the bag in the created() life cycle hook of the VM to fix this problem.`
+      the v-dragula directive having the same drake name. Please initialise the drake in the created() life cycle hook of the VM to fix this problem.`
       this.error(msg)
     }
-    this.bags[name] = drake
+
+    this.drakes[name] = drake
     if (drake.models) {
       this.handleModels(name, drake)
     }
-    if (!bag.initEvents) {
-      this.setupEvents(name, bag)
+    if (!drake.initEvents) {
+      this.setupEvents(name, drake)
     }
-    return bag
+    return drake
   }
 
   find (name) {
-    this.log('find (bag) by name', name)
-    return this.bags[name]
+    this.log('find (drake) by name', name)
+    this._validate('find', name)
+    return this.drakes[name]
   }
 
   handleModels (name, drake) {
-    drake = drake || this.drake
     this.log('handleModels', name, drake)
-
+    this._validate('handleModels', name)
     if (drake.registered) { // do not register events twice
       return
     }
@@ -103,37 +109,36 @@ export class DragulaService {
 
   destroy (name) {
     this.log('destroy', name)
-    let bag = this.find(name)
-    if (!bag) { return }
-    bag.destroy()
-    this.delete(name)
+    this._validate('destroy', name)
+    let drake = this.find(name)
+    if (!drake) { return }
+    drake.destroy()
+    this._delete(name)
   }
 
-  delete(name) {
-    delete this.bags[name]
+  _delete(name) {
+    delete this.drakes[name]
   }
 
   setOptions (name, options) {
     this.log('setOptions', name, options)
-    if (!name) {
-      console.error('setOptions must take the name of the bag to set options for')
-      return this
-    }
-    let bag = this.add(name, dragula(options))
-    this.handleModels(name, bag)
+    this._validate('setOptions', name)
+    let drake = this.add(name, dragula(options))
+    this.handleModels(name, drake)
     return this
   }
 
-  setupEvents (name, bag) {
-    this.log('setupEvents', name, bag)
-    bag.initEvents = true
+  setupEvents (name, drake) {
+    this.log('setupEvents', name, drake)
+    this._validate('setupEvents', name)
+    drake.initEvents = true
     let _this = this
     let emitter = type => {
       function replicate () {
         let args = Array.prototype.slice.call(arguments)
         _this.eventBus.$emit(type, [name].concat(args))
       }
-      bag.on(type, replicate)
+      drake.on(type, replicate)
     }
     this.events.forEach(emitter)
   }
@@ -146,13 +151,11 @@ export class DragulaService {
   }
 
   findModelForContainer (container, drake) {
-    drake = drake || this.drake
     this.log('findModelForContainer', container, drake)
     return (this.findModelContainerByContainer(container, drake) || {}).model
   }
 
   findModelContainerByContainer (container, drake) {
-    drake = drake || this.drake
     if (!drake.models) {
       return
     }
diff --git a/src/vue-dragula.js b/src/vue-dragula.js
index f94bb62..30f56eb 100644
--- a/src/vue-dragula.js
+++ b/src/vue-dragula.js
@@ -6,11 +6,11 @@ if (!dragula) {
 }
 
 const defaults = {
-  createService: function ({name, eventBus, bags}) {
+  createService: function ({name, eventBus, drakes}) {
     return new DragulaService({
       name,
       eventBus,
-      bags
+      drakes
     })
   },
   createEventBus: function(Vue, options = {}) {
@@ -39,10 +39,10 @@ export default function (Vue, options = {}) {
   const service = createService({
     name: 'global.dragula',
     eventBus,
-    bags: options.bags
+    drakes: options.drakes
   })
 
-  let name = 'globalBag'
+  let globalName = 'globalDrake'
   let drake
 
   class Dragula {
@@ -69,7 +69,7 @@ export default function (Vue, options = {}) {
       this._serviceMap = this._serviceMap || {};
       let names = serviceOpts.names || []
       let name = serviceOpts.name || []
-      let bags = serviceOpts.bags || {}
+      let drakes = serviceOpts.drakes || {}
       let opts = Object.assign({}, options, serviceOpts)
       names = names || [name]
       let eventBus = serviceOpts.eventBus || eventBus
@@ -84,32 +84,32 @@ export default function (Vue, options = {}) {
 
         this._serviceMap[name] = newService
 
-        if (bags) {
-          this.bagsFor(name, bags)
+        if (drakes) {
+          this.drakesFor(name, drakes)
         }
       }
       return this
     }
 
-    bagsFor(name, bags = {}) {
+    drakesFor(name, drakes = {}) {
       let service = this.service(name)
 
-      if (Array.isArray(bags)) {
+      if (Array.isArray(drakes)) {
         // turn Array into object of [name]: true
-        bags = bags.reduce((obj, name) => {
+        drakes = drakes.reduce((obj, name) => {
           obj[name] = true
           return obj
         }, {})
       }
 
-      let bagNames = Object.keys(bags)
-      for (let bagName of bagNames) {
-        let bagOpts = bags[bagName]
-        if (bagOpts === true) {
-          bagOpts = {}
+      let drakeNames = Object.keys(drakes)
+      for (let drakeName of drakeNames) {
+        let drakeOpts = drakes[drakeName]
+        if (drakeOpts === true) {
+          drakeOpts = {}
         }
 
-        service.setOptions(bagName, bagOpts)
+        service.setOptions(drakeName, drakeOpts)
       }
       return this
     }
@@ -154,11 +154,11 @@ export default function (Vue, options = {}) {
   function findService(name, vnode, serviceName) {
     // first try to register on DragulaService of component
     if (vnode) {
-      let $dragulaOfComponent = vnode.context.$dragula
-      if ($dragulaOfComponent) {
+      let dragula = vnode.context.$dragula
+      if (dragula) {
         logDir('trying to find and use component service')
 
-        let componentService = $dragulaOfComponent.services[serviceName]
+        let componentService = dragula.services[serviceName]
         if (componentService) {
           logDir('using component service', componentService)
           return componentService
@@ -169,34 +169,34 @@ export default function (Vue, options = {}) {
     return service.find(name, vnode)
   }
 
-  function findBag(name, vnode, serviceName) {
+  function findDrake(name, vnode, serviceName) {
     return findService(name, vnode, serviceName).find(name, vnode)
   }
 
   function calcNames(name, vnode, ctx) {
-    const bagName = vnode
-      ? vnode.data.attrs.bag // Vue 2
-      : this.params.bag // Vue 1
+    const drakeName = vnode
+      ? vnode.data.attrs.drake // Vue 2
+      : this.params.drake // Vue 1
 
     const serviceName = vnode
       ? vnode.data.attrs.service // Vue 2
       : this.params.service // Vue 1
 
-    if (bagName !== undefined && bagName.length !== 0) {
-      name = bagName
+    if (drakeName !== undefined && drakeName.length !== 0) {
+      name = drakeName
     }
-    return {name, bagName, serviceName}
+    return {name, drakeName, serviceName}
   }
 
   Vue.directive('dragula', {
-    params: ['bag', 'service'],
+    params: ['drake', 'service'],
 
     bind (container, binding, vnode) {
       logDir('bind', container, binding, vnode)
 
-      const { name, bagName, serviceName } = calcNames('globalBag', vnode, this)
+      const { name, drakeName, serviceName } = calcNames(globalName, vnode, this)
       const service = findService(name, vnode, serviceName)
-      const bag = service.find(name, vnode)
+      const drake = service.find(name, vnode)
 
       if (!vnode) {
         container = this.el // Vue 1
@@ -207,24 +207,23 @@ export default function (Vue, options = {}) {
           name: serviceName,
           instance: service
         },
-        bag: {
-          name: bagName,
-          instance: bag
+        drake: {
+          name: drakeName,
+          instance: drake
         },
         container
       })
 
-      if (bag) {
-        drake = bag.drake
+      if (drake) {
         drake.containers.push(container)
         return
       }
-      drake = dragula({
+      let newDrake = dragula({
         containers: [container]
       })
-      service.add(name, drake)
+      service.add(name, newDrake)
 
-      service.handleModels(name, drake)
+      service.handleModels(name, newDrake)
     },
 
     update (container, binding, vnode, oldVnode) {
@@ -235,11 +234,10 @@ export default function (Vue, options = {}) {
         : container // Vue 1
       if (!newValue) { return }
 
-      const { name, bagName, serviceName } = calcNames('globalBag', vnode, this)
+      const { name, drakeName, serviceName } = calcNames(globalName, vnode, this)
       const service = findService(name, vnode, serviceName)
-      const bag = service.find(name, vnode)
+      const drake = service.find(name, vnode)
 
-      drake = bag.drake
       if (!drake.models) {
         drake.models = []
       }
@@ -255,9 +253,9 @@ export default function (Vue, options = {}) {
           name: serviceName,
           instance: service
         },
-        bag: {
-          name: bagName,
-          instance: bag
+        drake: {
+          name: drakeName,
+          instance: drake
         },
         container,
         modelContainer
@@ -278,23 +276,22 @@ export default function (Vue, options = {}) {
     unbind (container, binding, vnode) {
       logDir('unbind', container, binding, vnode)
 
-      const { name, serviceName } = calcNames('globalBag', vnode, this)
+      const { name, serviceName } = calcNames(globalName, vnode, this)
       const service = findService(name, vnode, serviceName)
-      const bag = service.find(name, vnode)
+      const drake = service.find(name, vnode)
 
       logDir({
         service: {
           name: serviceName,
           instance: service
         },
-        bag: {
-          name: bagName,
-          instance: bag
+        drake: {
+          name: drakeName,
+          instance: drake
         },
         container
       })
 
-      var drake = bag.drake
       if (!drake) { return }
 
       var containerIndex = drake.containers.indexOf(container)

From ddbe15f41bb2e3269f50074a1de2b1e97fe110be Mon Sep 17 00:00:00 2001
From: Kristian Mandrup <kmandrup@gmail.com>
Date: Mon, 14 Nov 2016 00:07:22 +0100
Subject: [PATCH 28/30] clean docs

---
 README.md    | 103 +++++++++++++++++++++------------------------------
 package.json |   2 +-
 2 files changed, 44 insertions(+), 61 deletions(-)

diff --git a/README.md b/README.md
index 9844fdf..47443b9 100644
--- a/README.md
+++ b/README.md
@@ -1,41 +1,44 @@
-# vue-dragula
+# vue2-dragula
 > :ok_hand: Drag and drop so simple it hurts
 
-Vue wrapper for [`dragula`][1].
+Vue wrapper for [dragula](https://github.com/bevacqua/dragula) drag'n drop library, based on [vue-dragula](https://github.com/Astray-git/vue-dragula) by [@Astray-git](https://github.com/Astray-git). 
 
-## Status
+This library has been refactored, upgraded and extended with powerful new features for use with Vue 2.
 
-- Works with [Vue 2.x](https://medium.com/the-vue-point/vue-2-0-is-here-ef1f26acf4b8#.c089dtgol)
+## Status
+- Works with [Vue 2](https://medium.com/the-vue-point/vue-2-0-is-here-ef1f26acf4b8#.c089dtgol)
 - Service and directive are more flexible and powerful
-- Removed concept of bags. References named drakes
-- [Vue2 demo app]((https://github.com/kristianmandrup/vue2-dragula-demo/))
+- Removed concept of bags. References named drakes directly
+- [Vue2 demo app](https://github.com/kristianmandrup/vue2-dragula-demo/)
 
-See more details in the [[Changelog.md]]
+See [Changelog](https://github.com/kristianmandrup/vue-dragula/blob/dev/Changelog.md) for more details.
 
 ## Install
 #### CommonJS
 
-Will soon be available through npm (or yarn) as `vue2-dragula`.
+Note: Library will soon be available as `vue2-dragula`.
 
-  ``` bash
-  npm install kristianmandrup/vue-dragula#dev
-  ```
+```bash
+npm install kristianmandrup/vue-dragula#dev --save
+```
 
-  ``` js
-  var Vue = require('vue');
-  var VueDragula = require('vue2-dragula');
+```bash
+yarn add kristianmandrup/vue-dragula#dev
+```
 
-  Vue.use(VueDragula);
-  ```
+*Vue configuration*
 
-#### Direct include
-
-You can also directly include it with a `<script>` tag when you have Vue and dragula already included globally. It will automatically install itself.
+```js
+var Vue = require('vue');
+var VueDragula = require('vue2-dragula');
 
-## Usage
+Vue.use(VueDragula);
+```
 
-In a template
+#### Direct include
+You can directly include the library with a `<script>` tag when you have Vue and dragula already included globally. It will automatically install itself.
 
+## Template Usage
 ``` html
 <div class="wrapper">
   <div class="container" v-dragula="colOne" drake="first">
@@ -49,11 +52,11 @@ In a template
 ```
 
 ## APIs
+You can access the main API from `Vue.$dragula.$service` or from within a component via `this.$dragula.$service`. This references the application level dragula service.
 
-You can access the main API from `Vue.$dragula.$service` or from within a component via `this.$dragula.$service`. This references the application level dragula service. You can created named services for more fine grained control (more on this later)
+You can also create named services for more fine grained control (more on this later)
 
 ### `options(name, options)`
-
 Set [dragula options](https://github.com/bevacqua/dragula#optionscontainers)
 
 ```js
@@ -61,7 +64,8 @@ Set [dragula options](https://github.com/bevacqua/dragula#optionscontainers)
 new Vue({
   ...
   created: function () {
-    Vue.$dragula.$service.options('my-drake', {
+    const service = Vue.$dragula.$service
+    service.options('my-drake', {
       direction: 'vertical'
     })
   }
@@ -69,20 +73,15 @@ new Vue({
 ```
 
 ### `find(name)`
-
 Returns the named `drake` instance of the service.
 
 ## Events
 For [drake events](https://github.com/bevacqua/dragula#drakeon-events)
 
 ```js
-...
-new Vue({
-  ready: function () {
-    Vue.$dragula.$service.eventBus.$on('drop', function (args) {
-      console.log('drop: ' + args[0])
-    })
-  }
+  service.eventBus.$on('drop', (args) => {
+    console.log('drop: ' + args[0])
+  })
 })
 ```
 
@@ -97,29 +96,19 @@ new Vue({
 [1]: https://github.com/bevacqua/dragula
 
 ## Development
-
-Following npm scripts are included:
+`npm` scripts included:
 
 - `npm run build` to build new distribution in `/dist`
 - `npm run dev` run example in dev mode
 - `npm run lint` lint code using ESlint
 
-How to view the example? Start a simple Http server, like the pythong [simplehttpserver](http://angusjune.github.io/blog/2014/08/16/python-3-dot-x-no-module-named-simplehttpserver/)
-
-`python -m http.server`
-
-The open in browser: `open localhost:8000`
-
-[Vue 2.x demo app](https://github.com/kristianmandrup/vue2-dragula-demo/)
+[Vue 2 demo app](https://github.com/kristianmandrup/vue2-dragula-demo/)
 
 ## The API in more depth
-
 Access `this.$dragula` in your `created () { ... }` life cycle hook of any component which uses the `v-dragula` directive. Add named service(s) via `this.$dragula.createService` and initialise with the drakes you want to use.
 
 ### $dragula
-
-`$dragula` service API
-
+`$dragula` API:
   - `createService({name, eventBus, drakes})` : to create a named service
   - `createServices({names, ...})` : to create multiple services (`names` list)
   - `on(handlerConfig = {})` : add event handlers to all services
@@ -130,8 +119,8 @@ Access `this.$dragula` in your `created () { ... }` life cycle hook of any compo
   - `.serviceNames` : get list of names for all registered services
 
 ### DragulaService
-
-The `DragulaService` constructor takes the following deconstructed arguments
+The `DragulaService` constructor takes the following deconstructed arguments.
+Only `name` is required
 
 ```js
 class DragulaService {
@@ -142,10 +131,9 @@ class DragulaService {
 }
 ```
 
-Drakes are indexed by name in an Object `{}`. Each key is the name of a drake that points to a `drake` (ie. dragula instance). The `drake` can have event handlers, models, containers etc. See [dragula options](https://github.com/bevacqua/dragula#dragulacontainers-options)
+Drakes are indexed by name in the `drakes` Object of the service. Each key is the name of a drake and points to a `drake` instance. The `drake` can have event handlers, models, containers etc. See [dragula options](https://github.com/bevacqua/dragula#dragulacontainers-options)
 
 ## Model mechanics
-
 The `drake` event handlers have default mechanics for how to operated on the underlyng models. These can be customized as needed.
 
 A common schenario is to have a tree of node objects, where each node has 
@@ -185,7 +173,6 @@ In this example we should be able to move a form input specication object from o
 setting `<template>` elements with `v-dragula` directive to point to `children[0].children` and `children[1].children` respectively. We can use the rest of the node tree data to visualize the various different nodes, f.ex for a Visual editor/IDE :)
 
 ### DragHandler for fine-grained control
-
 For fine-grained control on how nodes are added/removed from the various lists. Some lists might only allow that nodes added at the front or back, some might have validation/business rules etc.
 
 The `dragHandler` instance of the `DragHandler` class encapsulates the states and logic of dragging and re-arranging the underlying models.
@@ -248,10 +235,9 @@ export default {
 }
 ```
 
-Note that you can set a drake to `true` as a convenience to create it with default options. This is a shorthand for `third: {}`. You can also pass an array of drake names, ie `drakes: ['third', 'fourth']`
+Note that you can set a drake to `true` as a convenience to configure it with default options. This is a shorthand for `third: {}`. You can also pass an array of drake names, ie `drakes: ['third', 'fourth']`
 
 ### Binding models to dragable elements
-
 Please note that `vue-dragula` expects the `v-dragula` binding expression to point to a model in the VM of the component.
 
 When you move the elements in the UI you also (by default) rearrange the underlying model list items (using `findModelForContainer` in the service). This is VERY powerful!
@@ -263,7 +249,6 @@ If you need more advanced control over models (such as filtering, conditions etc
 Each `drake` is setup to delegate dragula events to the Vue event system (`$emit`) ie. to use `eventBus` to send events of the same name. This lets you define custom drag'n drop event handling as regular Vue event handlers.
 
 ### Logging
-
 You can pass a `logging: true` as an option when initialising the plugin or when you create a new service.
 
 ```js
@@ -276,7 +261,6 @@ Vue.use(VueDragula, {
 Logging is essential in development mode!!
 
 ### Customis DragulaService
-
 You can also subclass `DragulaService` or create your own, then pass a `createService` option for you install the plugin:
 
 ```js
@@ -298,8 +282,7 @@ Vue.use(VueDragula, { createService });
 ```
 
 ### Custom event bus
-
-You can also customize the event bus used via the `createEventBus` option. 
+You can customize the event bus used via the `createEventBus` option. 
 You could f.ex create an event bus factory method to always log events emitted if logging is turned on.
 
 ```js
@@ -319,7 +302,6 @@ Vue.use(VueDragula, { createEventBus });
 ```
 
 ## How do the drakes work!?
-
 In the directive `bind` function we have the following core logic:
 
 ```js
@@ -333,7 +315,7 @@ In the directive `bind` function we have the following core logic:
   service.add(name, drake)
 ```
 
-If the drake already exists, ie. `if (drake) { ... }` then we add the container directly into a pre-existing drake created in the `created` lifecycle hook of the component. Otherwise it tries to register as a new named drake in the service `drakes` map (Object). 
+If the drake already exists, ie. `if (drake) { ... }` then we add the container directly into a pre-existing drake created in the `created` lifecycle hook of the component. Otherwise it tries to register as a new named drake in the service `drakes` map (Object).
 
 *Drake conflict warning*
 
@@ -343,6 +325,8 @@ Thanks to [@Astray-git](https://github.com/Astray-git) for [making this clear](h
 
 Note: *@Astray-git* is the original author of this plugin :)
 
+Note: In the near future we will likely try to overcome this constraint, by always inserting the new container in an existing drake or simply overwriting.
+
 Setup a service with one or more drakes ready for drag'n drop action
 
 ```js
@@ -397,7 +381,6 @@ Now when the `v-dragula` directives are evaluated and bound to the component (vi
 Sweet :)
 
 ### Advanced drake Magic
-
 If you need to add [dragula containers and models](https://github.com/bevacqua/dragula#dragulacontainers-options) programmatically, try something like this:
 
 ```js
@@ -426,4 +409,4 @@ Enjoy :)
 
 ## License
 
-MIT
\ No newline at end of file
+MIT Kristian Mandrup 2016
\ No newline at end of file
diff --git a/package.json b/package.json
index faf7ecf..9a8a23d 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "vue-dragula",
+  "name": "vue2-dragula",
   "version": "2.1.0",
   "description": "Vue 2 wrapper for dragula",
   "main": "dist/vue-dragula.js",

From 8eb442a4e73f7008e0e6fe5bad20165f76931719 Mon Sep 17 00:00:00 2001
From: Kristian Mandrup <kmandrup@gmail.com>
Date: Mon, 14 Nov 2016 12:22:05 +0100
Subject: [PATCH 29/30] fix logging on service

---
 src/service.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/service.js b/src/service.js
index 6240a40..8211af1 100644
--- a/src/service.js
+++ b/src/service.js
@@ -13,7 +13,7 @@ function createDragHandler({ctx, name, drake}) {
 export class DragulaService {
   constructor ({name, eventBus, drakes, options}) {
     this.options = options || {}
-    this.logging = options.logging
+    this.logging = this.options.logging
     this.name = name
     this.drakes = drakes = {} // drake store
     this.eventBus = eventBus

From da3543d43a3af75f7c7ae2462fd9ee3a17fceb3d Mon Sep 17 00:00:00 2001
From: Kristian Mandrup <kmandrup@gmail.com>
Date: Mon, 14 Nov 2016 12:51:57 +0100
Subject: [PATCH 30/30] new build

---
 dist/vue-dragula.js     | 2 +-
 dist/vue-dragula.min.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/dist/vue-dragula.js b/dist/vue-dragula.js
index e554f37..17f3a73 100644
--- a/dist/vue-dragula.js
+++ b/dist/vue-dragula.js
@@ -1342,7 +1342,7 @@ var require$$0$3 = Object.freeze({
 	    classCallCheck(this, DragulaService);
 
 	    this.options = options || {};
-	    this.logging = options.logging;
+	    this.logging = this.options.logging;
 	    this.name = name;
 	    this.drakes = drakes = {}; // drake store
 	    this.eventBus = eventBus;
diff --git a/dist/vue-dragula.min.js b/dist/vue-dragula.min.js
index 31e34b2..9c7f8c7 100644
--- a/dist/vue-dragula.min.js
+++ b/dist/vue-dragula.min.js
@@ -3,4 +3,4 @@
  * (c) 2016 Yichang Liu
  * Released under the MIT License.
  */
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports):"function"==typeof define&&define.amd?define(["exports"],n):n(e.vueDragula=e.vueDragula||{})}(this,function(e){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e.default:e}function t(e,n){return n={exports:{}},e(n,n.exports),n.exports}function r(e){var n=e.ctx,t=e.name,r=e.drake;return new H({ctx:n,name:t,drake:r})}function i(e){function n(){var e;if(o.logging){for(var n=arguments.length,t=Array(n),r=0;r<n;r++)t[r]=arguments[r];(e=console).log.apply(e,["vue-dragula plugin"].concat(t))}}function t(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return n.apply(void 0,["v-dragula directive"].concat(t))}function r(e,n,r){if(n){var i=n.context.$dragula;if(i){t("trying to find and use component service");var o=i.services[r];if(o)return t("using component service",o),o}}return t("using global service",s),s.find(e,n)}function i(e,n,t){var r=n?n.data.attrs.drake:this.params.drake,i=n?n.data.attrs.service:this.params.service;return void 0!==r&&0!==r.length&&(e=r),{name:e,drakeName:r,serviceName:i}}var o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};n("Initializing vue-dragula plugin",o);var a=o.createService||V.createService,u=o.createEventBus||V.createEventBus,c=u(e,o),s=a({name:"global.dragula",eventBus:c,drakes:o.drakes}),l="globalDrake",d=function(){function e(n){z(this,e),this.options=n,this.$service={options:s.setOptions.bind(s),find:s.find.bind(s),eventBus:this.eventBus=s.eventBus},this.createServices=this.createService}return Y(e,[{key:"optionsFor",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return this.service(e).setOptions(n),this}},{key:"createService",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this._serviceMap=this._serviceMap||{};var n=e.names||[],t=e.name||[],r=e.drakes||{},i=Object.assign({},o,e);n=n||[t];var a=e.eventBus||a,u=!0,c=!1,s=void 0;try{for(var l,d=n[Symbol.iterator]();!(u=(l=d.next()).done);u=!0){var f=l.value,v=new L({name:f,eventBus:a,options:i});this._serviceMap[f]=v,r&&this.drakesFor(f,r)}}catch(e){c=!0,s=e}finally{try{!u&&d.return&&d.return()}finally{if(c)throw s}}return this}},{key:"drakesFor",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=this.service(e);Array.isArray(n)&&(n=n.reduce(function(e,n){return e[n]=!0,e},{}));var r=Object.keys(n),i=!0,o=!1,a=void 0;try{for(var u,c=r[Symbol.iterator]();!(i=(u=c.next()).done);i=!0){var s=u.value,l=n[s];l===!0&&(l={}),t.setOptions(s,l)}}catch(e){o=!0,a=e}finally{try{!i&&c.return&&c.return()}finally{if(o)throw a}}return this}},{key:"on",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if("object"===("undefined"==typeof e?"undefined":X(e))){n=e;var t=Object.values(this.serviceMap),r=!0,i=!1,o=void 0;try{for(var a,u=t[Symbol.iterator]();!(r=(a=u.next()).done);r=!0){var c=a.value;c.on(n)}}catch(e){i=!0,o=e}finally{try{!r&&u.return&&u.return()}finally{if(i)throw o}}}else this.service(e).on(n);return this}},{key:"service",value:function(e){var n=this._serviceMap[e];if(!n||!e){var t=this.servicesNames;n=this._serviceMap[t[0]]}return n}},{key:"serviceNames",get:function(){return Object.keys(this._serviceMap)}},{key:"services",get:function(){return Object.values(this._serviceMap)}}]),e}();e.$dragula=new d(o),e.prototype.$dragula=e.$dragula,e.directive("dragula",{params:["drake","service"],bind:function(e,n,o){t("bind",e,n,o);var a=i(l,o,this),u=a.name,c=a.drakeName,s=a.serviceName,d=r(u,o,s),f=d.find(u,o);if(o||(e=this.el),t({service:{name:s,instance:d},drake:{name:c,instance:f},container:e}),f)return void f.containers.push(e);var v=P({containers:[e]});d.add(u,v),d.handleModels(u,v)},update:function(e,n,o,a){t("update",e,n,o);var u=o?n.value:e;if(u){var c=i(l,o,this),s=c.name,d=c.drakeName,f=c.serviceName,v=r(s,o,f),h=v.find(s,o);h.models||(h.models=[]),o||(e=this.el);var m=v.findModelContainerByContainer(e,h);t({service:{name:f,instance:v},drake:{name:d,instance:h},container:e,modelContainer:m}),m?(t("set model of container",u),m.model=u):(t("push model and container on drake",u,e),h.models.push({model:u,container:e}))}},unbind:function(e,n,o){t("unbind",e,n,o);var a=i(l,o,this),u=a.name,c=a.serviceName,s=r(u,o,c),d=s.find(u,o);if(t({service:{name:c,instance:s},drake:{name:drakeName,instance:d},container:e}),d){var f=d.containers.indexOf(e);f>-1&&(t("remove container",f),d.containers.splice(f,1)),0===d.containers.length&&(t("destroy service"),s.destroy(u))}}})}function o(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};o.installed&&console.warn("[vue-dragula] already installed."),console.log("Add Dragula plugin:",n),i(e,n)}var a="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},u=t(function(e){e.exports=function(e,n){return Array.prototype.slice.call(e,n)}}),c=n(u),s=Object.freeze({default:c}),l=t(function(e){var n,t="function"==typeof setImmediate;n=t?function(e){setImmediate(e)}:"undefined"!=typeof process&&process.nextTick?process.nextTick:function(e){setTimeout(e,0)},e.exports=n}),d=n(l),f=Object.freeze({default:d}),v=t(function(e){var t=n(f);e.exports=function(e,n,r){e&&t(function(){e.apply(r||null,n||[])})}}),h=n(v),m=Object.freeze({default:h}),p=t(function(e){var t=n(s),r=n(m);e.exports=function(e,n){var i=n||{},o={};return void 0===e&&(e={}),e.on=function(n,t){return o[n]?o[n].push(t):o[n]=[t],e},e.once=function(n,t){return t._once=!0,e.on(n,t),e},e.off=function(n,t){var r=arguments.length;if(1===r)delete o[n];else if(0===r)o={};else{var i=o[n];if(!i)return e;i.splice(i.indexOf(t),1)}return e},e.emit=function(){var n=t(arguments);return e.emitterSnapshot(n.shift()).apply(this,n)},e.emitterSnapshot=function(n){var a=(o[n]||[]).slice(0);return function(){var o=t(arguments),u=this||e;if("error"===n&&i.throws!==!1&&!a.length)throw 1===o.length?o[0]:o;return a.forEach(function(t){i.async?r(t,o,u):t.apply(u,o),t._once&&e.off(n,t)}),e}},e}}),g=n(p),y=Object.freeze({default:g}),k=t(function(e){function n(){try{var e=new t("cat",{detail:{foo:"bar"}});return"cat"===e.type&&"bar"===e.detail.foo}catch(e){}return!1}var t=a.CustomEvent;e.exports=n()?t:"function"==typeof document.createEvent?function(e,n){var t=document.createEvent("CustomEvent");return n?t.initCustomEvent(e,n.bubbles,n.cancelable,n.detail):t.initCustomEvent(e,!1,!1,void 0),t}:function(e,n){var t=document.createEventObject();return t.type=e,n?(t.bubbles=Boolean(n.bubbles),t.cancelable=Boolean(n.cancelable),t.detail=n.detail):(t.bubbles=!1,t.cancelable=!1,t.detail=void 0),t}}),b=n(k),x=Object.freeze({default:b}),w=t(function(e){var n=[],t="",r=/^on/;for(t in a)r.test(t)&&n.push(t.slice(2));e.exports=n}),M=n(w),E=Object.freeze({default:M}),S=t(function(e){function t(e,n,t,r){return e.addEventListener(n,t,r)}function r(e,n,t){return e.attachEvent("on"+n,s(e,n,t))}function i(e,n,t,r){return e.removeEventListener(n,t,r)}function o(e,n,t){var r=l(e,n,t);if(r)return e.detachEvent("on"+n,r)}function u(e,n,t){function r(){var e;return h.createEvent?(e=h.createEvent("Event"),e.initEvent(n,!0,!0)):h.createEventObject&&(e=h.createEventObject()),e}function i(){return new f(n,{detail:t})}var o=v.indexOf(n)===-1?i():r();e.dispatchEvent?e.dispatchEvent(o):e.fireEvent("on"+n,o)}function c(e,n,t){return function(n){var r=n||a.event;r.target=r.target||r.srcElement,r.preventDefault=r.preventDefault||function(){r.returnValue=!1},r.stopPropagation=r.stopPropagation||function(){r.cancelBubble=!0},r.which=r.which||r.keyCode,t.call(e,r)}}function s(e,n,t){var r=l(e,n,t)||c(e,n,t);return g.push({wrapper:r,element:e,type:n,fn:t}),r}function l(e,n,t){var r=d(e,n,t);if(r){var i=g[r].wrapper;return g.splice(r,1),i}}function d(e,n,t){var r,i;for(r=0;r<g.length;r++)if(i=g[r],i.element===e&&i.type===n&&i.fn===t)return r}var f=n(x),v=n(E),h=a.document,m=t,p=i,g=[];a.addEventListener||(m=r,p=o),e.exports={add:m,remove:p,fabricate:u}}),O=n(S),C=S.add,B=S.remove,N=S.fabricate,I=Object.freeze({default:O,add:C,remove:B,fabricate:N}),j=t(function(e){function n(e){var n=i[e];return n?n.lastIndex=0:i[e]=n=new RegExp(o+e+a,"g"),n}function t(e,t){var r=e.className;r.length?n(t).test(r)||(e.className+=" "+t):e.className=t}function r(e,t){e.className=e.className.replace(n(t)," ").trim()}var i={},o="(?:^|\\s)",a="(?:\\s|$)";e.exports={add:t,rm:r}}),T=n(j),_=j.add,D=j.rm,A=Object.freeze({default:T,add:_,rm:D}),F=t(function(e){function t(e,n){function t(e){return le.containers.indexOf(e)!==-1||se.isContainer(e)}function a(e){var n=e?"remove":"add";r(E,n,"mousedown",S),r(E,n,"mouseup",D)}function u(e){var n=e?"remove":"add";r(E,n,"mousemove",O)}function m(e){var n=e?"remove":"add";x[n](E,"selectstart",y),x[n](E,"click",y)}function g(){a(!0),D({})}function y(e){ue&&e.preventDefault()}function S(e){ne=e.clientX,te=e.clientY;var n=1!==i(e)||e.metaKey||e.ctrlKey;if(!n){var t=e.target,r=C(t);r&&(ue=r,u(),"mousedown"===e.type&&(h(t)?t.focus():e.preventDefault()))}}function O(e){if(ue){if(0===i(e))return void D({});if(void 0===e.clientX||e.clientX!==ne||void 0===e.clientY||e.clientY!==te){if(se.ignoreInputTextSelection){var n=k("clientX",e),t=k("clientY",e),r=M.elementFromPoint(n,t);if(h(r))return}var a=ue;u(!0),m(),T(),I(a);var c=o(W);Z=k("pageX",e)-c.left,ee=k("pageY",e)-c.top,w.add(oe||W,"gu-transit"),L(),$(e)}}}function C(e){if(!(le.dragging&&G||t(e))){for(var n=e;v(e)&&t(v(e))===!1;){if(se.invalid(e,n))return;if(e=v(e),!e)return}var r=v(e);if(r&&!se.invalid(e,n)){var i=se.moves(e,r,n,p(e));if(i)return{item:e,source:r}}}}function B(e){return!!C(e)}function N(e){var n=C(e);n&&I(n)}function I(e){U(e.item,e.source)&&(oe=e.item.cloneNode(!0),le.emit("cloned",oe,e.item,"copy")),Q=e.source,W=e.item,re=ie=p(e.item),le.dragging=!0,le.emit("drag",W,Q)}function j(){return!1}function T(){if(le.dragging){var e=oe||W;A(e,v(e))}}function _(){ue=!1,u(!0),m(!0)}function D(e){if(_(),le.dragging){var n=oe||W,t=k("clientX",e),r=k("clientY",e),i=c(G,t,r),o=Y(i,t,r);o&&(oe&&se.copySortSource||!oe||o!==Q)?A(n,o):se.removeOnSpill?F():P()}}function A(e,n){var t=v(e);oe&&se.copySortSource&&n===Q&&t.removeChild(W),z(n)?le.emit("cancel",e,Q,Q):le.emit("drop",e,n,Q,ie),X()}function F(){if(le.dragging){var e=oe||W,n=v(e);n&&n.removeChild(e),le.emit(oe?"cancel":"remove",e,n,Q),X()}}function P(e){if(le.dragging){var n=arguments.length>0?e:se.revertOnSpill,t=oe||W,r=v(t),i=z(r);i===!1&&n&&(oe?r&&r.removeChild(oe):Q.insertBefore(t,re)),i||n?le.emit("cancel",t,Q,Q):le.emit("drop",t,r,Q,ie),X()}}function X(){var e=oe||W;_(),V(),e&&w.rm(e,"gu-transit"),ae&&clearTimeout(ae),le.dragging=!1,ce&&le.emit("out",e,ce,Q),le.emit("dragend",e),Q=W=oe=re=ie=ae=ce=null}function z(e,n){var t;return t=void 0!==n?n:G?ie:p(oe||W),e===Q&&t===re}function Y(e,n,r){function i(){var i=t(o);if(i===!1)return!1;var a=J(o,e),u=K(o,a,n,r),c=z(o,u);return!!c||se.accepts(W,o,Q,u)}for(var o=e;o&&!i();)o=v(o);return o}function $(e){function n(e){le.emit(e,s,ce,Q)}function t(){f&&n("over")}function r(){ce&&n("out")}if(G){e.preventDefault();var i=k("clientX",e),o=k("clientY",e),a=i-Z,u=o-ee;G.style.left=a+"px",G.style.top=u+"px";var s=oe||W,l=c(G,i,o),d=Y(l,i,o),f=null!==d&&d!==ce;(f||null===d)&&(r(),ce=d,t());var h=v(s);if(d===Q&&oe&&!se.copySortSource)return void(h&&h.removeChild(s));var m,g=J(d,l);if(null!==g)m=K(d,g,i,o);else{if(se.revertOnSpill!==!0||oe)return void(oe&&h&&h.removeChild(s));m=re,d=Q}(null===m&&f||m!==s&&m!==p(s))&&(ie=m,d.insertBefore(s,m),le.emit("shadow",s,d,Q))}}function R(e){w.rm(e,"gu-hide")}function H(e){le.dragging&&w.add(e,"gu-hide")}function L(){if(!G){var e=W.getBoundingClientRect();G=W.cloneNode(!0),G.style.width=d(e)+"px",G.style.height=f(e)+"px",w.rm(G,"gu-transit"),w.add(G,"gu-mirror"),se.mirrorContainer.appendChild(G),r(E,"add","mousemove",$),w.add(se.mirrorContainer,"gu-unselectable"),le.emit("cloned",G,W,"mirror")}}function V(){G&&(w.rm(se.mirrorContainer,"gu-unselectable"),r(E,"remove","mousemove",$),v(G).removeChild(G),G=null)}function J(e,n){for(var t=n;t!==e&&v(t)!==e;)t=v(t);return t===E?null:t}function K(e,n,t,r){function i(){var n,i,o,a=e.children.length;for(n=0;n<a;n++){if(i=e.children[n],o=i.getBoundingClientRect(),u&&o.left+o.width/2>t)return i;if(!u&&o.top+o.height/2>r)return i}return null}function o(){var e=n.getBoundingClientRect();return a(u?t>e.left+d(e)/2:r>e.top+f(e)/2)}function a(e){return e?p(n):n}var u="horizontal"===se.direction,c=n!==e?o():i();return c}function U(e,n){return"boolean"==typeof se.copy?se.copy:se.copy(e,n)}var q=arguments.length;1===q&&Array.isArray(e)===!1&&(n=e,e=[]);var G,Q,W,Z,ee,ne,te,re,ie,oe,ae,ue,ce=null,se=n||{};void 0===se.moves&&(se.moves=l),void 0===se.accepts&&(se.accepts=l),void 0===se.invalid&&(se.invalid=j),void 0===se.containers&&(se.containers=e||[]),void 0===se.isContainer&&(se.isContainer=s),void 0===se.copy&&(se.copy=!1),void 0===se.copySortSource&&(se.copySortSource=!1),void 0===se.revertOnSpill&&(se.revertOnSpill=!1),void 0===se.removeOnSpill&&(se.removeOnSpill=!1),void 0===se.direction&&(se.direction="vertical"),void 0===se.ignoreInputTextSelection&&(se.ignoreInputTextSelection=!0),void 0===se.mirrorContainer&&(se.mirrorContainer=M.body);var le=b({containers:se.containers,start:N,end:T,cancel:P,remove:F,destroy:g,canMove:B,dragging:!1});return se.removeOnSpill===!0&&le.on("over",R).on("out",H),a(),le}function r(e,n,t,r){var i={mouseup:"touchend",mousedown:"touchstart",mousemove:"touchmove"},o={mouseup:"pointerup",mousedown:"pointerdown",mousemove:"pointermove"},u={mouseup:"MSPointerUp",mousedown:"MSPointerDown",mousemove:"MSPointerMove"};a.navigator.pointerEnabled?x[n](e,o[t],r):a.navigator.msPointerEnabled?x[n](e,u[t],r):(x[n](e,i[t],r),x[n](e,t,r))}function i(e){if(void 0!==e.touches)return e.touches.length;if(void 0!==e.which&&0!==e.which)return e.which;if(void 0!==e.buttons)return e.buttons;var n=e.button;return void 0!==n?1&n?1:2&n?3:4&n?2:0:void 0}function o(e){var n=e.getBoundingClientRect();return{left:n.left+u("scrollLeft","pageXOffset"),top:n.top+u("scrollTop","pageYOffset")}}function u(e,n){return"undefined"!=typeof a[n]?a[n]:E.clientHeight?E[e]:M.body[e]}function c(e,n,t){var r,i=e||{},o=i.className;return i.className+=" gu-hide",r=M.elementFromPoint(n,t),i.className=o,r}function s(){return!1}function l(){return!0}function d(e){return e.width||e.right-e.left}function f(e){return e.height||e.bottom-e.top}function v(e){return e.parentNode===M?null:e.parentNode}function h(e){return"INPUT"===e.tagName||"TEXTAREA"===e.tagName||"SELECT"===e.tagName||m(e)}function m(e){return!!e&&("false"!==e.contentEditable&&("true"===e.contentEditable||m(v(e))))}function p(e){function n(){var n=e;do n=n.nextSibling;while(n&&1!==n.nodeType);return n}return e.nextElementSibling||n()}function g(e){return e.targetTouches&&e.targetTouches.length?e.targetTouches[0]:e.changedTouches&&e.changedTouches.length?e.changedTouches[0]:e}function k(e,n){var t=g(n),r={pageX:"clientX",pageY:"clientY"};return e in r&&!(e in t)&&r[e]in t&&(e=r[e]),t[e]}var b=n(y),x=n(I),w=n(A),M=document,E=M.documentElement;e.exports=t}),P=n(F),X="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},z=(function(){function e(e){this.value=e}function n(n){function t(e,n){return new Promise(function(t,i){var u={key:e,arg:n,resolve:t,reject:i,next:null};a?a=a.next=u:(o=a=u,r(e,n))})}function r(t,o){try{var a=n[t](o),u=a.value;u instanceof e?Promise.resolve(u.value).then(function(e){r("next",e)},function(e){r("throw",e)}):i(a.done?"return":"normal",a.value)}catch(e){i("throw",e)}}function i(e,n){switch(e){case"return":o.resolve({value:n,done:!0});break;case"throw":o.reject(n);break;default:o.resolve({value:n,done:!1})}o=o.next,o?r(o.key,o.arg):a=null}var o,a;this._invoke=t,"function"!=typeof n.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(n.prototype[Symbol.asyncIterator]=function(){return this}),n.prototype.next=function(e){return this._invoke("next",e)},n.prototype.throw=function(e){return this._invoke("throw",e)},n.prototype.return=function(e){return this._invoke("return",e)},{wrap:function(e){return function(){return new n(e.apply(this,arguments))}},await:function(n){return new e(n)}}}(),function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}),Y=function(){function e(e,n){for(var t=0;t<n.length;t++){var r=n[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(n,t,r){return t&&e(n.prototype,t),r&&e(n,r),n}}(),$=window.requestAnimationFrame,R=$?function(e){$(function(){$(e)})}:function(e){window.setTimeout(e,50)},H=function(){function e(n){var t=n.ctx,r=n.name,i=n.drake;z(this,e),this.dragElm=null,this.dragIndex=null,this.dropIndex=null,this.sourceModel=null,this.ctx=t,this.drake=i,this.name=r,this.eventBus=t.eventBus,this.findModelForContainer=t.findModelForContainer,this.domIndexOf=t.domIndexOf}return Y(e,[{key:"removeModel",value:function(e,n,t){this.sourceModel.splice(this.dragIndex,1)}},{key:"dropModelSame",value:function(e,n,t){this.sourceModel.splice(this.dropIndex,0,this.sourceModel.splice(this.dragIndex,1)[0])}},{key:"insertModel",value:function(e,n){e.splice(this.dropIndex,0,n)}},{key:"dropModelTarget",value:function(e,n,t){var r=this,i=this.dragElm===e,o=this.findModelForContainer(n,this.drake),a=i?this.dropElmModel:this.jsonDropElmModel;i&&R(function(){r.sourceModel.splice(r.dragIndex,1)}),this.insertModel(o,a),this.drake.cancel(!0)}},{key:"dropModel",value:function(e,n,t){n===t?this.dropModelSame(e,n,t):this.dropModelTarget(e,n,t)}},{key:"remove",value:function(e,n,t){this.drake.models&&(this.sourceModel=this.findModelForContainer(t,this.drake),this.removeModel(e,n,t),this.drake.cancel(!0),this.eventBus.$emit("removeModel",[this.name,e,t,this.dragIndex]))}},{key:"drag",value:function(e,n){this.dragElm=e,this.dragIndex=this.domIndexOf(e,n)}},{key:"drop",value:function(e,n,t){this.drake.models&&n&&(this.dropIndex=this.domIndexOf(e,n),this.sourceModel=this.findModelForContainer(t,this.drake),this.dropModel(e,n,t),this.eventBus.$emit("dropModel",[this.name,e,n,t,this.dropIndex]))}},{key:"dropElmModel",get:function(){return this.sourceModel[this.dragIndex]}},{key:"jsonDropElmModel",get:function(){return JSON.parse(JSON.stringify(this.sourceModel[this.dragIndex]))}}]),e}();if(!P)throw new Error("[vue-dragula] cannot locate dragula.");var L=function(){function e(n){var t=n.name,i=n.eventBus,o=n.drakes,a=n.options;z(this,e),this.options=a||{},this.logging=a.logging,this.name=t,this.drakes=o={},this.eventBus=i,this.createDragHandler=a.createDragHandler||r,this.events=["cancel","cloned","drag","dragend","drop","out","over","remove","shadow","dropModel","removeModel"]}return Y(e,[{key:"log",value:function(e){var n;if(this.logging){for(var t=arguments.length,r=Array(t>1?t-1:0),i=1;i<t;i++)r[i-1]=arguments[i];(n=console).log.apply(n,["DragulaService ["+this.name+"] :",e].concat(r))}}},{key:"error",value:function(e){throw console.error(e),new Error(e)}},{key:"_validate",value:function(e,n){n||this.error(e+" must take a drake name as the first argument")}},{key:"add",value:function(e,n){if(this.log("add (drake)",e,n),this._validate("add",e),this.find(e)){this.log("existing drakes",this.drakeNames);'Drake named: "'+e+'" already exists for this service ['+this.name+"]. \n      Most likely this error in cause by a race condition evaluating multiple template elements with \n      the v-dragula directive having the same drake name. Please initialise the drake in the created() life cycle hook of the VM to fix this problem.";this.error(msg)}return this.drakes[e]=n,n.models&&this.handleModels(e,n),n.initEvents||this.setupEvents(e,n),n}},{key:"find",value:function(e){return this.log("find (drake) by name",e),this._validate("find",e),this.drakes[e]}},{key:"handleModels",value:function(e,n){if(this.log("handleModels",e,n),this._validate("handleModels",e),!n.registered){var t=this.createDragHandler({ctx:this,name:e,drake:n});n.on("remove",t.remove),n.on("drag",t.drag),n.on("drop",t.drop),n.registered=!0}}},{key:"on",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Object.keys(e),t=!0,r=!1,i=void 0;try{for(var o,a=n[Symbol.iterator]();!(t=(o=a.next()).done);t=!0){var u=o.value,c=e[u];this.eventBus.$on(u,c)}}catch(e){r=!0,i=e}finally{try{!t&&a.return&&a.return()}finally{if(r)throw i}}}},{key:"destroy",value:function(e){this.log("destroy",e),this._validate("destroy",e);var n=this.find(e);n&&(n.destroy(),this._delete(e))}},{key:"_delete",value:function(e){delete this.drakes[e]}},{key:"setOptions",value:function(e,n){this.log("setOptions",e,n),this._validate("setOptions",e);var t=this.add(e,P(n));return this.handleModels(e,t),this}},{key:"setupEvents",value:function(e,n){this.log("setupEvents",e,n),this._validate("setupEvents",e),n.initEvents=!0;var t=this,r=function(r){function i(){var n=Array.prototype.slice.call(arguments);t.eventBus.$emit(r,[e].concat(n))}n.on(r,i)};this.events.forEach(r)}},{key:"domIndexOf",value:function(e,n){return Array.prototype.indexOf.call(n.children,e)}},{key:"findModelForContainer",value:function(e,n){return this.log("findModelForContainer",e,n),(this.findModelContainerByContainer(e,n)||{}).model}},{key:"findModelContainerByContainer",value:function(e,n){if(n.models)return n.models.find(function(n){return n.container===e})}},{key:"drakeNames",get:function(){return Object.keys(this.drakes)}}]),e}();if(!P)throw new Error("[vue-dragula] cannot locate dragula.");var V={createService:function(e){var n=e.name,t=e.eventBus,r=e.drakes;return new L({name:n,eventBus:t,drakes:r})},createEventBus:function(e){arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return new e}};o.version="1.0.0","function"==typeof define&&define.amd?define([],function(){}):window.Vue&&window.Vue.use(o),e.default=o,e.DragulaService=L,e.DragHandler=H});
\ No newline at end of file
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports):"function"==typeof define&&define.amd?define(["exports"],n):n(e.vueDragula=e.vueDragula||{})}(this,function(e){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e.default:e}function t(e,n){return n={exports:{}},e(n,n.exports),n.exports}function r(e){var n=e.ctx,t=e.name,r=e.drake;return new H({ctx:n,name:t,drake:r})}function i(e){function n(){var e;if(o.logging){for(var n=arguments.length,t=Array(n),r=0;r<n;r++)t[r]=arguments[r];(e=console).log.apply(e,["vue-dragula plugin"].concat(t))}}function t(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return n.apply(void 0,["v-dragula directive"].concat(t))}function r(e,n,r){if(n){var i=n.context.$dragula;if(i){t("trying to find and use component service");var o=i.services[r];if(o)return t("using component service",o),o}}return t("using global service",s),s.find(e,n)}function i(e,n,t){var r=n?n.data.attrs.drake:this.params.drake,i=n?n.data.attrs.service:this.params.service;return void 0!==r&&0!==r.length&&(e=r),{name:e,drakeName:r,serviceName:i}}var o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};n("Initializing vue-dragula plugin",o);var a=o.createService||V.createService,u=o.createEventBus||V.createEventBus,c=u(e,o),s=a({name:"global.dragula",eventBus:c,drakes:o.drakes}),l="globalDrake",d=function(){function e(n){z(this,e),this.options=n,this.$service={options:s.setOptions.bind(s),find:s.find.bind(s),eventBus:this.eventBus=s.eventBus},this.createServices=this.createService}return Y(e,[{key:"optionsFor",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return this.service(e).setOptions(n),this}},{key:"createService",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this._serviceMap=this._serviceMap||{};var n=e.names||[],t=e.name||[],r=e.drakes||{},i=Object.assign({},o,e);n=n||[t];var a=e.eventBus||a,u=!0,c=!1,s=void 0;try{for(var l,d=n[Symbol.iterator]();!(u=(l=d.next()).done);u=!0){var f=l.value,v=new L({name:f,eventBus:a,options:i});this._serviceMap[f]=v,r&&this.drakesFor(f,r)}}catch(e){c=!0,s=e}finally{try{!u&&d.return&&d.return()}finally{if(c)throw s}}return this}},{key:"drakesFor",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=this.service(e);Array.isArray(n)&&(n=n.reduce(function(e,n){return e[n]=!0,e},{}));var r=Object.keys(n),i=!0,o=!1,a=void 0;try{for(var u,c=r[Symbol.iterator]();!(i=(u=c.next()).done);i=!0){var s=u.value,l=n[s];l===!0&&(l={}),t.setOptions(s,l)}}catch(e){o=!0,a=e}finally{try{!i&&c.return&&c.return()}finally{if(o)throw a}}return this}},{key:"on",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if("object"===("undefined"==typeof e?"undefined":X(e))){n=e;var t=Object.values(this.serviceMap),r=!0,i=!1,o=void 0;try{for(var a,u=t[Symbol.iterator]();!(r=(a=u.next()).done);r=!0){var c=a.value;c.on(n)}}catch(e){i=!0,o=e}finally{try{!r&&u.return&&u.return()}finally{if(i)throw o}}}else this.service(e).on(n);return this}},{key:"service",value:function(e){var n=this._serviceMap[e];if(!n||!e){var t=this.servicesNames;n=this._serviceMap[t[0]]}return n}},{key:"serviceNames",get:function(){return Object.keys(this._serviceMap)}},{key:"services",get:function(){return Object.values(this._serviceMap)}}]),e}();e.$dragula=new d(o),e.prototype.$dragula=e.$dragula,e.directive("dragula",{params:["drake","service"],bind:function(e,n,o){t("bind",e,n,o);var a=i(l,o,this),u=a.name,c=a.drakeName,s=a.serviceName,d=r(u,o,s),f=d.find(u,o);if(o||(e=this.el),t({service:{name:s,instance:d},drake:{name:c,instance:f},container:e}),f)return void f.containers.push(e);var v=P({containers:[e]});d.add(u,v),d.handleModels(u,v)},update:function(e,n,o,a){t("update",e,n,o);var u=o?n.value:e;if(u){var c=i(l,o,this),s=c.name,d=c.drakeName,f=c.serviceName,v=r(s,o,f),h=v.find(s,o);h.models||(h.models=[]),o||(e=this.el);var m=v.findModelContainerByContainer(e,h);t({service:{name:f,instance:v},drake:{name:d,instance:h},container:e,modelContainer:m}),m?(t("set model of container",u),m.model=u):(t("push model and container on drake",u,e),h.models.push({model:u,container:e}))}},unbind:function(e,n,o){t("unbind",e,n,o);var a=i(l,o,this),u=a.name,c=a.serviceName,s=r(u,o,c),d=s.find(u,o);if(t({service:{name:c,instance:s},drake:{name:drakeName,instance:d},container:e}),d){var f=d.containers.indexOf(e);f>-1&&(t("remove container",f),d.containers.splice(f,1)),0===d.containers.length&&(t("destroy service"),s.destroy(u))}}})}function o(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};o.installed&&console.warn("[vue-dragula] already installed."),console.log("Add Dragula plugin:",n),i(e,n)}var a="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},u=t(function(e){e.exports=function(e,n){return Array.prototype.slice.call(e,n)}}),c=n(u),s=Object.freeze({default:c}),l=t(function(e){var n,t="function"==typeof setImmediate;n=t?function(e){setImmediate(e)}:"undefined"!=typeof process&&process.nextTick?process.nextTick:function(e){setTimeout(e,0)},e.exports=n}),d=n(l),f=Object.freeze({default:d}),v=t(function(e){var t=n(f);e.exports=function(e,n,r){e&&t(function(){e.apply(r||null,n||[])})}}),h=n(v),m=Object.freeze({default:h}),p=t(function(e){var t=n(s),r=n(m);e.exports=function(e,n){var i=n||{},o={};return void 0===e&&(e={}),e.on=function(n,t){return o[n]?o[n].push(t):o[n]=[t],e},e.once=function(n,t){return t._once=!0,e.on(n,t),e},e.off=function(n,t){var r=arguments.length;if(1===r)delete o[n];else if(0===r)o={};else{var i=o[n];if(!i)return e;i.splice(i.indexOf(t),1)}return e},e.emit=function(){var n=t(arguments);return e.emitterSnapshot(n.shift()).apply(this,n)},e.emitterSnapshot=function(n){var a=(o[n]||[]).slice(0);return function(){var o=t(arguments),u=this||e;if("error"===n&&i.throws!==!1&&!a.length)throw 1===o.length?o[0]:o;return a.forEach(function(t){i.async?r(t,o,u):t.apply(u,o),t._once&&e.off(n,t)}),e}},e}}),g=n(p),y=Object.freeze({default:g}),k=t(function(e){function n(){try{var e=new t("cat",{detail:{foo:"bar"}});return"cat"===e.type&&"bar"===e.detail.foo}catch(e){}return!1}var t=a.CustomEvent;e.exports=n()?t:"function"==typeof document.createEvent?function(e,n){var t=document.createEvent("CustomEvent");return n?t.initCustomEvent(e,n.bubbles,n.cancelable,n.detail):t.initCustomEvent(e,!1,!1,void 0),t}:function(e,n){var t=document.createEventObject();return t.type=e,n?(t.bubbles=Boolean(n.bubbles),t.cancelable=Boolean(n.cancelable),t.detail=n.detail):(t.bubbles=!1,t.cancelable=!1,t.detail=void 0),t}}),b=n(k),x=Object.freeze({default:b}),w=t(function(e){var n=[],t="",r=/^on/;for(t in a)r.test(t)&&n.push(t.slice(2));e.exports=n}),M=n(w),E=Object.freeze({default:M}),S=t(function(e){function t(e,n,t,r){return e.addEventListener(n,t,r)}function r(e,n,t){return e.attachEvent("on"+n,s(e,n,t))}function i(e,n,t,r){return e.removeEventListener(n,t,r)}function o(e,n,t){var r=l(e,n,t);if(r)return e.detachEvent("on"+n,r)}function u(e,n,t){function r(){var e;return h.createEvent?(e=h.createEvent("Event"),e.initEvent(n,!0,!0)):h.createEventObject&&(e=h.createEventObject()),e}function i(){return new f(n,{detail:t})}var o=v.indexOf(n)===-1?i():r();e.dispatchEvent?e.dispatchEvent(o):e.fireEvent("on"+n,o)}function c(e,n,t){return function(n){var r=n||a.event;r.target=r.target||r.srcElement,r.preventDefault=r.preventDefault||function(){r.returnValue=!1},r.stopPropagation=r.stopPropagation||function(){r.cancelBubble=!0},r.which=r.which||r.keyCode,t.call(e,r)}}function s(e,n,t){var r=l(e,n,t)||c(e,n,t);return g.push({wrapper:r,element:e,type:n,fn:t}),r}function l(e,n,t){var r=d(e,n,t);if(r){var i=g[r].wrapper;return g.splice(r,1),i}}function d(e,n,t){var r,i;for(r=0;r<g.length;r++)if(i=g[r],i.element===e&&i.type===n&&i.fn===t)return r}var f=n(x),v=n(E),h=a.document,m=t,p=i,g=[];a.addEventListener||(m=r,p=o),e.exports={add:m,remove:p,fabricate:u}}),O=n(S),C=S.add,B=S.remove,N=S.fabricate,I=Object.freeze({default:O,add:C,remove:B,fabricate:N}),j=t(function(e){function n(e){var n=i[e];return n?n.lastIndex=0:i[e]=n=new RegExp(o+e+a,"g"),n}function t(e,t){var r=e.className;r.length?n(t).test(r)||(e.className+=" "+t):e.className=t}function r(e,t){e.className=e.className.replace(n(t)," ").trim()}var i={},o="(?:^|\\s)",a="(?:\\s|$)";e.exports={add:t,rm:r}}),T=n(j),_=j.add,D=j.rm,A=Object.freeze({default:T,add:_,rm:D}),F=t(function(e){function t(e,n){function t(e){return le.containers.indexOf(e)!==-1||se.isContainer(e)}function a(e){var n=e?"remove":"add";r(E,n,"mousedown",S),r(E,n,"mouseup",D)}function u(e){var n=e?"remove":"add";r(E,n,"mousemove",O)}function m(e){var n=e?"remove":"add";x[n](E,"selectstart",y),x[n](E,"click",y)}function g(){a(!0),D({})}function y(e){ue&&e.preventDefault()}function S(e){ne=e.clientX,te=e.clientY;var n=1!==i(e)||e.metaKey||e.ctrlKey;if(!n){var t=e.target,r=C(t);r&&(ue=r,u(),"mousedown"===e.type&&(h(t)?t.focus():e.preventDefault()))}}function O(e){if(ue){if(0===i(e))return void D({});if(void 0===e.clientX||e.clientX!==ne||void 0===e.clientY||e.clientY!==te){if(se.ignoreInputTextSelection){var n=k("clientX",e),t=k("clientY",e),r=M.elementFromPoint(n,t);if(h(r))return}var a=ue;u(!0),m(),T(),I(a);var c=o(W);Z=k("pageX",e)-c.left,ee=k("pageY",e)-c.top,w.add(oe||W,"gu-transit"),L(),$(e)}}}function C(e){if(!(le.dragging&&G||t(e))){for(var n=e;v(e)&&t(v(e))===!1;){if(se.invalid(e,n))return;if(e=v(e),!e)return}var r=v(e);if(r&&!se.invalid(e,n)){var i=se.moves(e,r,n,p(e));if(i)return{item:e,source:r}}}}function B(e){return!!C(e)}function N(e){var n=C(e);n&&I(n)}function I(e){U(e.item,e.source)&&(oe=e.item.cloneNode(!0),le.emit("cloned",oe,e.item,"copy")),Q=e.source,W=e.item,re=ie=p(e.item),le.dragging=!0,le.emit("drag",W,Q)}function j(){return!1}function T(){if(le.dragging){var e=oe||W;A(e,v(e))}}function _(){ue=!1,u(!0),m(!0)}function D(e){if(_(),le.dragging){var n=oe||W,t=k("clientX",e),r=k("clientY",e),i=c(G,t,r),o=Y(i,t,r);o&&(oe&&se.copySortSource||!oe||o!==Q)?A(n,o):se.removeOnSpill?F():P()}}function A(e,n){var t=v(e);oe&&se.copySortSource&&n===Q&&t.removeChild(W),z(n)?le.emit("cancel",e,Q,Q):le.emit("drop",e,n,Q,ie),X()}function F(){if(le.dragging){var e=oe||W,n=v(e);n&&n.removeChild(e),le.emit(oe?"cancel":"remove",e,n,Q),X()}}function P(e){if(le.dragging){var n=arguments.length>0?e:se.revertOnSpill,t=oe||W,r=v(t),i=z(r);i===!1&&n&&(oe?r&&r.removeChild(oe):Q.insertBefore(t,re)),i||n?le.emit("cancel",t,Q,Q):le.emit("drop",t,r,Q,ie),X()}}function X(){var e=oe||W;_(),V(),e&&w.rm(e,"gu-transit"),ae&&clearTimeout(ae),le.dragging=!1,ce&&le.emit("out",e,ce,Q),le.emit("dragend",e),Q=W=oe=re=ie=ae=ce=null}function z(e,n){var t;return t=void 0!==n?n:G?ie:p(oe||W),e===Q&&t===re}function Y(e,n,r){function i(){var i=t(o);if(i===!1)return!1;var a=J(o,e),u=K(o,a,n,r),c=z(o,u);return!!c||se.accepts(W,o,Q,u)}for(var o=e;o&&!i();)o=v(o);return o}function $(e){function n(e){le.emit(e,s,ce,Q)}function t(){f&&n("over")}function r(){ce&&n("out")}if(G){e.preventDefault();var i=k("clientX",e),o=k("clientY",e),a=i-Z,u=o-ee;G.style.left=a+"px",G.style.top=u+"px";var s=oe||W,l=c(G,i,o),d=Y(l,i,o),f=null!==d&&d!==ce;(f||null===d)&&(r(),ce=d,t());var h=v(s);if(d===Q&&oe&&!se.copySortSource)return void(h&&h.removeChild(s));var m,g=J(d,l);if(null!==g)m=K(d,g,i,o);else{if(se.revertOnSpill!==!0||oe)return void(oe&&h&&h.removeChild(s));m=re,d=Q}(null===m&&f||m!==s&&m!==p(s))&&(ie=m,d.insertBefore(s,m),le.emit("shadow",s,d,Q))}}function R(e){w.rm(e,"gu-hide")}function H(e){le.dragging&&w.add(e,"gu-hide")}function L(){if(!G){var e=W.getBoundingClientRect();G=W.cloneNode(!0),G.style.width=d(e)+"px",G.style.height=f(e)+"px",w.rm(G,"gu-transit"),w.add(G,"gu-mirror"),se.mirrorContainer.appendChild(G),r(E,"add","mousemove",$),w.add(se.mirrorContainer,"gu-unselectable"),le.emit("cloned",G,W,"mirror")}}function V(){G&&(w.rm(se.mirrorContainer,"gu-unselectable"),r(E,"remove","mousemove",$),v(G).removeChild(G),G=null)}function J(e,n){for(var t=n;t!==e&&v(t)!==e;)t=v(t);return t===E?null:t}function K(e,n,t,r){function i(){var n,i,o,a=e.children.length;for(n=0;n<a;n++){if(i=e.children[n],o=i.getBoundingClientRect(),u&&o.left+o.width/2>t)return i;if(!u&&o.top+o.height/2>r)return i}return null}function o(){var e=n.getBoundingClientRect();return a(u?t>e.left+d(e)/2:r>e.top+f(e)/2)}function a(e){return e?p(n):n}var u="horizontal"===se.direction,c=n!==e?o():i();return c}function U(e,n){return"boolean"==typeof se.copy?se.copy:se.copy(e,n)}var q=arguments.length;1===q&&Array.isArray(e)===!1&&(n=e,e=[]);var G,Q,W,Z,ee,ne,te,re,ie,oe,ae,ue,ce=null,se=n||{};void 0===se.moves&&(se.moves=l),void 0===se.accepts&&(se.accepts=l),void 0===se.invalid&&(se.invalid=j),void 0===se.containers&&(se.containers=e||[]),void 0===se.isContainer&&(se.isContainer=s),void 0===se.copy&&(se.copy=!1),void 0===se.copySortSource&&(se.copySortSource=!1),void 0===se.revertOnSpill&&(se.revertOnSpill=!1),void 0===se.removeOnSpill&&(se.removeOnSpill=!1),void 0===se.direction&&(se.direction="vertical"),void 0===se.ignoreInputTextSelection&&(se.ignoreInputTextSelection=!0),void 0===se.mirrorContainer&&(se.mirrorContainer=M.body);var le=b({containers:se.containers,start:N,end:T,cancel:P,remove:F,destroy:g,canMove:B,dragging:!1});return se.removeOnSpill===!0&&le.on("over",R).on("out",H),a(),le}function r(e,n,t,r){var i={mouseup:"touchend",mousedown:"touchstart",mousemove:"touchmove"},o={mouseup:"pointerup",mousedown:"pointerdown",mousemove:"pointermove"},u={mouseup:"MSPointerUp",mousedown:"MSPointerDown",mousemove:"MSPointerMove"};a.navigator.pointerEnabled?x[n](e,o[t],r):a.navigator.msPointerEnabled?x[n](e,u[t],r):(x[n](e,i[t],r),x[n](e,t,r))}function i(e){if(void 0!==e.touches)return e.touches.length;if(void 0!==e.which&&0!==e.which)return e.which;if(void 0!==e.buttons)return e.buttons;var n=e.button;return void 0!==n?1&n?1:2&n?3:4&n?2:0:void 0}function o(e){var n=e.getBoundingClientRect();return{left:n.left+u("scrollLeft","pageXOffset"),top:n.top+u("scrollTop","pageYOffset")}}function u(e,n){return"undefined"!=typeof a[n]?a[n]:E.clientHeight?E[e]:M.body[e]}function c(e,n,t){var r,i=e||{},o=i.className;return i.className+=" gu-hide",r=M.elementFromPoint(n,t),i.className=o,r}function s(){return!1}function l(){return!0}function d(e){return e.width||e.right-e.left}function f(e){return e.height||e.bottom-e.top}function v(e){return e.parentNode===M?null:e.parentNode}function h(e){return"INPUT"===e.tagName||"TEXTAREA"===e.tagName||"SELECT"===e.tagName||m(e)}function m(e){return!!e&&("false"!==e.contentEditable&&("true"===e.contentEditable||m(v(e))))}function p(e){function n(){var n=e;do n=n.nextSibling;while(n&&1!==n.nodeType);return n}return e.nextElementSibling||n()}function g(e){return e.targetTouches&&e.targetTouches.length?e.targetTouches[0]:e.changedTouches&&e.changedTouches.length?e.changedTouches[0]:e}function k(e,n){var t=g(n),r={pageX:"clientX",pageY:"clientY"};return e in r&&!(e in t)&&r[e]in t&&(e=r[e]),t[e]}var b=n(y),x=n(I),w=n(A),M=document,E=M.documentElement;e.exports=t}),P=n(F),X="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},z=(function(){function e(e){this.value=e}function n(n){function t(e,n){return new Promise(function(t,i){var u={key:e,arg:n,resolve:t,reject:i,next:null};a?a=a.next=u:(o=a=u,r(e,n))})}function r(t,o){try{var a=n[t](o),u=a.value;u instanceof e?Promise.resolve(u.value).then(function(e){r("next",e)},function(e){r("throw",e)}):i(a.done?"return":"normal",a.value)}catch(e){i("throw",e)}}function i(e,n){switch(e){case"return":o.resolve({value:n,done:!0});break;case"throw":o.reject(n);break;default:o.resolve({value:n,done:!1})}o=o.next,o?r(o.key,o.arg):a=null}var o,a;this._invoke=t,"function"!=typeof n.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(n.prototype[Symbol.asyncIterator]=function(){return this}),n.prototype.next=function(e){return this._invoke("next",e)},n.prototype.throw=function(e){return this._invoke("throw",e)},n.prototype.return=function(e){return this._invoke("return",e)},{wrap:function(e){return function(){return new n(e.apply(this,arguments))}},await:function(n){return new e(n)}}}(),function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}),Y=function(){function e(e,n){for(var t=0;t<n.length;t++){var r=n[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(n,t,r){return t&&e(n.prototype,t),r&&e(n,r),n}}(),$=window.requestAnimationFrame,R=$?function(e){$(function(){$(e)})}:function(e){window.setTimeout(e,50)},H=function(){function e(n){var t=n.ctx,r=n.name,i=n.drake;z(this,e),this.dragElm=null,this.dragIndex=null,this.dropIndex=null,this.sourceModel=null,this.ctx=t,this.drake=i,this.name=r,this.eventBus=t.eventBus,this.findModelForContainer=t.findModelForContainer,this.domIndexOf=t.domIndexOf}return Y(e,[{key:"removeModel",value:function(e,n,t){this.sourceModel.splice(this.dragIndex,1)}},{key:"dropModelSame",value:function(e,n,t){this.sourceModel.splice(this.dropIndex,0,this.sourceModel.splice(this.dragIndex,1)[0])}},{key:"insertModel",value:function(e,n){e.splice(this.dropIndex,0,n)}},{key:"dropModelTarget",value:function(e,n,t){var r=this,i=this.dragElm===e,o=this.findModelForContainer(n,this.drake),a=i?this.dropElmModel:this.jsonDropElmModel;i&&R(function(){r.sourceModel.splice(r.dragIndex,1)}),this.insertModel(o,a),this.drake.cancel(!0)}},{key:"dropModel",value:function(e,n,t){n===t?this.dropModelSame(e,n,t):this.dropModelTarget(e,n,t)}},{key:"remove",value:function(e,n,t){this.drake.models&&(this.sourceModel=this.findModelForContainer(t,this.drake),this.removeModel(e,n,t),this.drake.cancel(!0),this.eventBus.$emit("removeModel",[this.name,e,t,this.dragIndex]))}},{key:"drag",value:function(e,n){this.dragElm=e,this.dragIndex=this.domIndexOf(e,n)}},{key:"drop",value:function(e,n,t){this.drake.models&&n&&(this.dropIndex=this.domIndexOf(e,n),this.sourceModel=this.findModelForContainer(t,this.drake),this.dropModel(e,n,t),this.eventBus.$emit("dropModel",[this.name,e,n,t,this.dropIndex]))}},{key:"dropElmModel",get:function(){return this.sourceModel[this.dragIndex]}},{key:"jsonDropElmModel",get:function(){return JSON.parse(JSON.stringify(this.sourceModel[this.dragIndex]))}}]),e}();if(!P)throw new Error("[vue-dragula] cannot locate dragula.");var L=function(){function e(n){var t=n.name,i=n.eventBus,o=n.drakes,a=n.options;z(this,e),this.options=a||{},this.logging=this.options.logging,this.name=t,this.drakes=o={},this.eventBus=i,this.createDragHandler=a.createDragHandler||r,this.events=["cancel","cloned","drag","dragend","drop","out","over","remove","shadow","dropModel","removeModel"]}return Y(e,[{key:"log",value:function(e){var n;if(this.logging){for(var t=arguments.length,r=Array(t>1?t-1:0),i=1;i<t;i++)r[i-1]=arguments[i];(n=console).log.apply(n,["DragulaService ["+this.name+"] :",e].concat(r))}}},{key:"error",value:function(e){throw console.error(e),new Error(e)}},{key:"_validate",value:function(e,n){n||this.error(e+" must take a drake name as the first argument")}},{key:"add",value:function(e,n){if(this.log("add (drake)",e,n),this._validate("add",e),this.find(e)){this.log("existing drakes",this.drakeNames);'Drake named: "'+e+'" already exists for this service ['+this.name+"]. \n      Most likely this error in cause by a race condition evaluating multiple template elements with \n      the v-dragula directive having the same drake name. Please initialise the drake in the created() life cycle hook of the VM to fix this problem.";this.error(msg)}return this.drakes[e]=n,n.models&&this.handleModels(e,n),n.initEvents||this.setupEvents(e,n),n}},{key:"find",value:function(e){return this.log("find (drake) by name",e),this._validate("find",e),this.drakes[e]}},{key:"handleModels",value:function(e,n){if(this.log("handleModels",e,n),this._validate("handleModels",e),!n.registered){var t=this.createDragHandler({ctx:this,name:e,drake:n});n.on("remove",t.remove),n.on("drag",t.drag),n.on("drop",t.drop),n.registered=!0}}},{key:"on",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Object.keys(e),t=!0,r=!1,i=void 0;try{for(var o,a=n[Symbol.iterator]();!(t=(o=a.next()).done);t=!0){var u=o.value,c=e[u];this.eventBus.$on(u,c)}}catch(e){r=!0,i=e}finally{try{!t&&a.return&&a.return()}finally{if(r)throw i}}}},{key:"destroy",value:function(e){this.log("destroy",e),this._validate("destroy",e);var n=this.find(e);n&&(n.destroy(),this._delete(e))}},{key:"_delete",value:function(e){delete this.drakes[e]}},{key:"setOptions",value:function(e,n){this.log("setOptions",e,n),this._validate("setOptions",e);var t=this.add(e,P(n));return this.handleModels(e,t),this}},{key:"setupEvents",value:function(e,n){this.log("setupEvents",e,n),this._validate("setupEvents",e),n.initEvents=!0;var t=this,r=function(r){function i(){var n=Array.prototype.slice.call(arguments);t.eventBus.$emit(r,[e].concat(n))}n.on(r,i)};this.events.forEach(r)}},{key:"domIndexOf",value:function(e,n){return Array.prototype.indexOf.call(n.children,e)}},{key:"findModelForContainer",value:function(e,n){return this.log("findModelForContainer",e,n),(this.findModelContainerByContainer(e,n)||{}).model}},{key:"findModelContainerByContainer",value:function(e,n){if(n.models)return n.models.find(function(n){return n.container===e})}},{key:"drakeNames",get:function(){return Object.keys(this.drakes)}}]),e}();if(!P)throw new Error("[vue-dragula] cannot locate dragula.");var V={createService:function(e){var n=e.name,t=e.eventBus,r=e.drakes;return new L({name:n,eventBus:t,drakes:r})},createEventBus:function(e){arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return new e}};o.version="1.0.0","function"==typeof define&&define.amd?define([],function(){}):window.Vue&&window.Vue.use(o),e.default=o,e.DragulaService=L,e.DragHandler=H});
\ No newline at end of file