mage-engine 3.17.9 → 3.17.11

package/dist/mage.js

@@ -1,4 +1,4 @@
-import {render}from'inferno';function ownKeys$1(object, enumerableOnly) {
+function ownKeys$1(object, enumerableOnly) {
   var keys = Object.keys(object);
 
   if (Object.getOwnPropertySymbols) {
@@ -473,8 +473,8 @@ function matchesState(parentStateId, childStateId, delimiter) {
   var parentStateValue = toStateValue(parentStateId, delimiter);
   var childStateValue = toStateValue(childStateId, delimiter);
 
-  if (isString$3(childStateValue)) {
-    if (isString$3(parentStateValue)) {
+  if (isString$4(childStateValue)) {
+    if (isString$4(parentStateValue)) {
       return childStateValue === parentStateValue;
     } // Parent more specific than child
 
@@ -482,7 +482,7 @@ function matchesState(parentStateId, childStateId, delimiter) {
     return false;
   }
 
-  if (isString$3(parentStateValue)) {
+  if (isString$4(parentStateValue)) {
     return parentStateValue in childStateValue;
   }
 
@@ -497,7 +497,7 @@ function matchesState(parentStateId, childStateId, delimiter) {
 
 function getEventType(event) {
   try {
-    return isString$3(event) || typeof event === 'number' ? "" + event : event.type;
+    return isString$4(event) || typeof event === 'number' ? "" + event : event.type;
   } catch (e) {
     throw new Error('Events must be strings or objects with a string event.type property.');
   }
@@ -505,7 +505,7 @@ function getEventType(event) {
 
 function toStatePath(stateId, delimiter) {
   try {
-    if (isArray$3(stateId)) {
+    if (isArray$4(stateId)) {
       return stateId;
     }
 
@@ -524,7 +524,7 @@ function toStateValue(stateValue, delimiter) {
     return stateValue.value;
   }
 
-  if (isArray$3(stateValue)) {
+  if (isArray$4(stateValue)) {
     return pathToStateValue(stateValue);
   }
 
@@ -668,7 +668,7 @@ function toStatePaths(stateValue) {
     return [[]];
   }
 
-  if (isString$3(stateValue)) {
+  if (isString$4(stateValue)) {
     return [[stateValue]];
   }
 
@@ -693,7 +693,7 @@ function flatten$1(array) {
 }
 
 function toArrayStrict(value) {
-  if (isArray$3(value)) {
+  if (isArray$4(value)) {
     return value;
   }
 
@@ -711,7 +711,7 @@ function toArray(value) {
 function mapContext(mapper, context, _event) {
   var e_5, _a;
 
-  if (isFunction$3(mapper)) {
+  if (isFunction$4(mapper)) {
     return mapper(context, _event.data);
   }
 
@@ -722,7 +722,7 @@ function mapContext(mapper, context, _event) {
       var key = _c.value;
       var subMapper = mapper[key];
 
-      if (isFunction$3(subMapper)) {
+      if (isFunction$4(subMapper)) {
         result[key] = subMapper(context, _event.data);
       } else {
         result[key] = subMapper;
@@ -753,7 +753,7 @@ function isPromiseLike(value) {
   } // Check if shape matches the Promise/A+ specification for a "thenable".
 
 
-  if (value !== null && (isFunction$3(value) || typeof value === 'object') && isFunction$3(value.then)) {
+  if (value !== null && (isFunction$4(value) || typeof value === 'object') && isFunction$4(value.then)) {
     return true;
   }
 
@@ -798,7 +798,7 @@ function updateHistoryStates(hist, stateValue) {
       return undefined;
     }
 
-    var subStateValue = (isString$3(stateValue) ? undefined : stateValue[key]) || (subHist ? subHist.current : undefined);
+    var subStateValue = (isString$4(stateValue) ? undefined : stateValue[key]) || (subHist ? subHist.current : undefined);
 
     if (!subStateValue) {
       return undefined;
@@ -831,14 +831,14 @@ function updateContext(context, _event, assignActions, state) {
     };
     var partialUpdate = {};
 
-    if (isFunction$3(assignment)) {
+    if (isFunction$4(assignment)) {
       partialUpdate = assignment(acc, _event.data, meta);
     } else {
       try {
         for (var _b = __values(keys(assignment)), _c = _b.next(); !_c.done; _c = _b.next()) {
           var key = _c.value;
           var propAssignment = assignment[key];
-          partialUpdate[key] = isFunction$3(propAssignment) ? propAssignment(acc, _event.data, meta) : propAssignment;
+          partialUpdate[key] = isFunction$4(propAssignment) ? propAssignment(acc, _event.data, meta) : propAssignment;
         }
       } catch (e_7_1) {
         e_7 = {
@@ -861,16 +861,16 @@ function updateContext(context, _event, assignActions, state) {
 
 var warn = function () {};
 
-function isArray$3(value) {
+function isArray$4(value) {
   return Array.isArray(value);
 } // tslint:disable-next-line:ban-types
 
 
-function isFunction$3(value) {
+function isFunction$4(value) {
   return typeof value === 'function';
 }
 
-function isString$3(value) {
+function isString$4(value) {
   return typeof value === 'string';
 } // export function memoizedGetter<T, TP extends { prototype: object }>(
 //   o: TP,
@@ -890,7 +890,7 @@ function toGuard(condition, guardMap) {
     return undefined;
   }
 
-  if (isString$3(condition)) {
+  if (isString$4(condition)) {
     return {
       type: DEFAULT_GUARD_TYPE,
       name: condition,
@@ -898,7 +898,7 @@ function toGuard(condition, guardMap) {
     };
   }
 
-  if (isFunction$3(condition)) {
+  if (isFunction$4(condition)) {
     return {
       type: DEFAULT_GUARD_TYPE,
       name: condition.name,
@@ -911,7 +911,7 @@ function toGuard(condition, guardMap) {
 
 function isObservable(value) {
   try {
-    return 'subscribe' in value && isFunction$3(value.subscribe);
+    return 'subscribe' in value && isFunction$4(value.subscribe);
   } catch (e) {
     return false;
   }
@@ -933,7 +933,7 @@ function isMachine(value) {
 
 function toEventObject(event, payload // id?: TEvent['type']
 ) {
-  if (isString$3(event) || typeof event === 'number') {
+  if (isString$4(event) || typeof event === 'number') {
     return __assign({
       type: event
     }, payload);
@@ -943,7 +943,7 @@ function toEventObject(event, payload // id?: TEvent['type']
 }
 
 function toSCXMLEvent(event, scxmlEvent) {
-  if (!isString$3(event) && '$$type' in event && event.$$type === 'scxml') {
+  if (!isString$4(event) && '$$type' in event && event.$$type === 'scxml') {
     return event;
   }
 
@@ -1037,10 +1037,10 @@ function getActionFunction(actionType, actionFunctionMap) {
 function toActionObject(action, actionFunctionMap) {
   var actionObject;
 
-  if (isString$3(action) || typeof action === 'number') {
+  if (isString$4(action) || typeof action === 'number') {
     var exec = getActionFunction(action, actionFunctionMap);
 
-    if (isFunction$3(exec)) {
+    if (isFunction$4(exec)) {
       actionObject = {
         type: action,
         exec: exec
@@ -1053,7 +1053,7 @@ function toActionObject(action, actionFunctionMap) {
         exec: undefined
       };
     }
-  } else if (isFunction$3(action)) {
+  } else if (isFunction$4(action)) {
     actionObject = {
       // Convert action to string if unnamed
       type: action.name || action.toString(),
@@ -1062,7 +1062,7 @@ function toActionObject(action, actionFunctionMap) {
   } else {
     var exec = getActionFunction(action.type, actionFunctionMap);
 
-    if (isFunction$3(exec)) {
+    if (isFunction$4(exec)) {
       actionObject = __assign(__assign({}, action), {
         exec: exec
       });
@@ -1093,7 +1093,7 @@ var toActionObjects = function (action, actionFunctionMap) {
     return [];
   }
 
-  var actions = isArray$3(action) ? action : [action];
+  var actions = isArray$4(action) ? action : [action];
   return actions.map(function (subAction) {
     return toActionObject(subAction, actionFunctionMap);
   });
@@ -1102,7 +1102,7 @@ var toActionObjects = function (action, actionFunctionMap) {
 function toActivityDefinition(action) {
   var actionObject = toActionObject(action);
   return __assign(__assign({
-    id: isString$3(action) ? action : actionObject.id
+    id: isString$4(action) ? action : actionObject.id
   }, actionObject), {
     type: actionObject.type
   });
@@ -1116,7 +1116,7 @@ function toActivityDefinition(action) {
 
 
 function raise(event) {
-  if (!isString$3(event)) {
+  if (!isString$4(event)) {
     return send(event, {
       to: SpecialTargets.Internal
     });
@@ -1150,9 +1150,9 @@ function send(event, options) {
   return {
     to: options ? options.to : undefined,
     type: send$1,
-    event: isFunction$3(event) ? event : toEventObject(event),
+    event: isFunction$4(event) ? event : toEventObject(event),
     delay: options ? options.delay : undefined,
-    id: options && options.id !== undefined ? options.id : isFunction$3(event) ? event.name : getEventType(event)
+    id: options && options.id !== undefined ? options.id : isFunction$4(event) ? event.name : getEventType(event)
   };
 }
 
@@ -1161,17 +1161,17 @@ function resolveSend(action, ctx, _event, delaysMap) {
     _event: _event
   }; // TODO: helper function for resolving Expr
 
-  var resolvedEvent = toSCXMLEvent(isFunction$3(action.event) ? action.event(ctx, _event.data, meta) : action.event);
+  var resolvedEvent = toSCXMLEvent(isFunction$4(action.event) ? action.event(ctx, _event.data, meta) : action.event);
   var resolvedDelay;
 
-  if (isString$3(action.delay)) {
+  if (isString$4(action.delay)) {
     var configDelay = delaysMap && delaysMap[action.delay];
-    resolvedDelay = isFunction$3(configDelay) ? configDelay(ctx, _event.data, meta) : configDelay;
+    resolvedDelay = isFunction$4(configDelay) ? configDelay(ctx, _event.data, meta) : configDelay;
   } else {
-    resolvedDelay = isFunction$3(action.delay) ? action.delay(ctx, _event.data, meta) : action.delay;
+    resolvedDelay = isFunction$4(action.delay) ? action.delay(ctx, _event.data, meta) : action.delay;
   }
 
-  var resolvedTarget = isFunction$3(action.to) ? action.to(ctx, _event.data, meta) : action.to;
+  var resolvedTarget = isFunction$4(action.to) ? action.to(ctx, _event.data, meta) : action.to;
   return __assign(__assign({}, action), {
     to: resolvedTarget,
     _event: resolvedEvent,
@@ -1182,7 +1182,7 @@ function resolveSend(action, ctx, _event, delaysMap) {
 
 var resolveLog = function (action, ctx, _event) {
   return __assign(__assign({}, action), {
-    value: isString$3(action.expr) ? action.expr : action.expr(ctx, _event.data, {
+    value: isString$4(action.expr) ? action.expr : action.expr(ctx, _event.data, {
       _event: _event
     })
   });
@@ -1557,7 +1557,7 @@ function isInFinalState(configuration, stateNode) {
     return false;
   }
 
-  if (isString$3(a) || isString$3(b)) {
+  if (isString$4(a) || isString$4(b)) {
     return a === b;
   }
 
@@ -1569,7 +1569,7 @@ function isInFinalState(configuration, stateNode) {
 }
 
 function isState(state) {
-  if (isString$3(state)) {
+  if (isString$4(state)) {
     return false;
   }
 
@@ -1743,7 +1743,7 @@ function () {
       delimiter = '.';
     }
 
-    if (isString$3(stateValue)) {
+    if (isString$4(stateValue)) {
       return [stateValue];
     }
 
@@ -1835,7 +1835,7 @@ var createDefaultOptions = function () {
 
 var validateArrayifiedTransitions = function (stateNode, event, transitions) {
   var hasNonLastUnguardedTarget = transitions.slice(0, -1).some(function (transition) {
-    return !('cond' in transition) && !('in' in transition) && (isString$3(transition.target) || isMachine(transition.target));
+    return !('cond' in transition) && !('in' in transition) && (isString$4(transition.target) || isMachine(transition.target));
   });
   var eventText = event === NULL_EVENT ? 'the transient event' : "event '" + event + "'";
   warn(!hasNonLastUnguardedTarget, "One or more transitions for " + eventText + " on state '" + stateNode.id + "' are unreachable. " + "Make sure that the default transition is the last one defined.");
@@ -2123,7 +2123,7 @@ function () {
     }
 
     var mutateEntryExit = function (delay, i) {
-      var delayRef = isFunction$3(delay) ? _this.id + ":delay[" + i + "]" : delay;
+      var delayRef = isFunction$4(delay) ? _this.id + ":delay[" + i + "]" : delay;
       var eventType = after(delayRef, _this.id);
 
       _this.onEntry.push(send(eventType, {
@@ -2135,14 +2135,14 @@ function () {
       return eventType;
     };
 
-    var delayedTransitions = isArray$3(afterConfig) ? afterConfig.map(function (transition, i) {
+    var delayedTransitions = isArray$4(afterConfig) ? afterConfig.map(function (transition, i) {
       var eventType = mutateEntryExit(transition.delay, i);
       return __assign(__assign({}, transition), {
         event: eventType
       });
     }) : flatten$1(keys(afterConfig).map(function (delay, i) {
       var configTransition = afterConfig[delay];
-      var resolvedTransition = isString$3(configTransition) ? {
+      var resolvedTransition = isString$4(configTransition) ? {
         target: configTransition
       } : configTransition;
       var resolvedDelay = !isNaN(+delay) ? +delay : delay;
@@ -2179,7 +2179,7 @@ function () {
 
     var stateValue = state instanceof State ? state.value : toStateValue(state, this.delimiter);
 
-    if (isString$3(stateValue)) {
+    if (isString$4(stateValue)) {
       var initialStateValue = this.getStateNode(stateValue).initial;
       return initialStateValue !== undefined ? this.getStateNodes((_a = {}, _a[stateValue] = initialStateValue, _a)) : [this.states[stateValue]];
     }
@@ -2316,7 +2316,7 @@ function () {
 
   StateNode.prototype._transition = function (stateValue, state, _event) {
     // leaf node
-    if (isString$3(stateValue)) {
+    if (isString$4(stateValue)) {
       return this.transitionLeafNode(stateValue, state, _event);
     } // hierarchical node
 
@@ -2345,7 +2345,7 @@ function () {
         var cond = candidate.cond,
             stateIn = candidate.in;
         var resolvedContext = state.context;
-        var isInState = stateIn ? isString$3(stateIn) && isStateId(stateIn) ? // Check if in state by ID
+        var isInState = stateIn ? isString$4(stateIn) && isStateId(stateIn) ? // Check if in state by ID
         state.matches(toStateValue(this.getStateNodeById(stateIn).path, this.delimiter)) : // Check if in state by relative grandparent
         matchesState(toStateValue(stateIn, this.delimiter), path$1(this.path.slice(0, -2))(state.value)) : true;
         var guardPassed = false;
@@ -2594,7 +2594,7 @@ function () {
     if (state instanceof State) {
       currentState = context === undefined ? state : this.resolveState(State.from(state, context));
     } else {
-      var resolvedStateValue = isString$3(state) ? this.resolve(pathToStateValue(this.getResolvedPath(state))) : this.resolve(state);
+      var resolvedStateValue = isString$4(state) ? this.resolve(pathToStateValue(this.getResolvedPath(state))) : this.resolve(state);
       var resolvedContext = context ? context : this.machine.context;
       currentState = this.resolveState(State.from(resolvedStateValue, resolvedContext));
     }
@@ -2700,7 +2700,7 @@ function () {
 
           if (!IS_PRODUCTION) {
             // warn after resolving as we can create better contextual message here
-            warn(!isString$3(actionObject.delay) || typeof sendAction.delay === 'number', // tslint:disable-next-line:max-line-length
+            warn(!isString$4(actionObject.delay) || typeof sendAction.delay === 'number', // tslint:disable-next-line:max-line-length
             "No delay reference for delay expression '" + actionObject.delay + "' was found on machine '" + _this.machine.id + "'");
           }
 
@@ -2893,7 +2893,7 @@ function () {
         });
 
       case 'compound':
-        if (isString$3(stateValue)) {
+        if (isString$4(stateValue)) {
           var subStateNode = this.getStateNode(stateValue);
 
           if (subStateNode.type === 'parallel' || subStateNode.type === 'compound') {
@@ -3003,7 +3003,7 @@ function () {
       if (this.type === 'history') {
         var historyConfig = this.config;
 
-        if (isString$3(historyConfig.target)) {
+        if (isString$4(historyConfig.target)) {
           target = isStateId(historyConfig.target) ? pathToStateValue(this.machine.getStateNodeById(historyConfig.target).path.slice(this.path.length - 1)) : historyConfig.target;
         } else {
           target = historyConfig.target;
@@ -3101,7 +3101,7 @@ function () {
           return stateNode.historyValue();
         }
 
-        var subStateValue = isString$3(relativeStateValue) ? undefined : relativeStateValue[key];
+        var subStateValue = isString$4(relativeStateValue) ? undefined : relativeStateValue[key];
         return stateNode.historyValue(subStateValue || stateNode.initialStateValue);
       }, function (stateNode) {
         return !stateNode.history;
@@ -3134,7 +3134,7 @@ function () {
 
     var subHistoryValue = nestedPath(parent.path, 'states')(historyValue).current;
 
-    if (isString$3(subHistoryValue)) {
+    if (isString$4(subHistoryValue)) {
       return [parent.getStateNode(subHistoryValue)];
     }
 
@@ -3242,7 +3242,7 @@ function () {
     }
 
     return _target.map(function (target) {
-      if (!isString$3(target)) {
+      if (!isString$4(target)) {
         return target;
       }
 
@@ -3274,7 +3274,7 @@ function () {
 
     var normalizedTarget = normalizeTarget(transitionConfig.target);
     var internal = 'internal' in transitionConfig ? transitionConfig.internal : normalizedTarget ? normalizedTarget.some(function (_target) {
-      return isString$3(_target) && _target[0] === _this.delimiter;
+      return isString$4(_target) && _target[0] === _this.delimiter;
     }) : true;
     var guards = this.machine.options.guards;
     var target = this.resolveTarget(normalizedTarget);
@@ -3549,7 +3549,7 @@ function () {
      */
 
     this.send = function (event, payload) {
-      if (isArray$3(event)) {
+      if (isArray$4(event)) {
         _this.batch(event);
 
         return _this.state;
@@ -4009,7 +4009,7 @@ function () {
 
 
     this.children.forEach(function (child) {
-      if (isFunction$3(child.stop)) {
+      if (isFunction$4(child.stop)) {
         child.stop();
       }
     });
@@ -4176,7 +4176,7 @@ function () {
     var context = state.context,
         _event = state._event;
     var actionOrExec = getActionFunction(action.type, actionFunctionMap) || action.exec;
-    var exec = isFunction$3(actionOrExec) ? actionOrExec : actionOrExec ? actionOrExec.exec : action.exec;
+    var exec = isFunction$4(actionOrExec) ? actionOrExec : actionOrExec ? actionOrExec.exec : action.exec;
 
     if (exec) {
       try {
@@ -4241,11 +4241,11 @@ function () {
               return;
             }
 
-            var source = isFunction$3(serviceCreator) ? serviceCreator(context, _event.data) : serviceCreator;
+            var source = isFunction$4(serviceCreator) ? serviceCreator(context, _event.data) : serviceCreator;
 
             if (isPromiseLike(source)) {
               this.state.children[id] = this.spawnPromise(Promise.resolve(source), id);
-            } else if (isFunction$3(source)) {
+            } else if (isFunction$4(source)) {
               this.state.children[id] = this.spawnCallback(source, id);
             } else if (isObservable(source)) {
               this.state.children[id] = this.spawnObservable(source, id);
@@ -4296,7 +4296,7 @@ function () {
     this.forwardTo.delete(childId);
     delete this.state.children[childId];
 
-    if (isFunction$3(child.stop)) {
+    if (isFunction$4(child.stop)) {
       child.stop();
     }
   };
@@ -4304,7 +4304,7 @@ function () {
   Interpreter.prototype.spawn = function (entity, name, options) {
     if (isPromiseLike(entity)) {
       return this.spawnPromise(Promise.resolve(entity), name);
-    } else if (isFunction$3(entity)) {
+    } else if (isFunction$4(entity)) {
       return this.spawnCallback(entity, name);
     } else if (isActor(entity)) {
       return this.spawnActor(entity);
@@ -4490,7 +4490,7 @@ function () {
       stop: function () {
         canceled = true;
 
-        if (isFunction$3(callbackStop)) {
+        if (isFunction$4(callbackStop)) {
           callbackStop();
         }
       },
@@ -56722,7 +56722,7 @@ if (typeof self !== 'undefined') {
   root = Function('return this')();
 }
 
-var result$1 = symbolObservablePonyfill(root);/**
+var result$2 = symbolObservablePonyfill(root);/**
  * These are private action types reserved by Redux.
  * For any unknown actions, you must return the current state.
  * If the current state is undefined, you must return the initial state.
@@ -57010,7 +57010,7 @@ function createStore$1(reducer, preloadedState, enhancer) {
           unsubscribe: unsubscribe
         };
       }
-    }, _ref[result$1] = function () {
+    }, _ref[result$2] = function () {
       return this;
     }, _ref;
   } // When a store is created, an "INIT" action is dispatched so that every
@@ -57026,7 +57026,7 @@ function createStore$1(reducer, preloadedState, enhancer) {
     subscribe: subscribe,
     getState: getState,
     replaceReducer: replaceReducer
-  }, _ref2[result$1] = observable, _ref2;
+  }, _ref2[result$2] = observable, _ref2;
 }
 
 function getUndefinedStateErrorMessage(key, action) {
@@ -57318,7 +57318,7 @@ function applyMiddleware() {
 
 var thunk = createThunkMiddleware();
 thunk.withExtraArgument = createThunkMiddleware;var name = "mage-engine";
-var version = "3.17.9";
+var version = "3.17.11";
 var description = "A WebGL Javascript Game Engine, built on top of THREE.js and many other libraries.";
 var main = "dist/mage.js";
 var author$1 = {
@@ -60206,7 +60206,7 @@ var prepareModel = function prepareModel(model) {
 
       var rotation = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.getRotation();
       var time = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 250;
-      var easing = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : Between.Easing.Linear;
+      var easing = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : Between.Easing.Linear.None;
 
       var _this$getRotation2 = this.getRotation(),
           x = _this$getRotation2.x,
@@ -60230,7 +60230,7 @@ var prepareModel = function prepareModel(model) {
 
       var position = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.getPosition();
       var time = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 250;
-      var easing = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : Between.Easing.Linear;
+      var easing = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : Between.Easing.Linear.None;
 
       var _this$getPosition3 = this.getPosition(),
           x = _this$getPosition3.x,
@@ -73087,7 +73087,7 @@ function __extends(d, b) {
     function __() { this.constructor = d; }
     d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
 }/** PURE_IMPORTS_START  PURE_IMPORTS_END */
-function isFunction$2(x) {
+function isFunction$3(x) {
     return typeof x === 'function';
 }/** PURE_IMPORTS_START  PURE_IMPORTS_END */
 var _enable_super_gross_mode_that_will_cause_bad_things = false;
@@ -73120,7 +73120,7 @@ var empty = {
     },
     complete: function () { }
 };/** PURE_IMPORTS_START  PURE_IMPORTS_END */
-var isArray$2 = /*@__PURE__*/ (function () { return Array.isArray || (function (x) { return x && typeof x.length === 'number'; }); })();/** PURE_IMPORTS_START  PURE_IMPORTS_END */
+var isArray$3 = /*@__PURE__*/ (function () { return Array.isArray || (function (x) { return x && typeof x.length === 'number'; }); })();/** PURE_IMPORTS_START  PURE_IMPORTS_END */
 function isObject(x) {
     return x !== null && typeof x === 'object';
 }/** PURE_IMPORTS_START  PURE_IMPORTS_END */
@@ -73164,7 +73164,7 @@ var Subscription$1 = /*@__PURE__*/ (function () {
                 parent_1.remove(this);
             }
         }
-        if (isFunction$2(_unsubscribe)) {
+        if (isFunction$3(_unsubscribe)) {
             try {
                 _unsubscribe.call(this);
             }
@@ -73172,7 +73172,7 @@ var Subscription$1 = /*@__PURE__*/ (function () {
                 errors = e instanceof UnsubscriptionError ? flattenUnsubscriptionErrors(e.errors) : [e];
             }
         }
-        if (isArray$2(_subscriptions)) {
+        if (isArray$3(_subscriptions)) {
             var index = -1;
             var len = _subscriptions.length;
             while (++index < len) {
@@ -73366,7 +73366,7 @@ var SafeSubscriber = /*@__PURE__*/ (function (_super) {
         _this._parentSubscriber = _parentSubscriber;
         var next;
         var context = _this;
-        if (isFunction$2(observerOrNext)) {
+        if (isFunction$3(observerOrNext)) {
             next = observerOrNext;
         }
         else if (observerOrNext) {
@@ -73375,7 +73375,7 @@ var SafeSubscriber = /*@__PURE__*/ (function (_super) {
             complete = observerOrNext.complete;
             if (observerOrNext !== empty) {
                 context = Object.create(observerOrNext);
-                if (isFunction$2(context.unsubscribe)) {
+                if (isFunction$3(context.unsubscribe)) {
                     _this.add(context.unsubscribe.bind(context));
                 }
                 context.unsubscribe = _this.unsubscribe.bind(_this);
@@ -76853,7 +76853,7 @@ var OutlineEffect = /*#__PURE__*/function () {
 
   return PostProcessing;
 }();
-var PostProcessing$1 = new PostProcessing();function p$1(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function u(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n);}}function d(t,e,i){return e&&u(t.prototype,e),i&&u(t,i),t}function f(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&y(t,e);}function v(t){return (v=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function y(t,e){return (y=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function m(t,e){return !e||"object"!=typeof e&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}var g=function(t,e){return Math.random()*(e-t)+t},C=function(t,e){return e?g(t,t+e):t},S=function(e,i){return i?new Color$1(g(e.r,i.r),g(e.g,i.g),g(e.b,i.b)):e?e.clone():new Color$1},z=function(t,i){return i?new Vector3$1(g(t.x,i.x),g(t.y,i.y),g(t.z,i.z)):t?t.clone():new Vector3$1},w=function(t,e,i){return t.clone().lerp(e,i)},_=function(t,e,i){return t*(1-i)+e*i},A=function(t){return (t.generate?t.generate():t)||0},b=Object.freeze({__proto__:null,getRandomBetween:g,getRandomWithSpread:C,getRandomColorBetween:S,getRandomVectorBetween:z,lerpColors:w,lerp:_,randomizerOrValue:A}),P=function(){function t(e){p$1(this,t),this.system=e,this.reset();}return d(t,[{key:"reset",value:function(){var t=this.system.options.particles;this.age=0,this.finished=!1,this.gravity=t.gravity,this.velocity=x(t.velocity),t.velocityBonus&&this.velocity.add(t.velocityBonus),this.acceleration=x(t.acceleration,!0),this.position=x(t.offset||new Vector3$1),this.ttl=C(t.ttl||1,t.ttlExtra)||1,this.alpha=this.startAlpha=this.endAlpha=null,this.startAlphaChangeAt=(t.startAlphaChangeAt||0)/this.ttl,t.fade&&(void 0!==t.alpha?this.alpha=A(t.alpha):(this.startAlpha=A(t.startAlpha),this.endAlpha=A(t.endAlpha))),this.colorize=Boolean(t.colorize),this.color=this.startColor=this.endColor=null,this.startColorChangeAt=(t.startColorChangeAt||0)/this.ttl,this.colorize&&(t.color?this.color=T(t.color):(this.startColor=T(t.startColor),this.endColor=T(t.endColor))),this.size=this.startSize=this.endSize=null,this.startSizeChangeAt=(t.startSizeChangeAt||0)/this.ttl,t.scaling&&(void 0!==t.size?this.size=A(t.size):(this.startSize=A(t.startSize),this.endSize=A(t.endSize))),this.rotation=this.rotationSpeed=null,t.rotating&&(this.rotation=A(t.rotation||0),this.rotationSpeed=A(t.rotationSpeed||0)),this.startWorldPosition=null,this.onUpdate=t.onUpdate,t.onSpawn&&t.onSpawn(this);}},{key:"update",value:function(t,e){if(!this.finished){0===this.age?(this.system.options.particles.worldPosition&&(this.startWorldPosition=this.system.getWorldPosition()),null===this.alpha&&null===this.startAlpha||this.system.setAlpha(t,this.alpha||this.startAlpha),null===this.color&&null===this.startColor||this.system.setColor(t,this.color||this.startColor),null===this.size&&null===this.startSize||this.system.setSize(t,this.size||this.startSize),null!==this.rotation&&this.system.setRotation(t,this.rotation)):(this.startColor&&this.age>=this.startColorChangeAt&&this.system.setColor(t,w(this.startColor,this.endColor,this.startColorChangeAt?(this.age-this.startColorChangeAt)/(1-this.startColorChangeAt):this.age)),null!=this.startAlpha&&this.age>=this.startAlphaChangeAt&&this.system.setAlpha(t,_(this.startAlpha,this.endAlpha,this.startAlphaChangeAt?(this.age-this.startAlphaChangeAt)/(1-this.startAlphaChangeAt):this.age)),null!=this.startSize&&this.age>=this.startSizeChangeAt&&this.system.setSize(t,_(this.startSize,this.endSize,this.startSizeChangeAt?(this.age-this.startSizeChangeAt)/(1-this.startSizeChangeAt):this.age))),this.gravity&&this.velocity&&(this.velocity.y+=this.gravity*e),this.rotationSpeed&&(this.rotation+=this.rotationSpeed*e,this.system.setRotation(t,this.rotation)),this.velocity&&(this.position.x+=this.velocity.x*e,this.position.y+=this.velocity.y*e,this.position.z+=this.velocity.z*e);var i=this.position;if(this.startWorldPosition){var n=this.system.getWorldPosition();n.sub(this.startWorldPosition),i=i.clone().sub(n);}this.system.setPosition(t,i),this.acceleration&&this.velocity&&(this.velocity.x+=this.acceleration.x*e,this.velocity.y+=this.acceleration.y*e,this.velocity.z+=this.acceleration.z*e),this.age+=e/this.ttl,this.onUpdate&&this.onUpdate(this),this.age>1&&(this.age=1,this.finished=!0);}}},{key:"worldPosition",get:function(){return this.system.getWorldPosition().add(this.position)}}]),t}();function x(t,i){return t?t.generate?t.generate():t.clone():i?null:new Vector3$1}function T(e,i){return e?e.generate?e.generate():e.clone():i?null:new Color$1(1,1,1)}var R=function(){function e(r){p$1(this,e),this.options=r;var o={globalColor:{value:new Color$1(r.color||16777215)},rendererScale:{value:1}},s="";r.perspective&&(s+="#define PERSPECTIVE\n"),r.map&&(s+="#define TEXTURE\n",o.texture={value:r.map}),r.perParticleColor&&(s+="#define COLORING\n"),r.perParticleRotation&&(s+="#define ROTATION\n"),r.constSize&&(s+="#define CONST_SIZE\n",o.constSize={value:r.constSize}),r.alphaTest&&(s+="#define ALPHA_TEST\n"),s+="\n",this.material=new ShaderMaterial({uniforms:o,vertexShader:s+"\n// attributes we get from geometry\nattribute float alpha;\n\n// per-particle size\n#ifdef CONST_SIZE\n    uniform float constSize;\n#else\n    attribute float size;\n#endif\n\n// per-particle rotation\n#ifdef ROTATION\n    attribute float rotation;\n#endif\n\n// system scale when using perspective mode\n#ifdef PERSPECTIVE\n    uniform float rendererScale;\n#endif\n\n// output params for fragment shader\nvarying float vAlpha;\n\n// set per-particle color\n#ifdef COLORING\n    varying vec3 vColor;\n#endif\n\n// get per-particle rotation\n#ifdef ROTATION\n    varying float vRotation;\n#endif\n\n// vertex shader main\nvoid main() \n{\n    // alpha and color\n    vAlpha = alpha;\n\n    // set color\n    #ifdef COLORING\n        vColor = color;\n    #endif\n\n    // set const size\n    #ifdef CONST_SIZE\n        float size = constSize;\n    #endif\n\n    // set position\n    vec4 mvPosition = modelViewMatrix * vec4( position, 1.0 );\n    gl_Position = projectionMatrix * mvPosition;\n\n    // apply rotation\n    #ifdef ROTATION\n        vRotation = rotation;\n    #endif\n    \n    // set size - either perspective or constant\n    #ifdef PERSPECTIVE\n        gl_PointSize = size * (rendererScale / length(mvPosition.xyz));\n    #else\n        gl_PointSize = size;\n    #endif\n}\n",fragmentShader:s+"\n// material uniforms\nuniform vec3 globalColor;\n\n// params we get from vertex shader\nvarying float vAlpha;\n\n// per-particle color from vertex shader\n#ifdef COLORING\n    varying vec3 vColor;\n#endif\n\n// per-particle rotation from vertex shader\n#ifdef ROTATION\n    varying float vRotation;\n#endif\n\n// diffuse texture\n#ifdef TEXTURE\n    uniform sampler2D texture;\n#endif\n\n// fragment shader main\nvoid main() \n{\n    // set default color if don't have per-particle colors\n    #ifndef COLORING\n        vec3 vColor = vec3(1,1,1);\n    #endif\n\n    // texture\n    #ifdef TEXTURE\n\n        // use rotation (rotate texture)\n        #ifdef ROTATION\n            float mid = 0.5;\n            vec2 rotated = vec2(cos(vRotation) * (gl_PointCoord.x - mid) + sin(vRotation) * (gl_PointCoord.y - mid) + mid,\n                          cos(vRotation) * (gl_PointCoord.y - mid) - sin(vRotation) * (gl_PointCoord.x - mid) + mid);\n            vec4 texture = texture2D(texture,  rotated);\n        // no rotation\n        #else\n            vec2 coords = vec2((gl_PointCoord.x - 0.5) + 0.5, (gl_PointCoord.y - 0.5) + 0.5);\n            vec4 texture = texture2D(texture, coords);\n        #endif\n\n        // get color with texture\n        gl_FragColor = vec4( globalColor * vColor, vAlpha ) * texture;\n        \n    // no texture (colors only)\n    #else\n        gl_FragColor = vec4( globalColor * vColor, vAlpha );\n    #endif\n\n    // check if need to discard pixel\n    #ifdef ALPHA_TEST\n        if (gl_FragColor.a < 0.00001) { discard; }\n    #endif\n}\n",transparent:Boolean(r.transparent),blending:r.blending,vertexColors:VertexColors,depthWrite:Boolean(r.depthWrite),depthTest:Boolean(r.depthTest)});}return d(e,[{key:"dispose",value:function(){this.material.dispose();}},{key:"setBaseScale",value:function(t){this.options.perspective&&(this.material.uniforms.rendererScale.value=t);}}]),e}(),O=function(t){return null!=t},E=function(){function i(e){p$1(this,i),e.particles=e.particles||{worldPosition:!0},e.system=e.system||{},this.options=e,this.hasStarted=!1;var n=e.particles;if("number"==typeof e.particles.size&&(console.warn("Note: replaced 'size' with 'globalSize' property since its more efficient and provided size value was constant anyway."),e.particles.globalSize=e.particles.size,delete e.particles.size),e.particles.color instanceof Color$1&&(console.warn("Note: replaced 'color' with 'globalColor' property since its more efficient and you provided color value was constant anyway."),e.particles.globalColor=e.particles.color,delete e.particles.color),e.particles.fade=O(n.startAlpha)||O(n.alpha),e.particles.rotating=O(n.rotationSpeed)||O(n.rotation),e.particles.colorize=O(n.color)||O(n.startColor),e.particles.scaling=O(n.size)||O(n.startSize),O(n.startAlpha)&&!O(n.endAlpha))throw new Error("When providing 'startAlpha' you must also provide 'endAlpha'!");if(O(n.startAlpha)&&O(n.alpha))throw new Error("When providing 'alpha' you can't also provide 'startAlpha'!");if(O(n.startColor)&&!O(n.endColor))throw new Error("When providing 'startColor' you must also provide 'endColor'!");if(O(n.startColor)&&O(n.color))throw new Error("When providing 'color' you can't also provide 'startColor'!");if(O(n.startSize)&&!O(n.endSize))throw new Error("When providing 'startSize' you must also provide 'endSize'!");if(O(n.startSize)&&O(n.size))throw new Error("When providing 'size' you can't also provide 'startSize'!");this.particleCount=e.system.particlesCount||10,this.blending=e.particles.blending||"opaque",this.threeBlend={opaque:NoBlending,additive:AdditiveBlending,multiply:MultiplyBlending,blend:NormalBlending}[this.blending],this.create(),e.autostart&&this.start();}return d(i,[{key:"create",value:function(){this._emitters=[];var t=this.options,e=t.system,i=t.particles;t.container;if(e.emitters)if(e.emitters instanceof Array)for(var n=0;n<e.emitters.length;++n)this.addEmitter(e.emitters[n]);else this.addEmitter(e.emitters);var r="opaque"!==this.blending;this.particlesGeometry=new BufferGeometry;var o=void 0===e.perspective||Boolean(e.perspective),s=new R({size:i.size||10,color:i.globalColor||16777215,blending:this.threeBlend,perspective:o,transparent:r,map:i.texture,perParticleColor:Boolean(i.colorize),alphaTest:"blend"===this.blending&&O(i.texture),constSize:O(i.globalSize)?i.globalSize:null,depthWrite:!O(e.depthWrite)||e.depthWrite,depthTest:!O(e.depthTest)||e.depthTest,perParticleRotation:i.rotating});this.material=s,this.speed=e.speed||1,this.reset(),this._aliveParticles=[],this._deadParticles=[];for(var a=new Float32Array(3*this.particleCount),p=i.colorize?new Float32Array(3*this.particleCount):null,u=i.fade?new Float32Array(1*this.particleCount):null,d=i.scaling?new Float32Array(1*this.particleCount):null,f=i.rotating?new Float32Array(1*this.particleCount):null,v=0;v<this.particleCount;v++){var y=3*v;a[y]=a[y+1]=a[y+2]=0,p&&(p[y]=p[y+1]=p[y+2]=1),u&&(u[v]=1),d&&(d[v]=1),f&&(f[v]=0),this._deadParticles.push(new P(this));}this.particlesGeometry.setAttribute("position",new BufferAttribute(a,3)),u&&this.particlesGeometry.setAttribute("alpha",new BufferAttribute(u,1)),p&&this.particlesGeometry.setAttribute("color",new BufferAttribute(p,3)),d&&this.particlesGeometry.setAttribute("size",new BufferAttribute(d,1)),f&&this.particlesGeometry.setAttribute("rotation",new BufferAttribute(f,1)),this.particlesGeometry.setDrawRange(0,0),this.material.setBaseScale(e.scale||400);var m=new Points(this.particlesGeometry,this.material.material);m.sortParticles=r,this.particleSystem=m,this._positionDirty=!0,this._colorsDirty=Boolean(p),this._alphaDirty=Boolean(u),this._rotateDirty=Boolean(f);}},{key:"start",value:function(){var t=this.options.container;t?(this.addTo(t),this.hasStarted=!0):console.log("no container for particle system, aborting.");}},{key:"stop",value:function(){this.ttl=0;}},{key:"addEmitter",value:function(t){this._emitters.push(t);}},{key:"dispose",value:function(){this.particlesGeometry.dispose(),this.material.dispose();}},{key:"reset",value:function(){this.ttl=this.options.system.ttl,this.age=0,this._timeToUpdateBS=0;}},{key:"getWorldPosition",value:function(){var t=new Vector3$1;return this.particleSystem.getWorldPosition(t),t}},{key:"addTo",value:function(t){t.add(this.particleSystem);}},{key:"setColor",value:function(t,e){t*=3;var i=this.particlesGeometry.attributes.color.array;i[t]=e.r,i[t+1]=e.g,i[t+2]=e.b,this._colorsDirty=!0;}},{key:"setPosition",value:function(t,e){t*=3;var i=this.particlesGeometry.attributes.position.array;i[t]=e.x,i[t+1]=e.y,i[t+2]=e.z,this._positionDirty=!0;}},{key:"setAlpha",value:function(t,e){this.particlesGeometry.attributes.alpha.array[t]=e,this._alphaDirty=!0;}},{key:"setRotation",value:function(t,e){this.particlesGeometry.attributes.rotation.array[t]=e,this._rotateDirty=!0;}},{key:"setSize",value:function(t,e){this.particlesGeometry.attributes.size.array[t]=e,this._sizeDirty=!0;}},{key:"removeAndDisposeIfFinished",value:function(){return !!this.finished&&(this.removeSelf(),this.dispose(),!0)}},{key:"update",value:function(t){if(this.hasStarted){if(void 0===t){var e=(new Date).getTime()/1e3;t=e-this._lastTime||0,this._lastTime=e;}if(0!==t){void 0!==this.ttl&&this.ttl>0&&(this.ttl-=t),t*=this.speed,this.dt=t,this.age+=t;var i=this._aliveParticles.length;if(!this.ttlExpired)for(var n=0;n<this._emitters.length;++n){var r=this._emitters[n].update(t,this);r&&this.spawnParticles(r);}for(n=this._aliveParticles.length-1;n>=0;--n){var o=this._aliveParticles[n];o.update(n,t),o.finished&&(this._aliveParticles.splice(n,1),this._deadParticles.push(o));}i!==this._aliveParticles.length&&this.particlesGeometry.setDrawRange(0,this._aliveParticles.length),this.particlesGeometry.attributes.position.needsUpdate=this._positionDirty,this._needBoundingSphereUpdate=this._needBoundingSphereUpdate||this._positionDirty,this._positionDirty=!1,this._colorsDirty&&(this.particlesGeometry.attributes.color.needsUpdate=!0,this._colorsDirty=!1),this._alphaDirty&&(this.particlesGeometry.attributes.alpha.needsUpdate=!0,this._alphaDirty=!1),this._sizeDirty&&(this.particlesGeometry.attributes.size.needsUpdate=!0,this._sizeDirty=!1),this._rotateDirty&&(this.particlesGeometry.attributes.rotation.needsUpdate=!0,this._rotateDirty=!1),this._needBoundingSphereUpdate&&(this._timeToUpdateBS-=t,this._timeToUpdateBS<=0&&(this._timeToUpdateBS=.2,this.particlesGeometry.computeBoundingSphere())),this.finished||this.options.system.onUpdate&&this.options.system.onUpdate(this);}}}},{key:"spawnParticles",value:function(t){for(var e=0;e<t;++e){if(0===this._deadParticles.length)return;var i=this._deadParticles.pop();i.reset(),this._aliveParticles.push(i);}}},{key:"removeSelf",value:function(){this.particleSystem.parent&&this.particleSystem.parent.remove(this.particleSystem);}},{key:"finished",get:function(){return this.ttlExpired&&0===this.particlesCount}},{key:"ttlExpired",get:function(){return void 0!==this.ttl&&this.ttl<=0}},{key:"particlesCount",get:function(){return this._aliveParticles.length}},{key:"maxParticlesCount",get:function(){return this._aliveParticles.length+this._deadParticles.length}}]),i}(),k=function(){function t(e){p$1(this,t),this.options=e,e.interval=e.interval||1,this.age=0,this.timeToSpawn=Math.random()*A(e.interval);}return d(t,[{key:"update",value:function(t,e){var i=0;if(0===this.age&&this.options.onSpawnBurst&&(i+=A(this.options.onSpawnBurst)),this.age+=t,!this.options.onInterval)return i;(this.timeToSpawn-=t,this.timeToSpawn<=0&&(this.timeToSpawn=A(this.options.interval),i+=A(this.options.onInterval)),this.options.detoretingMinTtl&&e.ttl<this.options.detoretingMinTtl)&&(i*=e.ttl/this.options.detoretingMinTtl);return i}}]),t}(),B=function(){function t(){p$1(this,t);}return d(t,[{key:"generate",value:function(){throw new Error("Not implemented.")}}]),t}(),D=function(t){function i(t,n){var r;return p$1(this,i),(r=m(this,v(i).call(this))).min=t||new Vector3$1(-1,-1,-1),r.max=n||new Vector3$1(1,1,1),r}return f(i,B),d(i,[{key:"generate",value:function(){return z(this.min,this.max)}}]),i}();function G(){return 2*Math.random()-1}var U=function(t){function i(t,e,n,r,o){var s;return p$1(this,i),(s=m(this,v(i).call(this))).maxRadius=t||1,s.minRadius=e||0,s.scaler=n,s.minVector=r,s.maxVector=o,s}return f(i,B),d(i,[{key:"generate",value:function(){var t=new Vector3$1(G(),G(),G());return (this.minVector||this.maxVector)&&t.clamp(this.minVector||new Vector3$1(-1,-1,-1),this.maxVector||new Vector3$1(1,1,1)),t.normalize().multiplyScalar(g(this.minRadius,this.maxRadius)),this.scaler&&t.multiply(this.scaler),t}}]),i}(),W=function(e){function i(e,n){var r;return p$1(this,i),(r=m(this,v(i).call(this))).min=e||new Color$1(0,0,0),r.max=n||new Color$1(1,1,1),r}return f(i,B),d(i,[{key:"generate",value:function(){return S(this.min,this.max)}}]),i}(),I=function(t){function e(t,i){var n;return p$1(this,e),(n=m(this,v(e).call(this))).min=t,n.max=i,n}return f(e,B),d(e,[{key:"generate",value:function(){return g(this.min,this.max)}}]),e}(),N=Object.freeze({__proto__:null,Randomizer:B,BoxRandomizer:D,SphereRandomizer:U,ColorsRandomizer:W,MinMaxRandomizer:I});
+var PostProcessing$1 = new PostProcessing();function p$2(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function u(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n);}}function d(t,e,i){return e&&u(t.prototype,e),i&&u(t,i),t}function f(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&y(t,e);}function v(t){return (v=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function y(t,e){return (y=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function m(t,e){return !e||"object"!=typeof e&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}var g=function(t,e){return Math.random()*(e-t)+t},C=function(t,e){return e?g(t,t+e):t},S=function(e,i){return i?new Color$1(g(e.r,i.r),g(e.g,i.g),g(e.b,i.b)):e?e.clone():new Color$1},z=function(t,i){return i?new Vector3$1(g(t.x,i.x),g(t.y,i.y),g(t.z,i.z)):t?t.clone():new Vector3$1},w=function(t,e,i){return t.clone().lerp(e,i)},_=function(t,e,i){return t*(1-i)+e*i},A=function(t){return (t.generate?t.generate():t)||0},b=Object.freeze({__proto__:null,getRandomBetween:g,getRandomWithSpread:C,getRandomColorBetween:S,getRandomVectorBetween:z,lerpColors:w,lerp:_,randomizerOrValue:A}),P=function(){function t(e){p$2(this,t),this.system=e,this.reset();}return d(t,[{key:"reset",value:function(){var t=this.system.options.particles;this.age=0,this.finished=!1,this.gravity=t.gravity,this.velocity=x(t.velocity),t.velocityBonus&&this.velocity.add(t.velocityBonus),this.acceleration=x(t.acceleration,!0),this.position=x(t.offset||new Vector3$1),this.ttl=C(t.ttl||1,t.ttlExtra)||1,this.alpha=this.startAlpha=this.endAlpha=null,this.startAlphaChangeAt=(t.startAlphaChangeAt||0)/this.ttl,t.fade&&(void 0!==t.alpha?this.alpha=A(t.alpha):(this.startAlpha=A(t.startAlpha),this.endAlpha=A(t.endAlpha))),this.colorize=Boolean(t.colorize),this.color=this.startColor=this.endColor=null,this.startColorChangeAt=(t.startColorChangeAt||0)/this.ttl,this.colorize&&(t.color?this.color=T(t.color):(this.startColor=T(t.startColor),this.endColor=T(t.endColor))),this.size=this.startSize=this.endSize=null,this.startSizeChangeAt=(t.startSizeChangeAt||0)/this.ttl,t.scaling&&(void 0!==t.size?this.size=A(t.size):(this.startSize=A(t.startSize),this.endSize=A(t.endSize))),this.rotation=this.rotationSpeed=null,t.rotating&&(this.rotation=A(t.rotation||0),this.rotationSpeed=A(t.rotationSpeed||0)),this.startWorldPosition=null,this.onUpdate=t.onUpdate,t.onSpawn&&t.onSpawn(this);}},{key:"update",value:function(t,e){if(!this.finished){0===this.age?(this.system.options.particles.worldPosition&&(this.startWorldPosition=this.system.getWorldPosition()),null===this.alpha&&null===this.startAlpha||this.system.setAlpha(t,this.alpha||this.startAlpha),null===this.color&&null===this.startColor||this.system.setColor(t,this.color||this.startColor),null===this.size&&null===this.startSize||this.system.setSize(t,this.size||this.startSize),null!==this.rotation&&this.system.setRotation(t,this.rotation)):(this.startColor&&this.age>=this.startColorChangeAt&&this.system.setColor(t,w(this.startColor,this.endColor,this.startColorChangeAt?(this.age-this.startColorChangeAt)/(1-this.startColorChangeAt):this.age)),null!=this.startAlpha&&this.age>=this.startAlphaChangeAt&&this.system.setAlpha(t,_(this.startAlpha,this.endAlpha,this.startAlphaChangeAt?(this.age-this.startAlphaChangeAt)/(1-this.startAlphaChangeAt):this.age)),null!=this.startSize&&this.age>=this.startSizeChangeAt&&this.system.setSize(t,_(this.startSize,this.endSize,this.startSizeChangeAt?(this.age-this.startSizeChangeAt)/(1-this.startSizeChangeAt):this.age))),this.gravity&&this.velocity&&(this.velocity.y+=this.gravity*e),this.rotationSpeed&&(this.rotation+=this.rotationSpeed*e,this.system.setRotation(t,this.rotation)),this.velocity&&(this.position.x+=this.velocity.x*e,this.position.y+=this.velocity.y*e,this.position.z+=this.velocity.z*e);var i=this.position;if(this.startWorldPosition){var n=this.system.getWorldPosition();n.sub(this.startWorldPosition),i=i.clone().sub(n);}this.system.setPosition(t,i),this.acceleration&&this.velocity&&(this.velocity.x+=this.acceleration.x*e,this.velocity.y+=this.acceleration.y*e,this.velocity.z+=this.acceleration.z*e),this.age+=e/this.ttl,this.onUpdate&&this.onUpdate(this),this.age>1&&(this.age=1,this.finished=!0);}}},{key:"worldPosition",get:function(){return this.system.getWorldPosition().add(this.position)}}]),t}();function x(t,i){return t?t.generate?t.generate():t.clone():i?null:new Vector3$1}function T(e,i){return e?e.generate?e.generate():e.clone():i?null:new Color$1(1,1,1)}var R=function(){function e(r){p$2(this,e),this.options=r;var o={globalColor:{value:new Color$1(r.color||16777215)},rendererScale:{value:1}},s="";r.perspective&&(s+="#define PERSPECTIVE\n"),r.map&&(s+="#define TEXTURE\n",o.texture={value:r.map}),r.perParticleColor&&(s+="#define COLORING\n"),r.perParticleRotation&&(s+="#define ROTATION\n"),r.constSize&&(s+="#define CONST_SIZE\n",o.constSize={value:r.constSize}),r.alphaTest&&(s+="#define ALPHA_TEST\n"),s+="\n",this.material=new ShaderMaterial({uniforms:o,vertexShader:s+"\n// attributes we get from geometry\nattribute float alpha;\n\n// per-particle size\n#ifdef CONST_SIZE\n    uniform float constSize;\n#else\n    attribute float size;\n#endif\n\n// per-particle rotation\n#ifdef ROTATION\n    attribute float rotation;\n#endif\n\n// system scale when using perspective mode\n#ifdef PERSPECTIVE\n    uniform float rendererScale;\n#endif\n\n// output params for fragment shader\nvarying float vAlpha;\n\n// set per-particle color\n#ifdef COLORING\n    varying vec3 vColor;\n#endif\n\n// get per-particle rotation\n#ifdef ROTATION\n    varying float vRotation;\n#endif\n\n// vertex shader main\nvoid main() \n{\n    // alpha and color\n    vAlpha = alpha;\n\n    // set color\n    #ifdef COLORING\n        vColor = color;\n    #endif\n\n    // set const size\n    #ifdef CONST_SIZE\n        float size = constSize;\n    #endif\n\n    // set position\n    vec4 mvPosition = modelViewMatrix * vec4( position, 1.0 );\n    gl_Position = projectionMatrix * mvPosition;\n\n    // apply rotation\n    #ifdef ROTATION\n        vRotation = rotation;\n    #endif\n    \n    // set size - either perspective or constant\n    #ifdef PERSPECTIVE\n        gl_PointSize = size * (rendererScale / length(mvPosition.xyz));\n    #else\n        gl_PointSize = size;\n    #endif\n}\n",fragmentShader:s+"\n// material uniforms\nuniform vec3 globalColor;\n\n// params we get from vertex shader\nvarying float vAlpha;\n\n// per-particle color from vertex shader\n#ifdef COLORING\n    varying vec3 vColor;\n#endif\n\n// per-particle rotation from vertex shader\n#ifdef ROTATION\n    varying float vRotation;\n#endif\n\n// diffuse texture\n#ifdef TEXTURE\n    uniform sampler2D texture;\n#endif\n\n// fragment shader main\nvoid main() \n{\n    // set default color if don't have per-particle colors\n    #ifndef COLORING\n        vec3 vColor = vec3(1,1,1);\n    #endif\n\n    // texture\n    #ifdef TEXTURE\n\n        // use rotation (rotate texture)\n        #ifdef ROTATION\n            float mid = 0.5;\n            vec2 rotated = vec2(cos(vRotation) * (gl_PointCoord.x - mid) + sin(vRotation) * (gl_PointCoord.y - mid) + mid,\n                          cos(vRotation) * (gl_PointCoord.y - mid) - sin(vRotation) * (gl_PointCoord.x - mid) + mid);\n            vec4 texture = texture2D(texture,  rotated);\n        // no rotation\n        #else\n            vec2 coords = vec2((gl_PointCoord.x - 0.5) + 0.5, (gl_PointCoord.y - 0.5) + 0.5);\n            vec4 texture = texture2D(texture, coords);\n        #endif\n\n        // get color with texture\n        gl_FragColor = vec4( globalColor * vColor, vAlpha ) * texture;\n        \n    // no texture (colors only)\n    #else\n        gl_FragColor = vec4( globalColor * vColor, vAlpha );\n    #endif\n\n    // check if need to discard pixel\n    #ifdef ALPHA_TEST\n        if (gl_FragColor.a < 0.00001) { discard; }\n    #endif\n}\n",transparent:Boolean(r.transparent),blending:r.blending,vertexColors:VertexColors,depthWrite:Boolean(r.depthWrite),depthTest:Boolean(r.depthTest)});}return d(e,[{key:"dispose",value:function(){this.material.dispose();}},{key:"setBaseScale",value:function(t){this.options.perspective&&(this.material.uniforms.rendererScale.value=t);}}]),e}(),O=function(t){return null!=t},E=function(){function i(e){p$2(this,i),e.particles=e.particles||{worldPosition:!0},e.system=e.system||{},this.options=e,this.hasStarted=!1;var n=e.particles;if("number"==typeof e.particles.size&&(console.warn("Note: replaced 'size' with 'globalSize' property since its more efficient and provided size value was constant anyway."),e.particles.globalSize=e.particles.size,delete e.particles.size),e.particles.color instanceof Color$1&&(console.warn("Note: replaced 'color' with 'globalColor' property since its more efficient and you provided color value was constant anyway."),e.particles.globalColor=e.particles.color,delete e.particles.color),e.particles.fade=O(n.startAlpha)||O(n.alpha),e.particles.rotating=O(n.rotationSpeed)||O(n.rotation),e.particles.colorize=O(n.color)||O(n.startColor),e.particles.scaling=O(n.size)||O(n.startSize),O(n.startAlpha)&&!O(n.endAlpha))throw new Error("When providing 'startAlpha' you must also provide 'endAlpha'!");if(O(n.startAlpha)&&O(n.alpha))throw new Error("When providing 'alpha' you can't also provide 'startAlpha'!");if(O(n.startColor)&&!O(n.endColor))throw new Error("When providing 'startColor' you must also provide 'endColor'!");if(O(n.startColor)&&O(n.color))throw new Error("When providing 'color' you can't also provide 'startColor'!");if(O(n.startSize)&&!O(n.endSize))throw new Error("When providing 'startSize' you must also provide 'endSize'!");if(O(n.startSize)&&O(n.size))throw new Error("When providing 'size' you can't also provide 'startSize'!");this.particleCount=e.system.particlesCount||10,this.blending=e.particles.blending||"opaque",this.threeBlend={opaque:NoBlending,additive:AdditiveBlending,multiply:MultiplyBlending,blend:NormalBlending}[this.blending],this.create(),e.autostart&&this.start();}return d(i,[{key:"create",value:function(){this._emitters=[];var t=this.options,e=t.system,i=t.particles;t.container;if(e.emitters)if(e.emitters instanceof Array)for(var n=0;n<e.emitters.length;++n)this.addEmitter(e.emitters[n]);else this.addEmitter(e.emitters);var r="opaque"!==this.blending;this.particlesGeometry=new BufferGeometry;var o=void 0===e.perspective||Boolean(e.perspective),s=new R({size:i.size||10,color:i.globalColor||16777215,blending:this.threeBlend,perspective:o,transparent:r,map:i.texture,perParticleColor:Boolean(i.colorize),alphaTest:"blend"===this.blending&&O(i.texture),constSize:O(i.globalSize)?i.globalSize:null,depthWrite:!O(e.depthWrite)||e.depthWrite,depthTest:!O(e.depthTest)||e.depthTest,perParticleRotation:i.rotating});this.material=s,this.speed=e.speed||1,this.reset(),this._aliveParticles=[],this._deadParticles=[];for(var a=new Float32Array(3*this.particleCount),p=i.colorize?new Float32Array(3*this.particleCount):null,u=i.fade?new Float32Array(1*this.particleCount):null,d=i.scaling?new Float32Array(1*this.particleCount):null,f=i.rotating?new Float32Array(1*this.particleCount):null,v=0;v<this.particleCount;v++){var y=3*v;a[y]=a[y+1]=a[y+2]=0,p&&(p[y]=p[y+1]=p[y+2]=1),u&&(u[v]=1),d&&(d[v]=1),f&&(f[v]=0),this._deadParticles.push(new P(this));}this.particlesGeometry.setAttribute("position",new BufferAttribute(a,3)),u&&this.particlesGeometry.setAttribute("alpha",new BufferAttribute(u,1)),p&&this.particlesGeometry.setAttribute("color",new BufferAttribute(p,3)),d&&this.particlesGeometry.setAttribute("size",new BufferAttribute(d,1)),f&&this.particlesGeometry.setAttribute("rotation",new BufferAttribute(f,1)),this.particlesGeometry.setDrawRange(0,0),this.material.setBaseScale(e.scale||400);var m=new Points(this.particlesGeometry,this.material.material);m.sortParticles=r,this.particleSystem=m,this._positionDirty=!0,this._colorsDirty=Boolean(p),this._alphaDirty=Boolean(u),this._rotateDirty=Boolean(f);}},{key:"start",value:function(){var t=this.options.container;t?(this.addTo(t),this.hasStarted=!0):console.log("no container for particle system, aborting.");}},{key:"stop",value:function(){this.ttl=0;}},{key:"addEmitter",value:function(t){this._emitters.push(t);}},{key:"dispose",value:function(){this.particlesGeometry.dispose(),this.material.dispose();}},{key:"reset",value:function(){this.ttl=this.options.system.ttl,this.age=0,this._timeToUpdateBS=0;}},{key:"getWorldPosition",value:function(){var t=new Vector3$1;return this.particleSystem.getWorldPosition(t),t}},{key:"addTo",value:function(t){t.add(this.particleSystem);}},{key:"setColor",value:function(t,e){t*=3;var i=this.particlesGeometry.attributes.color.array;i[t]=e.r,i[t+1]=e.g,i[t+2]=e.b,this._colorsDirty=!0;}},{key:"setPosition",value:function(t,e){t*=3;var i=this.particlesGeometry.attributes.position.array;i[t]=e.x,i[t+1]=e.y,i[t+2]=e.z,this._positionDirty=!0;}},{key:"setAlpha",value:function(t,e){this.particlesGeometry.attributes.alpha.array[t]=e,this._alphaDirty=!0;}},{key:"setRotation",value:function(t,e){this.particlesGeometry.attributes.rotation.array[t]=e,this._rotateDirty=!0;}},{key:"setSize",value:function(t,e){this.particlesGeometry.attributes.size.array[t]=e,this._sizeDirty=!0;}},{key:"removeAndDisposeIfFinished",value:function(){return !!this.finished&&(this.removeSelf(),this.dispose(),!0)}},{key:"update",value:function(t){if(this.hasStarted){if(void 0===t){var e=(new Date).getTime()/1e3;t=e-this._lastTime||0,this._lastTime=e;}if(0!==t){void 0!==this.ttl&&this.ttl>0&&(this.ttl-=t),t*=this.speed,this.dt=t,this.age+=t;var i=this._aliveParticles.length;if(!this.ttlExpired)for(var n=0;n<this._emitters.length;++n){var r=this._emitters[n].update(t,this);r&&this.spawnParticles(r);}for(n=this._aliveParticles.length-1;n>=0;--n){var o=this._aliveParticles[n];o.update(n,t),o.finished&&(this._aliveParticles.splice(n,1),this._deadParticles.push(o));}i!==this._aliveParticles.length&&this.particlesGeometry.setDrawRange(0,this._aliveParticles.length),this.particlesGeometry.attributes.position.needsUpdate=this._positionDirty,this._needBoundingSphereUpdate=this._needBoundingSphereUpdate||this._positionDirty,this._positionDirty=!1,this._colorsDirty&&(this.particlesGeometry.attributes.color.needsUpdate=!0,this._colorsDirty=!1),this._alphaDirty&&(this.particlesGeometry.attributes.alpha.needsUpdate=!0,this._alphaDirty=!1),this._sizeDirty&&(this.particlesGeometry.attributes.size.needsUpdate=!0,this._sizeDirty=!1),this._rotateDirty&&(this.particlesGeometry.attributes.rotation.needsUpdate=!0,this._rotateDirty=!1),this._needBoundingSphereUpdate&&(this._timeToUpdateBS-=t,this._timeToUpdateBS<=0&&(this._timeToUpdateBS=.2,this.particlesGeometry.computeBoundingSphere())),this.finished||this.options.system.onUpdate&&this.options.system.onUpdate(this);}}}},{key:"spawnParticles",value:function(t){for(var e=0;e<t;++e){if(0===this._deadParticles.length)return;var i=this._deadParticles.pop();i.reset(),this._aliveParticles.push(i);}}},{key:"removeSelf",value:function(){this.particleSystem.parent&&this.particleSystem.parent.remove(this.particleSystem);}},{key:"finished",get:function(){return this.ttlExpired&&0===this.particlesCount}},{key:"ttlExpired",get:function(){return void 0!==this.ttl&&this.ttl<=0}},{key:"particlesCount",get:function(){return this._aliveParticles.length}},{key:"maxParticlesCount",get:function(){return this._aliveParticles.length+this._deadParticles.length}}]),i}(),k=function(){function t(e){p$2(this,t),this.options=e,e.interval=e.interval||1,this.age=0,this.timeToSpawn=Math.random()*A(e.interval);}return d(t,[{key:"update",value:function(t,e){var i=0;if(0===this.age&&this.options.onSpawnBurst&&(i+=A(this.options.onSpawnBurst)),this.age+=t,!this.options.onInterval)return i;(this.timeToSpawn-=t,this.timeToSpawn<=0&&(this.timeToSpawn=A(this.options.interval),i+=A(this.options.onInterval)),this.options.detoretingMinTtl&&e.ttl<this.options.detoretingMinTtl)&&(i*=e.ttl/this.options.detoretingMinTtl);return i}}]),t}(),B=function(){function t(){p$2(this,t);}return d(t,[{key:"generate",value:function(){throw new Error("Not implemented.")}}]),t}(),D=function(t){function i(t,n){var r;return p$2(this,i),(r=m(this,v(i).call(this))).min=t||new Vector3$1(-1,-1,-1),r.max=n||new Vector3$1(1,1,1),r}return f(i,B),d(i,[{key:"generate",value:function(){return z(this.min,this.max)}}]),i}();function G(){return 2*Math.random()-1}var U=function(t){function i(t,e,n,r,o){var s;return p$2(this,i),(s=m(this,v(i).call(this))).maxRadius=t||1,s.minRadius=e||0,s.scaler=n,s.minVector=r,s.maxVector=o,s}return f(i,B),d(i,[{key:"generate",value:function(){var t=new Vector3$1(G(),G(),G());return (this.minVector||this.maxVector)&&t.clamp(this.minVector||new Vector3$1(-1,-1,-1),this.maxVector||new Vector3$1(1,1,1)),t.normalize().multiplyScalar(g(this.minRadius,this.maxRadius)),this.scaler&&t.multiply(this.scaler),t}}]),i}(),W=function(e){function i(e,n){var r;return p$2(this,i),(r=m(this,v(i).call(this))).min=e||new Color$1(0,0,0),r.max=n||new Color$1(1,1,1),r}return f(i,B),d(i,[{key:"generate",value:function(){return S(this.min,this.max)}}]),i}(),I=function(t){function e(t,i){var n;return p$2(this,e),(n=m(this,v(e).call(this))).min=t,n.max=i,n}return f(e,B),d(e,[{key:"generate",value:function(){return g(this.min,this.max)}}]),e}(),N=Object.freeze({__proto__:null,Randomizer:B,BoxRandomizer:D,SphereRandomizer:U,ColorsRandomizer:W,MinMaxRandomizer:I});
 var index$1=/*#__PURE__*/Object.freeze({__proto__:null,Emitter:k,Particle:P,ParticlesSystem:E,Randomizers:N,Utils:b});var PARTICLE_EMITTER_TYPES = {
   SINGLE: 'SINGLE',
   GROUP: 'GROUP'
@@ -81517,7 +81517,1908 @@ var parseQuery = function parseQuery() {
   }).reduce(function (acc, param) {
     return _objectSpread2$1(_objectSpread2$1({}, acc), param);
   }, {}) : EMPTY_QUERY;
-};var isArray$1 = Array.isArray;
+};var isArray$2 = Array.isArray;
+function isStringOrNumber$2(o) {
+    var type = typeof o;
+    return type === 'string' || type === 'number';
+}
+function isNullOrUndef$3(o) {
+    return o === void 0 || o === null;
+}
+function isInvalid$2(o) {
+    return o === null || o === false || o === true || o === void 0;
+}
+function isFunction$2(o) {
+    return typeof o === 'function';
+}
+function isString$3(o) {
+    return typeof o === 'string';
+}
+function isNumber$2(o) {
+    return typeof o === 'number';
+}
+function isNull$2(o) {
+    return o === null;
+}
+function combineFrom$3(first, second) {
+    var out = {};
+    if (first) {
+        for (var key in first) {
+            out[key] = first[key];
+        }
+    }
+    if (second) {
+        for (var key$1 in second) {
+            out[key$1] = second[key$1];
+        }
+    }
+    return out;
+}
+// object.event should always be function, otherwise its badly created object.
+function isLinkEventObject$1(o) {
+    return !isNull$2(o) && typeof o === 'object';
+}
+
+// We need EMPTY_OBJ defined in one place.
+// Its used for comparison so we cant inline it into shared
+var EMPTY_OBJ$2 = {};
+function normalizeEventName$1(name) {
+    return name.substr(2).toLowerCase();
+}
+function appendChild$1(parentDOM, dom) {
+    parentDOM.appendChild(dom);
+}
+function insertOrAppend$1(parentDOM, newNode, nextNode) {
+    if (isNull$2(nextNode)) {
+        appendChild$1(parentDOM, newNode);
+    }
+    else {
+        parentDOM.insertBefore(newNode, nextNode);
+    }
+}
+function documentCreateElement$1(tag, isSVG) {
+    if (isSVG) {
+        return document.createElementNS('http://www.w3.org/2000/svg', tag);
+    }
+    return document.createElement(tag);
+}
+function replaceChild$1(parentDOM, newDom, lastDom) {
+    parentDOM.replaceChild(newDom, lastDom);
+}
+function removeChild$1(parentDOM, childNode) {
+    parentDOM.removeChild(childNode);
+}
+function callAll$1(arrayFn) {
+    var listener;
+    while ((listener = arrayFn.shift()) !== undefined) {
+        listener();
+    }
+}
+function findChildVNode$1(vNode, startEdge, flags) {
+    var children = vNode.children;
+    if (flags & 4 /* ComponentClass */) {
+        return children.$LI;
+    }
+    if (flags & 8192 /* Fragment */) {
+        return vNode.childFlags === 2 /* HasVNodeChildren */ ? children : children[startEdge ? 0 : children.length - 1];
+    }
+    return children;
+}
+function findDOMfromVNode$1(vNode, startEdge) {
+    var flags;
+    while (vNode) {
+        flags = vNode.flags;
+        if (flags & 2033 /* DOMRef */) {
+            return vNode.dom;
+        }
+        vNode = findChildVNode$1(vNode, startEdge, flags);
+    }
+    return null;
+}
+function removeVNodeDOM$1(vNode, parentDOM) {
+    do {
+        var flags = vNode.flags;
+        if (flags & 2033 /* DOMRef */) {
+            removeChild$1(parentDOM, vNode.dom);
+            return;
+        }
+        var children = vNode.children;
+        if (flags & 4 /* ComponentClass */) {
+            vNode = children.$LI;
+        }
+        if (flags & 8 /* ComponentFunction */) {
+            vNode = children;
+        }
+        if (flags & 8192 /* Fragment */) {
+            if (vNode.childFlags === 2 /* HasVNodeChildren */) {
+                vNode = children;
+            }
+            else {
+                for (var i = 0, len = children.length; i < len; ++i) {
+                    removeVNodeDOM$1(children[i], parentDOM);
+                }
+                return;
+            }
+        }
+    } while (vNode);
+}
+function moveVNodeDOM$1(vNode, parentDOM, nextNode) {
+    do {
+        var flags = vNode.flags;
+        if (flags & 2033 /* DOMRef */) {
+            insertOrAppend$1(parentDOM, vNode.dom, nextNode);
+            return;
+        }
+        var children = vNode.children;
+        if (flags & 4 /* ComponentClass */) {
+            vNode = children.$LI;
+        }
+        if (flags & 8 /* ComponentFunction */) {
+            vNode = children;
+        }
+        if (flags & 8192 /* Fragment */) {
+            if (vNode.childFlags === 2 /* HasVNodeChildren */) {
+                vNode = children;
+            }
+            else {
+                for (var i = 0, len = children.length; i < len; ++i) {
+                    moveVNodeDOM$1(children[i], parentDOM, nextNode);
+                }
+                return;
+            }
+        }
+    } while (vNode);
+}
+function createDerivedState$1(instance, nextProps, state) {
+    if (instance.constructor.getDerivedStateFromProps) {
+        return combineFrom$3(state, instance.constructor.getDerivedStateFromProps(nextProps, state));
+    }
+    return state;
+}
+var options$1 = {
+    componentComparator: null,
+    createVNode: null,
+    renderComplete: null
+};
+function setTextContent$1(dom, children) {
+    dom.textContent = children;
+}
+// Calling this function assumes, nextValue is linkEvent
+function isLastValueSameLinkEvent$1(lastValue, nextValue) {
+    return (isLinkEventObject$1(lastValue) &&
+        lastValue.event === nextValue.event &&
+        lastValue.data === nextValue.data);
+}
+function safeCall1$1(method, arg1) {
+    return !!isFunction$2(method) && (method(arg1), true);
+}
+
+var keyPrefix$2 = '$';
+function V$2(childFlags, children, className, flags, key, props, ref, type) {
+    this.childFlags = childFlags;
+    this.children = children;
+    this.className = className;
+    this.dom = null;
+    this.flags = flags;
+    this.key = key === void 0 ? null : key;
+    this.props = props === void 0 ? null : props;
+    this.ref = ref === void 0 ? null : ref;
+    this.type = type;
+}
+function createVNode$2(flags, type, className, children, childFlags, props, key, ref) {
+    var childFlag = childFlags === void 0 ? 1 /* HasInvalidChildren */ : childFlags;
+    var vNode = new V$2(childFlag, children, className, flags, key, props, ref, type);
+    if (childFlag === 0 /* UnknownChildren */) {
+        normalizeChildren$2(vNode, vNode.children);
+    }
+    return vNode;
+}
+function createTextVNode$2(text, key) {
+    return new V$2(1 /* HasInvalidChildren */, isNullOrUndef$3(text) || text === true || text === false ? '' : text, null, 16 /* Text */, key, null, null, null);
+}
+function createFragment$2(children, childFlags, key) {
+    var fragment = createVNode$2(8192 /* Fragment */, 8192 /* Fragment */, null, children, childFlags, null, key, null);
+    switch (fragment.childFlags) {
+        case 1 /* HasInvalidChildren */:
+            fragment.children = createVoidVNode$2();
+            fragment.childFlags = 2 /* HasVNodeChildren */;
+            break;
+        case 16 /* HasTextChildren */:
+            fragment.children = [createTextVNode$2(children)];
+            fragment.childFlags = 4 /* HasNonKeyedChildren */;
+            break;
+    }
+    return fragment;
+}
+/*
+ * Fragment is different than normal vNode,
+ * because when it needs to be cloned we need to clone its children too
+ * But not normalize, because otherwise those possibly get KEY and re-mount
+ */
+function cloneFragment$2(vNodeToClone) {
+    var clonedChildren;
+    var oldChildren = vNodeToClone.children;
+    var childFlags = vNodeToClone.childFlags;
+    if (childFlags === 2 /* HasVNodeChildren */) {
+        clonedChildren = directClone$2(oldChildren);
+    }
+    else if (childFlags & 12 /* MultipleChildren */) {
+        clonedChildren = [];
+        for (var i = 0, len = oldChildren.length; i < len; ++i) {
+            clonedChildren.push(directClone$2(oldChildren[i]));
+        }
+    }
+    return createFragment$2(clonedChildren, childFlags, vNodeToClone.key);
+}
+function directClone$2(vNodeToClone) {
+    var flags = vNodeToClone.flags & -16385 /* ClearInUse */;
+    var props = vNodeToClone.props;
+    if (flags & 14 /* Component */) {
+        if (!isNull$2(props)) {
+            var propsToClone = props;
+            props = {};
+            for (var key in propsToClone) {
+                props[key] = propsToClone[key];
+            }
+        }
+    }
+    if ((flags & 8192 /* Fragment */) === 0) {
+        return new V$2(vNodeToClone.childFlags, vNodeToClone.children, vNodeToClone.className, flags, vNodeToClone.key, props, vNodeToClone.ref, vNodeToClone.type);
+    }
+    return cloneFragment$2(vNodeToClone);
+}
+function createVoidVNode$2() {
+    return createTextVNode$2('', null);
+}
+function _normalizeVNodes$2(nodes, result, index, currentKey) {
+    for (var len = nodes.length; index < len; index++) {
+        var n = nodes[index];
+        if (!isInvalid$2(n)) {
+            var newKey = currentKey + keyPrefix$2 + index;
+            if (isArray$2(n)) {
+                _normalizeVNodes$2(n, result, 0, newKey);
+            }
+            else {
+                if (isStringOrNumber$2(n)) {
+                    n = createTextVNode$2(n, newKey);
+                }
+                else {
+                    var oldKey = n.key;
+                    var isPrefixedKey = isString$3(oldKey) && oldKey[0] === keyPrefix$2;
+                    if (n.flags & 81920 /* InUseOrNormalized */ || isPrefixedKey) {
+                        n = directClone$2(n);
+                    }
+                    n.flags |= 65536 /* Normalized */;
+                    if (!isPrefixedKey) {
+                        if (isNull$2(oldKey)) {
+                            n.key = newKey;
+                        }
+                        else {
+                            n.key = currentKey + oldKey;
+                        }
+                    }
+                    else if (oldKey.substring(0, currentKey.length) !== currentKey) {
+                        n.key = currentKey + oldKey;
+                    }
+                }
+                result.push(n);
+            }
+        }
+    }
+}
+function normalizeChildren$2(vNode, children) {
+    var newChildren;
+    var newChildFlags = 1 /* HasInvalidChildren */;
+    // Don't change children to match strict equal (===) true in patching
+    if (isInvalid$2(children)) {
+        newChildren = children;
+    }
+    else if (isStringOrNumber$2(children)) {
+        newChildFlags = 16 /* HasTextChildren */;
+        newChildren = children;
+    }
+    else if (isArray$2(children)) {
+        var len = children.length;
+        for (var i = 0; i < len; ++i) {
+            var n = children[i];
+            if (isInvalid$2(n) || isArray$2(n)) {
+                newChildren = newChildren || children.slice(0, i);
+                _normalizeVNodes$2(children, newChildren, i, '');
+                break;
+            }
+            else if (isStringOrNumber$2(n)) {
+                newChildren = newChildren || children.slice(0, i);
+                newChildren.push(createTextVNode$2(n, keyPrefix$2 + i));
+            }
+            else {
+                var key = n.key;
+                var needsCloning = (n.flags & 81920 /* InUseOrNormalized */) > 0;
+                var isNullKey = isNull$2(key);
+                var isPrefixed = isString$3(key) && key[0] === keyPrefix$2;
+                if (needsCloning || isNullKey || isPrefixed) {
+                    newChildren = newChildren || children.slice(0, i);
+                    if (needsCloning || isPrefixed) {
+                        n = directClone$2(n);
+                    }
+                    if (isNullKey || isPrefixed) {
+                        n.key = keyPrefix$2 + i;
+                    }
+                    newChildren.push(n);
+                }
+                else if (newChildren) {
+                    newChildren.push(n);
+                }
+                n.flags |= 65536 /* Normalized */;
+            }
+        }
+        newChildren = newChildren || children;
+        if (newChildren.length === 0) {
+            newChildFlags = 1 /* HasInvalidChildren */;
+        }
+        else {
+            newChildFlags = 8 /* HasKeyedChildren */;
+        }
+    }
+    else {
+        newChildren = children;
+        newChildren.flags |= 65536 /* Normalized */;
+        if (children.flags & 81920 /* InUseOrNormalized */) {
+            newChildren = directClone$2(children);
+        }
+        newChildFlags = 2 /* HasVNodeChildren */;
+    }
+    vNode.children = newChildren;
+    vNode.childFlags = newChildFlags;
+    return vNode;
+}
+function normalizeRoot$1(input) {
+    if (isInvalid$2(input) || isStringOrNumber$2(input)) {
+        return createTextVNode$2(input, null);
+    }
+    if (isArray$2(input)) {
+        return createFragment$2(input, 0 /* UnknownChildren */, null);
+    }
+    return input.flags & 16384 /* InUse */ ? directClone$2(input) : input;
+}
+
+var xlinkNS$1 = 'http://www.w3.org/1999/xlink';
+var xmlNS$1 = 'http://www.w3.org/XML/1998/namespace';
+var namespaces$1 = {
+    'xlink:actuate': xlinkNS$1,
+    'xlink:arcrole': xlinkNS$1,
+    'xlink:href': xlinkNS$1,
+    'xlink:role': xlinkNS$1,
+    'xlink:show': xlinkNS$1,
+    'xlink:title': xlinkNS$1,
+    'xlink:type': xlinkNS$1,
+    'xml:base': xmlNS$1,
+    'xml:lang': xmlNS$1,
+    'xml:space': xmlNS$1
+};
+
+function getDelegatedEventObject$1(v) {
+    return {
+        onClick: v,
+        onDblClick: v,
+        onFocusIn: v,
+        onFocusOut: v,
+        onKeyDown: v,
+        onKeyPress: v,
+        onKeyUp: v,
+        onMouseDown: v,
+        onMouseMove: v,
+        onMouseUp: v,
+        onTouchEnd: v,
+        onTouchMove: v,
+        onTouchStart: v
+    };
+}
+var attachedEventCounts$1 = getDelegatedEventObject$1(0);
+var attachedEvents$1 = getDelegatedEventObject$1(null);
+var syntheticEvents$1 = getDelegatedEventObject$1(true);
+function updateOrAddSyntheticEvent$1(name, dom) {
+    var eventsObject = dom.$EV;
+    if (!eventsObject) {
+        eventsObject = dom.$EV = getDelegatedEventObject$1(null);
+    }
+    if (!eventsObject[name]) {
+        if (++attachedEventCounts$1[name] === 1) {
+            attachedEvents$1[name] = attachEventToDocument$1(name);
+        }
+    }
+    return eventsObject;
+}
+function unmountSyntheticEvent$1(name, dom) {
+    var eventsObject = dom.$EV;
+    if (eventsObject && eventsObject[name]) {
+        if (--attachedEventCounts$1[name] === 0) {
+            document.removeEventListener(normalizeEventName$1(name), attachedEvents$1[name]);
+            attachedEvents$1[name] = null;
+        }
+        eventsObject[name] = null;
+    }
+}
+function handleSyntheticEvent$1(name, lastEvent, nextEvent, dom) {
+    if (isFunction$2(nextEvent)) {
+        updateOrAddSyntheticEvent$1(name, dom)[name] = nextEvent;
+    }
+    else if (isLinkEventObject$1(nextEvent)) {
+        if (isLastValueSameLinkEvent$1(lastEvent, nextEvent)) {
+            return;
+        }
+        updateOrAddSyntheticEvent$1(name, dom)[name] = nextEvent;
+    }
+    else {
+        unmountSyntheticEvent$1(name, dom);
+    }
+}
+// When browsers fully support event.composedPath we could loop it through instead of using parentNode property
+function getTargetNode$1(event) {
+    return isFunction$2(event.composedPath) ? event.composedPath()[0] : event.target;
+}
+function dispatchEvents$1(event, isClick, name, eventData) {
+    var dom = getTargetNode$1(event);
+    do {
+        // Html Nodes can be nested fe: span inside button in that scenario browser does not handle disabled attribute on parent,
+        // because the event listener is on document.body
+        // Don't process clicks on disabled elements
+        if (isClick && dom.disabled) {
+            return;
+        }
+        var eventsObject = dom.$EV;
+        if (eventsObject) {
+            var currentEvent = eventsObject[name];
+            if (currentEvent) {
+                // linkEvent object
+                eventData.dom = dom;
+                currentEvent.event ? currentEvent.event(currentEvent.data, event) : currentEvent(event);
+                if (event.cancelBubble) {
+                    return;
+                }
+            }
+        }
+        dom = dom.parentNode;
+    } while (!isNull$2(dom));
+}
+function stopPropagation$1() {
+    this.cancelBubble = true;
+    if (!this.immediatePropagationStopped) {
+        this.stopImmediatePropagation();
+    }
+}
+function isDefaultPrevented$1() {
+    return this.defaultPrevented;
+}
+function isPropagationStopped$1() {
+    return this.cancelBubble;
+}
+function extendEventProperties$1(event) {
+    // Event data needs to be object to save reference to currentTarget getter
+    var eventData = {
+        dom: document
+    };
+    event.isDefaultPrevented = isDefaultPrevented$1;
+    event.isPropagationStopped = isPropagationStopped$1;
+    event.stopPropagation = stopPropagation$1;
+    Object.defineProperty(event, 'currentTarget', {
+        configurable: true,
+        get: function get() {
+            return eventData.dom;
+        }
+    });
+    return eventData;
+}
+function rootClickEvent$1(name) {
+    return function (event) {
+        if (event.button !== 0) {
+            // Firefox incorrectly triggers click event for mid/right mouse buttons.
+            // This bug has been active for 17 years.
+            // https://bugzilla.mozilla.org/show_bug.cgi?id=184051
+            event.stopPropagation();
+            return;
+        }
+        dispatchEvents$1(event, true, name, extendEventProperties$1(event));
+    };
+}
+function rootEvent$1(name) {
+    return function (event) {
+        dispatchEvents$1(event, false, name, extendEventProperties$1(event));
+    };
+}
+function attachEventToDocument$1(name) {
+    var attachedEvent = name === 'onClick' || name === 'onDblClick' ? rootClickEvent$1(name) : rootEvent$1(name);
+    document.addEventListener(normalizeEventName$1(name), attachedEvent);
+    return attachedEvent;
+}
+
+function isSameInnerHTML$1(dom, innerHTML) {
+    var tempdom = document.createElement('i');
+    tempdom.innerHTML = innerHTML;
+    return tempdom.innerHTML === dom.innerHTML;
+}
+
+function triggerEventListener$2(props, methodName, e) {
+    if (props[methodName]) {
+        var listener = props[methodName];
+        if (listener.event) {
+            listener.event(listener.data, e);
+        }
+        else {
+            listener(e);
+        }
+    }
+    else {
+        var nativeListenerName = methodName.toLowerCase();
+        if (props[nativeListenerName]) {
+            props[nativeListenerName](e);
+        }
+    }
+}
+function createWrappedFunction$2(methodName, applyValue) {
+    var fnMethod = function (e) {
+        var vNode = this.$V;
+        // If vNode is gone by the time event fires, no-op
+        if (!vNode) {
+            return;
+        }
+        var props = vNode.props || EMPTY_OBJ$2;
+        var dom = vNode.dom;
+        if (isString$3(methodName)) {
+            triggerEventListener$2(props, methodName, e);
+        }
+        else {
+            for (var i = 0; i < methodName.length; ++i) {
+                triggerEventListener$2(props, methodName[i], e);
+            }
+        }
+        if (isFunction$2(applyValue)) {
+            var newVNode = this.$V;
+            var newProps = newVNode.props || EMPTY_OBJ$2;
+            applyValue(newProps, dom, false, newVNode);
+        }
+    };
+    Object.defineProperty(fnMethod, 'wrapped', {
+        configurable: false,
+        enumerable: false,
+        value: true,
+        writable: false
+    });
+    return fnMethod;
+}
+
+function attachEvent$1(dom, eventName, handler) {
+    var previousKey = "$" + eventName;
+    var previousArgs = dom[previousKey];
+    if (previousArgs) {
+        if (previousArgs[1].wrapped) {
+            return;
+        }
+        dom.removeEventListener(previousArgs[0], previousArgs[1]);
+        dom[previousKey] = null;
+    }
+    if (isFunction$2(handler)) {
+        dom.addEventListener(eventName, handler);
+        dom[previousKey] = [eventName, handler];
+    }
+}
+
+function isCheckedType$2(type) {
+    return type === 'checkbox' || type === 'radio';
+}
+var onTextInputChange$1 = createWrappedFunction$2('onInput', applyValueInput$2);
+var wrappedOnChange$2 = createWrappedFunction$2(['onClick', 'onChange'], applyValueInput$2);
+/* tslint:disable-next-line:no-empty */
+function emptywrapper$1(event) {
+    event.stopPropagation();
+}
+emptywrapper$1.wrapped = true;
+function inputEvents$1(dom, nextPropsOrEmpty) {
+    if (isCheckedType$2(nextPropsOrEmpty.type)) {
+        attachEvent$1(dom, 'change', wrappedOnChange$2);
+        attachEvent$1(dom, 'click', emptywrapper$1);
+    }
+    else {
+        attachEvent$1(dom, 'input', onTextInputChange$1);
+    }
+}
+function applyValueInput$2(nextPropsOrEmpty, dom) {
+    var type = nextPropsOrEmpty.type;
+    var value = nextPropsOrEmpty.value;
+    var checked = nextPropsOrEmpty.checked;
+    var multiple = nextPropsOrEmpty.multiple;
+    var defaultValue = nextPropsOrEmpty.defaultValue;
+    var hasValue = !isNullOrUndef$3(value);
+    if (type && type !== dom.type) {
+        dom.setAttribute('type', type);
+    }
+    if (!isNullOrUndef$3(multiple) && multiple !== dom.multiple) {
+        dom.multiple = multiple;
+    }
+    if (!isNullOrUndef$3(defaultValue) && !hasValue) {
+        dom.defaultValue = defaultValue + '';
+    }
+    if (isCheckedType$2(type)) {
+        if (hasValue) {
+            dom.value = value;
+        }
+        if (!isNullOrUndef$3(checked)) {
+            dom.checked = checked;
+        }
+    }
+    else {
+        if (hasValue && dom.value !== value) {
+            dom.defaultValue = value;
+            dom.value = value;
+        }
+        else if (!isNullOrUndef$3(checked)) {
+            dom.checked = checked;
+        }
+    }
+}
+
+function updateChildOptions$2(vNode, value) {
+    if (vNode.type === 'option') {
+        updateChildOption$2(vNode, value);
+    }
+    else {
+        var children = vNode.children;
+        var flags = vNode.flags;
+        if (flags & 4 /* ComponentClass */) {
+            updateChildOptions$2(children.$LI, value);
+        }
+        else if (flags & 8 /* ComponentFunction */) {
+            updateChildOptions$2(children, value);
+        }
+        else if (vNode.childFlags === 2 /* HasVNodeChildren */) {
+            updateChildOptions$2(children, value);
+        }
+        else if (vNode.childFlags & 12 /* MultipleChildren */) {
+            for (var i = 0, len = children.length; i < len; ++i) {
+                updateChildOptions$2(children[i], value);
+            }
+        }
+    }
+}
+function updateChildOption$2(vNode, value) {
+    var props = vNode.props || EMPTY_OBJ$2;
+    var dom = vNode.dom;
+    // we do this as multiple may have changed
+    dom.value = props.value;
+    if (props.value === value || (isArray$2(value) && value.indexOf(props.value) !== -1)) {
+        dom.selected = true;
+    }
+    else if (!isNullOrUndef$3(value) || !isNullOrUndef$3(props.selected)) {
+        dom.selected = props.selected || false;
+    }
+}
+var onSelectChange$1 = createWrappedFunction$2('onChange', applyValueSelect$2);
+function selectEvents$1(dom) {
+    attachEvent$1(dom, 'change', onSelectChange$1);
+}
+function applyValueSelect$2(nextPropsOrEmpty, dom, mounting, vNode) {
+    var multiplePropInBoolean = Boolean(nextPropsOrEmpty.multiple);
+    if (!isNullOrUndef$3(nextPropsOrEmpty.multiple) && multiplePropInBoolean !== dom.multiple) {
+        dom.multiple = multiplePropInBoolean;
+    }
+    var index = nextPropsOrEmpty.selectedIndex;
+    if (index === -1) {
+        dom.selectedIndex = -1;
+    }
+    var childFlags = vNode.childFlags;
+    if (childFlags !== 1 /* HasInvalidChildren */) {
+        var value = nextPropsOrEmpty.value;
+        if (isNumber$2(index) && index > -1 && dom.options[index]) {
+            value = dom.options[index].value;
+        }
+        if (mounting && isNullOrUndef$3(value)) {
+            value = nextPropsOrEmpty.defaultValue;
+        }
+        updateChildOptions$2(vNode, value);
+    }
+}
+
+var onTextareaInputChange$1 = createWrappedFunction$2('onInput', applyValueTextArea$2);
+var wrappedOnChange$1$1 = createWrappedFunction$2('onChange');
+function textAreaEvents$1(dom, nextPropsOrEmpty) {
+    attachEvent$1(dom, 'input', onTextareaInputChange$1);
+    if (nextPropsOrEmpty.onChange) {
+        attachEvent$1(dom, 'change', wrappedOnChange$1$1);
+    }
+}
+function applyValueTextArea$2(nextPropsOrEmpty, dom, mounting) {
+    var value = nextPropsOrEmpty.value;
+    var domValue = dom.value;
+    if (isNullOrUndef$3(value)) {
+        if (mounting) {
+            var defaultValue = nextPropsOrEmpty.defaultValue;
+            if (!isNullOrUndef$3(defaultValue) && defaultValue !== domValue) {
+                dom.defaultValue = defaultValue;
+                dom.value = defaultValue;
+            }
+        }
+    }
+    else if (domValue !== value) {
+        /* There is value so keep it controlled */
+        dom.defaultValue = value;
+        dom.value = value;
+    }
+}
+
+/**
+ * There is currently no support for switching same input between controlled and nonControlled
+ * If that ever becomes a real issue, then re design controlled elements
+ * Currently user must choose either controlled or non-controlled and stick with that
+ */
+function processElement$1(flags, vNode, dom, nextPropsOrEmpty, mounting, isControlled) {
+    if (flags & 64 /* InputElement */) {
+        applyValueInput$2(nextPropsOrEmpty, dom);
+    }
+    else if (flags & 256 /* SelectElement */) {
+        applyValueSelect$2(nextPropsOrEmpty, dom, mounting, vNode);
+    }
+    else if (flags & 128 /* TextareaElement */) {
+        applyValueTextArea$2(nextPropsOrEmpty, dom, mounting);
+    }
+    if (isControlled) {
+        dom.$V = vNode;
+    }
+}
+function addFormElementEventHandlers$1(flags, dom, nextPropsOrEmpty) {
+    if (flags & 64 /* InputElement */) {
+        inputEvents$1(dom, nextPropsOrEmpty);
+    }
+    else if (flags & 256 /* SelectElement */) {
+        selectEvents$1(dom);
+    }
+    else if (flags & 128 /* TextareaElement */) {
+        textAreaEvents$1(dom, nextPropsOrEmpty);
+    }
+}
+function isControlledFormElement$1(nextPropsOrEmpty) {
+    return nextPropsOrEmpty.type && isCheckedType$2(nextPropsOrEmpty.type) ? !isNullOrUndef$3(nextPropsOrEmpty.checked) : !isNullOrUndef$3(nextPropsOrEmpty.value);
+}
+function unmountRef$1(ref) {
+    if (ref) {
+        if (!safeCall1$1(ref, null) && ref.current) {
+            ref.current = null;
+        }
+    }
+}
+function mountRef$1(ref, value, lifecycle) {
+    if (ref && (isFunction$2(ref) || ref.current !== void 0)) {
+        lifecycle.push(function () {
+            if (!safeCall1$1(ref, value) && ref.current !== void 0) {
+                ref.current = value;
+            }
+        });
+    }
+}
+
+function remove$1(vNode, parentDOM) {
+    unmount$2(vNode);
+    removeVNodeDOM$1(vNode, parentDOM);
+}
+function unmount$2(vNode) {
+    var flags = vNode.flags;
+    var children = vNode.children;
+    var ref;
+    if (flags & 481 /* Element */) {
+        ref = vNode.ref;
+        var props = vNode.props;
+        unmountRef$1(ref);
+        var childFlags = vNode.childFlags;
+        if (!isNull$2(props)) {
+            var keys = Object.keys(props);
+            for (var i = 0, len = keys.length; i < len; i++) {
+                var key = keys[i];
+                if (syntheticEvents$1[key]) {
+                    unmountSyntheticEvent$1(key, vNode.dom);
+                }
+            }
+        }
+        if (childFlags & 12 /* MultipleChildren */) {
+            unmountAllChildren$1(children);
+        }
+        else if (childFlags === 2 /* HasVNodeChildren */) {
+            unmount$2(children);
+        }
+    }
+    else if (children) {
+        if (flags & 4 /* ComponentClass */) {
+            if (isFunction$2(children.componentWillUnmount)) {
+                children.componentWillUnmount();
+            }
+            unmountRef$1(vNode.ref);
+            children.$UN = true;
+            unmount$2(children.$LI);
+        }
+        else if (flags & 8 /* ComponentFunction */) {
+            ref = vNode.ref;
+            if (!isNullOrUndef$3(ref) && isFunction$2(ref.onComponentWillUnmount)) {
+                ref.onComponentWillUnmount(findDOMfromVNode$1(vNode, true), vNode.props || EMPTY_OBJ$2);
+            }
+            unmount$2(children);
+        }
+        else if (flags & 1024 /* Portal */) {
+            remove$1(children, vNode.ref);
+        }
+        else if (flags & 8192 /* Fragment */) {
+            if (vNode.childFlags & 12 /* MultipleChildren */) {
+                unmountAllChildren$1(children);
+            }
+        }
+    }
+}
+function unmountAllChildren$1(children) {
+    for (var i = 0, len = children.length; i < len; ++i) {
+        unmount$2(children[i]);
+    }
+}
+function clearDOM$1(dom) {
+    // Optimization for clearing dom
+    dom.textContent = '';
+}
+function removeAllChildren$1(dom, vNode, children) {
+    unmountAllChildren$1(children);
+    if (vNode.flags & 8192 /* Fragment */) {
+        removeVNodeDOM$1(vNode, dom);
+    }
+    else {
+        clearDOM$1(dom);
+    }
+}
+
+function wrapLinkEvent$1(nextValue) {
+    // This variable makes sure there is no "this" context in callback
+    var ev = nextValue.event;
+    return function (e) {
+        ev(nextValue.data, e);
+    };
+}
+function patchEvent$1(name, lastValue, nextValue, dom) {
+    if (isLinkEventObject$1(nextValue)) {
+        if (isLastValueSameLinkEvent$1(lastValue, nextValue)) {
+            return;
+        }
+        nextValue = wrapLinkEvent$1(nextValue);
+    }
+    attachEvent$1(dom, normalizeEventName$1(name), nextValue);
+}
+// We are assuming here that we come from patchProp routine
+// -nextAttrValue cannot be null or undefined
+function patchStyle$1(lastAttrValue, nextAttrValue, dom) {
+    if (isNullOrUndef$3(nextAttrValue)) {
+        dom.removeAttribute('style');
+        return;
+    }
+    var domStyle = dom.style;
+    var style;
+    var value;
+    if (isString$3(nextAttrValue)) {
+        domStyle.cssText = nextAttrValue;
+        return;
+    }
+    if (!isNullOrUndef$3(lastAttrValue) && !isString$3(lastAttrValue)) {
+        for (style in nextAttrValue) {
+            // do not add a hasOwnProperty check here, it affects performance
+            value = nextAttrValue[style];
+            if (value !== lastAttrValue[style]) {
+                domStyle.setProperty(style, value);
+            }
+        }
+        for (style in lastAttrValue) {
+            if (isNullOrUndef$3(nextAttrValue[style])) {
+                domStyle.removeProperty(style);
+            }
+        }
+    }
+    else {
+        for (style in nextAttrValue) {
+            value = nextAttrValue[style];
+            domStyle.setProperty(style, value);
+        }
+    }
+}
+function patchDangerInnerHTML$1(lastValue, nextValue, lastVNode, dom) {
+    var lastHtml = (lastValue && lastValue.__html) || '';
+    var nextHtml = (nextValue && nextValue.__html) || '';
+    if (lastHtml !== nextHtml) {
+        if (!isNullOrUndef$3(nextHtml) && !isSameInnerHTML$1(dom, nextHtml)) {
+            if (!isNull$2(lastVNode)) {
+                if (lastVNode.childFlags & 12 /* MultipleChildren */) {
+                    unmountAllChildren$1(lastVNode.children);
+                }
+                else if (lastVNode.childFlags === 2 /* HasVNodeChildren */) {
+                    unmount$2(lastVNode.children);
+                }
+                lastVNode.children = null;
+                lastVNode.childFlags = 1 /* HasInvalidChildren */;
+            }
+            dom.innerHTML = nextHtml;
+        }
+    }
+}
+function patchProp$1(prop, lastValue, nextValue, dom, isSVG, hasControlledValue, lastVNode) {
+    switch (prop) {
+        case 'children':
+        case 'childrenType':
+        case 'className':
+        case 'defaultValue':
+        case 'key':
+        case 'multiple':
+        case 'ref':
+        case 'selectedIndex':
+            break;
+        case 'autoFocus':
+            dom.autofocus = !!nextValue;
+            break;
+        case 'allowfullscreen':
+        case 'autoplay':
+        case 'capture':
+        case 'checked':
+        case 'controls':
+        case 'default':
+        case 'disabled':
+        case 'hidden':
+        case 'indeterminate':
+        case 'loop':
+        case 'muted':
+        case 'novalidate':
+        case 'open':
+        case 'readOnly':
+        case 'required':
+        case 'reversed':
+        case 'scoped':
+        case 'seamless':
+        case 'selected':
+            dom[prop] = !!nextValue;
+            break;
+        case 'defaultChecked':
+        case 'value':
+        case 'volume':
+            if (hasControlledValue && prop === 'value') {
+                break;
+            }
+            var value = isNullOrUndef$3(nextValue) ? '' : nextValue;
+            if (dom[prop] !== value) {
+                dom[prop] = value;
+            }
+            break;
+        case 'style':
+            patchStyle$1(lastValue, nextValue, dom);
+            break;
+        case 'dangerouslySetInnerHTML':
+            patchDangerInnerHTML$1(lastValue, nextValue, lastVNode, dom);
+            break;
+        default:
+            if (syntheticEvents$1[prop]) {
+                handleSyntheticEvent$1(prop, lastValue, nextValue, dom);
+            }
+            else if (prop.charCodeAt(0) === 111 && prop.charCodeAt(1) === 110) {
+                patchEvent$1(prop, lastValue, nextValue, dom);
+            }
+            else if (isNullOrUndef$3(nextValue)) {
+                dom.removeAttribute(prop);
+            }
+            else if (isSVG && namespaces$1[prop]) {
+                // We optimize for isSVG being false
+                // If we end up in this path we can read property again
+                dom.setAttributeNS(namespaces$1[prop], prop, nextValue);
+            }
+            else {
+                dom.setAttribute(prop, nextValue);
+            }
+            break;
+    }
+}
+function mountProps$1(vNode, flags, props, dom, isSVG) {
+    var hasControlledValue = false;
+    var isFormElement = (flags & 448 /* FormElement */) > 0;
+    if (isFormElement) {
+        hasControlledValue = isControlledFormElement$1(props);
+        if (hasControlledValue) {
+            addFormElementEventHandlers$1(flags, dom, props);
+        }
+    }
+    for (var prop in props) {
+        // do not add a hasOwnProperty check here, it affects performance
+        patchProp$1(prop, null, props[prop], dom, isSVG, hasControlledValue, null);
+    }
+    if (isFormElement) {
+        processElement$1(flags, vNode, dom, props, true, hasControlledValue);
+    }
+}
+
+function renderNewInput$1(instance, props, context) {
+    var nextInput = normalizeRoot$1(instance.render(props, instance.state, context));
+    var childContext = context;
+    if (isFunction$2(instance.getChildContext)) {
+        childContext = combineFrom$3(context, instance.getChildContext());
+    }
+    instance.$CX = childContext;
+    return nextInput;
+}
+function createClassComponentInstance$1(vNode, Component, props, context, isSVG, lifecycle) {
+    var instance = new Component(props, context);
+    var usesNewAPI = (instance.$N = Boolean(Component.getDerivedStateFromProps || instance.getSnapshotBeforeUpdate));
+    instance.$SVG = isSVG;
+    instance.$L = lifecycle;
+    vNode.children = instance;
+    instance.$BS = false;
+    instance.context = context;
+    if (instance.props === EMPTY_OBJ$2) {
+        instance.props = props;
+    }
+    if (!usesNewAPI) {
+        if (isFunction$2(instance.componentWillMount)) {
+            instance.$BR = true;
+            instance.componentWillMount();
+            var pending = instance.$PS;
+            if (!isNull$2(pending)) {
+                var state = instance.state;
+                if (isNull$2(state)) {
+                    instance.state = pending;
+                }
+                else {
+                    for (var key in pending) {
+                        state[key] = pending[key];
+                    }
+                }
+                instance.$PS = null;
+            }
+            instance.$BR = false;
+        }
+    }
+    else {
+        instance.state = createDerivedState$1(instance, props, instance.state);
+    }
+    instance.$LI = renderNewInput$1(instance, props, context);
+    return instance;
+}
+
+function mount$2(vNode, parentDOM, context, isSVG, nextNode, lifecycle) {
+    var flags = (vNode.flags |= 16384 /* InUse */);
+    if (flags & 481 /* Element */) {
+        mountElement$1(vNode, parentDOM, context, isSVG, nextNode, lifecycle);
+    }
+    else if (flags & 4 /* ComponentClass */) {
+        mountClassComponent$1(vNode, parentDOM, context, isSVG, nextNode, lifecycle);
+    }
+    else if (flags & 8 /* ComponentFunction */) {
+        mountFunctionalComponent$1(vNode, parentDOM, context, isSVG, nextNode, lifecycle);
+        mountFunctionalComponentCallbacks$1(vNode, lifecycle);
+    }
+    else if (flags & 512 /* Void */ || flags & 16 /* Text */) {
+        mountText$1(vNode, parentDOM, nextNode);
+    }
+    else if (flags & 8192 /* Fragment */) {
+        mountFragment$1(vNode, context, parentDOM, isSVG, nextNode, lifecycle);
+    }
+    else if (flags & 1024 /* Portal */) {
+        mountPortal$1(vNode, context, parentDOM, nextNode, lifecycle);
+    }
+}
+function mountPortal$1(vNode, context, parentDOM, nextNode, lifecycle) {
+    mount$2(vNode.children, vNode.ref, context, false, null, lifecycle);
+    var placeHolderVNode = createVoidVNode$2();
+    mountText$1(placeHolderVNode, parentDOM, nextNode);
+    vNode.dom = placeHolderVNode.dom;
+}
+function mountFragment$1(vNode, context, parentDOM, isSVG, nextNode, lifecycle) {
+    var children = vNode.children;
+    var childFlags = vNode.childFlags;
+    // When fragment is optimized for multiple children, check if there is no children and change flag to invalid
+    // This is the only normalization always done, to keep optimization flags API same for fragments and regular elements
+    if (childFlags & 12 /* MultipleChildren */ && children.length === 0) {
+        childFlags = vNode.childFlags = 2 /* HasVNodeChildren */;
+        children = vNode.children = createVoidVNode$2();
+    }
+    if (childFlags === 2 /* HasVNodeChildren */) {
+        mount$2(children, parentDOM, nextNode, isSVG, nextNode, lifecycle);
+    }
+    else {
+        mountArrayChildren$1(children, parentDOM, context, isSVG, nextNode, lifecycle);
+    }
+}
+function mountText$1(vNode, parentDOM, nextNode) {
+    var dom = (vNode.dom = document.createTextNode(vNode.children));
+    if (!isNull$2(parentDOM)) {
+        insertOrAppend$1(parentDOM, dom, nextNode);
+    }
+}
+function mountElement$1(vNode, parentDOM, context, isSVG, nextNode, lifecycle) {
+    var flags = vNode.flags;
+    var props = vNode.props;
+    var className = vNode.className;
+    var children = vNode.children;
+    var childFlags = vNode.childFlags;
+    var dom = (vNode.dom = documentCreateElement$1(vNode.type, (isSVG = isSVG || (flags & 32 /* SvgElement */) > 0)));
+    if (!isNullOrUndef$3(className) && className !== '') {
+        if (isSVG) {
+            dom.setAttribute('class', className);
+        }
+        else {
+            dom.className = className;
+        }
+    }
+    if (childFlags === 16 /* HasTextChildren */) {
+        setTextContent$1(dom, children);
+    }
+    else if (childFlags !== 1 /* HasInvalidChildren */) {
+        var childrenIsSVG = isSVG && vNode.type !== 'foreignObject';
+        if (childFlags === 2 /* HasVNodeChildren */) {
+            if (children.flags & 16384 /* InUse */) {
+                vNode.children = children = directClone$2(children);
+            }
+            mount$2(children, dom, context, childrenIsSVG, null, lifecycle);
+        }
+        else if (childFlags === 8 /* HasKeyedChildren */ || childFlags === 4 /* HasNonKeyedChildren */) {
+            mountArrayChildren$1(children, dom, context, childrenIsSVG, null, lifecycle);
+        }
+    }
+    if (!isNull$2(parentDOM)) {
+        insertOrAppend$1(parentDOM, dom, nextNode);
+    }
+    if (!isNull$2(props)) {
+        mountProps$1(vNode, flags, props, dom, isSVG);
+    }
+    mountRef$1(vNode.ref, dom, lifecycle);
+}
+function mountArrayChildren$1(children, dom, context, isSVG, nextNode, lifecycle) {
+    for (var i = 0; i < children.length; ++i) {
+        var child = children[i];
+        if (child.flags & 16384 /* InUse */) {
+            children[i] = child = directClone$2(child);
+        }
+        mount$2(child, dom, context, isSVG, nextNode, lifecycle);
+    }
+}
+function mountClassComponent$1(vNode, parentDOM, context, isSVG, nextNode, lifecycle) {
+    var instance = createClassComponentInstance$1(vNode, vNode.type, vNode.props || EMPTY_OBJ$2, context, isSVG, lifecycle);
+    mount$2(instance.$LI, parentDOM, instance.$CX, isSVG, nextNode, lifecycle);
+    mountClassComponentCallbacks$1(vNode.ref, instance, lifecycle);
+}
+function renderFunctionalComponent$1(vNode, context) {
+    return vNode.flags & 32768 /* ForwardRef */ ? vNode.type.render(vNode.props || EMPTY_OBJ$2, vNode.ref, context) : vNode.type(vNode.props || EMPTY_OBJ$2, context);
+}
+function mountFunctionalComponent$1(vNode, parentDOM, context, isSVG, nextNode, lifecycle) {
+    mount$2((vNode.children = normalizeRoot$1(renderFunctionalComponent$1(vNode, context))), parentDOM, context, isSVG, nextNode, lifecycle);
+}
+function createClassMountCallback$1(instance) {
+    return function () {
+        instance.componentDidMount();
+    };
+}
+function mountClassComponentCallbacks$1(ref, instance, lifecycle) {
+    mountRef$1(ref, instance, lifecycle);
+    if (isFunction$2(instance.componentDidMount)) {
+        lifecycle.push(createClassMountCallback$1(instance));
+    }
+}
+function createOnMountCallback$1(ref, vNode) {
+    return function () {
+        ref.onComponentDidMount(findDOMfromVNode$1(vNode, true), vNode.props || EMPTY_OBJ$2);
+    };
+}
+function mountFunctionalComponentCallbacks$1(vNode, lifecycle) {
+    var ref = vNode.ref;
+    if (!isNullOrUndef$3(ref)) {
+        safeCall1$1(ref.onComponentWillMount, vNode.props || EMPTY_OBJ$2);
+        if (isFunction$2(ref.onComponentDidMount)) {
+            lifecycle.push(createOnMountCallback$1(ref, vNode));
+        }
+    }
+}
+
+function replaceWithNewNode$1(lastVNode, nextVNode, parentDOM, context, isSVG, lifecycle) {
+    unmount$2(lastVNode);
+    if ((nextVNode.flags & lastVNode.flags & 2033 /* DOMRef */) !== 0) {
+        mount$2(nextVNode, null, context, isSVG, null, lifecycle);
+        // Single DOM operation, when we have dom references available
+        replaceChild$1(parentDOM, nextVNode.dom, lastVNode.dom);
+    }
+    else {
+        mount$2(nextVNode, parentDOM, context, isSVG, findDOMfromVNode$1(lastVNode, true), lifecycle);
+        removeVNodeDOM$1(lastVNode, parentDOM);
+    }
+}
+function patch$1(lastVNode, nextVNode, parentDOM, context, isSVG, nextNode, lifecycle) {
+    var nextFlags = (nextVNode.flags |= 16384 /* InUse */);
+    if (lastVNode.flags !== nextFlags || lastVNode.type !== nextVNode.type || lastVNode.key !== nextVNode.key || nextFlags & 2048 /* ReCreate */) {
+        if (lastVNode.flags & 16384 /* InUse */) {
+            replaceWithNewNode$1(lastVNode, nextVNode, parentDOM, context, isSVG, lifecycle);
+        }
+        else {
+            // Last vNode is not in use, it has crashed at application level. Just mount nextVNode and ignore last one
+            mount$2(nextVNode, parentDOM, context, isSVG, nextNode, lifecycle);
+        }
+    }
+    else if (nextFlags & 481 /* Element */) {
+        patchElement$1(lastVNode, nextVNode, context, isSVG, nextFlags, lifecycle);
+    }
+    else if (nextFlags & 4 /* ComponentClass */) {
+        patchClassComponent$1(lastVNode, nextVNode, parentDOM, context, isSVG, nextNode, lifecycle);
+    }
+    else if (nextFlags & 8 /* ComponentFunction */) {
+        patchFunctionalComponent$1(lastVNode, nextVNode, parentDOM, context, isSVG, nextNode, lifecycle);
+    }
+    else if (nextFlags & 16 /* Text */) {
+        patchText$1(lastVNode, nextVNode);
+    }
+    else if (nextFlags & 512 /* Void */) {
+        nextVNode.dom = lastVNode.dom;
+    }
+    else if (nextFlags & 8192 /* Fragment */) {
+        patchFragment$1(lastVNode, nextVNode, parentDOM, context, isSVG, lifecycle);
+    }
+    else {
+        patchPortal$1(lastVNode, nextVNode, context, lifecycle);
+    }
+}
+function patchSingleTextChild$1(lastChildren, nextChildren, parentDOM) {
+    if (lastChildren !== nextChildren) {
+        if (lastChildren !== '') {
+            parentDOM.firstChild.nodeValue = nextChildren;
+        }
+        else {
+            setTextContent$1(parentDOM, nextChildren);
+        }
+    }
+}
+function patchContentEditableChildren$1(dom, nextChildren) {
+    if (dom.textContent !== nextChildren) {
+        dom.textContent = nextChildren;
+    }
+}
+function patchFragment$1(lastVNode, nextVNode, parentDOM, context, isSVG, lifecycle) {
+    var lastChildren = lastVNode.children;
+    var nextChildren = nextVNode.children;
+    var lastChildFlags = lastVNode.childFlags;
+    var nextChildFlags = nextVNode.childFlags;
+    var nextNode = null;
+    // When fragment is optimized for multiple children, check if there is no children and change flag to invalid
+    // This is the only normalization always done, to keep optimization flags API same for fragments and regular elements
+    if (nextChildFlags & 12 /* MultipleChildren */ && nextChildren.length === 0) {
+        nextChildFlags = nextVNode.childFlags = 2 /* HasVNodeChildren */;
+        nextChildren = nextVNode.children = createVoidVNode$2();
+    }
+    var nextIsSingle = (nextChildFlags & 2 /* HasVNodeChildren */) !== 0;
+    if (lastChildFlags & 12 /* MultipleChildren */) {
+        var lastLen = lastChildren.length;
+        // We need to know Fragment's edge node when
+        if (
+        // It uses keyed algorithm
+        (lastChildFlags & 8 /* HasKeyedChildren */ && nextChildFlags & 8 /* HasKeyedChildren */) ||
+            // It transforms from many to single
+            nextIsSingle ||
+            // It will append more nodes
+            (!nextIsSingle && nextChildren.length > lastLen)) {
+            // When fragment has multiple children there is always at least one vNode
+            nextNode = findDOMfromVNode$1(lastChildren[lastLen - 1], false).nextSibling;
+        }
+    }
+    patchChildren$1(lastChildFlags, nextChildFlags, lastChildren, nextChildren, parentDOM, context, isSVG, nextNode, lastVNode, lifecycle);
+}
+function patchPortal$1(lastVNode, nextVNode, context, lifecycle) {
+    var lastContainer = lastVNode.ref;
+    var nextContainer = nextVNode.ref;
+    var nextChildren = nextVNode.children;
+    patchChildren$1(lastVNode.childFlags, nextVNode.childFlags, lastVNode.children, nextChildren, lastContainer, context, false, null, lastVNode, lifecycle);
+    nextVNode.dom = lastVNode.dom;
+    if (lastContainer !== nextContainer && !isInvalid$2(nextChildren)) {
+        var node = nextChildren.dom;
+        removeChild$1(lastContainer, node);
+        appendChild$1(nextContainer, node);
+    }
+}
+function patchElement$1(lastVNode, nextVNode, context, isSVG, nextFlags, lifecycle) {
+    var dom = (nextVNode.dom = lastVNode.dom);
+    var lastProps = lastVNode.props;
+    var nextProps = nextVNode.props;
+    var isFormElement = false;
+    var hasControlledValue = false;
+    var nextPropsOrEmpty;
+    isSVG = isSVG || (nextFlags & 32 /* SvgElement */) > 0;
+    // inlined patchProps  -- starts --
+    if (lastProps !== nextProps) {
+        var lastPropsOrEmpty = lastProps || EMPTY_OBJ$2;
+        nextPropsOrEmpty = nextProps || EMPTY_OBJ$2;
+        if (nextPropsOrEmpty !== EMPTY_OBJ$2) {
+            isFormElement = (nextFlags & 448 /* FormElement */) > 0;
+            if (isFormElement) {
+                hasControlledValue = isControlledFormElement$1(nextPropsOrEmpty);
+            }
+            for (var prop in nextPropsOrEmpty) {
+                var lastValue = lastPropsOrEmpty[prop];
+                var nextValue = nextPropsOrEmpty[prop];
+                if (lastValue !== nextValue) {
+                    patchProp$1(prop, lastValue, nextValue, dom, isSVG, hasControlledValue, lastVNode);
+                }
+            }
+        }
+        if (lastPropsOrEmpty !== EMPTY_OBJ$2) {
+            for (var prop$1 in lastPropsOrEmpty) {
+                if (isNullOrUndef$3(nextPropsOrEmpty[prop$1]) && !isNullOrUndef$3(lastPropsOrEmpty[prop$1])) {
+                    patchProp$1(prop$1, lastPropsOrEmpty[prop$1], null, dom, isSVG, hasControlledValue, lastVNode);
+                }
+            }
+        }
+    }
+    var nextChildren = nextVNode.children;
+    var nextClassName = nextVNode.className;
+    // inlined patchProps  -- ends --
+    if (lastVNode.className !== nextClassName) {
+        if (isNullOrUndef$3(nextClassName)) {
+            dom.removeAttribute('class');
+        }
+        else if (isSVG) {
+            dom.setAttribute('class', nextClassName);
+        }
+        else {
+            dom.className = nextClassName;
+        }
+    }
+    if (nextFlags & 4096 /* ContentEditable */) {
+        patchContentEditableChildren$1(dom, nextChildren);
+    }
+    else {
+        patchChildren$1(lastVNode.childFlags, nextVNode.childFlags, lastVNode.children, nextChildren, dom, context, isSVG && nextVNode.type !== 'foreignObject', null, lastVNode, lifecycle);
+    }
+    if (isFormElement) {
+        processElement$1(nextFlags, nextVNode, dom, nextPropsOrEmpty, false, hasControlledValue);
+    }
+    var nextRef = nextVNode.ref;
+    var lastRef = lastVNode.ref;
+    if (lastRef !== nextRef) {
+        unmountRef$1(lastRef);
+        mountRef$1(nextRef, dom, lifecycle);
+    }
+}
+function replaceOneVNodeWithMultipleVNodes$1(lastChildren, nextChildren, parentDOM, context, isSVG, lifecycle) {
+    unmount$2(lastChildren);
+    mountArrayChildren$1(nextChildren, parentDOM, context, isSVG, findDOMfromVNode$1(lastChildren, true), lifecycle);
+    removeVNodeDOM$1(lastChildren, parentDOM);
+}
+function patchChildren$1(lastChildFlags, nextChildFlags, lastChildren, nextChildren, parentDOM, context, isSVG, nextNode, parentVNode, lifecycle) {
+    switch (lastChildFlags) {
+        case 2 /* HasVNodeChildren */:
+            switch (nextChildFlags) {
+                case 2 /* HasVNodeChildren */:
+                    patch$1(lastChildren, nextChildren, parentDOM, context, isSVG, nextNode, lifecycle);
+                    break;
+                case 1 /* HasInvalidChildren */:
+                    remove$1(lastChildren, parentDOM);
+                    break;
+                case 16 /* HasTextChildren */:
+                    unmount$2(lastChildren);
+                    setTextContent$1(parentDOM, nextChildren);
+                    break;
+                default:
+                    replaceOneVNodeWithMultipleVNodes$1(lastChildren, nextChildren, parentDOM, context, isSVG, lifecycle);
+                    break;
+            }
+            break;
+        case 1 /* HasInvalidChildren */:
+            switch (nextChildFlags) {
+                case 2 /* HasVNodeChildren */:
+                    mount$2(nextChildren, parentDOM, context, isSVG, nextNode, lifecycle);
+                    break;
+                case 1 /* HasInvalidChildren */:
+                    break;
+                case 16 /* HasTextChildren */:
+                    setTextContent$1(parentDOM, nextChildren);
+                    break;
+                default:
+                    mountArrayChildren$1(nextChildren, parentDOM, context, isSVG, nextNode, lifecycle);
+                    break;
+            }
+            break;
+        case 16 /* HasTextChildren */:
+            switch (nextChildFlags) {
+                case 16 /* HasTextChildren */:
+                    patchSingleTextChild$1(lastChildren, nextChildren, parentDOM);
+                    break;
+                case 2 /* HasVNodeChildren */:
+                    clearDOM$1(parentDOM);
+                    mount$2(nextChildren, parentDOM, context, isSVG, nextNode, lifecycle);
+                    break;
+                case 1 /* HasInvalidChildren */:
+                    clearDOM$1(parentDOM);
+                    break;
+                default:
+                    clearDOM$1(parentDOM);
+                    mountArrayChildren$1(nextChildren, parentDOM, context, isSVG, nextNode, lifecycle);
+                    break;
+            }
+            break;
+        default:
+            switch (nextChildFlags) {
+                case 16 /* HasTextChildren */:
+                    unmountAllChildren$1(lastChildren);
+                    setTextContent$1(parentDOM, nextChildren);
+                    break;
+                case 2 /* HasVNodeChildren */:
+                    removeAllChildren$1(parentDOM, parentVNode, lastChildren);
+                    mount$2(nextChildren, parentDOM, context, isSVG, nextNode, lifecycle);
+                    break;
+                case 1 /* HasInvalidChildren */:
+                    removeAllChildren$1(parentDOM, parentVNode, lastChildren);
+                    break;
+                default:
+                    var lastLength = lastChildren.length | 0;
+                    var nextLength = nextChildren.length | 0;
+                    // Fast path's for both algorithms
+                    if (lastLength === 0) {
+                        if (nextLength > 0) {
+                            mountArrayChildren$1(nextChildren, parentDOM, context, isSVG, nextNode, lifecycle);
+                        }
+                    }
+                    else if (nextLength === 0) {
+                        removeAllChildren$1(parentDOM, parentVNode, lastChildren);
+                    }
+                    else if (nextChildFlags === 8 /* HasKeyedChildren */ && lastChildFlags === 8 /* HasKeyedChildren */) {
+                        patchKeyedChildren$1(lastChildren, nextChildren, parentDOM, context, isSVG, lastLength, nextLength, nextNode, parentVNode, lifecycle);
+                    }
+                    else {
+                        patchNonKeyedChildren$1(lastChildren, nextChildren, parentDOM, context, isSVG, lastLength, nextLength, nextNode, lifecycle);
+                    }
+                    break;
+            }
+            break;
+    }
+}
+function createDidUpdate$1(instance, lastProps, lastState, snapshot, lifecycle) {
+    lifecycle.push(function () {
+        instance.componentDidUpdate(lastProps, lastState, snapshot);
+    });
+}
+function updateClassComponent$1(instance, nextState, nextProps, parentDOM, context, isSVG, force, nextNode, lifecycle) {
+    var lastState = instance.state;
+    var lastProps = instance.props;
+    var usesNewAPI = Boolean(instance.$N);
+    var hasSCU = isFunction$2(instance.shouldComponentUpdate);
+    if (usesNewAPI) {
+        nextState = createDerivedState$1(instance, nextProps, nextState !== lastState ? combineFrom$3(lastState, nextState) : nextState);
+    }
+    if (force || !hasSCU || (hasSCU && instance.shouldComponentUpdate(nextProps, nextState, context))) {
+        if (!usesNewAPI && isFunction$2(instance.componentWillUpdate)) {
+            instance.componentWillUpdate(nextProps, nextState, context);
+        }
+        instance.props = nextProps;
+        instance.state = nextState;
+        instance.context = context;
+        var snapshot = null;
+        var nextInput = renderNewInput$1(instance, nextProps, context);
+        if (usesNewAPI && isFunction$2(instance.getSnapshotBeforeUpdate)) {
+            snapshot = instance.getSnapshotBeforeUpdate(lastProps, lastState);
+        }
+        patch$1(instance.$LI, nextInput, parentDOM, instance.$CX, isSVG, nextNode, lifecycle);
+        // Dont update Last input, until patch has been succesfully executed
+        instance.$LI = nextInput;
+        if (isFunction$2(instance.componentDidUpdate)) {
+            createDidUpdate$1(instance, lastProps, lastState, snapshot, lifecycle);
+        }
+    }
+    else {
+        instance.props = nextProps;
+        instance.state = nextState;
+        instance.context = context;
+    }
+}
+function patchClassComponent$1(lastVNode, nextVNode, parentDOM, context, isSVG, nextNode, lifecycle) {
+    var instance = (nextVNode.children = lastVNode.children);
+    // If Component has crashed, ignore it to stay functional
+    if (isNull$2(instance)) {
+        return;
+    }
+    instance.$L = lifecycle;
+    var nextProps = nextVNode.props || EMPTY_OBJ$2;
+    var nextRef = nextVNode.ref;
+    var lastRef = lastVNode.ref;
+    var nextState = instance.state;
+    if (!instance.$N) {
+        if (isFunction$2(instance.componentWillReceiveProps)) {
+            instance.$BR = true;
+            instance.componentWillReceiveProps(nextProps, context);
+            // If instance component was removed during its own update do nothing.
+            if (instance.$UN) {
+                return;
+            }
+            instance.$BR = false;
+        }
+        if (!isNull$2(instance.$PS)) {
+            nextState = combineFrom$3(nextState, instance.$PS);
+            instance.$PS = null;
+        }
+    }
+    updateClassComponent$1(instance, nextState, nextProps, parentDOM, context, isSVG, false, nextNode, lifecycle);
+    if (lastRef !== nextRef) {
+        unmountRef$1(lastRef);
+        mountRef$1(nextRef, instance, lifecycle);
+    }
+}
+function patchFunctionalComponent$1(lastVNode, nextVNode, parentDOM, context, isSVG, nextNode, lifecycle) {
+    var shouldUpdate = true;
+    var nextProps = nextVNode.props || EMPTY_OBJ$2;
+    var nextRef = nextVNode.ref;
+    var lastProps = lastVNode.props;
+    var nextHooksDefined = !isNullOrUndef$3(nextRef);
+    var lastInput = lastVNode.children;
+    if (nextHooksDefined && isFunction$2(nextRef.onComponentShouldUpdate)) {
+        shouldUpdate = nextRef.onComponentShouldUpdate(lastProps, nextProps);
+    }
+    if (shouldUpdate !== false) {
+        if (nextHooksDefined && isFunction$2(nextRef.onComponentWillUpdate)) {
+            nextRef.onComponentWillUpdate(lastProps, nextProps);
+        }
+        var type = nextVNode.type;
+        var nextInput = normalizeRoot$1(nextVNode.flags & 32768 /* ForwardRef */ ? type.render(nextProps, nextRef, context) : type(nextProps, context));
+        patch$1(lastInput, nextInput, parentDOM, context, isSVG, nextNode, lifecycle);
+        nextVNode.children = nextInput;
+        if (nextHooksDefined && isFunction$2(nextRef.onComponentDidUpdate)) {
+            nextRef.onComponentDidUpdate(lastProps, nextProps);
+        }
+    }
+    else {
+        nextVNode.children = lastInput;
+    }
+}
+function patchText$1(lastVNode, nextVNode) {
+    var nextText = nextVNode.children;
+    var dom = (nextVNode.dom = lastVNode.dom);
+    if (nextText !== lastVNode.children) {
+        dom.nodeValue = nextText;
+    }
+}
+function patchNonKeyedChildren$1(lastChildren, nextChildren, dom, context, isSVG, lastChildrenLength, nextChildrenLength, nextNode, lifecycle) {
+    var commonLength = lastChildrenLength > nextChildrenLength ? nextChildrenLength : lastChildrenLength;
+    var i = 0;
+    var nextChild;
+    var lastChild;
+    for (; i < commonLength; ++i) {
+        nextChild = nextChildren[i];
+        lastChild = lastChildren[i];
+        if (nextChild.flags & 16384 /* InUse */) {
+            nextChild = nextChildren[i] = directClone$2(nextChild);
+        }
+        patch$1(lastChild, nextChild, dom, context, isSVG, nextNode, lifecycle);
+        lastChildren[i] = nextChild;
+    }
+    if (lastChildrenLength < nextChildrenLength) {
+        for (i = commonLength; i < nextChildrenLength; ++i) {
+            nextChild = nextChildren[i];
+            if (nextChild.flags & 16384 /* InUse */) {
+                nextChild = nextChildren[i] = directClone$2(nextChild);
+            }
+            mount$2(nextChild, dom, context, isSVG, nextNode, lifecycle);
+        }
+    }
+    else if (lastChildrenLength > nextChildrenLength) {
+        for (i = commonLength; i < lastChildrenLength; ++i) {
+            remove$1(lastChildren[i], dom);
+        }
+    }
+}
+function patchKeyedChildren$1(a, b, dom, context, isSVG, aLength, bLength, outerEdge, parentVNode, lifecycle) {
+    var aEnd = aLength - 1;
+    var bEnd = bLength - 1;
+    var j = 0;
+    var aNode = a[j];
+    var bNode = b[j];
+    var nextPos;
+    var nextNode;
+    // Step 1
+    // tslint:disable-next-line
+    outer: {
+        // Sync nodes with the same key at the beginning.
+        while (aNode.key === bNode.key) {
+            if (bNode.flags & 16384 /* InUse */) {
+                b[j] = bNode = directClone$2(bNode);
+            }
+            patch$1(aNode, bNode, dom, context, isSVG, outerEdge, lifecycle);
+            a[j] = bNode;
+            ++j;
+            if (j > aEnd || j > bEnd) {
+                break outer;
+            }
+            aNode = a[j];
+            bNode = b[j];
+        }
+        aNode = a[aEnd];
+        bNode = b[bEnd];
+        // Sync nodes with the same key at the end.
+        while (aNode.key === bNode.key) {
+            if (bNode.flags & 16384 /* InUse */) {
+                b[bEnd] = bNode = directClone$2(bNode);
+            }
+            patch$1(aNode, bNode, dom, context, isSVG, outerEdge, lifecycle);
+            a[aEnd] = bNode;
+            aEnd--;
+            bEnd--;
+            if (j > aEnd || j > bEnd) {
+                break outer;
+            }
+            aNode = a[aEnd];
+            bNode = b[bEnd];
+        }
+    }
+    if (j > aEnd) {
+        if (j <= bEnd) {
+            nextPos = bEnd + 1;
+            nextNode = nextPos < bLength ? findDOMfromVNode$1(b[nextPos], true) : outerEdge;
+            while (j <= bEnd) {
+                bNode = b[j];
+                if (bNode.flags & 16384 /* InUse */) {
+                    b[j] = bNode = directClone$2(bNode);
+                }
+                ++j;
+                mount$2(bNode, dom, context, isSVG, nextNode, lifecycle);
+            }
+        }
+    }
+    else if (j > bEnd) {
+        while (j <= aEnd) {
+            remove$1(a[j++], dom);
+        }
+    }
+    else {
+        patchKeyedChildrenComplex$1(a, b, context, aLength, bLength, aEnd, bEnd, j, dom, isSVG, outerEdge, parentVNode, lifecycle);
+    }
+}
+function patchKeyedChildrenComplex$1(a, b, context, aLength, bLength, aEnd, bEnd, j, dom, isSVG, outerEdge, parentVNode, lifecycle) {
+    var aNode;
+    var bNode;
+    var nextPos;
+    var i = 0;
+    var aStart = j;
+    var bStart = j;
+    var aLeft = aEnd - j + 1;
+    var bLeft = bEnd - j + 1;
+    var sources = new Int32Array(bLeft + 1);
+    // Keep track if its possible to remove whole DOM using textContent = '';
+    var canRemoveWholeContent = aLeft === aLength;
+    var moved = false;
+    var pos = 0;
+    var patched = 0;
+    // When sizes are small, just loop them through
+    if (bLength < 4 || (aLeft | bLeft) < 32) {
+        for (i = aStart; i <= aEnd; ++i) {
+            aNode = a[i];
+            if (patched < bLeft) {
+                for (j = bStart; j <= bEnd; j++) {
+                    bNode = b[j];
+                    if (aNode.key === bNode.key) {
+                        sources[j - bStart] = i + 1;
+                        if (canRemoveWholeContent) {
+                            canRemoveWholeContent = false;
+                            while (aStart < i) {
+                                remove$1(a[aStart++], dom);
+                            }
+                        }
+                        if (pos > j) {
+                            moved = true;
+                        }
+                        else {
+                            pos = j;
+                        }
+                        if (bNode.flags & 16384 /* InUse */) {
+                            b[j] = bNode = directClone$2(bNode);
+                        }
+                        patch$1(aNode, bNode, dom, context, isSVG, outerEdge, lifecycle);
+                        ++patched;
+                        break;
+                    }
+                }
+                if (!canRemoveWholeContent && j > bEnd) {
+                    remove$1(aNode, dom);
+                }
+            }
+            else if (!canRemoveWholeContent) {
+                remove$1(aNode, dom);
+            }
+        }
+    }
+    else {
+        var keyIndex = {};
+        // Map keys by their index
+        for (i = bStart; i <= bEnd; ++i) {
+            keyIndex[b[i].key] = i;
+        }
+        // Try to patch same keys
+        for (i = aStart; i <= aEnd; ++i) {
+            aNode = a[i];
+            if (patched < bLeft) {
+                j = keyIndex[aNode.key];
+                if (j !== void 0) {
+                    if (canRemoveWholeContent) {
+                        canRemoveWholeContent = false;
+                        while (i > aStart) {
+                            remove$1(a[aStart++], dom);
+                        }
+                    }
+                    sources[j - bStart] = i + 1;
+                    if (pos > j) {
+                        moved = true;
+                    }
+                    else {
+                        pos = j;
+                    }
+                    bNode = b[j];
+                    if (bNode.flags & 16384 /* InUse */) {
+                        b[j] = bNode = directClone$2(bNode);
+                    }
+                    patch$1(aNode, bNode, dom, context, isSVG, outerEdge, lifecycle);
+                    ++patched;
+                }
+                else if (!canRemoveWholeContent) {
+                    remove$1(aNode, dom);
+                }
+            }
+            else if (!canRemoveWholeContent) {
+                remove$1(aNode, dom);
+            }
+        }
+    }
+    // fast-path: if nothing patched remove all old and add all new
+    if (canRemoveWholeContent) {
+        removeAllChildren$1(dom, parentVNode, a);
+        mountArrayChildren$1(b, dom, context, isSVG, outerEdge, lifecycle);
+    }
+    else if (moved) {
+        var seq = lis_algorithm$1(sources);
+        j = seq.length - 1;
+        for (i = bLeft - 1; i >= 0; i--) {
+            if (sources[i] === 0) {
+                pos = i + bStart;
+                bNode = b[pos];
+                if (bNode.flags & 16384 /* InUse */) {
+                    b[pos] = bNode = directClone$2(bNode);
+                }
+                nextPos = pos + 1;
+                mount$2(bNode, dom, context, isSVG, nextPos < bLength ? findDOMfromVNode$1(b[nextPos], true) : outerEdge, lifecycle);
+            }
+            else if (j < 0 || i !== seq[j]) {
+                pos = i + bStart;
+                bNode = b[pos];
+                nextPos = pos + 1;
+                moveVNodeDOM$1(bNode, dom, nextPos < bLength ? findDOMfromVNode$1(b[nextPos], true) : outerEdge);
+            }
+            else {
+                j--;
+            }
+        }
+    }
+    else if (patched !== bLeft) {
+        // when patched count doesn't match b length we need to insert those new ones
+        // loop backwards so we can use insertBefore
+        for (i = bLeft - 1; i >= 0; i--) {
+            if (sources[i] === 0) {
+                pos = i + bStart;
+                bNode = b[pos];
+                if (bNode.flags & 16384 /* InUse */) {
+                    b[pos] = bNode = directClone$2(bNode);
+                }
+                nextPos = pos + 1;
+                mount$2(bNode, dom, context, isSVG, nextPos < bLength ? findDOMfromVNode$1(b[nextPos], true) : outerEdge, lifecycle);
+            }
+        }
+    }
+}
+var result$1;
+var p$1;
+var maxLen$1 = 0;
+// https://en.wikipedia.org/wiki/Longest_increasing_subsequence
+function lis_algorithm$1(arr) {
+    var arrI = 0;
+    var i = 0;
+    var j = 0;
+    var k = 0;
+    var u = 0;
+    var v = 0;
+    var c = 0;
+    var len = arr.length;
+    if (len > maxLen$1) {
+        maxLen$1 = len;
+        result$1 = new Int32Array(len);
+        p$1 = new Int32Array(len);
+    }
+    for (; i < len; ++i) {
+        arrI = arr[i];
+        if (arrI !== 0) {
+            j = result$1[k];
+            if (arr[j] < arrI) {
+                p$1[i] = j;
+                result$1[++k] = i;
+                continue;
+            }
+            u = 0;
+            v = k;
+            while (u < v) {
+                c = (u + v) >> 1;
+                if (arr[result$1[c]] < arrI) {
+                    u = c + 1;
+                }
+                else {
+                    v = c;
+                }
+            }
+            if (arrI < arr[result$1[u]]) {
+                if (u > 0) {
+                    p$1[i] = result$1[u - 1];
+                }
+                result$1[u] = i;
+            }
+        }
+    }
+    u = k + 1;
+    var seq = new Int32Array(u);
+    v = result$1[u - 1];
+    while (u-- > 0) {
+        seq[u] = v;
+        v = p$1[v];
+        result$1[u] = 0;
+    }
+    return seq;
+}
+
+var hasDocumentAvailable$2 = typeof document !== 'undefined';
+if (hasDocumentAvailable$2) {
+    /*
+     * Defining $EV and $V properties on Node.prototype
+     * fixes v8 "wrong map" de-optimization
+     */
+    if (window.Node) {
+        Node.prototype.$EV = null;
+        Node.prototype.$V = null;
+    }
+}
+function __render(input, parentDOM, callback, context) {
+    var lifecycle = [];
+    var rootInput = parentDOM.$V;
+    if (isNullOrUndef$3(rootInput)) {
+        if (!isNullOrUndef$3(input)) {
+            if (input.flags & 16384 /* InUse */) {
+                input = directClone$2(input);
+            }
+            mount$2(input, parentDOM, context, false, null, lifecycle);
+            parentDOM.$V = input;
+            rootInput = input;
+        }
+    }
+    else {
+        if (isNullOrUndef$3(input)) {
+            remove$1(rootInput, parentDOM);
+            parentDOM.$V = null;
+        }
+        else {
+            if (input.flags & 16384 /* InUse */) {
+                input = directClone$2(input);
+            }
+            patch$1(rootInput, input, parentDOM, context, false, null, lifecycle);
+            rootInput = parentDOM.$V = input;
+        }
+    }
+    if (lifecycle.length > 0) {
+        callAll$1(lifecycle);
+    }
+    if (isFunction$2(callback)) {
+        callback();
+    }
+    if (isFunction$2(options$1.renderComplete)) {
+        options$1.renderComplete(rootInput, parentDOM);
+    }
+}
+function render(input, parentDOM, callback, context) {
+    if ( callback === void 0 ) callback = null;
+    if ( context === void 0 ) context = EMPTY_OBJ$2;
+
+    __render(input, parentDOM, callback, context);
+}
+typeof Promise !== 'undefined'
+    ? Promise.resolve().then.bind(Promise.resolve())
+    : function (a) {
+        window.setTimeout(a, 0);
+    };var isArray$1 = Array.isArray;
 function isStringOrNumber$1(o) {
     var type = typeof o;
     return type === 'string' || type === 'number';