From 963aa6eba3d9a12070fe3ce9d9b5416ff55cb1dc Mon Sep 17 00:00:00 2001
From: tofulm <tofulm@gmail.com>
Date: Tue, 17 Aug 2021 21:55:10 +0200
Subject: [PATCH] maj vue en 3.2.4

---
 js/vue.js     | 9193 +++++++++++++++++++++++++++++++------------------
 js/vue.min.js |    2 +-
 paquet.xml    |    2 +-
 3 files changed, 5834 insertions(+), 3363 deletions(-)

diff --git a/js/vue.js b/js/vue.js
index 9cab498..b9dd2f3 100644
--- a/js/vue.js
+++ b/js/vue.js
@@ -17,12 +17,9 @@ var Vue = (function (exports) {
       return expectsLowerCase ? val => !!map[val.toLowerCase()] : val => !!map[val];
   }
 
-  // Patch flags are optimization hints generated by the compiler.
-  // when a block with dynamicChildren is encountered during diff, the algorithm
-  // enters "optimized mode". In this mode, we know that the vdom is produced by
-  // a render function generated by the compiler, so the algorithm only needs to
-  // handle updates explicitly marked by these patch flags.
-  // dev only flag -> name mapping
+  /**
+   * dev only flag -> name mapping
+   */
   const PatchFlagNames = {
       [1 /* TEXT */]: `TEXT`,
       [2 /* CLASS */]: `CLASS`,
@@ -33,24 +30,43 @@ var Vue = (function (exports) {
       [64 /* STABLE_FRAGMENT */]: `STABLE_FRAGMENT`,
       [128 /* KEYED_FRAGMENT */]: `KEYED_FRAGMENT`,
       [256 /* UNKEYED_FRAGMENT */]: `UNKEYED_FRAGMENT`,
-      [1024 /* DYNAMIC_SLOTS */]: `DYNAMIC_SLOTS`,
       [512 /* NEED_PATCH */]: `NEED_PATCH`,
+      [1024 /* DYNAMIC_SLOTS */]: `DYNAMIC_SLOTS`,
+      [2048 /* DEV_ROOT_FRAGMENT */]: `DEV_ROOT_FRAGMENT`,
       [-1 /* HOISTED */]: `HOISTED`,
       [-2 /* BAIL */]: `BAIL`
   };
 
+  /**
+   * Dev only
+   */
+  const slotFlagsText = {
+      [1 /* STABLE */]: 'STABLE',
+      [2 /* DYNAMIC */]: 'DYNAMIC',
+      [3 /* FORWARDED */]: 'FORWARDED'
+  };
+
   const GLOBALS_WHITE_LISTED = 'Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,' +
       'decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,' +
-      'Object,Boolean,String,RegExp,Map,Set,JSON,Intl';
+      'Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt';
   const isGloballyWhitelisted = /*#__PURE__*/ makeMap(GLOBALS_WHITE_LISTED);
 
   const range = 2;
   function generateCodeFrame(source, start = 0, end = source.length) {
-      const lines = source.split(/\r?\n/);
+      // Split the content into individual lines but capture the newline sequence
+      // that separated each line. This is important because the actual sequence is
+      // needed to properly take into account the full line length for offset
+      // comparison
+      let lines = source.split(/(\r?\n)/);
+      // Separate the lines and newline sequences into separate arrays for easier referencing
+      const newlineSequences = lines.filter((_, idx) => idx % 2 === 1);
+      lines = lines.filter((_, idx) => idx % 2 === 0);
       let count = 0;
       const res = [];
       for (let i = 0; i < lines.length; i++) {
-          count += lines[i].length + 1;
+          count +=
+              lines[i].length +
+                  ((newlineSequences[i] && newlineSequences[i].length) || 0);
           if (count >= start) {
               for (let j = i - range; j <= i + range || end > count; j++) {
                   if (j < 0 || j >= lines.length)
@@ -58,9 +74,10 @@ var Vue = (function (exports) {
                   const line = j + 1;
                   res.push(`${line}${' '.repeat(Math.max(3 - String(line).length, 0))}|  ${lines[j]}`);
                   const lineLength = lines[j].length;
+                  const newLineSeqLength = (newlineSequences[j] && newlineSequences[j].length) || 0;
                   if (j === i) {
                       // push underline
-                      const pad = start - (count - lineLength) + 1;
+                      const pad = start - (count - (lineLength + newLineSeqLength));
                       const length = Math.max(1, end > count ? lineLength - pad : end - start);
                       res.push(`   |  ` + ' '.repeat(pad) + '^'.repeat(length));
                   }
@@ -69,7 +86,7 @@ var Vue = (function (exports) {
                           const length = Math.max(Math.min(end - count, lineLength), 1);
                           res.push(`   |  ` + '^'.repeat(length));
                       }
-                      count += lineLength + 1;
+                      count += lineLength + newLineSeqLength;
                   }
               }
               break;
@@ -90,14 +107,23 @@ var Vue = (function (exports) {
    * - readonly -> readOnly
    */
   const specialBooleanAttrs = `itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly`;
-  const isSpecialBooleanAttr = /*#__PURE__*/ makeMap(specialBooleanAttrs);
+  const isSpecialBooleanAttr = /*#__PURE__*/ makeMap(specialBooleanAttrs);
+  /**
+   * Boolean attributes should be included if the value is truthy or ''.
+   * e.g. <select multiple> compiles to { multiple: '' }
+   */
+  function includeBooleanAttr(value) {
+      return !!value || value === '';
+  }
 
   function normalizeStyle(value) {
       if (isArray(value)) {
           const res = {};
           for (let i = 0; i < value.length; i++) {
               const item = value[i];
-              const normalized = normalizeStyle(isString(item) ? parseStringStyle(item) : item);
+              const normalized = isString(item)
+                  ? parseStringStyle(item)
+                  : normalizeStyle(item);
               if (normalized) {
                   for (const key in normalized) {
                       res[key] = normalized[key];
@@ -106,6 +132,9 @@ var Vue = (function (exports) {
           }
           return res;
       }
+      else if (isString(value)) {
+          return value;
+      }
       else if (isObject(value)) {
           return value;
       }
@@ -129,7 +158,10 @@ var Vue = (function (exports) {
       }
       else if (isArray(value)) {
           for (let i = 0; i < value.length; i++) {
-              res += normalizeClass(value[i]) + ' ';
+              const normalized = normalizeClass(value[i]);
+              if (normalized) {
+                  res += normalized + ' ';
+              }
           }
       }
       else if (isObject(value)) {
@@ -140,14 +172,26 @@ var Vue = (function (exports) {
           }
       }
       return res.trim();
+  }
+  function normalizeProps(props) {
+      if (!props)
+          return null;
+      let { class: klass, style } = props;
+      if (klass && !isString(klass)) {
+          props.class = normalizeClass(klass);
+      }
+      if (style) {
+          props.style = normalizeStyle(style);
+      }
+      return props;
   }
 
   // These tag configs are shared between compiler-dom and runtime-dom, so they
   // https://developer.mozilla.org/en-US/docs/Web/HTML/Element
   const HTML_TAGS = 'html,body,base,head,link,meta,style,title,address,article,aside,footer,' +
-      'header,h1,h2,h3,h4,h5,h6,hgroup,nav,section,div,dd,dl,dt,figcaption,' +
+      'header,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,' +
       'figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,' +
-      'data,dfn,em,i,kbd,mark,q,rp,rt,rtc,ruby,s,samp,small,span,strong,sub,sup,' +
+      'data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,' +
       'time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,' +
       'canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,' +
       'th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,' +
@@ -226,12 +270,18 @@ var Vue = (function (exports) {
   const toDisplayString = (val) => {
       return val == null
           ? ''
-          : isObject(val)
+          : isArray(val) ||
+              (isObject(val) &&
+                  (val.toString === objectToString || !isFunction(val.toString)))
               ? JSON.stringify(val, replacer, 2)
               : String(val);
   };
   const replacer = (_key, val) => {
-      if (isMap(val)) {
+      // can't use isRef here since @vue/shared has no deps
+      if (val && val.__v_isRef) {
+          return replacer(_key, val.value);
+      }
+      else if (isMap(val)) {
           return {
               [`Map(${val.size})`]: [...val.entries()].reduce((entries, [key, val]) => {
                   entries[`${key} =>`] = val;
@@ -250,9 +300,9 @@ var Vue = (function (exports) {
       return val;
   };
 
-  const EMPTY_OBJ =  Object.freeze({})
+  const EMPTY_OBJ = Object.freeze({})
       ;
-  const EMPTY_ARR =  Object.freeze([]) ;
+  const EMPTY_ARR = Object.freeze([]) ;
   const NOOP = () => { };
   /**
    * Always return false.
@@ -324,9 +374,9 @@ var Vue = (function (exports) {
   /**
    * @private
    */
-  const toHandlerKey = cacheStringFunction((str) => (str ? `on${capitalize(str)}` : ``));
+  const toHandlerKey = cacheStringFunction((str) => str ? `on${capitalize(str)}` : ``);
   // compare whether a value has changed, accounting for NaN.
-  const hasChanged = (value, oldValue) => value !== oldValue && (value === value || oldValue === oldValue);
+  const hasChanged = (value, oldValue) => !Object.is(value, oldValue);
   const invokeArrayFns = (fns, arg) => {
       for (let i = 0; i < fns.length; i++) {
           fns[i](arg);
@@ -358,64 +408,188 @@ var Vue = (function (exports) {
                               : {}));
   };
 
-  const targetMap = new WeakMap();
-  const effectStack = [];
-  let activeEffect;
-  const ITERATE_KEY = Symbol( 'iterate' );
-  const MAP_KEY_ITERATE_KEY = Symbol( 'Map key iterate' );
-  function isEffect(fn) {
-      return fn && fn._isEffect === true;
-  }
-  function effect(fn, options = EMPTY_OBJ) {
-      if (isEffect(fn)) {
-          fn = fn.raw;
-      }
-      const effect = createReactiveEffect(fn, options);
-      if (!options.lazy) {
-          effect();
-      }
-      return effect;
-  }
-  function stop(effect) {
-      if (effect.active) {
-          cleanup(effect);
-          if (effect.options.onStop) {
-              effect.options.onStop();
+  function warn(msg, ...args) {
+      console.warn(`[Vue warn] ${msg}`, ...args);
+  }
+
+  let activeEffectScope;
+  const effectScopeStack = [];
+  class EffectScope {
+      constructor(detached = false) {
+          this.active = true;
+          this.effects = [];
+          this.cleanups = [];
+          if (!detached && activeEffectScope) {
+              this.parent = activeEffectScope;
+              this.index =
+                  (activeEffectScope.scopes || (activeEffectScope.scopes = [])).push(this) - 1;
           }
-          effect.active = false;
       }
-  }
-  let uid = 0;
-  function createReactiveEffect(fn, options) {
-      const effect = function reactiveEffect() {
-          if (!effect.active) {
-              return options.scheduler ? undefined : fn();
-          }
-          if (!effectStack.includes(effect)) {
-              cleanup(effect);
+      run(fn) {
+          if (this.active) {
               try {
-                  enableTracking();
-                  effectStack.push(effect);
-                  activeEffect = effect;
+                  this.on();
                   return fn();
               }
               finally {
-                  effectStack.pop();
-                  resetTracking();
-                  activeEffect = effectStack[effectStack.length - 1];
+                  this.off();
               }
           }
-      };
-      effect.id = uid++;
-      effect.allowRecurse = !!options.allowRecurse;
-      effect._isEffect = true;
-      effect.active = true;
-      effect.raw = fn;
-      effect.deps = [];
-      effect.options = options;
-      return effect;
+          else {
+              warn(`cannot run an inactive effect scope.`);
+          }
+      }
+      on() {
+          if (this.active) {
+              effectScopeStack.push(this);
+              activeEffectScope = this;
+          }
+      }
+      off() {
+          if (this.active) {
+              effectScopeStack.pop();
+              activeEffectScope = effectScopeStack[effectScopeStack.length - 1];
+          }
+      }
+      stop(fromParent) {
+          if (this.active) {
+              this.effects.forEach(e => e.stop());
+              this.cleanups.forEach(cleanup => cleanup());
+              if (this.scopes) {
+                  this.scopes.forEach(e => e.stop(true));
+              }
+              // nested scope, dereference from parent to avoid memory leaks
+              if (this.parent && !fromParent) {
+                  // optimized O(1) removal
+                  const last = this.parent.scopes.pop();
+                  if (last && last !== this) {
+                      this.parent.scopes[this.index] = last;
+                      last.index = this.index;
+                  }
+              }
+              this.active = false;
+          }
+      }
   }
-  function cleanup(effect) {
+  function effectScope(detached) {
+      return new EffectScope(detached);
+  }
+  function recordEffectScope(effect, scope) {
+      scope = scope || activeEffectScope;
+      if (scope && scope.active) {
+          scope.effects.push(effect);
+      }
+  }
+  function getCurrentScope() {
+      return activeEffectScope;
+  }
+  function onScopeDispose(fn) {
+      if (activeEffectScope) {
+          activeEffectScope.cleanups.push(fn);
+      }
+      else {
+          warn(`onScopeDispose() is called when there is no active effect scope` +
+              ` to be associated with.`);
+      }
+  }
+
+  const createDep = (effects) => {
+      const dep = new Set(effects);
+      dep.w = 0;
+      dep.n = 0;
+      return dep;
+  };
+  const wasTracked = (dep) => (dep.w & trackOpBit) > 0;
+  const newTracked = (dep) => (dep.n & trackOpBit) > 0;
+  const initDepMarkers = ({ deps }) => {
+      if (deps.length) {
+          for (let i = 0; i < deps.length; i++) {
+              deps[i].w |= trackOpBit; // set was tracked
+          }
+      }
+  };
+  const finalizeDepMarkers = (effect) => {
+      const { deps } = effect;
+      if (deps.length) {
+          let ptr = 0;
+          for (let i = 0; i < deps.length; i++) {
+              const dep = deps[i];
+              if (wasTracked(dep) && !newTracked(dep)) {
+                  dep.delete(effect);
+              }
+              else {
+                  deps[ptr++] = dep;
+              }
+              // clear bits
+              dep.w &= ~trackOpBit;
+              dep.n &= ~trackOpBit;
+          }
+          deps.length = ptr;
+      }
+  };
+
+  const targetMap = new WeakMap();
+  // The number of effects currently being tracked recursively.
+  let effectTrackDepth = 0;
+  let trackOpBit = 1;
+  /**
+   * The bitwise track markers support at most 30 levels op recursion.
+   * This value is chosen to enable modern JS engines to use a SMI on all platforms.
+   * When recursion depth is greater, fall back to using a full cleanup.
+   */
+  const maxMarkerBits = 30;
+  const effectStack = [];
+  let activeEffect;
+  const ITERATE_KEY = Symbol('iterate' );
+  const MAP_KEY_ITERATE_KEY = Symbol('Map key iterate' );
+  class ReactiveEffect {
+      constructor(fn, scheduler = null, scope) {
+          this.fn = fn;
+          this.scheduler = scheduler;
+          this.active = true;
+          this.deps = [];
+          recordEffectScope(this, scope);
+      }
+      run() {
+          if (!this.active) {
+              return this.fn();
+          }
+          if (!effectStack.includes(this)) {
+              try {
+                  effectStack.push((activeEffect = this));
+                  enableTracking();
+                  trackOpBit = 1 << ++effectTrackDepth;
+                  if (effectTrackDepth <= maxMarkerBits) {
+                      initDepMarkers(this);
+                  }
+                  else {
+                      cleanupEffect(this);
+                  }
+                  return this.fn();
+              }
+              finally {
+                  if (effectTrackDepth <= maxMarkerBits) {
+                      finalizeDepMarkers(this);
+                  }
+                  trackOpBit = 1 << --effectTrackDepth;
+                  resetTracking();
+                  effectStack.pop();
+                  const n = effectStack.length;
+                  activeEffect = n > 0 ? effectStack[n - 1] : undefined;
+              }
+          }
+      }
+      stop() {
+          if (this.active) {
+              cleanupEffect(this);
+              if (this.onStop) {
+                  this.onStop();
+              }
+              this.active = false;
+          }
+      }
+  }
+  function cleanupEffect(effect) {
       const { deps } = effect;
       if (deps.length) {
           for (let i = 0; i < deps.length; i++) {
@@ -424,6 +598,26 @@ var Vue = (function (exports) {
           deps.length = 0;
       }
   }
+  function effect(fn, options) {
+      if (fn.effect) {
+          fn = fn.effect.fn;
+      }
+      const _effect = new ReactiveEffect(fn);
+      if (options) {
+          extend(_effect, options);
+          if (options.scope)
+              recordEffectScope(_effect, options.scope);
+      }
+      if (!options || !options.lazy) {
+          _effect.run();
+      }
+      const runner = _effect.run.bind(_effect);
+      runner.effect = _effect;
+      return runner;
+  }
+  function stop(runner) {
+      runner.effect.stop();
+  }
   let shouldTrack = true;
   const trackStack = [];
   function pauseTracking() {
@@ -439,7 +633,7 @@ var Vue = (function (exports) {
       shouldTrack = last === undefined ? true : last;
   }
   function track(target, type, key) {
-      if (!shouldTrack || activeEffect === undefined) {
+      if (!isTracking()) {
           return;
       }
       let depsMap = targetMap.get(target);
@@ -448,18 +642,34 @@ var Vue = (function (exports) {
       }
       let dep = depsMap.get(key);
       if (!dep) {
-          depsMap.set(key, (dep = new Set()));
+          depsMap.set(key, (dep = createDep()));
       }
-      if (!dep.has(activeEffect)) {
+      const eventInfo = { effect: activeEffect, target, type, key }
+          ;
+      trackEffects(dep, eventInfo);
+  }
+  function isTracking() {
+      return shouldTrack && activeEffect !== undefined;
+  }
+  function trackEffects(dep, debuggerEventExtraInfo) {
+      let shouldTrack = false;
+      if (effectTrackDepth <= maxMarkerBits) {
+          if (!newTracked(dep)) {
+              dep.n |= trackOpBit; // set newly tracked
+              shouldTrack = !wasTracked(dep);
+          }
+      }
+      else {
+          // Full cleanup mode.
+          shouldTrack = !dep.has(activeEffect);
+      }
+      if (shouldTrack) {
           dep.add(activeEffect);
           activeEffect.deps.push(dep);
-          if ( activeEffect.options.onTrack) {
-              activeEffect.options.onTrack({
-                  effect: activeEffect,
-                  target,
-                  type,
-                  key
-              });
+          if (activeEffect.onTrack) {
+              activeEffect.onTrack(Object.assign({
+                  effect: activeEffect
+              }, debuggerEventExtraInfo));
           }
       }
   }
@@ -469,84 +679,92 @@ var Vue = (function (exports) {
           // never been tracked
           return;
       }
-      const effects = new Set();
-      const add = (effectsToAdd) => {
-          if (effectsToAdd) {
-              effectsToAdd.forEach(effect => {
-                  if (effect !== activeEffect || effect.allowRecurse) {
-                      effects.add(effect);
-                  }
-              });
-          }
-      };
+      let deps = [];
       if (type === "clear" /* CLEAR */) {
           // collection being cleared
           // trigger all effects for target
-          depsMap.forEach(add);
+          deps = [...depsMap.values()];
       }
       else if (key === 'length' && isArray(target)) {
           depsMap.forEach((dep, key) => {
               if (key === 'length' || key >= newValue) {
-                  add(dep);
+                  deps.push(dep);
               }
           });
       }
       else {
           // schedule runs for SET | ADD | DELETE
           if (key !== void 0) {
-              add(depsMap.get(key));
+              deps.push(depsMap.get(key));
           }
           // also run for iteration key on ADD | DELETE | Map.SET
           switch (type) {
               case "add" /* ADD */:
                   if (!isArray(target)) {
-                      add(depsMap.get(ITERATE_KEY));
+                      deps.push(depsMap.get(ITERATE_KEY));
                       if (isMap(target)) {
-                          add(depsMap.get(MAP_KEY_ITERATE_KEY));
+                          deps.push(depsMap.get(MAP_KEY_ITERATE_KEY));
                       }
                   }
                   else if (isIntegerKey(key)) {
                       // new index added to array -> length changes
-                      add(depsMap.get('length'));
+                      deps.push(depsMap.get('length'));
                   }
                   break;
               case "delete" /* DELETE */:
                   if (!isArray(target)) {
-                      add(depsMap.get(ITERATE_KEY));
+                      deps.push(depsMap.get(ITERATE_KEY));
                       if (isMap(target)) {
-                          add(depsMap.get(MAP_KEY_ITERATE_KEY));
+                          deps.push(depsMap.get(MAP_KEY_ITERATE_KEY));
                       }
                   }
                   break;
               case "set" /* SET */:
                   if (isMap(target)) {
-                      add(depsMap.get(ITERATE_KEY));
+                      deps.push(depsMap.get(ITERATE_KEY));
                   }
                   break;
           }
       }
-      const run = (effect) => {
-          if ( effect.options.onTrigger) {
-              effect.options.onTrigger({
-                  effect,
-                  target,
-                  key,
-                  type,
-                  newValue,
-                  oldValue,
-                  oldTarget
-              });
+      const eventInfo = { target, type, key, newValue, oldValue, oldTarget }
+          ;
+      if (deps.length === 1) {
+          if (deps[0]) {
+              {
+                  triggerEffects(deps[0], eventInfo);
+              }
           }
-          if (effect.options.scheduler) {
-              effect.options.scheduler(effect);
+      }
+      else {
+          const effects = [];
+          for (const dep of deps) {
+              if (dep) {
+                  effects.push(...dep);
+              }
           }
-          else {
-              effect();
+          {
+              triggerEffects(createDep(effects), eventInfo);
           }
-      };
-      effects.forEach(run);
+      }
+  }
+  function triggerEffects(dep, debuggerEventExtraInfo) {
+      // spread into array for stabilization
+      for (const effect of isArray(dep) ? dep : [...dep]) {
+          if (effect !== activeEffect || effect.allowRecurse) {
+              if (effect.onTrigger) {
+                  effect.onTrigger(extend({ effect }, debuggerEventExtraInfo));
+              }
+              if (effect.scheduler) {
+                  effect.scheduler();
+              }
+              else {
+                  effect.run();
+              }
+          }
+      }
   }
 
+  const isNonTrackableKeys = /*#__PURE__*/ makeMap(`__proto__,__v_isRef,__isVue`);
   const builtInSymbols = new Set(Object.getOwnPropertyNames(Symbol)
       .map(key => Symbol[key])
       .filter(isSymbol));
@@ -554,34 +772,36 @@ var Vue = (function (exports) {
   const shallowGet = /*#__PURE__*/ createGetter(false, true);
   const readonlyGet = /*#__PURE__*/ createGetter(true);
   const shallowReadonlyGet = /*#__PURE__*/ createGetter(true, true);
-  const arrayInstrumentations = {};
-  ['includes', 'indexOf', 'lastIndexOf'].forEach(key => {
-      const method = Array.prototype[key];
-      arrayInstrumentations[key] = function (...args) {
-          const arr = toRaw(this);
-          for (let i = 0, l = this.length; i < l; i++) {
-              track(arr, "get" /* GET */, i + '');
-          }
-          // we run the method using the original args first (which may be reactive)
-          const res = method.apply(arr, args);
-          if (res === -1 || res === false) {
-              // if that didn't work, run it again using raw values.
-              return method.apply(arr, args.map(toRaw));
-          }
-          else {
+  const arrayInstrumentations = /*#__PURE__*/ createArrayInstrumentations();
+  function createArrayInstrumentations() {
+      const instrumentations = {};
+      ['includes', 'indexOf', 'lastIndexOf'].forEach(key => {
+          instrumentations[key] = function (...args) {
+              const arr = toRaw(this);
+              for (let i = 0, l = this.length; i < l; i++) {
+                  track(arr, "get" /* GET */, i + '');
+              }
+              // we run the method using the original args first (which may be reactive)
+              const res = arr[key](...args);
+              if (res === -1 || res === false) {
+                  // if that didn't work, run it again using raw values.
+                  return arr[key](...args.map(toRaw));
+              }
+              else {
+                  return res;
+              }
+          };
+      });
+      ['push', 'pop', 'shift', 'unshift', 'splice'].forEach(key => {
+          instrumentations[key] = function (...args) {
+              pauseTracking();
+              const res = toRaw(this)[key].apply(this, args);
+              resetTracking();
               return res;
-          }
-      };
-  });
-  ['push', 'pop', 'shift', 'unshift', 'splice'].forEach(key => {
-      const method = Array.prototype[key];
-      arrayInstrumentations[key] = function (...args) {
-          pauseTracking();
-          const res = method.apply(this, args);
-          resetTracking();
-          return res;
-      };
-  });
+          };
+      });
+      return instrumentations;
+  }
   function createGetter(isReadonly = false, shallow = false) {
       return function get(target, key, receiver) {
           if (key === "__v_isReactive" /* IS_REACTIVE */) {
@@ -591,17 +811,22 @@ var Vue = (function (exports) {
               return isReadonly;
           }
           else if (key === "__v_raw" /* RAW */ &&
-              receiver === (isReadonly ? readonlyMap : reactiveMap).get(target)) {
+              receiver ===
+                  (isReadonly
+                      ? shallow
+                          ? shallowReadonlyMap
+                          : readonlyMap
+                      : shallow
+                          ? shallowReactiveMap
+                          : reactiveMap).get(target)) {
               return target;
           }
           const targetIsArray = isArray(target);
-          if (targetIsArray && hasOwn(arrayInstrumentations, key)) {
+          if (!isReadonly && targetIsArray && hasOwn(arrayInstrumentations, key)) {
               return Reflect.get(arrayInstrumentations, key, receiver);
           }
           const res = Reflect.get(target, key, receiver);
-          if (isSymbol(key)
-              ? builtInSymbols.has(key)
-              : key === `__proto__` || key === `__v_isRef`) {
+          if (isSymbol(key) ? builtInSymbols.has(key) : isNonTrackableKeys(key)) {
               return res;
           }
           if (!isReadonly) {
@@ -628,9 +853,10 @@ var Vue = (function (exports) {
   const shallowSet = /*#__PURE__*/ createSetter(true);
   function createSetter(shallow = false) {
       return function set(target, key, value, receiver) {
-          const oldValue = target[key];
+          let oldValue = target[key];
           if (!shallow) {
               value = toRaw(value);
+              oldValue = toRaw(oldValue);
               if (!isArray(target) && isRef(oldValue) && !isRef(value)) {
                   oldValue.value = value;
                   return true;
@@ -694,14 +920,14 @@ var Vue = (function (exports) {
           return true;
       }
   };
-  const shallowReactiveHandlers = extend({}, mutableHandlers, {
+  const shallowReactiveHandlers = /*#__PURE__*/ extend({}, mutableHandlers, {
       get: shallowGet,
       set: shallowSet
   });
   // Props handlers are special in the sense that it should not unwrap top-level
   // refs (in order to allow refs to be explicitly passed down), but should
   // retain the reactivity of the normal readonly object.
-  const shallowReadonlyHandlers = extend({}, readonlyHandlers, {
+  const shallowReadonlyHandlers = /*#__PURE__*/ extend({}, readonlyHandlers, {
       get: shallowReadonlyGet
   });
 
@@ -720,13 +946,18 @@ var Vue = (function (exports) {
       }
       !isReadonly && track(rawTarget, "get" /* GET */, rawKey);
       const { has } = getProto(rawTarget);
-      const wrap = isReadonly ? toReadonly : isShallow ? toShallow : toReactive;
+      const wrap = isShallow ? toShallow : isReadonly ? toReadonly : toReactive;
       if (has.call(rawTarget, key)) {
           return wrap(target.get(key));
       }
       else if (has.call(rawTarget, rawKey)) {
           return wrap(target.get(rawKey));
       }
+      else if (target !== rawTarget) {
+          // #3602 readonly(reactive(Map))
+          // ensure that the nested reactive `Map` can do tracking for itself
+          target.get(key);
+      }
   }
   function has$1(key, isReadonly = false) {
       const target = this["__v_raw" /* RAW */];
@@ -750,11 +981,11 @@ var Vue = (function (exports) {
       const target = toRaw(this);
       const proto = getProto(target);
       const hadKey = proto.has.call(target, value);
-      const result = target.add(value);
       if (!hadKey) {
+          target.add(value);
           trigger(target, "add" /* ADD */, value, value);
       }
-      return result;
+      return this;
   }
   function set$1(key, value) {
       value = toRaw(value);
@@ -769,14 +1000,14 @@ var Vue = (function (exports) {
           checkIdentityKeys(target, has, key);
       }
       const oldValue = get.call(target, key);
-      const result = target.set(key, value);
+      target.set(key, value);
       if (!hadKey) {
           trigger(target, "add" /* ADD */, key, value);
       }
       else if (hasChanged(value, oldValue)) {
           trigger(target, "set" /* SET */, key, value, oldValue);
       }
-      return result;
+      return this;
   }
   function deleteEntry(key) {
       const target = toRaw(this);
@@ -800,7 +1031,7 @@ var Vue = (function (exports) {
   function clear() {
       const target = toRaw(this);
       const hadItems = target.size !== 0;
-      const oldTarget =  isMap(target)
+      const oldTarget = isMap(target)
               ? new Map(target)
               : new Set(target)
           ;
@@ -816,7 +1047,7 @@ var Vue = (function (exports) {
           const observed = this;
           const target = observed["__v_raw" /* RAW */];
           const rawTarget = toRaw(target);
-          const wrap = isReadonly ? toReadonly : isShallow ? toShallow : toReactive;
+          const wrap = isShallow ? toShallow : isReadonly ? toReadonly : toReactive;
           !isReadonly && track(rawTarget, "iterate" /* ITERATE */, ITERATE_KEY);
           return target.forEach((value, key) => {
               // important: make sure the callback is
@@ -834,7 +1065,7 @@ var Vue = (function (exports) {
           const isPair = method === 'entries' || (method === Symbol.iterator && targetIsMap);
           const isKeyOnly = method === 'keys' && targetIsMap;
           const innerIterator = target[method](...args);
-          const wrap = isReadonly ? toReadonly : isShallow ? toShallow : toReactive;
+          const wrap = isShallow ? toShallow : isReadonly ? toReadonly : toReactive;
           !isReadonly &&
               track(rawTarget, "iterate" /* ITERATE */, isKeyOnly ? MAP_KEY_ITERATE_KEY : ITERATE_KEY);
           // return a wrapped iterator which returns observed versions of the
@@ -866,59 +1097,87 @@ var Vue = (function (exports) {
           return type === "delete" /* DELETE */ ? false : this;
       };
   }
-  const mutableInstrumentations = {
-      get(key) {
-          return get$1(this, key);
-      },
-      get size() {
-          return size(this);
-      },
-      has: has$1,
-      add,
-      set: set$1,
-      delete: deleteEntry,
-      clear,
-      forEach: createForEach(false, false)
-  };
-  const shallowInstrumentations = {
-      get(key) {
-          return get$1(this, key, false, true);
-      },
-      get size() {
-          return size(this);
-      },
-      has: has$1,
-      add,
-      set: set$1,
-      delete: deleteEntry,
-      clear,
-      forEach: createForEach(false, true)
-  };
-  const readonlyInstrumentations = {
-      get(key) {
-          return get$1(this, key, true);
-      },
-      get size() {
-          return size(this, true);
-      },
-      has(key) {
-          return has$1.call(this, key, true);
-      },
-      add: createReadonlyMethod("add" /* ADD */),
-      set: createReadonlyMethod("set" /* SET */),
-      delete: createReadonlyMethod("delete" /* DELETE */),
-      clear: createReadonlyMethod("clear" /* CLEAR */),
-      forEach: createForEach(true, false)
-  };
-  const iteratorMethods = ['keys', 'values', 'entries', Symbol.iterator];
-  iteratorMethods.forEach(method => {
-      mutableInstrumentations[method] = createIterableMethod(method, false, false);
-      readonlyInstrumentations[method] = createIterableMethod(method, true, false);
-      shallowInstrumentations[method] = createIterableMethod(method, false, true);
-  });
+  function createInstrumentations() {
+      const mutableInstrumentations = {
+          get(key) {
+              return get$1(this, key);
+          },
+          get size() {
+              return size(this);
+          },
+          has: has$1,
+          add,
+          set: set$1,
+          delete: deleteEntry,
+          clear,
+          forEach: createForEach(false, false)
+      };
+      const shallowInstrumentations = {
+          get(key) {
+              return get$1(this, key, false, true);
+          },
+          get size() {
+              return size(this);
+          },
+          has: has$1,
+          add,
+          set: set$1,
+          delete: deleteEntry,
+          clear,
+          forEach: createForEach(false, true)
+      };
+      const readonlyInstrumentations = {
+          get(key) {
+              return get$1(this, key, true);
+          },
+          get size() {
+              return size(this, true);
+          },
+          has(key) {
+              return has$1.call(this, key, true);
+          },
+          add: createReadonlyMethod("add" /* ADD */),
+          set: createReadonlyMethod("set" /* SET */),
+          delete: createReadonlyMethod("delete" /* DELETE */),
+          clear: createReadonlyMethod("clear" /* CLEAR */),
+          forEach: createForEach(true, false)
+      };
+      const shallowReadonlyInstrumentations = {
+          get(key) {
+              return get$1(this, key, true, true);
+          },
+          get size() {
+              return size(this, true);
+          },
+          has(key) {
+              return has$1.call(this, key, true);
+          },
+          add: createReadonlyMethod("add" /* ADD */),
+          set: createReadonlyMethod("set" /* SET */),
+          delete: createReadonlyMethod("delete" /* DELETE */),
+          clear: createReadonlyMethod("clear" /* CLEAR */),
+          forEach: createForEach(true, true)
+      };
+      const iteratorMethods = ['keys', 'values', 'entries', Symbol.iterator];
+      iteratorMethods.forEach(method => {
+          mutableInstrumentations[method] = createIterableMethod(method, false, false);
+          readonlyInstrumentations[method] = createIterableMethod(method, true, false);
+          shallowInstrumentations[method] = createIterableMethod(method, false, true);
+          shallowReadonlyInstrumentations[method] = createIterableMethod(method, true, true);
+      });
+      return [
+          mutableInstrumentations,
+          readonlyInstrumentations,
+          shallowInstrumentations,
+          shallowReadonlyInstrumentations
+      ];
+  }
+  const [mutableInstrumentations, readonlyInstrumentations, shallowInstrumentations, shallowReadonlyInstrumentations] = /* #__PURE__*/ createInstrumentations();
   function createInstrumentationGetter(isReadonly, shallow) {
       const instrumentations = shallow
-          ? shallowInstrumentations
+          ? isReadonly
+              ? shallowReadonlyInstrumentations
+              : shallowInstrumentations
           : isReadonly
               ? readonlyInstrumentations
               : mutableInstrumentations;
@@ -938,13 +1197,16 @@ var Vue = (function (exports) {
       };
   }
   const mutableCollectionHandlers = {
-      get: createInstrumentationGetter(false, false)
+      get: /*#__PURE__*/ createInstrumentationGetter(false, false)
   };
   const shallowCollectionHandlers = {
-      get: createInstrumentationGetter(false, true)
+      get: /*#__PURE__*/ createInstrumentationGetter(false, true)
   };
   const readonlyCollectionHandlers = {
-      get: createInstrumentationGetter(true, false)
+      get: /*#__PURE__*/ createInstrumentationGetter(true, false)
+  };
+  const shallowReadonlyCollectionHandlers = {
+      get: /*#__PURE__*/ createInstrumentationGetter(true, true)
   };
   function checkIdentityKeys(target, has, key) {
       const rawKey = toRaw(key);
@@ -959,7 +1221,9 @@ var Vue = (function (exports) {
   }
 
   const reactiveMap = new WeakMap();
+  const shallowReactiveMap = new WeakMap();
   const readonlyMap = new WeakMap();
+  const shallowReadonlyMap = new WeakMap();
   function targetTypeMap(rawType) {
       switch (rawType) {
           case 'Object':
@@ -984,25 +1248,33 @@ var Vue = (function (exports) {
       if (target && target["__v_isReadonly" /* IS_READONLY */]) {
           return target;
       }
-      return createReactiveObject(target, false, mutableHandlers, mutableCollectionHandlers);
+      return createReactiveObject(target, false, mutableHandlers, mutableCollectionHandlers, reactiveMap);
   }
-  // Return a reactive-copy of the original object, where only the root level
-  // properties are reactive, and does NOT unwrap refs nor recursively convert
-  // returned properties.
+  /**
+   * Return a shallowly-reactive copy of the original object, where only the root
+   * level properties are reactive. It also does not auto-unwrap refs (even at the
+   * root level).
+   */
   function shallowReactive(target) {
-      return createReactiveObject(target, false, shallowReactiveHandlers, shallowCollectionHandlers);
+      return createReactiveObject(target, false, shallowReactiveHandlers, shallowCollectionHandlers, shallowReactiveMap);
   }
+  /**
+   * Creates a readonly copy of the original object. Note the returned copy is not
+   * made reactive, but `readonly` can be called on an already reactive object.
+   */
   function readonly(target) {
-      return createReactiveObject(target, true, readonlyHandlers, readonlyCollectionHandlers);
+      return createReactiveObject(target, true, readonlyHandlers, readonlyCollectionHandlers, readonlyMap);
   }
-  // Return a reactive-copy of the original object, where only the root level
-  // properties are readonly, and does NOT unwrap refs nor recursively convert
-  // returned properties.
-  // This is used for creating the props proxy object for stateful components.
+  /**
+   * Returns a reactive-copy of the original object, where only the root level
+   * properties are readonly, and does NOT unwrap refs nor recursively convert
+   * returned properties.
+   * This is used for creating the props proxy object for stateful components.
+   */
   function shallowReadonly(target) {
-      return createReactiveObject(target, true, shallowReadonlyHandlers, readonlyCollectionHandlers);
+      return createReactiveObject(target, true, shallowReadonlyHandlers, shallowReadonlyCollectionHandlers, shallowReadonlyMap);
   }
-  function createReactiveObject(target, isReadonly, baseHandlers, collectionHandlers) {
+  function createReactiveObject(target, isReadonly, baseHandlers, collectionHandlers, proxyMap) {
       if (!isObject(target)) {
           {
               console.warn(`value cannot be made reactive: ${String(target)}`);
@@ -1016,7 +1288,6 @@ var Vue = (function (exports) {
           return target;
       }
       // target already has corresponding Proxy
-      const proxyMap = isReadonly ? readonlyMap : reactiveMap;
       const existingProxy = proxyMap.get(target);
       if (existingProxy) {
           return existingProxy;
@@ -1043,13 +1314,42 @@ var Vue = (function (exports) {
       return isReactive(value) || isReadonly(value);
   }
   function toRaw(observed) {
-      return ((observed && toRaw(observed["__v_raw" /* RAW */])) || observed);
+      const raw = observed && observed["__v_raw" /* RAW */];
+      return raw ? toRaw(raw) : observed;
   }
   function markRaw(value) {
       def(value, "__v_skip" /* SKIP */, true);
       return value;
   }
 
+  function trackRefValue(ref) {
+      if (isTracking()) {
+          ref = toRaw(ref);
+          if (!ref.dep) {
+              ref.dep = createDep();
+          }
+          {
+              trackEffects(ref.dep, {
+                  target: ref,
+                  type: "get" /* GET */,
+                  key: 'value'
+              });
+          }
+      }
+  }
+  function triggerRefValue(ref, newVal) {
+      ref = toRaw(ref);
+      if (ref.dep) {
+          {
+              triggerEffects(ref.dep, {
+                  target: ref,
+                  type: "set" /* SET */,
+                  key: 'value',
+                  newValue: newVal
+              });
+          }
+      }
+  }
   const convert = (val) => isObject(val) ? reactive(val) : val;
   function isRef(r) {
       return Boolean(r && r.__v_isRef === true);
@@ -1061,21 +1361,23 @@ var Vue = (function (exports) {
       return createRef(value, true);
   }
   class RefImpl {
-      constructor(_rawValue, _shallow = false) {
-          this._rawValue = _rawValue;
+      constructor(value, _shallow = false) {
           this._shallow = _shallow;
+          this.dep = undefined;
           this.__v_isRef = true;
-          this._value = _shallow ? _rawValue : convert(_rawValue);
+          this._rawValue = _shallow ? value : toRaw(value);
+          this._value = _shallow ? value : convert(value);
       }
       get value() {
-          track(toRaw(this), "get" /* GET */, 'value');
+          trackRefValue(this);
           return this._value;
       }
       set value(newVal) {
-          if (hasChanged(toRaw(newVal), this._rawValue)) {
+          newVal = this._shallow ? newVal : toRaw(newVal);
+          if (hasChanged(newVal, this._rawValue)) {
               this._rawValue = newVal;
               this._value = this._shallow ? newVal : convert(newVal);
-              trigger(toRaw(this), "set" /* SET */, 'value', newVal);
+              triggerRefValue(this, newVal);
           }
       }
   }
@@ -1086,7 +1388,7 @@ var Vue = (function (exports) {
       return new RefImpl(rawValue, shallow);
   }
   function triggerRef(ref) {
-      trigger(toRaw(ref), "set" /* SET */, 'value',  ref.value );
+      triggerRefValue(ref, ref.value );
   }
   function unref(ref) {
       return isRef(ref) ? ref.value : ref;
@@ -1111,8 +1413,9 @@ var Vue = (function (exports) {
   }
   class CustomRefImpl {
       constructor(factory) {
+          this.dep = undefined;
           this.__v_isRef = true;
-          const { get, set } = factory(() => track(this, "get" /* GET */, 'value'), () => trigger(this, "set" /* SET */, 'value'));
+          const { get, set } = factory(() => trackRefValue(this), () => triggerRefValue(this));
           this._get = get;
           this._set = set;
       }
@@ -1127,7 +1430,7 @@ var Vue = (function (exports) {
       return new CustomRefImpl(factory);
   }
   function toRefs(object) {
-      if ( !isProxy(object)) {
+      if (!isProxy(object)) {
           console.warn(`toRefs() expects a reactive object but received a plain one.`);
       }
       const ret = isArray(object) ? new Array(object.length) : {};
@@ -1150,45 +1453,44 @@ var Vue = (function (exports) {
       }
   }
   function toRef(object, key) {
-      return isRef(object[key])
-          ? object[key]
-          : new ObjectRefImpl(object, key);
+      const val = object[key];
+      return isRef(val) ? val : new ObjectRefImpl(object, key);
   }
 
   class ComputedRefImpl {
       constructor(getter, _setter, isReadonly) {
           this._setter = _setter;
+          this.dep = undefined;
           this._dirty = true;
           this.__v_isRef = true;
-          this.effect = effect(getter, {
-              lazy: true,
-              scheduler: () => {
-                  if (!this._dirty) {
-                      this._dirty = true;
-                      trigger(toRaw(this), "set" /* SET */, 'value');
-                  }
+          this.effect = new ReactiveEffect(getter, () => {
+              if (!this._dirty) {
+                  this._dirty = true;
+                  triggerRefValue(this);
               }
           });
           this["__v_isReadonly" /* IS_READONLY */] = isReadonly;
       }
       get value() {
-          if (this._dirty) {
-              this._value = this.effect();
-              this._dirty = false;
+          // the computed ref may get wrapped by other proxies e.g. readonly() #3376
+          const self = toRaw(this);
+          trackRefValue(self);
+          if (self._dirty) {
+              self._dirty = false;
+              self._value = self.effect.run();
           }
-          track(toRaw(this), "get" /* GET */, 'value');
-          return this._value;
+          return self._value;
       }
       set value(newValue) {
           this._setter(newValue);
       }
   }
-  function computed(getterOrOptions) {
+  function computed(getterOrOptions, debugOptions) {
       let getter;
       let setter;
       if (isFunction(getterOrOptions)) {
           getter = getterOrOptions;
-          setter =  () => {
+          setter = () => {
                   console.warn('Write operation failed: computed value is readonly');
               }
               ;
@@ -1197,397 +1499,12 @@ var Vue = (function (exports) {
           getter = getterOrOptions.get;
           setter = getterOrOptions.set;
       }
-      return new ComputedRefImpl(getter, setter, isFunction(getterOrOptions) || !getterOrOptions.set);
-  }
-
-  const stack = [];
-  function pushWarningContext(vnode) {
-      stack.push(vnode);
-  }
-  function popWarningContext() {
-      stack.pop();
-  }
-  function warn(msg, ...args) {
-      // avoid props formatting or warn handler tracking deps that might be mutated
-      // during patch, leading to infinite recursion.
-      pauseTracking();
-      const instance = stack.length ? stack[stack.length - 1].component : null;
-      const appWarnHandler = instance && instance.appContext.config.warnHandler;
-      const trace = getComponentTrace();
-      if (appWarnHandler) {
-          callWithErrorHandling(appWarnHandler, instance, 11 /* APP_WARN_HANDLER */, [
-              msg + args.join(''),
-              instance && instance.proxy,
-              trace
-                  .map(({ vnode }) => `at <${formatComponentName(instance, vnode.type)}>`)
-                  .join('\n'),
-              trace
-          ]);
-      }
-      else {
-          const warnArgs = [`[Vue warn]: ${msg}`, ...args];
-          /* istanbul ignore if */
-          if (trace.length &&
-              // avoid spamming console during tests
-              !false) {
-              warnArgs.push(`\n`, ...formatTrace(trace));
-          }
-          console.warn(...warnArgs);
-      }
-      resetTracking();
-  }
-  function getComponentTrace() {
-      let currentVNode = stack[stack.length - 1];
-      if (!currentVNode) {
-          return [];
-      }
-      // we can't just use the stack because it will be incomplete during updates
-      // that did not start from the root. Re-construct the parent chain using
-      // instance parent pointers.
-      const normalizedStack = [];
-      while (currentVNode) {
-          const last = normalizedStack[0];
-          if (last && last.vnode === currentVNode) {
-              last.recurseCount++;
-          }
-          else {
-              normalizedStack.push({
-                  vnode: currentVNode,
-                  recurseCount: 0
-              });
-          }
-          const parentInstance = currentVNode.component && currentVNode.component.parent;
-          currentVNode = parentInstance && parentInstance.vnode;
-      }
-      return normalizedStack;
-  }
-  /* istanbul ignore next */
-  function formatTrace(trace) {
-      const logs = [];
-      trace.forEach((entry, i) => {
-          logs.push(...(i === 0 ? [] : [`\n`]), ...formatTraceEntry(entry));
-      });
-      return logs;
-  }
-  function formatTraceEntry({ vnode, recurseCount }) {
-      const postfix = recurseCount > 0 ? `... (${recurseCount} recursive calls)` : ``;
-      const isRoot = vnode.component ? vnode.component.parent == null : false;
-      const open = ` at <${formatComponentName(vnode.component, vnode.type, isRoot)}`;
-      const close = `>` + postfix;
-      return vnode.props
-          ? [open, ...formatProps(vnode.props), close]
-          : [open + close];
-  }
-  /* istanbul ignore next */
-  function formatProps(props) {
-      const res = [];
-      const keys = Object.keys(props);
-      keys.slice(0, 3).forEach(key => {
-          res.push(...formatProp(key, props[key]));
-      });
-      if (keys.length > 3) {
-          res.push(` ...`);
-      }
-      return res;
-  }
-  /* istanbul ignore next */
-  function formatProp(key, value, raw) {
-      if (isString(value)) {
-          value = JSON.stringify(value);
-          return raw ? value : [`${key}=${value}`];
-      }
-      else if (typeof value === 'number' ||
-          typeof value === 'boolean' ||
-          value == null) {
-          return raw ? value : [`${key}=${value}`];
-      }
-      else if (isRef(value)) {
-          value = formatProp(key, toRaw(value.value), true);
-          return raw ? value : [`${key}=Ref<`, value, `>`];
-      }
-      else if (isFunction(value)) {
-          return [`${key}=fn${value.name ? `<${value.name}>` : ``}`];
-      }
-      else {
-          value = toRaw(value);
-          return raw ? value : [`${key}=`, value];
-      }
-  }
-
-  const ErrorTypeStrings = {
-      ["bc" /* BEFORE_CREATE */]: 'beforeCreate hook',
-      ["c" /* CREATED */]: 'created hook',
-      ["bm" /* BEFORE_MOUNT */]: 'beforeMount hook',
-      ["m" /* MOUNTED */]: 'mounted hook',
-      ["bu" /* BEFORE_UPDATE */]: 'beforeUpdate hook',
-      ["u" /* UPDATED */]: 'updated',
-      ["bum" /* BEFORE_UNMOUNT */]: 'beforeUnmount hook',
-      ["um" /* UNMOUNTED */]: 'unmounted hook',
-      ["a" /* ACTIVATED */]: 'activated hook',
-      ["da" /* DEACTIVATED */]: 'deactivated hook',
-      ["ec" /* ERROR_CAPTURED */]: 'errorCaptured hook',
-      ["rtc" /* RENDER_TRACKED */]: 'renderTracked hook',
-      ["rtg" /* RENDER_TRIGGERED */]: 'renderTriggered hook',
-      [0 /* SETUP_FUNCTION */]: 'setup function',
-      [1 /* RENDER_FUNCTION */]: 'render function',
-      [2 /* WATCH_GETTER */]: 'watcher getter',
-      [3 /* WATCH_CALLBACK */]: 'watcher callback',
-      [4 /* WATCH_CLEANUP */]: 'watcher cleanup function',
-      [5 /* NATIVE_EVENT_HANDLER */]: 'native event handler',
-      [6 /* COMPONENT_EVENT_HANDLER */]: 'component event handler',
-      [7 /* VNODE_HOOK */]: 'vnode hook',
-      [8 /* DIRECTIVE_HOOK */]: 'directive hook',
-      [9 /* TRANSITION_HOOK */]: 'transition hook',
-      [10 /* APP_ERROR_HANDLER */]: 'app errorHandler',
-      [11 /* APP_WARN_HANDLER */]: 'app warnHandler',
-      [12 /* FUNCTION_REF */]: 'ref function',
-      [13 /* ASYNC_COMPONENT_LOADER */]: 'async component loader',
-      [14 /* SCHEDULER */]: 'scheduler flush. This is likely a Vue internals bug. ' +
-          'Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/vue-next'
-  };
-  function callWithErrorHandling(fn, instance, type, args) {
-      let res;
-      try {
-          res = args ? fn(...args) : fn();
-      }
-      catch (err) {
-          handleError(err, instance, type);
-      }
-      return res;
-  }
-  function callWithAsyncErrorHandling(fn, instance, type, args) {
-      if (isFunction(fn)) {
-          const res = callWithErrorHandling(fn, instance, type, args);
-          if (res && isPromise(res)) {
-              res.catch(err => {
-                  handleError(err, instance, type);
-              });
-          }
-          return res;
-      }
-      const values = [];
-      for (let i = 0; i < fn.length; i++) {
-          values.push(callWithAsyncErrorHandling(fn[i], instance, type, args));
-      }
-      return values;
-  }
-  function handleError(err, instance, type, throwInDev = true) {
-      const contextVNode = instance ? instance.vnode : null;
-      if (instance) {
-          let cur = instance.parent;
-          // the exposed instance is the render proxy to keep it consistent with 2.x
-          const exposedInstance = instance.proxy;
-          // in production the hook receives only the error code
-          const errorInfo =  ErrorTypeStrings[type] ;
-          while (cur) {
-              const errorCapturedHooks = cur.ec;
-              if (errorCapturedHooks) {
-                  for (let i = 0; i < errorCapturedHooks.length; i++) {
-                      if (errorCapturedHooks[i](err, exposedInstance, errorInfo) === false) {
-                          return;
-                      }
-                  }
-              }
-              cur = cur.parent;
-          }
-          // app-level handling
-          const appErrorHandler = instance.appContext.config.errorHandler;
-          if (appErrorHandler) {
-              callWithErrorHandling(appErrorHandler, null, 10 /* APP_ERROR_HANDLER */, [err, exposedInstance, errorInfo]);
-              return;
-          }
-      }
-      logError(err, type, contextVNode, throwInDev);
-  }
-  function logError(err, type, contextVNode, throwInDev = true) {
-      {
-          const info = ErrorTypeStrings[type];
-          if (contextVNode) {
-              pushWarningContext(contextVNode);
-          }
-          warn(`Unhandled error${info ? ` during execution of ${info}` : ``}`);
-          if (contextVNode) {
-              popWarningContext();
-          }
-          // crash in dev by default so it's more noticeable
-          if (throwInDev) {
-              throw err;
-          }
-          else {
-              console.error(err);
-          }
-      }
-  }
-
-  let isFlushing = false;
-  let isFlushPending = false;
-  const queue = [];
-  let flushIndex = 0;
-  const pendingPreFlushCbs = [];
-  let activePreFlushCbs = null;
-  let preFlushIndex = 0;
-  const pendingPostFlushCbs = [];
-  let activePostFlushCbs = null;
-  let postFlushIndex = 0;
-  const resolvedPromise = Promise.resolve();
-  let currentFlushPromise = null;
-  let currentPreFlushParentJob = null;
-  const RECURSION_LIMIT = 100;
-  function nextTick(fn) {
-      const p = currentFlushPromise || resolvedPromise;
-      return fn ? p.then(this ? fn.bind(this) : fn) : p;
-  }
-  function queueJob(job) {
-      // the dedupe search uses the startIndex argument of Array.includes()
-      // by default the search index includes the current job that is being run
-      // so it cannot recursively trigger itself again.
-      // if the job is a watch() callback, the search will start with a +1 index to
-      // allow it recursively trigger itself - it is the user's responsibility to
-      // ensure it doesn't end up in an infinite loop.
-      if ((!queue.length ||
-          !queue.includes(job, isFlushing && job.allowRecurse ? flushIndex + 1 : flushIndex)) &&
-          job !== currentPreFlushParentJob) {
-          queue.push(job);
-          queueFlush();
-      }
-  }
-  function queueFlush() {
-      if (!isFlushing && !isFlushPending) {
-          isFlushPending = true;
-          currentFlushPromise = resolvedPromise.then(flushJobs);
-      }
-  }
-  function invalidateJob(job) {
-      const i = queue.indexOf(job);
-      if (i > -1) {
-          queue[i] = null;
-      }
-  }
-  function queueCb(cb, activeQueue, pendingQueue, index) {
-      if (!isArray(cb)) {
-          if (!activeQueue ||
-              !activeQueue.includes(cb, cb.allowRecurse ? index + 1 : index)) {
-              pendingQueue.push(cb);
-          }
-      }
-      else {
-          // if cb is an array, it is a component lifecycle hook which can only be
-          // triggered by a job, which is already deduped in the main queue, so
-          // we can skip duplicate check here to improve perf
-          pendingQueue.push(...cb);
-      }
-      queueFlush();
-  }
-  function queuePreFlushCb(cb) {
-      queueCb(cb, activePreFlushCbs, pendingPreFlushCbs, preFlushIndex);
-  }
-  function queuePostFlushCb(cb) {
-      queueCb(cb, activePostFlushCbs, pendingPostFlushCbs, postFlushIndex);
-  }
-  function flushPreFlushCbs(seen, parentJob = null) {
-      if (pendingPreFlushCbs.length) {
-          currentPreFlushParentJob = parentJob;
-          activePreFlushCbs = [...new Set(pendingPreFlushCbs)];
-          pendingPreFlushCbs.length = 0;
-          {
-              seen = seen || new Map();
-          }
-          for (preFlushIndex = 0; preFlushIndex < activePreFlushCbs.length; preFlushIndex++) {
-              {
-                  checkRecursiveUpdates(seen, activePreFlushCbs[preFlushIndex]);
-              }
-              activePreFlushCbs[preFlushIndex]();
-          }
-          activePreFlushCbs = null;
-          preFlushIndex = 0;
-          currentPreFlushParentJob = null;
-          // recursively flush until it drains
-          flushPreFlushCbs(seen, parentJob);
-      }
-  }
-  function flushPostFlushCbs(seen) {
-      if (pendingPostFlushCbs.length) {
-          const deduped = [...new Set(pendingPostFlushCbs)];
-          pendingPostFlushCbs.length = 0;
-          // #1947 already has active queue, nested flushPostFlushCbs call
-          if (activePostFlushCbs) {
-              activePostFlushCbs.push(...deduped);
-              return;
-          }
-          activePostFlushCbs = deduped;
-          {
-              seen = seen || new Map();
-          }
-          activePostFlushCbs.sort((a, b) => getId(a) - getId(b));
-          for (postFlushIndex = 0; postFlushIndex < activePostFlushCbs.length; postFlushIndex++) {
-              {
-                  checkRecursiveUpdates(seen, activePostFlushCbs[postFlushIndex]);
-              }
-              activePostFlushCbs[postFlushIndex]();
-          }
-          activePostFlushCbs = null;
-          postFlushIndex = 0;
-      }
-  }
-  const getId = (job) => job.id == null ? Infinity : job.id;
-  function flushJobs(seen) {
-      isFlushPending = false;
-      isFlushing = true;
-      {
-          seen = seen || new Map();
-      }
-      flushPreFlushCbs(seen);
-      // Sort queue before flush.
-      // This ensures that:
-      // 1. Components are updated from parent to child. (because parent is always
-      //    created before the child so its render effect will have smaller
-      //    priority number)
-      // 2. If a component is unmounted during a parent component's update,
-      //    its update can be skipped.
-      // Jobs can never be null before flush starts, since they are only invalidated
-      // during execution of another flushed job.
-      queue.sort((a, b) => getId(a) - getId(b));
-      try {
-          for (flushIndex = 0; flushIndex < queue.length; flushIndex++) {
-              const job = queue[flushIndex];
-              if (job) {
-                  if (true) {
-                      checkRecursiveUpdates(seen, job);
-                  }
-                  callWithErrorHandling(job, null, 14 /* SCHEDULER */);
-              }
-          }
-      }
-      finally {
-          flushIndex = 0;
-          queue.length = 0;
-          flushPostFlushCbs(seen);
-          isFlushing = false;
-          currentFlushPromise = null;
-          // some postFlushCb queued jobs!
-          // keep flushing until it drains.
-          if (queue.length || pendingPostFlushCbs.length) {
-              flushJobs(seen);
-          }
-      }
-  }
-  function checkRecursiveUpdates(seen, fn) {
-      if (!seen.has(fn)) {
-          seen.set(fn, 1);
-      }
-      else {
-          const count = seen.get(fn);
-          if (count > RECURSION_LIMIT) {
-              throw new Error(`Maximum recursive updates exceeded. ` +
-                  `This means you have a reactive effect that is mutating its own ` +
-                  `dependencies and thus recursively triggering itself. Possible sources ` +
-                  `include component template, render function, updated hook or ` +
-                  `watcher source function.`);
-          }
-          else {
-              seen.set(fn, count + 1);
-          }
+      const cRef = new ComputedRefImpl(getter, setter, isFunction(getterOrOptions) || !getterOrOptions.set);
+      if (debugOptions) {
+          cRef.effect.onTrack = debugOptions.onTrack;
+          cRef.effect.onTrigger = debugOptions.onTrigger;
       }
+      return cRef;
   }
 
   /* eslint-disable no-restricted-globals */
@@ -1617,28 +1534,39 @@ var Vue = (function (exports) {
       const id = instance.type.__hmrId;
       let record = map.get(id);
       if (!record) {
-          createRecord(id);
+          createRecord(id, instance.type);
           record = map.get(id);
       }
-      record.add(instance);
+      record.instances.add(instance);
   }
   function unregisterHMR(instance) {
-      map.get(instance.type.__hmrId).delete(instance);
+      map.get(instance.type.__hmrId).instances.delete(instance);
   }
-  function createRecord(id) {
+  function createRecord(id, component) {
+      if (!component) {
+          warn$1(`HMR API usage is out of date.\n` +
+              `Please upgrade vue-loader/vite/rollup-plugin-vue or other relevant ` +
+              `dependency that handles Vue SFC compilation.`);
+          component = {};
+      }
       if (map.has(id)) {
           return false;
       }
-      map.set(id, new Set());
+      map.set(id, {
+          component: isClassComponent(component) ? component.__vccOpts : component,
+          instances: new Set()
+      });
       return true;
   }
   function rerender(id, newRender) {
       const record = map.get(id);
       if (!record)
           return;
+      if (newRender)
+          record.component.render = newRender;
       // Array.from creates a snapshot which avoids the set being mutated during
       // updates
-      Array.from(record).forEach(instance => {
+      Array.from(record.instances).forEach(instance => {
           if (newRender) {
               instance.render = newRender;
           }
@@ -1655,30 +1583,44 @@ var Vue = (function (exports) {
           return;
       // Array.from creates a snapshot which avoids the set being mutated during
       // updates
-      Array.from(record).forEach(instance => {
-          const comp = instance.type;
-          if (!hmrDirtyComponents.has(comp)) {
-              // 1. Update existing comp definition to match new one
-              newComp = isClassComponent(newComp) ? newComp.__vccOpts : newComp;
-              extend(comp, newComp);
-              for (const key in comp) {
-                  if (!(key in newComp)) {
-                      delete comp[key];
-                  }
+      const { component, instances } = record;
+      if (!hmrDirtyComponents.has(component)) {
+          // 1. Update existing comp definition to match new one
+          newComp = isClassComponent(newComp) ? newComp.__vccOpts : newComp;
+          extend(component, newComp);
+          for (const key in component) {
+              if (key !== '__file' && !(key in newComp)) {
+                  delete component[key];
               }
-              // 2. Mark component dirty. This forces the renderer to replace the component
-              // on patch.
-              hmrDirtyComponents.add(comp);
-              // 3. Make sure to unmark the component after the reload.
-              queuePostFlushCb(() => {
-                  hmrDirtyComponents.delete(comp);
-              });
           }
-          if (instance.parent) {
+          // 2. Mark component dirty. This forces the renderer to replace the component
+          // on patch.
+          hmrDirtyComponents.add(component);
+          // 3. Make sure to unmark the component after the reload.
+          queuePostFlushCb(() => {
+              hmrDirtyComponents.delete(component);
+          });
+      }
+      Array.from(instances).forEach(instance => {
+          // invalidate options resolution cache
+          instance.appContext.optionsCache.delete(instance.type);
+          if (instance.ceReload) {
+              // custom element
+              hmrDirtyComponents.add(component);
+              instance.ceReload(newComp.styles);
+              hmrDirtyComponents.delete(component);
+          }
+          else if (instance.parent) {
               // 4. Force the parent instance to re-render. This will cause all updated
               // components to be unmounted and re-mounted. Queue the update so that we
               // don't end up forcing the same parent to re-render multiple times.
               queueJob(instance.parent.update);
+              // instance is the inner component of an async custom element
+              // invoke to reset styles
+              if (instance.parent.type.__asyncLoader &&
+                  instance.parent.ceReload) {
+                  instance.parent.ceReload(newComp.styles);
+              }
           }
           else if (instance.appContext.reload) {
               // root instance mounted via createApp() has a reload method
@@ -1716,7 +1658,7 @@ var Vue = (function (exports) {
       exports.devtools.emit("app:init" /* APP_INIT */, app, version, {
           Fragment,
           Text,
-          Comment,
+          Comment: Comment$1,
           Static
       });
   }
@@ -1726,13 +1668,24 @@ var Vue = (function (exports) {
       exports.devtools.emit("app:unmount" /* APP_UNMOUNT */, app);
   }
   const devtoolsComponentAdded = /*#__PURE__*/ createDevtoolsComponentHook("component:added" /* COMPONENT_ADDED */);
-  const devtoolsComponentUpdated = /*#__PURE__*/ createDevtoolsComponentHook("component:updated" /* COMPONENT_UPDATED */);
-  const devtoolsComponentRemoved = /*#__PURE__*/ createDevtoolsComponentHook("component:removed" /* COMPONENT_REMOVED */);
+  const devtoolsComponentUpdated = 
+  /*#__PURE__*/ createDevtoolsComponentHook("component:updated" /* COMPONENT_UPDATED */);
+  const devtoolsComponentRemoved = 
+  /*#__PURE__*/ createDevtoolsComponentHook("component:removed" /* COMPONENT_REMOVED */);
   function createDevtoolsComponentHook(hook) {
       return (component) => {
           if (!exports.devtools)
               return;
-          exports.devtools.emit(hook, component.appContext.app, component.uid, component.parent ? component.parent.uid : undefined);
+          exports.devtools.emit(hook, component.appContext.app, component.uid, component.parent ? component.parent.uid : undefined, component);
+      };
+  }
+  const devtoolsPerfStart = /*#__PURE__*/ createDevtoolsPerformanceHook("perf:start" /* PERFORMANCE_START */);
+  const devtoolsPerfEnd = /*#__PURE__*/ createDevtoolsPerformanceHook("perf:end" /* PERFORMANCE_END */);
+  function createDevtoolsPerformanceHook(hook) {
+      return (component, type, time) => {
+          if (!exports.devtools)
+              return;
+          exports.devtools.emit(hook, component.appContext.app, component.uid, component, type, time);
       };
   }
   function devtoolsComponentEmit(component, event, params) {
@@ -1741,14 +1694,344 @@ var Vue = (function (exports) {
       exports.devtools.emit("component:emit" /* COMPONENT_EMIT */, component.appContext.app, component, event, params);
   }
 
+  const deprecationData = {
+      ["GLOBAL_MOUNT" /* GLOBAL_MOUNT */]: {
+          message: `The global app bootstrapping API has changed: vm.$mount() and the "el" ` +
+              `option have been removed. Use createApp(RootComponent).mount() instead.`,
+          link: `https://v3.vuejs.org/guide/migration/global-api.html#mounting-app-instance`
+      },
+      ["GLOBAL_MOUNT_CONTAINER" /* GLOBAL_MOUNT_CONTAINER */]: {
+          message: `Vue detected directives on the mount container. ` +
+              `In Vue 3, the container is no longer considered part of the template ` +
+              `and will not be processed/replaced.`,
+          link: `https://v3.vuejs.org/guide/migration/mount-changes.html`
+      },
+      ["GLOBAL_EXTEND" /* GLOBAL_EXTEND */]: {
+          message: `Vue.extend() has been removed in Vue 3. ` +
+              `Use defineComponent() instead.`,
+          link: `https://v3.vuejs.org/api/global-api.html#definecomponent`
+      },
+      ["GLOBAL_PROTOTYPE" /* GLOBAL_PROTOTYPE */]: {
+          message: `Vue.prototype is no longer available in Vue 3. ` +
+              `Use app.config.globalProperties instead.`,
+          link: `https://v3.vuejs.org/guide/migration/global-api.html#vue-prototype-replaced-by-config-globalproperties`
+      },
+      ["GLOBAL_SET" /* GLOBAL_SET */]: {
+          message: `Vue.set() has been removed as it is no longer needed in Vue 3. ` +
+              `Simply use native JavaScript mutations.`
+      },
+      ["GLOBAL_DELETE" /* GLOBAL_DELETE */]: {
+          message: `Vue.delete() has been removed as it is no longer needed in Vue 3. ` +
+              `Simply use native JavaScript mutations.`
+      },
+      ["GLOBAL_OBSERVABLE" /* GLOBAL_OBSERVABLE */]: {
+          message: `Vue.observable() has been removed. ` +
+              `Use \`import { reactive } from "vue"\` from Composition API instead.`,
+          link: `https://v3.vuejs.org/api/basic-reactivity.html`
+      },
+      ["GLOBAL_PRIVATE_UTIL" /* GLOBAL_PRIVATE_UTIL */]: {
+          message: `Vue.util has been removed. Please refactor to avoid its usage ` +
+              `since it was an internal API even in Vue 2.`
+      },
+      ["CONFIG_SILENT" /* CONFIG_SILENT */]: {
+          message: `config.silent has been removed because it is not good practice to ` +
+              `intentionally suppress warnings. You can use your browser console's ` +
+              `filter features to focus on relevant messages.`
+      },
+      ["CONFIG_DEVTOOLS" /* CONFIG_DEVTOOLS */]: {
+          message: `config.devtools has been removed. To enable devtools for ` +
+              `production, configure the __VUE_PROD_DEVTOOLS__ compile-time flag.`,
+          link: `https://github.com/vuejs/vue-next/tree/master/packages/vue#bundler-build-feature-flags`
+      },
+      ["CONFIG_KEY_CODES" /* CONFIG_KEY_CODES */]: {
+          message: `config.keyCodes has been removed. ` +
+              `In Vue 3, you can directly use the kebab-case key names as v-on modifiers.`,
+          link: `https://v3.vuejs.org/guide/migration/keycode-modifiers.html`
+      },
+      ["CONFIG_PRODUCTION_TIP" /* CONFIG_PRODUCTION_TIP */]: {
+          message: `config.productionTip has been removed.`,
+          link: `https://v3.vuejs.org/guide/migration/global-api.html#config-productiontip-removed`
+      },
+      ["CONFIG_IGNORED_ELEMENTS" /* CONFIG_IGNORED_ELEMENTS */]: {
+          message: () => {
+              let msg = `config.ignoredElements has been removed.`;
+              if (isRuntimeOnly()) {
+                  msg += ` Pass the "isCustomElement" option to @vue/compiler-dom instead.`;
+              }
+              else {
+                  msg += ` Use config.isCustomElement instead.`;
+              }
+              return msg;
+          },
+          link: `https://v3.vuejs.org/guide/migration/global-api.html#config-ignoredelements-is-now-config-iscustomelement`
+      },
+      ["CONFIG_WHITESPACE" /* CONFIG_WHITESPACE */]: {
+          // this warning is only relevant in the full build when using runtime
+          // compilation, so it's put in the runtime compatConfig list.
+          message: `Vue 3 compiler's whitespace option will default to "condense" instead of ` +
+              `"preserve". To suppress this warning, provide an explicit value for ` +
+              `\`config.compilerOptions.whitespace\`.`
+      },
+      ["CONFIG_OPTION_MERGE_STRATS" /* CONFIG_OPTION_MERGE_STRATS */]: {
+          message: `config.optionMergeStrategies no longer exposes internal strategies. ` +
+              `Use custom merge functions instead.`
+      },
+      ["INSTANCE_SET" /* INSTANCE_SET */]: {
+          message: `vm.$set() has been removed as it is no longer needed in Vue 3. ` +
+              `Simply use native JavaScript mutations.`
+      },
+      ["INSTANCE_DELETE" /* INSTANCE_DELETE */]: {
+          message: `vm.$delete() has been removed as it is no longer needed in Vue 3. ` +
+              `Simply use native JavaScript mutations.`
+      },
+      ["INSTANCE_DESTROY" /* INSTANCE_DESTROY */]: {
+          message: `vm.$destroy() has been removed. Use app.unmount() instead.`,
+          link: `https://v3.vuejs.org/api/application-api.html#unmount`
+      },
+      ["INSTANCE_EVENT_EMITTER" /* INSTANCE_EVENT_EMITTER */]: {
+          message: `vm.$on/$once/$off() have been removed. ` +
+              `Use an external event emitter library instead.`,
+          link: `https://v3.vuejs.org/guide/migration/events-api.html`
+      },
+      ["INSTANCE_EVENT_HOOKS" /* INSTANCE_EVENT_HOOKS */]: {
+          message: event => `"${event}" lifecycle events are no longer supported. From templates, ` +
+              `use the "vnode" prefix instead of "hook:". For example, @${event} ` +
+              `should be changed to @vnode-${event.slice(5)}. ` +
+              `From JavaScript, use Composition API to dynamically register lifecycle ` +
+              `hooks.`,
+          link: `https://v3.vuejs.org/guide/migration/vnode-lifecycle-events.html`
+      },
+      ["INSTANCE_CHILDREN" /* INSTANCE_CHILDREN */]: {
+          message: `vm.$children has been removed. Consider refactoring your logic ` +
+              `to avoid relying on direct access to child components.`,
+          link: `https://v3.vuejs.org/guide/migration/children.html`
+      },
+      ["INSTANCE_LISTENERS" /* INSTANCE_LISTENERS */]: {
+          message: `vm.$listeners has been removed. In Vue 3, parent v-on listeners are ` +
+              `included in vm.$attrs and it is no longer necessary to separately use ` +
+              `v-on="$listeners" if you are already using v-bind="$attrs". ` +
+              `(Note: the Vue 3 behavior only applies if this compat config is disabled)`,
+          link: `https://v3.vuejs.org/guide/migration/listeners-removed.html`
+      },
+      ["INSTANCE_SCOPED_SLOTS" /* INSTANCE_SCOPED_SLOTS */]: {
+          message: `vm.$scopedSlots has been removed. Use vm.$slots instead.`,
+          link: `https://v3.vuejs.org/guide/migration/slots-unification.html`
+      },
+      ["INSTANCE_ATTRS_CLASS_STYLE" /* INSTANCE_ATTRS_CLASS_STYLE */]: {
+          message: componentName => `Component <${componentName || 'Anonymous'}> has \`inheritAttrs: false\` but is ` +
+              `relying on class/style fallthrough from parent. In Vue 3, class/style ` +
+              `are now included in $attrs and will no longer fallthrough when ` +
+              `inheritAttrs is false. If you are already using v-bind="$attrs" on ` +
+              `component root it should render the same end result. ` +
+              `If you are binding $attrs to a non-root element and expecting ` +
+              `class/style to fallthrough on root, you will need to now manually bind ` +
+              `them on root via :class="$attrs.class".`,
+          link: `https://v3.vuejs.org/guide/migration/attrs-includes-class-style.html`
+      },
+      ["OPTIONS_DATA_FN" /* OPTIONS_DATA_FN */]: {
+          message: `The "data" option can no longer be a plain object. ` +
+              `Always use a function.`,
+          link: `https://v3.vuejs.org/guide/migration/data-option.html`
+      },
+      ["OPTIONS_DATA_MERGE" /* OPTIONS_DATA_MERGE */]: {
+          message: (key) => `Detected conflicting key "${key}" when merging data option values. ` +
+              `In Vue 3, data keys are merged shallowly and will override one another.`,
+          link: `https://v3.vuejs.org/guide/migration/data-option.html#mixin-merge-behavior-change`
+      },
+      ["OPTIONS_BEFORE_DESTROY" /* OPTIONS_BEFORE_DESTROY */]: {
+          message: `\`beforeDestroy\` has been renamed to \`beforeUnmount\`.`
+      },
+      ["OPTIONS_DESTROYED" /* OPTIONS_DESTROYED */]: {
+          message: `\`destroyed\` has been renamed to \`unmounted\`.`
+      },
+      ["WATCH_ARRAY" /* WATCH_ARRAY */]: {
+          message: `"watch" option or vm.$watch on an array value will no longer ` +
+              `trigger on array mutation unless the "deep" option is specified. ` +
+              `If current usage is intended, you can disable the compat behavior and ` +
+              `suppress this warning with:` +
+              `\n\n  configureCompat({ ${"WATCH_ARRAY" /* WATCH_ARRAY */}: false })\n`,
+          link: `https://v3.vuejs.org/guide/migration/watch.html`
+      },
+      ["PROPS_DEFAULT_THIS" /* PROPS_DEFAULT_THIS */]: {
+          message: (key) => `props default value function no longer has access to "this". The compat ` +
+              `build only offers access to this.$options.` +
+              `(found in prop "${key}")`,
+          link: `https://v3.vuejs.org/guide/migration/props-default-this.html`
+      },
+      ["CUSTOM_DIR" /* CUSTOM_DIR */]: {
+          message: (legacyHook, newHook) => `Custom directive hook "${legacyHook}" has been removed. ` +
+              `Use "${newHook}" instead.`,
+          link: `https://v3.vuejs.org/guide/migration/custom-directives.html`
+      },
+      ["V_FOR_REF" /* V_FOR_REF */]: {
+          message: `Ref usage on v-for no longer creates array ref values in Vue 3. ` +
+              `Consider using function refs or refactor to avoid ref usage altogether.`,
+          link: `https://v3.vuejs.org/guide/migration/array-refs.html`
+      },
+      ["V_ON_KEYCODE_MODIFIER" /* V_ON_KEYCODE_MODIFIER */]: {
+          message: `Using keyCode as v-on modifier is no longer supported. ` +
+              `Use kebab-case key name modifiers instead.`,
+          link: `https://v3.vuejs.org/guide/migration/keycode-modifiers.html`
+      },
+      ["ATTR_FALSE_VALUE" /* ATTR_FALSE_VALUE */]: {
+          message: (name) => `Attribute "${name}" with v-bind value \`false\` will render ` +
+              `${name}="false" instead of removing it in Vue 3. To remove the attribute, ` +
+              `use \`null\` or \`undefined\` instead. If the usage is intended, ` +
+              `you can disable the compat behavior and suppress this warning with:` +
+              `\n\n  configureCompat({ ${"ATTR_FALSE_VALUE" /* ATTR_FALSE_VALUE */}: false })\n`,
+          link: `https://v3.vuejs.org/guide/migration/attribute-coercion.html`
+      },
+      ["ATTR_ENUMERATED_COERCION" /* ATTR_ENUMERATED_COERCION */]: {
+          message: (name, value, coerced) => `Enumerated attribute "${name}" with v-bind value \`${value}\` will ` +
+              `${value === null ? `be removed` : `render the value as-is`} instead of coercing the value to "${coerced}" in Vue 3. ` +
+              `Always use explicit "true" or "false" values for enumerated attributes. ` +
+              `If the usage is intended, ` +
+              `you can disable the compat behavior and suppress this warning with:` +
+              `\n\n  configureCompat({ ${"ATTR_ENUMERATED_COERCION" /* ATTR_ENUMERATED_COERCION */}: false })\n`,
+          link: `https://v3.vuejs.org/guide/migration/attribute-coercion.html`
+      },
+      ["TRANSITION_CLASSES" /* TRANSITION_CLASSES */]: {
+          message: `` // this feature cannot be runtime-detected
+      },
+      ["TRANSITION_GROUP_ROOT" /* TRANSITION_GROUP_ROOT */]: {
+          message: `<TransitionGroup> no longer renders a root <span> element by ` +
+              `default if no "tag" prop is specified. If you do not rely on the span ` +
+              `for styling, you can disable the compat behavior and suppress this ` +
+              `warning with:` +
+              `\n\n  configureCompat({ ${"TRANSITION_GROUP_ROOT" /* TRANSITION_GROUP_ROOT */}: false })\n`,
+          link: `https://v3.vuejs.org/guide/migration/transition-group.html`
+      },
+      ["COMPONENT_ASYNC" /* COMPONENT_ASYNC */]: {
+          message: (comp) => {
+              const name = getComponentName(comp);
+              return (`Async component${name ? ` <${name}>` : `s`} should be explicitly created via \`defineAsyncComponent()\` ` +
+                  `in Vue 3. Plain functions will be treated as functional components in ` +
+                  `non-compat build. If you have already migrated all async component ` +
+                  `usage and intend to use plain functions for functional components, ` +
+                  `you can disable the compat behavior and suppress this ` +
+                  `warning with:` +
+                  `\n\n  configureCompat({ ${"COMPONENT_ASYNC" /* COMPONENT_ASYNC */}: false })\n`);
+          },
+          link: `https://v3.vuejs.org/guide/migration/async-components.html`
+      },
+      ["COMPONENT_FUNCTIONAL" /* COMPONENT_FUNCTIONAL */]: {
+          message: (comp) => {
+              const name = getComponentName(comp);
+              return (`Functional component${name ? ` <${name}>` : `s`} should be defined as a plain function in Vue 3. The "functional" ` +
+                  `option has been removed. NOTE: Before migrating to use plain ` +
+                  `functions for functional components, first make sure that all async ` +
+                  `components usage have been migrated and its compat behavior has ` +
+                  `been disabled.`);
+          },
+          link: `https://v3.vuejs.org/guide/migration/functional-components.html`
+      },
+      ["COMPONENT_V_MODEL" /* COMPONENT_V_MODEL */]: {
+          message: (comp) => {
+              const configMsg = `opt-in to ` +
+                  `Vue 3 behavior on a per-component basis with \`compatConfig: { ${"COMPONENT_V_MODEL" /* COMPONENT_V_MODEL */}: false }\`.`;
+              if (comp.props &&
+                  (isArray(comp.props)
+                      ? comp.props.includes('modelValue')
+                      : hasOwn(comp.props, 'modelValue'))) {
+                  return (`Component delcares "modelValue" prop, which is Vue 3 usage, but ` +
+                      `is running under Vue 2 compat v-model behavior. You can ${configMsg}`);
+              }
+              return (`v-model usage on component has changed in Vue 3. Component that expects ` +
+                  `to work with v-model should now use the "modelValue" prop and emit the ` +
+                  `"update:modelValue" event. You can update the usage and then ${configMsg}`);
+          },
+          link: `https://v3.vuejs.org/guide/migration/v-model.html`
+      },
+      ["RENDER_FUNCTION" /* RENDER_FUNCTION */]: {
+          message: `Vue 3's render function API has changed. ` +
+              `You can opt-in to the new API with:` +
+              `\n\n  configureCompat({ ${"RENDER_FUNCTION" /* RENDER_FUNCTION */}: false })\n` +
+              `\n  (This can also be done per-component via the "compatConfig" option.)`,
+          link: `https://v3.vuejs.org/guide/migration/render-function-api.html`
+      },
+      ["FILTERS" /* FILTERS */]: {
+          message: `filters have been removed in Vue 3. ` +
+              `The "|" symbol will be treated as native JavaScript bitwise OR operator. ` +
+              `Use method calls or computed properties instead.`,
+          link: `https://v3.vuejs.org/guide/migration/filters.html`
+      },
+      ["PRIVATE_APIS" /* PRIVATE_APIS */]: {
+          message: name => `"${name}" is a Vue 2 private API that no longer exists in Vue 3. ` +
+              `If you are seeing this warning only due to a dependency, you can ` +
+              `suppress this warning via { PRIVATE_APIS: 'supress-warning' }.`
+      }
+  };
+  const instanceWarned = Object.create(null);
+  const warnCount = Object.create(null);
+  function warnDeprecation(key, instance, ...args) {
+      instance = instance || getCurrentInstance();
+      // check user config
+      const config = getCompatConfigForKey(key, instance);
+      if (config === 'suppress-warning') {
+          return;
+      }
+      const dupKey = key + args.join('');
+      let compId = instance && formatComponentName(instance, instance.type);
+      if (compId === 'Anonymous' && instance) {
+          compId = instance.uid;
+      }
+      // skip if the same warning is emitted for the same component type
+      const componentDupKey = dupKey + compId;
+      if (componentDupKey in instanceWarned) {
+          return;
+      }
+      instanceWarned[componentDupKey] = true;
+      // same warning, but different component. skip the long message and just
+      // log the key and count.
+      if (dupKey in warnCount) {
+          warn$1(`(deprecation ${key}) (${++warnCount[dupKey] + 1})`);
+          return;
+      }
+      warnCount[dupKey] = 0;
+      const { message, link } = deprecationData[key];
+      warn$1(`(deprecation ${key}) ${typeof message === 'function' ? message(...args) : message}${link ? `\n  Details: ${link}` : ``}`);
+      if (!isCompatEnabled(key, instance, true)) {
+          console.error(`^ The above deprecation's compat behavior is disabled and will likely ` +
+              `lead to runtime errors.`);
+      }
+  }
+  const globalCompatConfig = {
+      MODE: 2
+  };
+  function getCompatConfigForKey(key, instance) {
+      const instanceConfig = instance && instance.type.compatConfig;
+      if (instanceConfig && key in instanceConfig) {
+          return instanceConfig[key];
+      }
+      return globalCompatConfig[key];
+  }
+  function isCompatEnabled(key, instance, enableForBuiltIn = false) {
+      // skip compat for built-in components
+      if (!enableForBuiltIn && instance && instance.type.__isBuiltIn) {
+          return false;
+      }
+      const rawMode = getCompatConfigForKey('MODE', instance) || 2;
+      const val = getCompatConfigForKey(key, instance);
+      const mode = isFunction(rawMode)
+          ? rawMode(instance && instance.type)
+          : rawMode;
+      if (mode === 2) {
+          return val !== false;
+      }
+      else {
+          return val === true || val === 'suppress-warning';
+      }
+  }
+
   function emit(instance, event, ...rawArgs) {
       const props = instance.vnode.props || EMPTY_OBJ;
       {
           const { emitsOptions, propsOptions: [propsOptions] } = instance;
           if (emitsOptions) {
-              if (!(event in emitsOptions)) {
+              if (!(event in emitsOptions) &&
+                  !(false )) {
                   if (!propsOptions || !(toHandlerKey(event) in propsOptions)) {
-                      warn(`Component emitted event "${event}" but it is neither declared in ` +
+                      warn$1(`Component emitted event "${event}" but it is neither declared in ` +
                           `the emits option nor as an "${toHandlerKey(event)}" prop.`);
                   }
               }
@@ -1757,7 +2040,7 @@ var Vue = (function (exports) {
                   if (isFunction(validator)) {
                       const isValid = validator(...rawArgs);
                       if (!isValid) {
-                          warn(`Invalid event arguments: event validation failed for event "${event}".`);
+                          warn$1(`Invalid event arguments: event validation failed for event "${event}".`);
                       }
                   }
               }
@@ -1783,21 +2066,21 @@ var Vue = (function (exports) {
       {
           const lowerCaseEvent = event.toLowerCase();
           if (lowerCaseEvent !== event && props[toHandlerKey(lowerCaseEvent)]) {
-              warn(`Event "${lowerCaseEvent}" is emitted in component ` +
+              warn$1(`Event "${lowerCaseEvent}" is emitted in component ` +
                   `${formatComponentName(instance, instance.type)} but the handler is registered for "${event}". ` +
                   `Note that HTML attributes are case-insensitive and you cannot use ` +
                   `v-on to listen to camelCase events when using in-DOM templates. ` +
                   `You should probably use "${hyphenate(event)}" instead of "${event}".`);
           }
       }
-      // convert handler name to camelCase. See issue #2249
-      let handlerName = toHandlerKey(camelize(event));
-      let handler = props[handlerName];
+      let handlerName;
+      let handler = props[(handlerName = toHandlerKey(event))] ||
+          // also try camelCase event handler (#2249)
+          props[(handlerName = toHandlerKey(camelize(event)))];
       // for v-model update:xxx events, also trigger kebab-case equivalent
       // for props passed via kebab-case
       if (!handler && isModelListener) {
-          handlerName = toHandlerKey(hyphenate(event));
-          handler = props[handlerName];
+          handler = props[(handlerName = toHandlerKey(hyphenate(event)))];
       }
       if (handler) {
           callWithAsyncErrorHandling(handler, instance, 6 /* COMPONENT_EVENT_HANDLER */, args);
@@ -1805,26 +2088,32 @@ var Vue = (function (exports) {
       const onceHandler = props[handlerName + `Once`];
       if (onceHandler) {
           if (!instance.emitted) {
-              (instance.emitted = {})[handlerName] = true;
+              instance.emitted = {};
           }
           else if (instance.emitted[handlerName]) {
               return;
           }
+          instance.emitted[handlerName] = true;
           callWithAsyncErrorHandling(onceHandler, instance, 6 /* COMPONENT_EVENT_HANDLER */, args);
       }
   }
   function normalizeEmitsOptions(comp, appContext, asMixin = false) {
-      if (!appContext.deopt && comp.__emits !== undefined) {
-          return comp.__emits;
+      const cache = appContext.emitsCache;
+      const cached = cache.get(comp);
+      if (cached !== undefined) {
+          return cached;
       }
       const raw = comp.emits;
       let normalized = {};
       // apply mixin/extends props
       let hasExtends = false;
-      if ( !isFunction(comp)) {
+      if (!isFunction(comp)) {
           const extendEmits = (raw) => {
-              hasExtends = true;
-              extend(normalized, normalizeEmitsOptions(raw, appContext, true));
+              const normalizedFromExtend = normalizeEmitsOptions(raw, appContext, true);
+              if (normalizedFromExtend) {
+                  hasExtends = true;
+                  extend(normalized, normalizedFromExtend);
+              }
           };
           if (!asMixin && appContext.mixins.length) {
               appContext.mixins.forEach(extendEmits);
@@ -1837,7 +2126,8 @@ var Vue = (function (exports) {
           }
       }
       if (!raw && !hasExtends) {
-          return (comp.__emits = null);
+          cache.set(comp, null);
+          return null;
       }
       if (isArray(raw)) {
           raw.forEach(key => (normalized[key] = null));
@@ -1845,7 +2135,8 @@ var Vue = (function (exports) {
       else {
           extend(normalized, raw);
       }
-      return (comp.__emits = normalized);
+      cache.set(comp, normalized);
+      return normalized;
   }
   // Check if an incoming prop key is a declared emit event listener.
   // e.g. With `emits: { click: null }`, props named `onClick` and `onclick` are
@@ -1854,28 +2145,110 @@ var Vue = (function (exports) {
       if (!options || !isOn(key)) {
           return false;
       }
-      key = key.replace(/Once$/, '');
-      return (hasOwn(options, key[2].toLowerCase() + key.slice(3)) ||
-          hasOwn(options, key.slice(2)));
+      key = key.slice(2).replace(/Once$/, '');
+      return (hasOwn(options, key[0].toLowerCase() + key.slice(1)) ||
+          hasOwn(options, hyphenate(key)) ||
+          hasOwn(options, key));
   }
 
-  // mark the current rendering instance for asset resolution (e.g.
-  // resolveComponent, resolveDirective) during render
+  /**
+   * mark the current rendering instance for asset resolution (e.g.
+   * resolveComponent, resolveDirective) during render
+   */
   let currentRenderingInstance = null;
+  let currentScopeId = null;
+  /**
+   * Note: rendering calls maybe nested. The function returns the parent rendering
+   * instance if present, which should be restored after the render is done:
+   *
+   * ```js
+   * const prev = setCurrentRenderingInstance(i)
+   * // ...render
+   * setCurrentRenderingInstance(prev)
+   * ```
+   */
   function setCurrentRenderingInstance(instance) {
+      const prev = currentRenderingInstance;
       currentRenderingInstance = instance;
+      currentScopeId = (instance && instance.type.__scopeId) || null;
+      return prev;
   }
-  // dev only flag to track whether $attrs was used during render.
-  // If $attrs was used during render then the warning for failed attrs
-  // fallthrough can be suppressed.
+  /**
+   * Set scope id when creating hoisted vnodes.
+   * @private compiler helper
+   */
+  function pushScopeId(id) {
+      currentScopeId = id;
+  }
+  /**
+   * Technically we no longer need this after 3.0.8 but we need to keep the same
+   * API for backwards compat w/ code generated by compilers.
+   * @private
+   */
+  function popScopeId() {
+      currentScopeId = null;
+  }
+  /**
+   * Only for backwards compat
+   * @private
+   */
+  const withScopeId = (_id) => withCtx;
+  /**
+   * Wrap a slot function to memoize current rendering instance
+   * @private compiler helper
+   */
+  function withCtx(fn, ctx = currentRenderingInstance, isNonScopedSlot // false only
+  ) {
+      if (!ctx)
+          return fn;
+      // already normalized
+      if (fn._n) {
+          return fn;
+      }
+      const renderFnWithContext = (...args) => {
+          // If a user calls a compiled slot inside a template expression (#1745), it
+          // can mess up block tracking, so by default we disable block tracking and
+          // force bail out when invoking a compiled slot (indicated by the ._d flag).
+          // This isn't necessary if rendering a compiled `<slot>`, so we flip the
+          // ._d flag off when invoking the wrapped fn inside `renderSlot`.
+          if (renderFnWithContext._d) {
+              setBlockTracking(-1);
+          }
+          const prevInstance = setCurrentRenderingInstance(ctx);
+          const res = fn(...args);
+          setCurrentRenderingInstance(prevInstance);
+          if (renderFnWithContext._d) {
+              setBlockTracking(1);
+          }
+          {
+              devtoolsComponentUpdated(ctx);
+          }
+          return res;
+      };
+      // mark normalized to avoid duplicated wrapping
+      renderFnWithContext._n = true;
+      // mark this as compiled by default
+      // this is used in vnode.ts -> normalizeChildren() to set the slot
+      // rendering flag.
+      renderFnWithContext._c = true;
+      // disable block tracking by default
+      renderFnWithContext._d = true;
+      return renderFnWithContext;
+  }
+
+  /**
+   * dev only flag to track whether $attrs was used during render.
+   * If $attrs was used during render then the warning for failed attrs
+   * fallthrough can be suppressed.
+   */
   let accessedAttrs = false;
   function markAttrsAccessed() {
       accessedAttrs = true;
   }
   function renderComponentRoot(instance) {
-      const { type: Component, vnode, proxy, withProxy, props, propsOptions: [propsOptions], slots, attrs, emit, render, renderCache, data, setupState, ctx } = instance;
+      const { type: Component, vnode, proxy, withProxy, props, propsOptions: [propsOptions], slots, attrs, emit, render, renderCache, data, setupState, ctx, inheritAttrs } = instance;
       let result;
-      currentRenderingInstance = instance;
+      const prev = setCurrentRenderingInstance(instance);
       {
           accessedAttrs = false;
       }
@@ -1916,16 +2289,17 @@ var Vue = (function (exports) {
           // to have comments along side the root element which makes it a fragment
           let root = result;
           let setRoot = undefined;
-          if (true) {
+          if (true &&
+              result.patchFlag > 0 &&
+              result.patchFlag & 2048 /* DEV_ROOT_FRAGMENT */) {
               ;
               [root, setRoot] = getChildRoot(result);
           }
-          if (Component.inheritAttrs !== false && fallthroughAttrs) {
+          if (fallthroughAttrs && inheritAttrs !== false) {
               const keys = Object.keys(fallthroughAttrs);
               const { shapeFlag } = root;
               if (keys.length) {
-                  if (shapeFlag & 1 /* ELEMENT */ ||
-                      shapeFlag & 6 /* COMPONENT */) {
+                  if (shapeFlag & (1 /* ELEMENT */ | 6 /* COMPONENT */)) {
                       if (propsOptions && keys.some(isModelListener)) {
                           // If a v-model listener (onUpdate:xxx) has a corresponding declared
                           // prop, it indicates this component expects to handle v-model and
@@ -1935,7 +2309,7 @@ var Vue = (function (exports) {
                       }
                       root = cloneVNode(root, fallthroughAttrs);
                   }
-                  else if (true && !accessedAttrs && root.type !== Comment) {
+                  else if (true && !accessedAttrs && root.type !== Comment$1) {
                       const allAttrs = Object.keys(attrs);
                       const eventAttrs = [];
                       const extraAttrs = [];
@@ -1954,13 +2328,13 @@ var Vue = (function (exports) {
                           }
                       }
                       if (extraAttrs.length) {
-                          warn(`Extraneous non-props attributes (` +
+                          warn$1(`Extraneous non-props attributes (` +
                               `${extraAttrs.join(', ')}) ` +
                               `were passed to component but could not be automatically inherited ` +
                               `because component renders fragment or text root nodes.`);
                       }
                       if (eventAttrs.length) {
-                          warn(`Extraneous non-emits event listeners (` +
+                          warn$1(`Extraneous non-emits event listeners (` +
                               `${eventAttrs.join(', ')}) ` +
                               `were passed to component but could not be automatically inherited ` +
                               `because component renders fragment or text root nodes. ` +
@@ -1970,10 +2344,14 @@ var Vue = (function (exports) {
                   }
               }
           }
+          if (false &&
+              isCompatEnabled("INSTANCE_ATTRS_CLASS_STYLE" /* INSTANCE_ATTRS_CLASS_STYLE */, instance) &&
+              vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */ &&
+              root.shapeFlag & (1 /* ELEMENT */ | 6 /* COMPONENT */)) ;
           // inherit directives
           if (vnode.dirs) {
               if (true && !isElementRoot(root)) {
-                  warn(`Runtime directive used on component with non-element root node. ` +
+                  warn$1(`Runtime directive used on component with non-element root node. ` +
                       `The directives will not function as intended.`);
               }
               root.dirs = root.dirs ? root.dirs.concat(vnode.dirs) : vnode.dirs;
@@ -1981,7 +2359,7 @@ var Vue = (function (exports) {
           // inherit transition data
           if (vnode.transition) {
               if (true && !isElementRoot(root)) {
-                  warn(`Component inside <Transition> renders non-element root node ` +
+                  warn$1(`Component inside <Transition> renders non-element root node ` +
                       `that cannot be animated.`);
               }
               root.transition = vnode.transition;
@@ -1994,10 +2372,11 @@ var Vue = (function (exports) {
           }
       }
       catch (err) {
+          blockStack.length = 0;
           handleError(err, instance, 1 /* RENDER_FUNCTION */);
-          result = createVNode(Comment);
+          result = createVNode(Comment$1);
       }
-      currentRenderingInstance = null;
+      setCurrentRenderingInstance(prev);
       return result;
   }
   /**
@@ -2007,9 +2386,6 @@ var Vue = (function (exports) {
    * root for attrs and scope id processing.
    */
   const getChildRoot = (vnode) => {
-      if (vnode.type !== Fragment) {
-          return [vnode, undefined];
-      }
       const rawChildren = vnode.children;
       const dynamicChildren = vnode.dynamicChildren;
       const childRoot = filterSingleRoot(rawChildren);
@@ -2031,16 +2407,27 @@ var Vue = (function (exports) {
       };
       return [normalizeVNode(childRoot), setRoot];
   };
-  /**
-   * dev only
-   */
   function filterSingleRoot(children) {
-      const filtered = children.filter(child => {
-          return !(isVNode(child) &&
-              child.type === Comment &&
-              child.children !== 'v-if');
-      });
-      return filtered.length === 1 && isVNode(filtered[0]) ? filtered[0] : null;
+      let singleRoot;
+      for (let i = 0; i < children.length; i++) {
+          const child = children[i];
+          if (isVNode(child)) {
+              // ignore user comment
+              if (child.type !== Comment$1 || child.children === 'v-if') {
+                  if (singleRoot) {
+                      // has more than 1 non-comment child, return now
+                      return;
+                  }
+                  else {
+                      singleRoot = child;
+                  }
+              }
+          }
+          else {
+              return;
+          }
+      }
+      return singleRoot;
   }
   const getFunctionalFallthrough = (attrs) => {
       let res;
@@ -2061,9 +2448,8 @@ var Vue = (function (exports) {
       return res;
   };
   const isElementRoot = (vnode) => {
-      return (vnode.shapeFlag & 6 /* COMPONENT */ ||
-          vnode.shapeFlag & 1 /* ELEMENT */ ||
-          vnode.type === Comment // potential v-if branch switch
+      return (vnode.shapeFlag & (6 /* COMPONENT */ | 1 /* ELEMENT */) ||
+          vnode.type === Comment$1 // potential v-if branch switch
       );
   };
   function shouldUpdateComponent(prevVNode, nextVNode, optimized) {
@@ -2073,14 +2459,14 @@ var Vue = (function (exports) {
       // Parent component's render function was hot-updated. Since this may have
       // caused the child component's slots content to have changed, we need to
       // force the child to update as well.
-      if ( (prevChildren || nextChildren) && isHmrUpdating) {
+      if ((prevChildren || nextChildren) && isHmrUpdating) {
           return true;
       }
       // force child update for runtime directive or transition on component vnode.
       if (nextVNode.dirs || nextVNode.transition) {
           return true;
       }
-      if (optimized && patchFlag > 0) {
+      if (optimized && patchFlag >= 0) {
           if (patchFlag & 1024 /* DYNAMIC_SLOTS */) {
               // slot content that references values that might have changed,
               // e.g. in a v-for
@@ -2152,39 +2538,49 @@ var Vue = (function (exports) {
   // in the compiler, but internally it's a special built-in type that hooks
   // directly into the renderer.
   const SuspenseImpl = {
+      name: 'Suspense',
       // In order to make Suspense tree-shakable, we need to avoid importing it
       // directly in the renderer. The renderer checks for the __isSuspense flag
       // on a vnode's type and calls the `process` method, passing in renderer
       // internals.
       __isSuspense: true,
-      process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, optimized, 
+      process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, 
       // platform-specific impl passed from renderer
       rendererInternals) {
           if (n1 == null) {
-              mountSuspense(n2, container, anchor, parentComponent, parentSuspense, isSVG, optimized, rendererInternals);
+              mountSuspense(n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, rendererInternals);
           }
           else {
-              patchSuspense(n1, n2, container, anchor, parentComponent, isSVG, rendererInternals);
+              patchSuspense(n1, n2, container, anchor, parentComponent, isSVG, slotScopeIds, optimized, rendererInternals);
           }
       },
       hydrate: hydrateSuspense,
-      create: createSuspenseBoundary
+      create: createSuspenseBoundary,
+      normalize: normalizeSuspenseChildren
   };
   // Force-casted public typing for h and TSX props inference
-  const Suspense = ( SuspenseImpl
-      );
-  function mountSuspense(vnode, container, anchor, parentComponent, parentSuspense, isSVG, optimized, rendererInternals) {
+  const Suspense = (SuspenseImpl );
+  function triggerEvent(vnode, name) {
+      const eventListener = vnode.props && vnode.props[name];
+      if (isFunction(eventListener)) {
+          eventListener();
+      }
+  }
+  function mountSuspense(vnode, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, rendererInternals) {
       const { p: patch, o: { createElement } } = rendererInternals;
       const hiddenContainer = createElement('div');
-      const suspense = (vnode.suspense = createSuspenseBoundary(vnode, parentSuspense, parentComponent, container, hiddenContainer, anchor, isSVG, optimized, rendererInternals));
+      const suspense = (vnode.suspense = createSuspenseBoundary(vnode, parentSuspense, parentComponent, container, hiddenContainer, anchor, isSVG, slotScopeIds, optimized, rendererInternals));
       // start mounting the content subtree in an off-dom container
-      patch(null, (suspense.pendingBranch = vnode.ssContent), hiddenContainer, null, parentComponent, suspense, isSVG);
+      patch(null, (suspense.pendingBranch = vnode.ssContent), hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds);
       // now check if we have encountered any async deps
       if (suspense.deps > 0) {
           // has async
+          // invoke @fallback event
+          triggerEvent(vnode, 'onPending');
+          triggerEvent(vnode, 'onFallback');
           // mount the fallback tree
           patch(null, vnode.ssFallback, container, anchor, parentComponent, null, // fallback tree will not have suspense context
-          isSVG);
+          isSVG, slotScopeIds);
           setActiveBranch(suspense, vnode.ssFallback);
       }
       else {
@@ -2192,7 +2588,7 @@ var Vue = (function (exports) {
           suspense.resolve();
       }
   }
-  function patchSuspense(n1, n2, container, anchor, parentComponent, isSVG, { p: patch, um: unmount, o: { createElement } }) {
+  function patchSuspense(n1, n2, container, anchor, parentComponent, isSVG, slotScopeIds, optimized, { p: patch, um: unmount, o: { createElement } }) {
       const suspense = (n2.suspense = n1.suspense);
       suspense.vnode = n2;
       n2.el = n1.el;
@@ -2203,13 +2599,13 @@ var Vue = (function (exports) {
           suspense.pendingBranch = newBranch;
           if (isSameVNodeType(newBranch, pendingBranch)) {
               // same root type but content may have changed.
-              patch(pendingBranch, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG);
+              patch(pendingBranch, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds, optimized);
               if (suspense.deps <= 0) {
                   suspense.resolve();
               }
               else if (isInFallback) {
                   patch(activeBranch, newFallback, container, anchor, parentComponent, null, // fallback tree will not have suspense context
-                  isSVG);
+                  isSVG, slotScopeIds, optimized);
                   setActiveBranch(suspense, newFallback);
               }
           }
@@ -2235,25 +2631,25 @@ var Vue = (function (exports) {
               suspense.hiddenContainer = createElement('div');
               if (isInFallback) {
                   // already in fallback state
-                  patch(null, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG);
+                  patch(null, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds, optimized);
                   if (suspense.deps <= 0) {
                       suspense.resolve();
                   }
                   else {
                       patch(activeBranch, newFallback, container, anchor, parentComponent, null, // fallback tree will not have suspense context
-                      isSVG);
+                      isSVG, slotScopeIds, optimized);
                       setActiveBranch(suspense, newFallback);
                   }
               }
               else if (activeBranch && isSameVNodeType(newBranch, activeBranch)) {
                   // toggled "back" to current active branch
-                  patch(activeBranch, newBranch, container, anchor, parentComponent, suspense, isSVG);
+                  patch(activeBranch, newBranch, container, anchor, parentComponent, suspense, isSVG, slotScopeIds, optimized);
                   // force resolve
                   suspense.resolve(true);
               }
               else {
                   // switched to a 3rd branch
-                  patch(null, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG);
+                  patch(null, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds, optimized);
                   if (suspense.deps <= 0) {
                       suspense.resolve();
                   }
@@ -2263,20 +2659,17 @@ var Vue = (function (exports) {
       else {
           if (activeBranch && isSameVNodeType(newBranch, activeBranch)) {
               // root did not change, just normal patch
-              patch(activeBranch, newBranch, container, anchor, parentComponent, suspense, isSVG);
+              patch(activeBranch, newBranch, container, anchor, parentComponent, suspense, isSVG, slotScopeIds, optimized);
               setActiveBranch(suspense, newBranch);
           }
           else {
               // root node toggled
               // invoke @pending event
-              const onPending = n2.props && n2.props.onPending;
-              if (isFunction(onPending)) {
-                  onPending();
-              }
+              triggerEvent(n2, 'onPending');
               // mount pending branch in off-dom container
               suspense.pendingBranch = newBranch;
               suspense.pendingId++;
-              patch(null, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG);
+              patch(null, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds, optimized);
               if (suspense.deps <= 0) {
                   // incoming branch has no async deps, resolve now.
                   suspense.resolve();
@@ -2298,9 +2691,9 @@ var Vue = (function (exports) {
       }
   }
   let hasWarned = false;
-  function createSuspenseBoundary(vnode, parent, parentComponent, container, hiddenContainer, anchor, isSVG, optimized, rendererInternals, isHydrating = false) {
+  function createSuspenseBoundary(vnode, parent, parentComponent, container, hiddenContainer, anchor, isSVG, slotScopeIds, optimized, rendererInternals, isHydrating = false) {
       /* istanbul ignore if */
-      if ( !hasWarned) {
+      if (!hasWarned) {
           hasWarned = true;
           // @ts-ignore `console.info` cannot be null error
           console[console.info ? 'info' : 'log'](`<Suspense> is an experimental feature and its API will likely change.`);
@@ -2385,10 +2778,7 @@ var Vue = (function (exports) {
               }
               suspense.effects = [];
               // invoke @resolve event
-              const onResolve = vnode.props && vnode.props.onResolve;
-              if (isFunction(onResolve)) {
-                  onResolve();
-              }
+              triggerEvent(vnode, 'onResolve');
           },
           fallback(fallbackVNode) {
               if (!suspense.pendingBranch) {
@@ -2396,10 +2786,7 @@ var Vue = (function (exports) {
               }
               const { vnode, activeBranch, parentComponent, container, isSVG } = suspense;
               // invoke @fallback event
-              const onFallback = vnode.props && vnode.props.onFallback;
-              if (isFunction(onFallback)) {
-                  onFallback();
-              }
+              triggerEvent(vnode, 'onFallback');
               const anchor = next(activeBranch);
               const mountFallback = () => {
                   if (!suspense.isInFallback) {
@@ -2407,18 +2794,18 @@ var Vue = (function (exports) {
                   }
                   // mount the fallback tree
                   patch(null, fallbackVNode, container, anchor, parentComponent, null, // fallback tree will not have suspense context
-                  isSVG);
+                  isSVG, slotScopeIds, optimized);
                   setActiveBranch(suspense, fallbackVNode);
               };
               const delayEnter = fallbackVNode.transition && fallbackVNode.transition.mode === 'out-in';
               if (delayEnter) {
                   activeBranch.transition.afterLeave = mountFallback;
               }
+              suspense.isInFallback = true;
               // unmount current active branch
               unmount(activeBranch, parentComponent, null, // no suspense so unmount hooks fire now
               true // shouldRemove
               );
-              suspense.isInFallback = true;
               if (!delayEnter) {
                   mountFallback();
               }
@@ -2432,11 +2819,11 @@ var Vue = (function (exports) {
               return suspense.activeBranch && next(suspense.activeBranch);
           },
           registerDep(instance, setupRenderEffect) {
-              if (!suspense.pendingBranch) {
-                  return;
+              const isInPendingSuspense = !!suspense.pendingBranch;
+              if (isInPendingSuspense) {
+                  suspense.deps++;
               }
               const hydratedEl = instance.vnode.el;
-              suspense.deps++;
               instance
                   .asyncDep.catch(err => {
                   handleError(err, instance, 0 /* SETUP_FUNCTION */);
@@ -2449,14 +2836,13 @@ var Vue = (function (exports) {
                       suspense.pendingId !== instance.suspenseId) {
                       return;
                   }
-                  suspense.deps--;
                   // retry from this component
                   instance.asyncResolved = true;
                   const { vnode } = instance;
                   {
                       pushWarningContext(vnode);
                   }
-                  handleSetupResult(instance, asyncSetupResult);
+                  handleSetupResult(instance, asyncSetupResult, false);
                   if (hydratedEl) {
                       // vnode may have been replaced if an update happened before the
                       // async dep is resolved.
@@ -2478,7 +2864,8 @@ var Vue = (function (exports) {
                   {
                       popWarningContext();
                   }
-                  if (suspense.deps === 0) {
+                  // only decrease deps count if suspense is not already resolved
+                  if (isInPendingSuspense && --suspense.deps === 0) {
                       suspense.resolve();
                   }
               });
@@ -2495,16 +2882,16 @@ var Vue = (function (exports) {
       };
       return suspense;
   }
-  function hydrateSuspense(node, vnode, parentComponent, parentSuspense, isSVG, optimized, rendererInternals, hydrateNode) {
+  function hydrateSuspense(node, vnode, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, rendererInternals, hydrateNode) {
       /* eslint-disable no-restricted-globals */
-      const suspense = (vnode.suspense = createSuspenseBoundary(vnode, parentSuspense, parentComponent, node.parentNode, document.createElement('div'), null, isSVG, optimized, rendererInternals, true /* hydrating */));
+      const suspense = (vnode.suspense = createSuspenseBoundary(vnode, parentSuspense, parentComponent, node.parentNode, document.createElement('div'), null, isSVG, slotScopeIds, optimized, rendererInternals, true /* hydrating */));
       // there are two possible scenarios for server-rendered suspense:
       // - success: ssr content should be fully resolved
       // - failure: ssr content should be the fallback branch.
       // however, on the client we don't really know if it has failed or not
       // attempt to hydrate the DOM assuming it has succeeded, but we still
       // need to construct a suspense boundary first
-      const result = hydrateNode(node, (suspense.pendingBranch = vnode.ssContent), parentComponent, suspense, optimized);
+      const result = hydrateNode(node, (suspense.pendingBranch = vnode.ssContent), parentComponent, suspense, slotScopeIds, optimized);
       if (suspense.deps === 0) {
           suspense.resolve();
       }
@@ -2513,33 +2900,42 @@ var Vue = (function (exports) {
   }
   function normalizeSuspenseChildren(vnode) {
       const { shapeFlag, children } = vnode;
-      let content;
-      let fallback;
-      if (shapeFlag & 32 /* SLOTS_CHILDREN */) {
-          content = normalizeSuspenseSlot(children.default);
-          fallback = normalizeSuspenseSlot(children.fallback);
-      }
-      else {
-          content = normalizeSuspenseSlot(children);
-          fallback = normalizeVNode(null);
-      }
-      return {
-          content,
-          fallback
-      };
+      const isSlotChildren = shapeFlag & 32 /* SLOTS_CHILDREN */;
+      vnode.ssContent = normalizeSuspenseSlot(isSlotChildren ? children.default : children);
+      vnode.ssFallback = isSlotChildren
+          ? normalizeSuspenseSlot(children.fallback)
+          : createVNode(Comment);
   }
   function normalizeSuspenseSlot(s) {
+      let block;
       if (isFunction(s)) {
+          const isCompiledSlot = s._c;
+          if (isCompiledSlot) {
+              // disableTracking: false
+              // allow block tracking for compiled slots
+              // (see ./componentRenderContext.ts)
+              s._d = false;
+              openBlock();
+          }
           s = s();
+          if (isCompiledSlot) {
+              s._d = true;
+              block = currentBlock;
+              closeBlock();
+          }
       }
       if (isArray(s)) {
           const singleChild = filterSingleRoot(s);
-          if ( !singleChild) {
-              warn(`<Suspense> slots expect a single root node.`);
+          if (!singleChild) {
+              warn$1(`<Suspense> slots expect a single root node.`);
           }
           s = singleChild;
       }
-      return normalizeVNode(s);
+      s = normalizeVNode(s);
+      if (block && !s.dynamicChildren) {
+          s.dynamicChildren = block.filter(c => c !== s);
+      }
+      return s;
   }
   function queueEffectWithSuspense(fn, suspense) {
       if (suspense && suspense.pendingBranch) {
@@ -2566,739 +2962,54 @@ var Vue = (function (exports) {
       }
   }
 
-  let isRenderingCompiledSlot = 0;
-  const setCompiledSlotRendering = (n) => (isRenderingCompiledSlot += n);
-  /**
-   * Compiler runtime helper for rendering `<slot/>`
-   * @private
-   */
-  function renderSlot(slots, name, props = {}, 
-  // this is not a user-facing function, so the fallback is always generated by
-  // the compiler and guaranteed to be a function returning an array
-  fallback) {
-      let slot = slots[name];
-      if ( slot && slot.length > 1) {
-          warn(`SSR-optimized slot function detected in a non-SSR-optimized render ` +
-              `function. You need to mark this component with $dynamic-slots in the ` +
-              `parent template.`);
-          slot = () => [];
-      }
-      // a compiled slot disables block tracking by default to avoid manual
-      // invocation interfering with template-based block tracking, but in
-      // `renderSlot` we can be sure that it's template-based so we can force
-      // enable it.
-      isRenderingCompiledSlot++;
-      const rendered = (openBlock(),
-          createBlock(Fragment, { key: props.key }, slot ? slot(props) : fallback ? fallback() : [], slots._ === 1 /* STABLE */
-              ? 64 /* STABLE_FRAGMENT */
-              : -2 /* BAIL */));
-      isRenderingCompiledSlot--;
-      return rendered;
-  }
-
-  /**
-   * Wrap a slot function to memoize current rendering instance
-   * @private
-   */
-  function withCtx(fn, ctx = currentRenderingInstance) {
-      if (!ctx)
-          return fn;
-      const renderFnWithContext = (...args) => {
-          // If a user calls a compiled slot inside a template expression (#1745), it
-          // can mess up block tracking, so by default we need to push a null block to
-          // avoid that. This isn't necessary if rendering a compiled `<slot>`.
-          if (!isRenderingCompiledSlot) {
-              openBlock(true /* null block that disables tracking */);
+  function provide(key, value) {
+      if (!currentInstance) {
+          {
+              warn$1(`provide() can only be used inside setup().`);
           }
-          const owner = currentRenderingInstance;
-          setCurrentRenderingInstance(ctx);
-          const res = fn(...args);
-          setCurrentRenderingInstance(owner);
-          if (!isRenderingCompiledSlot) {
-              closeBlock();
-          }
-          return res;
-      };
-      renderFnWithContext._c = true;
-      return renderFnWithContext;
-  }
-
-  // SFC scoped style ID management.
-  let currentScopeId = null;
-  const scopeIdStack = [];
-  /**
-   * @private
-   */
-  function pushScopeId(id) {
-      scopeIdStack.push((currentScopeId = id));
-  }
-  /**
-   * @private
-   */
-  function popScopeId() {
-      scopeIdStack.pop();
-      currentScopeId = scopeIdStack[scopeIdStack.length - 1] || null;
-  }
-  /**
-   * @private
-   */
-  function withScopeId(id) {
-      return ((fn) => withCtx(function () {
-          pushScopeId(id);
-          const res = fn.apply(this, arguments);
-          popScopeId();
-          return res;
-      }));
-  }
-
-  function initProps(instance, rawProps, isStateful, // result of bitwise flag comparison
-  isSSR = false) {
-      const props = {};
-      const attrs = {};
-      def(attrs, InternalObjectKey, 1);
-      setFullProps(instance, rawProps, props, attrs);
-      // validation
-      {
-          validateProps(props, instance);
-      }
-      if (isStateful) {
-          // stateful
-          instance.props = isSSR ? props : shallowReactive(props);
       }
       else {
-          if (!instance.type.props) {
-              // functional w/ optional props, props === attrs
-              instance.props = attrs;
+          let provides = currentInstance.provides;
+          // by default an instance inherits its parent's provides object
+          // but when it needs to provide values of its own, it creates its
+          // own provides object using parent provides object as prototype.
+          // this way in `inject` we can simply look up injections from direct
+          // parent and let the prototype chain do the work.
+          const parentProvides = currentInstance.parent && currentInstance.parent.provides;
+          if (parentProvides === provides) {
+              provides = currentInstance.provides = Object.create(parentProvides);
+          }
+          // TS doesn't allow symbol as index type
+          provides[key] = value;
+      }
+  }
+  function inject(key, defaultValue, treatDefaultAsFactory = false) {
+      // fallback to `currentRenderingInstance` so that this can be called in
+      // a functional component
+      const instance = currentInstance || currentRenderingInstance;
+      if (instance) {
+          // #2400
+          // to support `app.use` plugins,
+          // fallback to appContext's `provides` if the intance is at root
+          const provides = instance.parent == null
+              ? instance.vnode.appContext && instance.vnode.appContext.provides
+              : instance.parent.provides;
+          if (provides && key in provides) {
+              // TS doesn't allow symbol as index type
+              return provides[key];
+          }
+          else if (arguments.length > 1) {
+              return treatDefaultAsFactory && isFunction(defaultValue)
+                  ? defaultValue.call(instance.proxy)
+                  : defaultValue;
           }
           else {
-              // functional w/ declared props
-              instance.props = props;
-          }
-      }
-      instance.attrs = attrs;
-  }
-  function updateProps(instance, rawProps, rawPrevProps, optimized) {
-      const { props, attrs, vnode: { patchFlag } } = instance;
-      const rawCurrentProps = toRaw(props);
-      const [options] = instance.propsOptions;
-      if (
-      // always force full diff in dev
-      // - #1942 if hmr is enabled with sfc component
-      // - vite#872 non-sfc component used by sfc component
-      !(
-          (instance.type.__hmrId ||
-              (instance.parent && instance.parent.type.__hmrId))) &&
-          (optimized || patchFlag > 0) &&
-          !(patchFlag & 16 /* FULL_PROPS */)) {
-          if (patchFlag & 8 /* PROPS */) {
-              // Compiler-generated props & no keys change, just set the updated
-              // the props.
-              const propsToUpdate = instance.vnode.dynamicProps;
-              for (let i = 0; i < propsToUpdate.length; i++) {
-                  const key = propsToUpdate[i];
-                  // PROPS flag guarantees rawProps to be non-null
-                  const value = rawProps[key];
-                  if (options) {
-                      // attr / props separation was done on init and will be consistent
-                      // in this code path, so just check if attrs have it.
-                      if (hasOwn(attrs, key)) {
-                          attrs[key] = value;
-                      }
-                      else {
-                          const camelizedKey = camelize(key);
-                          props[camelizedKey] = resolvePropValue(options, rawCurrentProps, camelizedKey, value, instance);
-                      }
-                  }
-                  else {
-                      attrs[key] = value;
-                  }
-              }
+              warn$1(`injection "${String(key)}" not found.`);
           }
       }
       else {
-          // full props update.
-          setFullProps(instance, rawProps, props, attrs);
-          // in case of dynamic props, check if we need to delete keys from
-          // the props object
-          let kebabKey;
-          for (const key in rawCurrentProps) {
-              if (!rawProps ||
-                  // for camelCase
-                  (!hasOwn(rawProps, key) &&
-                      // it's possible the original props was passed in as kebab-case
-                      // and converted to camelCase (#955)
-                      ((kebabKey = hyphenate(key)) === key || !hasOwn(rawProps, kebabKey)))) {
-                  if (options) {
-                      if (rawPrevProps &&
-                          // for camelCase
-                          (rawPrevProps[key] !== undefined ||
-                              // for kebab-case
-                              rawPrevProps[kebabKey] !== undefined)) {
-                          props[key] = resolvePropValue(options, rawProps || EMPTY_OBJ, key, undefined, instance);
-                      }
-                  }
-                  else {
-                      delete props[key];
-                  }
-              }
-          }
-          // in the case of functional component w/o props declaration, props and
-          // attrs point to the same object so it should already have been updated.
-          if (attrs !== rawCurrentProps) {
-              for (const key in attrs) {
-                  if (!rawProps || !hasOwn(rawProps, key)) {
-                      delete attrs[key];
-                  }
-              }
-          }
+          warn$1(`inject() can only be used inside setup() or functional components.`);
       }
-      // trigger updates for $attrs in case it's used in component slots
-      trigger(instance, "set" /* SET */, '$attrs');
-      if ( rawProps) {
-          validateProps(props, instance);
-      }
-  }
-  function setFullProps(instance, rawProps, props, attrs) {
-      const [options, needCastKeys] = instance.propsOptions;
-      if (rawProps) {
-          for (const key in rawProps) {
-              const value = rawProps[key];
-              // key, ref are reserved and never passed down
-              if (isReservedProp(key)) {
-                  continue;
-              }
-              // prop option names are camelized during normalization, so to support
-              // kebab -> camel conversion here we need to camelize the key.
-              let camelKey;
-              if (options && hasOwn(options, (camelKey = camelize(key)))) {
-                  props[camelKey] = value;
-              }
-              else if (!isEmitListener(instance.emitsOptions, key)) {
-                  // Any non-declared (either as a prop or an emitted event) props are put
-                  // into a separate `attrs` object for spreading. Make sure to preserve
-                  // original key casing
-                  attrs[key] = value;
-              }
-          }
-      }
-      if (needCastKeys) {
-          const rawCurrentProps = toRaw(props);
-          for (let i = 0; i < needCastKeys.length; i++) {
-              const key = needCastKeys[i];
-              props[key] = resolvePropValue(options, rawCurrentProps, key, rawCurrentProps[key], instance);
-          }
-      }
-  }
-  function resolvePropValue(options, props, key, value, instance) {
-      const opt = options[key];
-      if (opt != null) {
-          const hasDefault = hasOwn(opt, 'default');
-          // default values
-          if (hasDefault && value === undefined) {
-              const defaultValue = opt.default;
-              if (opt.type !== Function && isFunction(defaultValue)) {
-                  setCurrentInstance(instance);
-                  value = defaultValue(props);
-                  setCurrentInstance(null);
-              }
-              else {
-                  value = defaultValue;
-              }
-          }
-          // boolean casting
-          if (opt[0 /* shouldCast */]) {
-              if (!hasOwn(props, key) && !hasDefault) {
-                  value = false;
-              }
-              else if (opt[1 /* shouldCastTrue */] &&
-                  (value === '' || value === hyphenate(key))) {
-                  value = true;
-              }
-          }
-      }
-      return value;
-  }
-  function normalizePropsOptions(comp, appContext, asMixin = false) {
-      if (!appContext.deopt && comp.__props) {
-          return comp.__props;
-      }
-      const raw = comp.props;
-      const normalized = {};
-      const needCastKeys = [];
-      // apply mixin/extends props
-      let hasExtends = false;
-      if ( !isFunction(comp)) {
-          const extendProps = (raw) => {
-              hasExtends = true;
-              const [props, keys] = normalizePropsOptions(raw, appContext, true);
-              extend(normalized, props);
-              if (keys)
-                  needCastKeys.push(...keys);
-          };
-          if (!asMixin && appContext.mixins.length) {
-              appContext.mixins.forEach(extendProps);
-          }
-          if (comp.extends) {
-              extendProps(comp.extends);
-          }
-          if (comp.mixins) {
-              comp.mixins.forEach(extendProps);
-          }
-      }
-      if (!raw && !hasExtends) {
-          return (comp.__props = EMPTY_ARR);
-      }
-      if (isArray(raw)) {
-          for (let i = 0; i < raw.length; i++) {
-              if ( !isString(raw[i])) {
-                  warn(`props must be strings when using array syntax.`, raw[i]);
-              }
-              const normalizedKey = camelize(raw[i]);
-              if (validatePropName(normalizedKey)) {
-                  normalized[normalizedKey] = EMPTY_OBJ;
-              }
-          }
-      }
-      else if (raw) {
-          if ( !isObject(raw)) {
-              warn(`invalid props options`, raw);
-          }
-          for (const key in raw) {
-              const normalizedKey = camelize(key);
-              if (validatePropName(normalizedKey)) {
-                  const opt = raw[key];
-                  const prop = (normalized[normalizedKey] =
-                      isArray(opt) || isFunction(opt) ? { type: opt } : opt);
-                  if (prop) {
-                      const booleanIndex = getTypeIndex(Boolean, prop.type);
-                      const stringIndex = getTypeIndex(String, prop.type);
-                      prop[0 /* shouldCast */] = booleanIndex > -1;
-                      prop[1 /* shouldCastTrue */] =
-                          stringIndex < 0 || booleanIndex < stringIndex;
-                      // if the prop needs boolean casting or default value
-                      if (booleanIndex > -1 || hasOwn(prop, 'default')) {
-                          needCastKeys.push(normalizedKey);
-                      }
-                  }
-              }
-          }
-      }
-      return (comp.__props = [normalized, needCastKeys]);
-  }
-  function validatePropName(key) {
-      if (key[0] !== '$') {
-          return true;
-      }
-      else {
-          warn(`Invalid prop name: "${key}" is a reserved property.`);
-      }
-      return false;
-  }
-  // use function string name to check type constructors
-  // so that it works across vms / iframes.
-  function getType(ctor) {
-      const match = ctor && ctor.toString().match(/^\s*function (\w+)/);
-      return match ? match[1] : '';
-  }
-  function isSameType(a, b) {
-      return getType(a) === getType(b);
-  }
-  function getTypeIndex(type, expectedTypes) {
-      if (isArray(expectedTypes)) {
-          for (let i = 0, len = expectedTypes.length; i < len; i++) {
-              if (isSameType(expectedTypes[i], type)) {
-                  return i;
-              }
-          }
-      }
-      else if (isFunction(expectedTypes)) {
-          return isSameType(expectedTypes, type) ? 0 : -1;
-      }
-      return -1;
-  }
-  /**
-   * dev only
-   */
-  function validateProps(props, instance) {
-      const rawValues = toRaw(props);
-      const options = instance.propsOptions[0];
-      for (const key in options) {
-          let opt = options[key];
-          if (opt == null)
-              continue;
-          validateProp(key, rawValues[key], opt, !hasOwn(rawValues, key));
-      }
-  }
-  /**
-   * dev only
-   */
-  function validateProp(name, value, prop, isAbsent) {
-      const { type, required, validator } = prop;
-      // required!
-      if (required && isAbsent) {
-          warn('Missing required prop: "' + name + '"');
-          return;
-      }
-      // missing but optional
-      if (value == null && !prop.required) {
-          return;
-      }
-      // type check
-      if (type != null && type !== true) {
-          let isValid = false;
-          const types = isArray(type) ? type : [type];
-          const expectedTypes = [];
-          // value is valid as long as one of the specified types match
-          for (let i = 0; i < types.length && !isValid; i++) {
-              const { valid, expectedType } = assertType(value, types[i]);
-              expectedTypes.push(expectedType || '');
-              isValid = valid;
-          }
-          if (!isValid) {
-              warn(getInvalidTypeMessage(name, value, expectedTypes));
-              return;
-          }
-      }
-      // custom validator
-      if (validator && !validator(value)) {
-          warn('Invalid prop: custom validator check failed for prop "' + name + '".');
-      }
-  }
-  const isSimpleType = /*#__PURE__*/ makeMap('String,Number,Boolean,Function,Symbol');
-  /**
-   * dev only
-   */
-  function assertType(value, type) {
-      let valid;
-      const expectedType = getType(type);
-      if (isSimpleType(expectedType)) {
-          const t = typeof value;
-          valid = t === expectedType.toLowerCase();
-          // for primitive wrapper objects
-          if (!valid && t === 'object') {
-              valid = value instanceof type;
-          }
-      }
-      else if (expectedType === 'Object') {
-          valid = isObject(value);
-      }
-      else if (expectedType === 'Array') {
-          valid = isArray(value);
-      }
-      else {
-          valid = value instanceof type;
-      }
-      return {
-          valid,
-          expectedType
-      };
-  }
-  /**
-   * dev only
-   */
-  function getInvalidTypeMessage(name, value, expectedTypes) {
-      let message = `Invalid prop: type check failed for prop "${name}".` +
-          ` Expected ${expectedTypes.map(capitalize).join(', ')}`;
-      const expectedType = expectedTypes[0];
-      const receivedType = toRawType(value);
-      const expectedValue = styleValue(value, expectedType);
-      const receivedValue = styleValue(value, receivedType);
-      // check if we need to specify expected value
-      if (expectedTypes.length === 1 &&
-          isExplicable(expectedType) &&
-          !isBoolean(expectedType, receivedType)) {
-          message += ` with value ${expectedValue}`;
-      }
-      message += `, got ${receivedType} `;
-      // check if we need to specify received value
-      if (isExplicable(receivedType)) {
-          message += `with value ${receivedValue}.`;
-      }
-      return message;
-  }
-  /**
-   * dev only
-   */
-  function styleValue(value, type) {
-      if (type === 'String') {
-          return `"${value}"`;
-      }
-      else if (type === 'Number') {
-          return `${Number(value)}`;
-      }
-      else {
-          return `${value}`;
-      }
-  }
-  /**
-   * dev only
-   */
-  function isExplicable(type) {
-      const explicitTypes = ['string', 'number', 'boolean'];
-      return explicitTypes.some(elem => type.toLowerCase() === elem);
-  }
-  /**
-   * dev only
-   */
-  function isBoolean(...args) {
-      return args.some(elem => elem.toLowerCase() === 'boolean');
-  }
-
-  function injectHook(type, hook, target = currentInstance, prepend = false) {
-      if (target) {
-          const hooks = target[type] || (target[type] = []);
-          // cache the error handling wrapper for injected hooks so the same hook
-          // can be properly deduped by the scheduler. "__weh" stands for "with error
-          // handling".
-          const wrappedHook = hook.__weh ||
-              (hook.__weh = (...args) => {
-                  if (target.isUnmounted) {
-                      return;
-                  }
-                  // disable tracking inside all lifecycle hooks
-                  // since they can potentially be called inside effects.
-                  pauseTracking();
-                  // Set currentInstance during hook invocation.
-                  // This assumes the hook does not synchronously trigger other hooks, which
-                  // can only be false when the user does something really funky.
-                  setCurrentInstance(target);
-                  const res = callWithAsyncErrorHandling(hook, target, type, args);
-                  setCurrentInstance(null);
-                  resetTracking();
-                  return res;
-              });
-          if (prepend) {
-              hooks.unshift(wrappedHook);
-          }
-          else {
-              hooks.push(wrappedHook);
-          }
-          return wrappedHook;
-      }
-      else {
-          const apiName = toHandlerKey(ErrorTypeStrings[type].replace(/ hook$/, ''));
-          warn(`${apiName} is called when there is no active component instance to be ` +
-              `associated with. ` +
-              `Lifecycle injection APIs can only be used during execution of setup().` +
-              ( ` If you are using async setup(), make sure to register lifecycle ` +
-                      `hooks before the first await statement.`
-                  ));
-      }
-  }
-  const createHook = (lifecycle) => (hook, target = currentInstance) => 
-  // post-create lifecycle registrations are noops during SSR
-  !isInSSRComponentSetup && injectHook(lifecycle, hook, target);
-  const onBeforeMount = createHook("bm" /* BEFORE_MOUNT */);
-  const onMounted = createHook("m" /* MOUNTED */);
-  const onBeforeUpdate = createHook("bu" /* BEFORE_UPDATE */);
-  const onUpdated = createHook("u" /* UPDATED */);
-  const onBeforeUnmount = createHook("bum" /* BEFORE_UNMOUNT */);
-  const onUnmounted = createHook("um" /* UNMOUNTED */);
-  const onRenderTriggered = createHook("rtg" /* RENDER_TRIGGERED */);
-  const onRenderTracked = createHook("rtc" /* RENDER_TRACKED */);
-  const onErrorCaptured = (hook, target = currentInstance) => {
-      injectHook("ec" /* ERROR_CAPTURED */, hook, target);
-  };
-
-  // Simple effect.
-  function watchEffect(effect, options) {
-      return doWatch(effect, null, options);
-  }
-  // initial value for watchers to trigger on undefined initial values
-  const INITIAL_WATCHER_VALUE = {};
-  // implementation
-  function watch(source, cb, options) {
-      if ( !isFunction(cb)) {
-          warn(`\`watch(fn, options?)\` signature has been moved to a separate API. ` +
-              `Use \`watchEffect(fn, options?)\` instead. \`watch\` now only ` +
-              `supports \`watch(source, cb, options?) signature.`);
-      }
-      return doWatch(source, cb, options);
-  }
-  function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EMPTY_OBJ, instance = currentInstance) {
-      if ( !cb) {
-          if (immediate !== undefined) {
-              warn(`watch() "immediate" option is only respected when using the ` +
-                  `watch(source, callback, options?) signature.`);
-          }
-          if (deep !== undefined) {
-              warn(`watch() "deep" option is only respected when using the ` +
-                  `watch(source, callback, options?) signature.`);
-          }
-      }
-      const warnInvalidSource = (s) => {
-          warn(`Invalid watch source: `, s, `A watch source can only be a getter/effect function, a ref, ` +
-              `a reactive object, or an array of these types.`);
-      };
-      let getter;
-      let forceTrigger = false;
-      if (isRef(source)) {
-          getter = () => source.value;
-          forceTrigger = !!source._shallow;
-      }
-      else if (isReactive(source)) {
-          getter = () => source;
-          deep = true;
-      }
-      else if (isArray(source)) {
-          getter = () => source.map(s => {
-              if (isRef(s)) {
-                  return s.value;
-              }
-              else if (isReactive(s)) {
-                  return traverse(s);
-              }
-              else if (isFunction(s)) {
-                  return callWithErrorHandling(s, instance, 2 /* WATCH_GETTER */);
-              }
-              else {
-                   warnInvalidSource(s);
-              }
-          });
-      }
-      else if (isFunction(source)) {
-          if (cb) {
-              // getter with cb
-              getter = () => callWithErrorHandling(source, instance, 2 /* WATCH_GETTER */);
-          }
-          else {
-              // no cb -> simple effect
-              getter = () => {
-                  if (instance && instance.isUnmounted) {
-                      return;
-                  }
-                  if (cleanup) {
-                      cleanup();
-                  }
-                  return callWithErrorHandling(source, instance, 3 /* WATCH_CALLBACK */, [onInvalidate]);
-              };
-          }
-      }
-      else {
-          getter = NOOP;
-           warnInvalidSource(source);
-      }
-      if (cb && deep) {
-          const baseGetter = getter;
-          getter = () => traverse(baseGetter());
-      }
-      let cleanup;
-      const onInvalidate = (fn) => {
-          cleanup = runner.options.onStop = () => {
-              callWithErrorHandling(fn, instance, 4 /* WATCH_CLEANUP */);
-          };
-      };
-      let oldValue = isArray(source) ? [] : INITIAL_WATCHER_VALUE;
-      const job = () => {
-          if (!runner.active) {
-              return;
-          }
-          if (cb) {
-              // watch(source, cb)
-              const newValue = runner();
-              if (deep || forceTrigger || hasChanged(newValue, oldValue)) {
-                  // cleanup before running cb again
-                  if (cleanup) {
-                      cleanup();
-                  }
-                  callWithAsyncErrorHandling(cb, instance, 3 /* WATCH_CALLBACK */, [
-                      newValue,
-                      // pass undefined as the old value when it's changed for the first time
-                      oldValue === INITIAL_WATCHER_VALUE ? undefined : oldValue,
-                      onInvalidate
-                  ]);
-                  oldValue = newValue;
-              }
-          }
-          else {
-              // watchEffect
-              runner();
-          }
-      };
-      // important: mark the job as a watcher callback so that scheduler knows
-      // it is allowed to self-trigger (#1727)
-      job.allowRecurse = !!cb;
-      let scheduler;
-      if (flush === 'sync') {
-          scheduler = job;
-      }
-      else if (flush === 'post') {
-          scheduler = () => queuePostRenderEffect(job, instance && instance.suspense);
-      }
-      else {
-          // default: 'pre'
-          scheduler = () => {
-              if (!instance || instance.isMounted) {
-                  queuePreFlushCb(job);
-              }
-              else {
-                  // with 'pre' option, the first call must happen before
-                  // the component is mounted so it is called synchronously.
-                  job();
-              }
-          };
-      }
-      const runner = effect(getter, {
-          lazy: true,
-          onTrack,
-          onTrigger,
-          scheduler
-      });
-      recordInstanceBoundEffect(runner);
-      // initial run
-      if (cb) {
-          if (immediate) {
-              job();
-          }
-          else {
-              oldValue = runner();
-          }
-      }
-      else if (flush === 'post') {
-          queuePostRenderEffect(runner, instance && instance.suspense);
-      }
-      else {
-          runner();
-      }
-      return () => {
-          stop(runner);
-          if (instance) {
-              remove(instance.effects, runner);
-          }
-      };
-  }
-  // this.$watch
-  function instanceWatch(source, cb, options) {
-      const publicThis = this.proxy;
-      const getter = isString(source)
-          ? () => publicThis[source]
-          : source.bind(publicThis);
-      return doWatch(getter, cb.bind(publicThis), options, this);
-  }
-  function traverse(value, seen = new Set()) {
-      if (!isObject(value) || seen.has(value)) {
-          return value;
-      }
-      seen.add(value);
-      if (isRef(value)) {
-          traverse(value.value, seen);
-      }
-      else if (isArray(value)) {
-          for (let i = 0; i < value.length; i++) {
-              traverse(value[i], seen);
-          }
-      }
-      else if (isSet(value) || isMap(value)) {
-          value.forEach((v) => {
-              traverse(v, seen);
-          });
-      }
-      else {
-          for (const key in value) {
-              traverse(value[key], seen);
-          }
-      }
-      return value;
   }
 
   function useTransitionState() {
@@ -3349,8 +3060,8 @@ var Vue = (function (exports) {
                   return;
               }
               // warn multiple elements
-              if ( children.length > 1) {
-                  warn('<transition> can only be used on a single element or component. Use ' +
+              if (children.length > 1) {
+                  warn$1('<transition> can only be used on a single element or component. Use ' +
                       '<transition-group> for lists.');
               }
               // there's no need to track reactivity for these props so use the raw
@@ -3358,8 +3069,8 @@ var Vue = (function (exports) {
               const rawProps = toRaw(props);
               const { mode } = rawProps;
               // check mode
-              if ( mode && !['in-out', 'out-in', 'default'].includes(mode)) {
-                  warn(`invalid <transition> mode: ${mode}`);
+              if (mode && !['in-out', 'out-in', 'default'].includes(mode)) {
+                  warn$1(`invalid <transition> mode: ${mode}`);
               }
               // at this point children has a guaranteed length of 1.
               const child = children[0];
@@ -3390,7 +3101,7 @@ var Vue = (function (exports) {
               }
               // handle mode
               if (oldInnerChild &&
-                  oldInnerChild.type !== Comment &&
+                  oldInnerChild.type !== Comment$1 &&
                   (!isSameVNodeType(innerChild, oldInnerChild) || transitionKeyChanged)) {
                   const leavingHooks = resolveTransitionHooks(oldInnerChild, rawProps, state, instance);
                   // update old tree's hooks in case of dynamic transition
@@ -3405,7 +3116,7 @@ var Vue = (function (exports) {
                       };
                       return emptyPlaceholder(child);
                   }
-                  else if (mode === 'in-out') {
+                  else if (mode === 'in-out' && innerChild.type !== Comment$1) {
                       leavingHooks.delayLeave = (el, earlyRemove, delayedLeave) => {
                           const leavingVNodesCache = getLeavingNodesForType(state, oldInnerChild);
                           leavingVNodesCache[String(oldInnerChild.key)] = oldInnerChild;
@@ -3577,7 +3288,7 @@ var Vue = (function (exports) {
       if (vnode.shapeFlag & 6 /* COMPONENT */ && vnode.component) {
           setTransitionHooks(vnode.component.subTree, hooks);
       }
-      else if ( vnode.shapeFlag & 128 /* SUSPENSE */) {
+      else if (vnode.shapeFlag & 128 /* SUSPENSE */) {
           vnode.ssContent.transition = hooks.clone(vnode.ssContent);
           vnode.ssFallback.transition = hooks.clone(vnode.ssFallback);
       }
@@ -3597,13 +3308,13 @@ var Vue = (function (exports) {
               ret = ret.concat(getTransitionRawChildren(child.children, keepComment));
           }
           // comment placeholders should be skipped, e.g. v-if
-          else if (keepComment || child.type !== Comment) {
+          else if (keepComment || child.type !== Comment$1) {
               ret.push(child);
           }
       }
       // #1126 if a transition children list contains multiple sub fragments, these
       // fragments will be merged into a flat children array. Since each v-for
-      // fragment may contain different static bindings inside, we need to de-top
+      // fragment may contain different static bindings inside, we need to de-op
       // these children to force full diffs to ensure correct behavior.
       if (keyedFragmentCount > 1) {
           for (let i = 0; i < ret.length; i++) {
@@ -3613,6 +3324,149 @@ var Vue = (function (exports) {
       return ret;
   }
 
+  // implementation, close to no-op
+  function defineComponent(options) {
+      return isFunction(options) ? { setup: options, name: options.name } : options;
+  }
+
+  const isAsyncWrapper = (i) => !!i.type.__asyncLoader;
+  function defineAsyncComponent(source) {
+      if (isFunction(source)) {
+          source = { loader: source };
+      }
+      const { loader, loadingComponent, errorComponent, delay = 200, timeout, // undefined = never times out
+      suspensible = true, onError: userOnError } = source;
+      let pendingRequest = null;
+      let resolvedComp;
+      let retries = 0;
+      const retry = () => {
+          retries++;
+          pendingRequest = null;
+          return load();
+      };
+      const load = () => {
+          let thisRequest;
+          return (pendingRequest ||
+              (thisRequest = pendingRequest =
+                  loader()
+                      .catch(err => {
+                      err = err instanceof Error ? err : new Error(String(err));
+                      if (userOnError) {
+                          return new Promise((resolve, reject) => {
+                              const userRetry = () => resolve(retry());
+                              const userFail = () => reject(err);
+                              userOnError(err, userRetry, userFail, retries + 1);
+                          });
+                      }
+                      else {
+                          throw err;
+                      }
+                  })
+                      .then((comp) => {
+                      if (thisRequest !== pendingRequest && pendingRequest) {
+                          return pendingRequest;
+                      }
+                      if (!comp) {
+                          warn$1(`Async component loader resolved to undefined. ` +
+                              `If you are using retry(), make sure to return its return value.`);
+                      }
+                      // interop module default
+                      if (comp &&
+                          (comp.__esModule || comp[Symbol.toStringTag] === 'Module')) {
+                          comp = comp.default;
+                      }
+                      if (comp && !isObject(comp) && !isFunction(comp)) {
+                          throw new Error(`Invalid async component load result: ${comp}`);
+                      }
+                      resolvedComp = comp;
+                      return comp;
+                  })));
+      };
+      return defineComponent({
+          name: 'AsyncComponentWrapper',
+          __asyncLoader: load,
+          get __asyncResolved() {
+              return resolvedComp;
+          },
+          setup() {
+              const instance = currentInstance;
+              // already resolved
+              if (resolvedComp) {
+                  return () => createInnerComp(resolvedComp, instance);
+              }
+              const onError = (err) => {
+                  pendingRequest = null;
+                  handleError(err, instance, 13 /* ASYNC_COMPONENT_LOADER */, !errorComponent /* do not throw in dev if user provided error component */);
+              };
+              // suspense-controlled or SSR.
+              if ((suspensible && instance.suspense) ||
+                  (false )) {
+                  return load()
+                      .then(comp => {
+                      return () => createInnerComp(comp, instance);
+                  })
+                      .catch(err => {
+                      onError(err);
+                      return () => errorComponent
+                          ? createVNode(errorComponent, {
+                              error: err
+                          })
+                          : null;
+                  });
+              }
+              const loaded = ref(false);
+              const error = ref();
+              const delayed = ref(!!delay);
+              if (delay) {
+                  setTimeout(() => {
+                      delayed.value = false;
+                  }, delay);
+              }
+              if (timeout != null) {
+                  setTimeout(() => {
+                      if (!loaded.value && !error.value) {
+                          const err = new Error(`Async component timed out after ${timeout}ms.`);
+                          onError(err);
+                          error.value = err;
+                      }
+                  }, timeout);
+              }
+              load()
+                  .then(() => {
+                  loaded.value = true;
+                  if (instance.parent && isKeepAlive(instance.parent.vnode)) {
+                      // parent is keep-alive, force update so the loaded component's
+                      // name is taken into account
+                      queueJob(instance.parent.update);
+                  }
+              })
+                  .catch(err => {
+                  onError(err);
+                  error.value = err;
+              });
+              return () => {
+                  if (loaded.value && resolvedComp) {
+                      return createInnerComp(resolvedComp, instance);
+                  }
+                  else if (error.value && errorComponent) {
+                      return createVNode(errorComponent, {
+                          error: error.value
+                      });
+                  }
+                  else if (loadingComponent && !delayed.value) {
+                      return createVNode(loadingComponent);
+                  }
+              };
+          }
+      });
+  }
+  function createInnerComp(comp, { vnode: { ref, props, children } }) {
+      const vnode = createVNode(comp, props, children);
+      // ensure inner component inherits the async wrapper's ref owner
+      vnode.ref = ref;
+      return vnode;
+  }
+
   const isKeepAlive = (vnode) => vnode.type.__isKeepAlive;
   const KeepAliveImpl = {
       name: `KeepAlive`,
@@ -3620,31 +3474,38 @@ var Vue = (function (exports) {
       // check directly on KeepAlive in the renderer, because importing it directly
       // would prevent it from being tree-shaken.
       __isKeepAlive: true,
-      inheritRef: true,
       props: {
           include: [String, RegExp, Array],
           exclude: [String, RegExp, Array],
           max: [String, Number]
       },
       setup(props, { slots }) {
-          const cache = new Map();
-          const keys = new Set();
-          let current = null;
           const instance = getCurrentInstance();
-          const parentSuspense = instance.suspense;
           // KeepAlive communicates with the instantiated renderer via the
           // ctx where the renderer passes in its internals,
           // and the KeepAlive instance exposes activate/deactivate implementations.
           // The whole point of this is to avoid importing KeepAlive directly in the
           // renderer to facilitate tree-shaking.
           const sharedContext = instance.ctx;
+          // if the internal renderer is not registered, it indicates that this is server-side rendering,
+          // for KeepAlive, we just need to render its children
+          if (!sharedContext.renderer) {
+              return slots.default;
+          }
+          const cache = new Map();
+          const keys = new Set();
+          let current = null;
+          {
+              instance.__v_cache = cache;
+          }
+          const parentSuspense = instance.suspense;
           const { renderer: { p: patch, m: move, um: _unmount, o: { createElement } } } = sharedContext;
           const storageContainer = createElement('div');
           sharedContext.activate = (vnode, container, anchor, isSVG, optimized) => {
               const instance = vnode.component;
               move(vnode, container, anchor, 0 /* ENTER */, parentSuspense);
               // in case props have changed
-              patch(instance.vnode, vnode, container, anchor, instance, parentSuspense, isSVG, optimized);
+              patch(instance.vnode, vnode, container, anchor, instance, parentSuspense, isSVG, vnode.slotScopeIds, optimized);
               queuePostRenderEffect(() => {
                   instance.isDeactivated = false;
                   if (instance.a) {
@@ -3655,6 +3516,10 @@ var Vue = (function (exports) {
                       invokeVNodeHook(vnodeHook, instance.parent, vnode);
                   }
               }, parentSuspense);
+              {
+                  // Update components tree
+                  devtoolsComponentAdded(instance);
+              }
           };
           sharedContext.deactivate = (vnode) => {
               const instance = vnode.component;
@@ -3669,6 +3534,10 @@ var Vue = (function (exports) {
                   }
                   instance.isDeactivated = true;
               }, parentSuspense);
+              {
+                  // Update components tree
+                  devtoolsComponentAdded(instance);
+              }
           };
           function unmount(vnode) {
               // reset the shapeFlag so it can be properly unmounted
@@ -3677,7 +3546,7 @@ var Vue = (function (exports) {
           }
           function pruneCache(filter) {
               cache.forEach((vnode, key) => {
-                  const name = getName(vnode.type);
+                  const name = getComponentName(vnode.type);
                   if (name && (!filter || !filter(name))) {
                       pruneCacheEntry(key);
                   }
@@ -3702,7 +3571,7 @@ var Vue = (function (exports) {
               exclude && pruneCache(name => !matches(exclude, name));
           }, 
           // prune post-render after `current` has been updated
-          { flush: 'post' });
+          { flush: 'post', deep: true });
           // cache sub tree after render
           let pendingCacheKey = null;
           const cacheSubtree = () => {
@@ -3737,7 +3606,7 @@ var Vue = (function (exports) {
               const rawVNode = children[0];
               if (children.length > 1) {
                   {
-                      warn(`KeepAlive should contain exactly one component child.`);
+                      warn$1(`KeepAlive should contain exactly one component child.`);
                   }
                   current = null;
                   return children;
@@ -3750,7 +3619,11 @@ var Vue = (function (exports) {
               }
               let vnode = getInnerChild(rawVNode);
               const comp = vnode.type;
-              const name = getName(comp);
+              // for async components, name check should be based in its loaded
+              // inner component if available
+              const name = getComponentName(isAsyncWrapper(vnode)
+                  ? vnode.type.__asyncResolved || {}
+                  : comp);
               const { include, exclude, max } = props;
               if ((include && (!name || !matches(include, name))) ||
                   (exclude && name && matches(exclude, name))) {
@@ -3803,9 +3676,6 @@ var Vue = (function (exports) {
   // export the public type for h/tsx inference
   // also to avoid inline import() in generated d.ts files
   const KeepAlive = KeepAliveImpl;
-  function getName(comp) {
-      return comp.displayName || comp.name;
-  }
   function matches(pattern, name) {
       if (isArray(pattern)) {
           return pattern.some((p) => matches(p, name));
@@ -3879,19 +3749,925 @@ var Vue = (function (exports) {
       return vnode.shapeFlag & 128 /* SUSPENSE */ ? vnode.ssContent : vnode;
   }
 
+  function injectHook(type, hook, target = currentInstance, prepend = false) {
+      if (target) {
+          const hooks = target[type] || (target[type] = []);
+          // cache the error handling wrapper for injected hooks so the same hook
+          // can be properly deduped by the scheduler. "__weh" stands for "with error
+          // handling".
+          const wrappedHook = hook.__weh ||
+              (hook.__weh = (...args) => {
+                  if (target.isUnmounted) {
+                      return;
+                  }
+                  // disable tracking inside all lifecycle hooks
+                  // since they can potentially be called inside effects.
+                  pauseTracking();
+                  // Set currentInstance during hook invocation.
+                  // This assumes the hook does not synchronously trigger other hooks, which
+                  // can only be false when the user does something really funky.
+                  setCurrentInstance(target);
+                  const res = callWithAsyncErrorHandling(hook, target, type, args);
+                  unsetCurrentInstance();
+                  resetTracking();
+                  return res;
+              });
+          if (prepend) {
+              hooks.unshift(wrappedHook);
+          }
+          else {
+              hooks.push(wrappedHook);
+          }
+          return wrappedHook;
+      }
+      else {
+          const apiName = toHandlerKey(ErrorTypeStrings[type].replace(/ hook$/, ''));
+          warn$1(`${apiName} is called when there is no active component instance to be ` +
+              `associated with. ` +
+              `Lifecycle injection APIs can only be used during execution of setup().` +
+              (` If you are using async setup(), make sure to register lifecycle ` +
+                      `hooks before the first await statement.`
+                  ));
+      }
+  }
+  const createHook = (lifecycle) => (hook, target = currentInstance) => 
+  // post-create lifecycle registrations are noops during SSR (except for serverPrefetch)
+  (!isInSSRComponentSetup || lifecycle === "sp" /* SERVER_PREFETCH */) &&
+      injectHook(lifecycle, hook, target);
+  const onBeforeMount = createHook("bm" /* BEFORE_MOUNT */);
+  const onMounted = createHook("m" /* MOUNTED */);
+  const onBeforeUpdate = createHook("bu" /* BEFORE_UPDATE */);
+  const onUpdated = createHook("u" /* UPDATED */);
+  const onBeforeUnmount = createHook("bum" /* BEFORE_UNMOUNT */);
+  const onUnmounted = createHook("um" /* UNMOUNTED */);
+  const onServerPrefetch = createHook("sp" /* SERVER_PREFETCH */);
+  const onRenderTriggered = createHook("rtg" /* RENDER_TRIGGERED */);
+  const onRenderTracked = createHook("rtc" /* RENDER_TRACKED */);
+  function onErrorCaptured(hook, target = currentInstance) {
+      injectHook("ec" /* ERROR_CAPTURED */, hook, target);
+  }
+
+  function createDuplicateChecker() {
+      const cache = Object.create(null);
+      return (type, key) => {
+          if (cache[key]) {
+              warn$1(`${type} property "${key}" is already defined in ${cache[key]}.`);
+          }
+          else {
+              cache[key] = type;
+          }
+      };
+  }
+  let shouldCacheAccess = true;
+  function applyOptions(instance) {
+      const options = resolveMergedOptions(instance);
+      const publicThis = instance.proxy;
+      const ctx = instance.ctx;
+      // do not cache property access on public proxy during state initialization
+      shouldCacheAccess = false;
+      // call beforeCreate first before accessing other options since
+      // the hook may mutate resolved options (#2791)
+      if (options.beforeCreate) {
+          callHook(options.beforeCreate, instance, "bc" /* BEFORE_CREATE */);
+      }
+      const { 
+      // state
+      data: dataOptions, computed: computedOptions, methods, watch: watchOptions, provide: provideOptions, inject: injectOptions, 
+      // lifecycle
+      created, beforeMount, mounted, beforeUpdate, updated, activated, deactivated, beforeDestroy, beforeUnmount, destroyed, unmounted, render, renderTracked, renderTriggered, errorCaptured, serverPrefetch, 
+      // public API
+      expose, inheritAttrs, 
+      // assets
+      components, directives, filters } = options;
+      const checkDuplicateProperties = createDuplicateChecker() ;
+      {
+          const [propsOptions] = instance.propsOptions;
+          if (propsOptions) {
+              for (const key in propsOptions) {
+                  checkDuplicateProperties("Props" /* PROPS */, key);
+              }
+          }
+      }
+      // options initialization order (to be consistent with Vue 2):
+      // - props (already done outside of this function)
+      // - inject
+      // - methods
+      // - data (deferred since it relies on `this` access)
+      // - computed
+      // - watch (deferred since it relies on `this` access)
+      if (injectOptions) {
+          resolveInjections(injectOptions, ctx, checkDuplicateProperties, instance.appContext.config.unwrapInjectedRef);
+      }
+      if (methods) {
+          for (const key in methods) {
+              const methodHandler = methods[key];
+              if (isFunction(methodHandler)) {
+                  // In dev mode, we use the `createRenderContext` function to define
+                  // methods to the proxy target, and those are read-only but
+                  // reconfigurable, so it needs to be redefined here
+                  {
+                      Object.defineProperty(ctx, key, {
+                          value: methodHandler.bind(publicThis),
+                          configurable: true,
+                          enumerable: true,
+                          writable: true
+                      });
+                  }
+                  {
+                      checkDuplicateProperties("Methods" /* METHODS */, key);
+                  }
+              }
+              else {
+                  warn$1(`Method "${key}" has type "${typeof methodHandler}" in the component definition. ` +
+                      `Did you reference the function correctly?`);
+              }
+          }
+      }
+      if (dataOptions) {
+          if (!isFunction(dataOptions)) {
+              warn$1(`The data option must be a function. ` +
+                  `Plain object usage is no longer supported.`);
+          }
+          const data = dataOptions.call(publicThis, publicThis);
+          if (isPromise(data)) {
+              warn$1(`data() returned a Promise - note data() cannot be async; If you ` +
+                  `intend to perform data fetching before component renders, use ` +
+                  `async setup() + <Suspense>.`);
+          }
+          if (!isObject(data)) {
+              warn$1(`data() should return an object.`);
+          }
+          else {
+              instance.data = reactive(data);
+              {
+                  for (const key in data) {
+                      checkDuplicateProperties("Data" /* DATA */, key);
+                      // expose data on ctx during dev
+                      if (key[0] !== '$' && key[0] !== '_') {
+                          Object.defineProperty(ctx, key, {
+                              configurable: true,
+                              enumerable: true,
+                              get: () => data[key],
+                              set: NOOP
+                          });
+                      }
+                  }
+              }
+          }
+      }
+      // state initialization complete at this point - start caching access
+      shouldCacheAccess = true;
+      if (computedOptions) {
+          for (const key in computedOptions) {
+              const opt = computedOptions[key];
+              const get = isFunction(opt)
+                  ? opt.bind(publicThis, publicThis)
+                  : isFunction(opt.get)
+                      ? opt.get.bind(publicThis, publicThis)
+                      : NOOP;
+              if (get === NOOP) {
+                  warn$1(`Computed property "${key}" has no getter.`);
+              }
+              const set = !isFunction(opt) && isFunction(opt.set)
+                  ? opt.set.bind(publicThis)
+                  : () => {
+                          warn$1(`Write operation failed: computed property "${key}" is readonly.`);
+                      }
+                      ;
+              const c = computed({
+                  get,
+                  set
+              });
+              Object.defineProperty(ctx, key, {
+                  enumerable: true,
+                  configurable: true,
+                  get: () => c.value,
+                  set: v => (c.value = v)
+              });
+              {
+                  checkDuplicateProperties("Computed" /* COMPUTED */, key);
+              }
+          }
+      }
+      if (watchOptions) {
+          for (const key in watchOptions) {
+              createWatcher(watchOptions[key], ctx, publicThis, key);
+          }
+      }
+      if (provideOptions) {
+          const provides = isFunction(provideOptions)
+              ? provideOptions.call(publicThis)
+              : provideOptions;
+          Reflect.ownKeys(provides).forEach(key => {
+              provide(key, provides[key]);
+          });
+      }
+      if (created) {
+          callHook(created, instance, "c" /* CREATED */);
+      }
+      function registerLifecycleHook(register, hook) {
+          if (isArray(hook)) {
+              hook.forEach(_hook => register(_hook.bind(publicThis)));
+          }
+          else if (hook) {
+              register(hook.bind(publicThis));
+          }
+      }
+      registerLifecycleHook(onBeforeMount, beforeMount);
+      registerLifecycleHook(onMounted, mounted);
+      registerLifecycleHook(onBeforeUpdate, beforeUpdate);
+      registerLifecycleHook(onUpdated, updated);
+      registerLifecycleHook(onActivated, activated);
+      registerLifecycleHook(onDeactivated, deactivated);
+      registerLifecycleHook(onErrorCaptured, errorCaptured);
+      registerLifecycleHook(onRenderTracked, renderTracked);
+      registerLifecycleHook(onRenderTriggered, renderTriggered);
+      registerLifecycleHook(onBeforeUnmount, beforeUnmount);
+      registerLifecycleHook(onUnmounted, unmounted);
+      registerLifecycleHook(onServerPrefetch, serverPrefetch);
+      if (isArray(expose)) {
+          if (expose.length) {
+              const exposed = instance.exposed || (instance.exposed = {});
+              expose.forEach(key => {
+                  Object.defineProperty(exposed, key, {
+                      get: () => publicThis[key],
+                      set: val => (publicThis[key] = val)
+                  });
+              });
+          }
+          else if (!instance.exposed) {
+              instance.exposed = {};
+          }
+      }
+      // options that are handled when creating the instance but also need to be
+      // applied from mixins
+      if (render && instance.render === NOOP) {
+          instance.render = render;
+      }
+      if (inheritAttrs != null) {
+          instance.inheritAttrs = inheritAttrs;
+      }
+      // asset options.
+      if (components)
+          instance.components = components;
+      if (directives)
+          instance.directives = directives;
+  }
+  function resolveInjections(injectOptions, ctx, checkDuplicateProperties = NOOP, unwrapRef = false) {
+      if (isArray(injectOptions)) {
+          injectOptions = normalizeInject(injectOptions);
+      }
+      for (const key in injectOptions) {
+          const opt = injectOptions[key];
+          let injected;
+          if (isObject(opt)) {
+              if ('default' in opt) {
+                  injected = inject(opt.from || key, opt.default, true /* treat default function as factory */);
+              }
+              else {
+                  injected = inject(opt.from || key);
+              }
+          }
+          else {
+              injected = inject(opt);
+          }
+          if (isRef(injected)) {
+              // TODO remove the check in 3.3
+              if (unwrapRef) {
+                  Object.defineProperty(ctx, key, {
+                      enumerable: true,
+                      configurable: true,
+                      get: () => injected.value,
+                      set: v => (injected.value = v)
+                  });
+              }
+              else {
+                  {
+                      warn$1(`injected property "${key}" is a ref and will be auto-unwrapped ` +
+                          `and no longer needs \`.value\` in the next minor release. ` +
+                          `To opt-in to the new behavior now, ` +
+                          `set \`app.config.unwrapInjectedRef = true\` (this config is ` +
+                          `temporary and will not be needed in the future.)`);
+                  }
+                  ctx[key] = injected;
+              }
+          }
+          else {
+              ctx[key] = injected;
+          }
+          {
+              checkDuplicateProperties("Inject" /* INJECT */, key);
+          }
+      }
+  }
+  function callHook(hook, instance, type) {
+      callWithAsyncErrorHandling(isArray(hook)
+          ? hook.map(h => h.bind(instance.proxy))
+          : hook.bind(instance.proxy), instance, type);
+  }
+  function createWatcher(raw, ctx, publicThis, key) {
+      const getter = key.includes('.')
+          ? createPathGetter(publicThis, key)
+          : () => publicThis[key];
+      if (isString(raw)) {
+          const handler = ctx[raw];
+          if (isFunction(handler)) {
+              watch(getter, handler);
+          }
+          else {
+              warn$1(`Invalid watch handler specified by key "${raw}"`, handler);
+          }
+      }
+      else if (isFunction(raw)) {
+          watch(getter, raw.bind(publicThis));
+      }
+      else if (isObject(raw)) {
+          if (isArray(raw)) {
+              raw.forEach(r => createWatcher(r, ctx, publicThis, key));
+          }
+          else {
+              const handler = isFunction(raw.handler)
+                  ? raw.handler.bind(publicThis)
+                  : ctx[raw.handler];
+              if (isFunction(handler)) {
+                  watch(getter, handler, raw);
+              }
+              else {
+                  warn$1(`Invalid watch handler specified by key "${raw.handler}"`, handler);
+              }
+          }
+      }
+      else {
+          warn$1(`Invalid watch option: "${key}"`, raw);
+      }
+  }
+  /**
+   * Resolve merged options and cache it on the component.
+   * This is done only once per-component since the merging does not involve
+   * instances.
+   */
+  function resolveMergedOptions(instance) {
+      const base = instance.type;
+      const { mixins, extends: extendsOptions } = base;
+      const { mixins: globalMixins, optionsCache: cache, config: { optionMergeStrategies } } = instance.appContext;
+      const cached = cache.get(base);
+      let resolved;
+      if (cached) {
+          resolved = cached;
+      }
+      else if (!globalMixins.length && !mixins && !extendsOptions) {
+          {
+              resolved = base;
+          }
+      }
+      else {
+          resolved = {};
+          if (globalMixins.length) {
+              globalMixins.forEach(m => mergeOptions(resolved, m, optionMergeStrategies, true));
+          }
+          mergeOptions(resolved, base, optionMergeStrategies);
+      }
+      cache.set(base, resolved);
+      return resolved;
+  }
+  function mergeOptions(to, from, strats, asMixin = false) {
+      const { mixins, extends: extendsOptions } = from;
+      if (extendsOptions) {
+          mergeOptions(to, extendsOptions, strats, true);
+      }
+      if (mixins) {
+          mixins.forEach((m) => mergeOptions(to, m, strats, true));
+      }
+      for (const key in from) {
+          if (asMixin && key === 'expose') {
+              warn$1(`"expose" option is ignored when declared in mixins or extends. ` +
+                      `It should only be declared in the base component itself.`);
+          }
+          else {
+              const strat = internalOptionMergeStrats[key] || (strats && strats[key]);
+              to[key] = strat ? strat(to[key], from[key]) : from[key];
+          }
+      }
+      return to;
+  }
+  const internalOptionMergeStrats = {
+      data: mergeDataFn,
+      props: mergeObjectOptions,
+      emits: mergeObjectOptions,
+      // objects
+      methods: mergeObjectOptions,
+      computed: mergeObjectOptions,
+      // lifecycle
+      beforeCreate: mergeAsArray,
+      created: mergeAsArray,
+      beforeMount: mergeAsArray,
+      mounted: mergeAsArray,
+      beforeUpdate: mergeAsArray,
+      updated: mergeAsArray,
+      beforeDestroy: mergeAsArray,
+      destroyed: mergeAsArray,
+      activated: mergeAsArray,
+      deactivated: mergeAsArray,
+      errorCaptured: mergeAsArray,
+      serverPrefetch: mergeAsArray,
+      // assets
+      components: mergeObjectOptions,
+      directives: mergeObjectOptions,
+      // watch
+      watch: mergeWatchOptions,
+      // provide / inject
+      provide: mergeDataFn,
+      inject: mergeInject
+  };
+  function mergeDataFn(to, from) {
+      if (!from) {
+          return to;
+      }
+      if (!to) {
+          return from;
+      }
+      return function mergedDataFn() {
+          return (extend)(isFunction(to) ? to.call(this, this) : to, isFunction(from) ? from.call(this, this) : from);
+      };
+  }
+  function mergeInject(to, from) {
+      return mergeObjectOptions(normalizeInject(to), normalizeInject(from));
+  }
+  function normalizeInject(raw) {
+      if (isArray(raw)) {
+          const res = {};
+          for (let i = 0; i < raw.length; i++) {
+              res[raw[i]] = raw[i];
+          }
+          return res;
+      }
+      return raw;
+  }
+  function mergeAsArray(to, from) {
+      return to ? [...new Set([].concat(to, from))] : from;
+  }
+  function mergeObjectOptions(to, from) {
+      return to ? extend(extend(Object.create(null), to), from) : from;
+  }
+  function mergeWatchOptions(to, from) {
+      if (!to)
+          return from;
+      if (!from)
+          return to;
+      const merged = extend(Object.create(null), to);
+      for (const key in from) {
+          merged[key] = mergeAsArray(to[key], from[key]);
+      }
+      return merged;
+  }
+
+  function initProps(instance, rawProps, isStateful, // result of bitwise flag comparison
+  isSSR = false) {
+      const props = {};
+      const attrs = {};
+      def(attrs, InternalObjectKey, 1);
+      instance.propsDefaults = Object.create(null);
+      setFullProps(instance, rawProps, props, attrs);
+      // ensure all declared prop keys are present
+      for (const key in instance.propsOptions[0]) {
+          if (!(key in props)) {
+              props[key] = undefined;
+          }
+      }
+      // validation
+      {
+          validateProps(rawProps || {}, props, instance);
+      }
+      if (isStateful) {
+          // stateful
+          instance.props = isSSR ? props : shallowReactive(props);
+      }
+      else {
+          if (!instance.type.props) {
+              // functional w/ optional props, props === attrs
+              instance.props = attrs;
+          }
+          else {
+              // functional w/ declared props
+              instance.props = props;
+          }
+      }
+      instance.attrs = attrs;
+  }
+  function updateProps(instance, rawProps, rawPrevProps, optimized) {
+      const { props, attrs, vnode: { patchFlag } } = instance;
+      const rawCurrentProps = toRaw(props);
+      const [options] = instance.propsOptions;
+      let hasAttrsChanged = false;
+      if (
+      // always force full diff in dev
+      // - #1942 if hmr is enabled with sfc component
+      // - vite#872 non-sfc component used by sfc component
+      !((instance.type.__hmrId ||
+              (instance.parent && instance.parent.type.__hmrId))) &&
+          (optimized || patchFlag > 0) &&
+          !(patchFlag & 16 /* FULL_PROPS */)) {
+          if (patchFlag & 8 /* PROPS */) {
+              // Compiler-generated props & no keys change, just set the updated
+              // the props.
+              const propsToUpdate = instance.vnode.dynamicProps;
+              for (let i = 0; i < propsToUpdate.length; i++) {
+                  let key = propsToUpdate[i];
+                  // PROPS flag guarantees rawProps to be non-null
+                  const value = rawProps[key];
+                  if (options) {
+                      // attr / props separation was done on init and will be consistent
+                      // in this code path, so just check if attrs have it.
+                      if (hasOwn(attrs, key)) {
+                          if (value !== attrs[key]) {
+                              attrs[key] = value;
+                              hasAttrsChanged = true;
+                          }
+                      }
+                      else {
+                          const camelizedKey = camelize(key);
+                          props[camelizedKey] = resolvePropValue(options, rawCurrentProps, camelizedKey, value, instance, false /* isAbsent */);
+                      }
+                  }
+                  else {
+                      if (value !== attrs[key]) {
+                          attrs[key] = value;
+                          hasAttrsChanged = true;
+                      }
+                  }
+              }
+          }
+      }
+      else {
+          // full props update.
+          if (setFullProps(instance, rawProps, props, attrs)) {
+              hasAttrsChanged = true;
+          }
+          // in case of dynamic props, check if we need to delete keys from
+          // the props object
+          let kebabKey;
+          for (const key in rawCurrentProps) {
+              if (!rawProps ||
+                  // for camelCase
+                  (!hasOwn(rawProps, key) &&
+                      // it's possible the original props was passed in as kebab-case
+                      // and converted to camelCase (#955)
+                      ((kebabKey = hyphenate(key)) === key || !hasOwn(rawProps, kebabKey)))) {
+                  if (options) {
+                      if (rawPrevProps &&
+                          // for camelCase
+                          (rawPrevProps[key] !== undefined ||
+                              // for kebab-case
+                              rawPrevProps[kebabKey] !== undefined)) {
+                          props[key] = resolvePropValue(options, rawCurrentProps, key, undefined, instance, true /* isAbsent */);
+                      }
+                  }
+                  else {
+                      delete props[key];
+                  }
+              }
+          }
+          // in the case of functional component w/o props declaration, props and
+          // attrs point to the same object so it should already have been updated.
+          if (attrs !== rawCurrentProps) {
+              for (const key in attrs) {
+                  if (!rawProps || !hasOwn(rawProps, key)) {
+                      delete attrs[key];
+                      hasAttrsChanged = true;
+                  }
+              }
+          }
+      }
+      // trigger updates for $attrs in case it's used in component slots
+      if (hasAttrsChanged) {
+          trigger(instance, "set" /* SET */, '$attrs');
+      }
+      {
+          validateProps(rawProps || {}, props, instance);
+      }
+  }
+  function setFullProps(instance, rawProps, props, attrs) {
+      const [options, needCastKeys] = instance.propsOptions;
+      let hasAttrsChanged = false;
+      let rawCastValues;
+      if (rawProps) {
+          for (let key in rawProps) {
+              // key, ref are reserved and never passed down
+              if (isReservedProp(key)) {
+                  continue;
+              }
+              const value = rawProps[key];
+              // prop option names are camelized during normalization, so to support
+              // kebab -> camel conversion here we need to camelize the key.
+              let camelKey;
+              if (options && hasOwn(options, (camelKey = camelize(key)))) {
+                  if (!needCastKeys || !needCastKeys.includes(camelKey)) {
+                      props[camelKey] = value;
+                  }
+                  else {
+                      (rawCastValues || (rawCastValues = {}))[camelKey] = value;
+                  }
+              }
+              else if (!isEmitListener(instance.emitsOptions, key)) {
+                  if (value !== attrs[key]) {
+                      attrs[key] = value;
+                      hasAttrsChanged = true;
+                  }
+              }
+          }
+      }
+      if (needCastKeys) {
+          const rawCurrentProps = toRaw(props);
+          const castValues = rawCastValues || EMPTY_OBJ;
+          for (let i = 0; i < needCastKeys.length; i++) {
+              const key = needCastKeys[i];
+              props[key] = resolvePropValue(options, rawCurrentProps, key, castValues[key], instance, !hasOwn(castValues, key));
+          }
+      }
+      return hasAttrsChanged;
+  }
+  function resolvePropValue(options, props, key, value, instance, isAbsent) {
+      const opt = options[key];
+      if (opt != null) {
+          const hasDefault = hasOwn(opt, 'default');
+          // default values
+          if (hasDefault && value === undefined) {
+              const defaultValue = opt.default;
+              if (opt.type !== Function && isFunction(defaultValue)) {
+                  const { propsDefaults } = instance;
+                  if (key in propsDefaults) {
+                      value = propsDefaults[key];
+                  }
+                  else {
+                      setCurrentInstance(instance);
+                      value = propsDefaults[key] = defaultValue.call(null, props);
+                      unsetCurrentInstance();
+                  }
+              }
+              else {
+                  value = defaultValue;
+              }
+          }
+          // boolean casting
+          if (opt[0 /* shouldCast */]) {
+              if (isAbsent && !hasDefault) {
+                  value = false;
+              }
+              else if (opt[1 /* shouldCastTrue */] &&
+                  (value === '' || value === hyphenate(key))) {
+                  value = true;
+              }
+          }
+      }
+      return value;
+  }
+  function normalizePropsOptions(comp, appContext, asMixin = false) {
+      const cache = appContext.propsCache;
+      const cached = cache.get(comp);
+      if (cached) {
+          return cached;
+      }
+      const raw = comp.props;
+      const normalized = {};
+      const needCastKeys = [];
+      // apply mixin/extends props
+      let hasExtends = false;
+      if (!isFunction(comp)) {
+          const extendProps = (raw) => {
+              hasExtends = true;
+              const [props, keys] = normalizePropsOptions(raw, appContext, true);
+              extend(normalized, props);
+              if (keys)
+                  needCastKeys.push(...keys);
+          };
+          if (!asMixin && appContext.mixins.length) {
+              appContext.mixins.forEach(extendProps);
+          }
+          if (comp.extends) {
+              extendProps(comp.extends);
+          }
+          if (comp.mixins) {
+              comp.mixins.forEach(extendProps);
+          }
+      }
+      if (!raw && !hasExtends) {
+          cache.set(comp, EMPTY_ARR);
+          return EMPTY_ARR;
+      }
+      if (isArray(raw)) {
+          for (let i = 0; i < raw.length; i++) {
+              if (!isString(raw[i])) {
+                  warn$1(`props must be strings when using array syntax.`, raw[i]);
+              }
+              const normalizedKey = camelize(raw[i]);
+              if (validatePropName(normalizedKey)) {
+                  normalized[normalizedKey] = EMPTY_OBJ;
+              }
+          }
+      }
+      else if (raw) {
+          if (!isObject(raw)) {
+              warn$1(`invalid props options`, raw);
+          }
+          for (const key in raw) {
+              const normalizedKey = camelize(key);
+              if (validatePropName(normalizedKey)) {
+                  const opt = raw[key];
+                  const prop = (normalized[normalizedKey] =
+                      isArray(opt) || isFunction(opt) ? { type: opt } : opt);
+                  if (prop) {
+                      const booleanIndex = getTypeIndex(Boolean, prop.type);
+                      const stringIndex = getTypeIndex(String, prop.type);
+                      prop[0 /* shouldCast */] = booleanIndex > -1;
+                      prop[1 /* shouldCastTrue */] =
+                          stringIndex < 0 || booleanIndex < stringIndex;
+                      // if the prop needs boolean casting or default value
+                      if (booleanIndex > -1 || hasOwn(prop, 'default')) {
+                          needCastKeys.push(normalizedKey);
+                      }
+                  }
+              }
+          }
+      }
+      const res = [normalized, needCastKeys];
+      cache.set(comp, res);
+      return res;
+  }
+  function validatePropName(key) {
+      if (key[0] !== '$') {
+          return true;
+      }
+      else {
+          warn$1(`Invalid prop name: "${key}" is a reserved property.`);
+      }
+      return false;
+  }
+  // use function string name to check type constructors
+  // so that it works across vms / iframes.
+  function getType(ctor) {
+      const match = ctor && ctor.toString().match(/^\s*function (\w+)/);
+      return match ? match[1] : ctor === null ? 'null' : '';
+  }
+  function isSameType(a, b) {
+      return getType(a) === getType(b);
+  }
+  function getTypeIndex(type, expectedTypes) {
+      if (isArray(expectedTypes)) {
+          return expectedTypes.findIndex(t => isSameType(t, type));
+      }
+      else if (isFunction(expectedTypes)) {
+          return isSameType(expectedTypes, type) ? 0 : -1;
+      }
+      return -1;
+  }
+  /**
+   * dev only
+   */
+  function validateProps(rawProps, props, instance) {
+      const resolvedValues = toRaw(props);
+      const options = instance.propsOptions[0];
+      for (const key in options) {
+          let opt = options[key];
+          if (opt == null)
+              continue;
+          validateProp(key, resolvedValues[key], opt, !hasOwn(rawProps, key) && !hasOwn(rawProps, hyphenate(key)));
+      }
+  }
+  /**
+   * dev only
+   */
+  function validateProp(name, value, prop, isAbsent) {
+      const { type, required, validator } = prop;
+      // required!
+      if (required && isAbsent) {
+          warn$1('Missing required prop: "' + name + '"');
+          return;
+      }
+      // missing but optional
+      if (value == null && !prop.required) {
+          return;
+      }
+      // type check
+      if (type != null && type !== true) {
+          let isValid = false;
+          const types = isArray(type) ? type : [type];
+          const expectedTypes = [];
+          // value is valid as long as one of the specified types match
+          for (let i = 0; i < types.length && !isValid; i++) {
+              const { valid, expectedType } = assertType(value, types[i]);
+              expectedTypes.push(expectedType || '');
+              isValid = valid;
+          }
+          if (!isValid) {
+              warn$1(getInvalidTypeMessage(name, value, expectedTypes));
+              return;
+          }
+      }
+      // custom validator
+      if (validator && !validator(value)) {
+          warn$1('Invalid prop: custom validator check failed for prop "' + name + '".');
+      }
+  }
+  const isSimpleType = /*#__PURE__*/ makeMap('String,Number,Boolean,Function,Symbol,BigInt');
+  /**
+   * dev only
+   */
+  function assertType(value, type) {
+      let valid;
+      const expectedType = getType(type);
+      if (isSimpleType(expectedType)) {
+          const t = typeof value;
+          valid = t === expectedType.toLowerCase();
+          // for primitive wrapper objects
+          if (!valid && t === 'object') {
+              valid = value instanceof type;
+          }
+      }
+      else if (expectedType === 'Object') {
+          valid = isObject(value);
+      }
+      else if (expectedType === 'Array') {
+          valid = isArray(value);
+      }
+      else if (expectedType === 'null') {
+          valid = value === null;
+      }
+      else {
+          valid = value instanceof type;
+      }
+      return {
+          valid,
+          expectedType
+      };
+  }
+  /**
+   * dev only
+   */
+  function getInvalidTypeMessage(name, value, expectedTypes) {
+      let message = `Invalid prop: type check failed for prop "${name}".` +
+          ` Expected ${expectedTypes.map(capitalize).join(' | ')}`;
+      const expectedType = expectedTypes[0];
+      const receivedType = toRawType(value);
+      const expectedValue = styleValue(value, expectedType);
+      const receivedValue = styleValue(value, receivedType);
+      // check if we need to specify expected value
+      if (expectedTypes.length === 1 &&
+          isExplicable(expectedType) &&
+          !isBoolean(expectedType, receivedType)) {
+          message += ` with value ${expectedValue}`;
+      }
+      message += `, got ${receivedType} `;
+      // check if we need to specify received value
+      if (isExplicable(receivedType)) {
+          message += `with value ${receivedValue}.`;
+      }
+      return message;
+  }
+  /**
+   * dev only
+   */
+  function styleValue(value, type) {
+      if (type === 'String') {
+          return `"${value}"`;
+      }
+      else if (type === 'Number') {
+          return `${Number(value)}`;
+      }
+      else {
+          return `${value}`;
+      }
+  }
+  /**
+   * dev only
+   */
+  function isExplicable(type) {
+      const explicitTypes = ['string', 'number', 'boolean'];
+      return explicitTypes.some(elem => type.toLowerCase() === elem);
+  }
+  /**
+   * dev only
+   */
+  function isBoolean(...args) {
+      return args.some(elem => elem.toLowerCase() === 'boolean');
+  }
+
   const isInternalKey = (key) => key[0] === '_' || key === '$stable';
   const normalizeSlotValue = (value) => isArray(value)
       ? value.map(normalizeVNode)
       : [normalizeVNode(value)];
-  const normalizeSlot = (key, rawSlot, ctx) => withCtx((props) => {
-      if ( currentInstance) {
-          warn(`Slot "${key}" invoked outside of the render function: ` +
-              `this will not track dependencies used in the slot. ` +
-              `Invoke the slot function inside the render function instead.`);
-      }
-      return normalizeSlotValue(rawSlot(props));
-  }, ctx);
-  const normalizeObjectSlots = (rawSlots, slots) => {
+  const normalizeSlot = (key, rawSlot, ctx) => {
+      const normalized = withCtx((...args) => {
+          if (currentInstance) {
+              warn$1(`Slot "${key}" invoked outside of the render function: ` +
+                  `this will not track dependencies used in the slot. ` +
+                  `Invoke the slot function inside the render function instead.`);
+          }
+          return normalizeSlotValue(rawSlot(...args));
+      }, ctx);
+      normalized._c = false;
+      return normalized;
+  };
+  const normalizeObjectSlots = (rawSlots, slots, instance) => {
       const ctx = rawSlots._ctx;
       for (const key in rawSlots) {
           if (isInternalKey(key))
@@ -3902,7 +4678,7 @@ var Vue = (function (exports) {
           }
           else if (value != null) {
               {
-                  warn(`Non-function value encountered for slot "${key}". ` +
+                  warn$1(`Non-function value encountered for slot "${key}". ` +
                       `Prefer function slots for better performance.`);
               }
               const normalized = normalizeSlotValue(value);
@@ -3911,8 +4687,9 @@ var Vue = (function (exports) {
       }
   };
   const normalizeVNodeSlots = (instance, children) => {
-      if ( !isKeepAlive(instance.vnode)) {
-          warn(`Non-function value encountered for default slot. ` +
+      if (!isKeepAlive(instance.vnode) &&
+          !(false )) {
+          warn$1(`Non-function value encountered for default slot. ` +
               `Prefer function slots for better performance.`);
       }
       const normalized = normalizeSlotValue(children);
@@ -3922,7 +4699,9 @@ var Vue = (function (exports) {
       if (instance.vnode.shapeFlag & 32 /* SLOTS_CHILDREN */) {
           const type = children._;
           if (type) {
-              instance.slots = children;
+              // users can get the shallow readonly version of the slots object through `this.$slots`,
+              // we should avoid the proxy object polluting the slots of the internal instance
+              instance.slots = toRaw(children);
               // make compiler marker non-enumerable
               def(children, '_', type);
           }
@@ -3938,7 +4717,7 @@ var Vue = (function (exports) {
       }
       def(instance.slots, InternalObjectKey, 1);
   };
-  const updateSlots = (instance, children) => {
+  const updateSlots = (instance, children, optimized) => {
       const { vnode, slots } = instance;
       let needDeletionCheck = true;
       let deletionComparisonTarget = EMPTY_OBJ;
@@ -3946,12 +4725,12 @@ var Vue = (function (exports) {
           const type = children._;
           if (type) {
               // compiled slots.
-              if ( isHmrUpdating) {
+              if (isHmrUpdating) {
                   // Parent was HMR updated so slot content may have changed.
                   // force update slots and mark instance for hmr as well
                   extend(slots, children);
               }
-              else if (type === 1 /* STABLE */) {
+              else if (optimized && type === 1 /* STABLE */) {
                   // compiled AND stable.
                   // no need to update, and skip stale slots removal.
                   needDeletionCheck = false;
@@ -3960,6 +4739,13 @@ var Vue = (function (exports) {
                   // compiled but dynamic (v-if/v-for on slots) - update slots, but skip
                   // normalization.
                   extend(slots, children);
+                  // #2893
+                  // when rendering the optimized slots by manually written render function,
+                  // we need to delete the `slots._` flag if necessary to make subsequent updates reliable,
+                  // i.e. let the `renderSlot` create the bailed Fragment
+                  if (!optimized && type === 1 /* STABLE */) {
+                      delete slots._;
+                  }
               }
           }
           else {
@@ -3998,7 +4784,7 @@ var Vue = (function (exports) {
   const isBuiltInDirective = /*#__PURE__*/ makeMap('bind,cloak,else-if,else,for,html,if,model,on,once,pre,show,slot,text');
   function validateDirectiveName(name) {
       if (isBuiltInDirective(name)) {
-          warn('Do not use built-in directive ids as custom directive id: ' + name);
+          warn$1('Do not use built-in directive ids as custom directive id: ' + name);
       }
   }
   /**
@@ -4007,7 +4793,7 @@ var Vue = (function (exports) {
   function withDirectives(vnode, directives) {
       const internalInstance = currentRenderingInstance;
       if (internalInstance === null) {
-           warn(`withDirectives can only be used inside render functions.`);
+          warn$1(`withDirectives can only be used inside render functions.`);
           return vnode;
       }
       const instance = internalInstance.proxy;
@@ -4020,6 +4806,9 @@ var Vue = (function (exports) {
                   updated: dir
               };
           }
+          if (dir.deep) {
+              traverse(value);
+          }
           bindings.push({
               dir,
               instance,
@@ -4039,14 +4828,18 @@ var Vue = (function (exports) {
           if (oldBindings) {
               binding.oldValue = oldBindings[i].value;
           }
-          const hook = binding.dir[name];
+          let hook = binding.dir[name];
           if (hook) {
+              // disable tracking inside all lifecycle hooks
+              // since they can potentially be called inside effects.
+              pauseTracking();
               callWithAsyncErrorHandling(hook, instance, 8 /* DIRECTIVE_HOOK */, [
                   vnode.el,
                   binding,
                   vnode,
                   prevVNode
               ]);
+              resetTracking();
           }
       }
   }
@@ -4059,44 +4852,48 @@ var Vue = (function (exports) {
               performance: false,
               globalProperties: {},
               optionMergeStrategies: {},
-              isCustomElement: NO,
               errorHandler: undefined,
-              warnHandler: undefined
+              warnHandler: undefined,
+              compilerOptions: {}
           },
           mixins: [],
           components: {},
           directives: {},
-          provides: Object.create(null)
+          provides: Object.create(null),
+          optionsCache: new WeakMap(),
+          propsCache: new WeakMap(),
+          emitsCache: new WeakMap()
       };
   }
-  let uid$1 = 0;
+  let uid = 0;
   function createAppAPI(render, hydrate) {
       return function createApp(rootComponent, rootProps = null) {
           if (rootProps != null && !isObject(rootProps)) {
-               warn(`root props passed to app.mount() must be an object.`);
+              warn$1(`root props passed to app.mount() must be an object.`);
               rootProps = null;
           }
           const context = createAppContext();
           const installedPlugins = new Set();
           let isMounted = false;
           const app = (context.app = {
-              _uid: uid$1++,
+              _uid: uid++,
               _component: rootComponent,
               _props: rootProps,
               _container: null,
               _context: context,
+              _instance: null,
               version,
               get config() {
                   return context.config;
               },
               set config(v) {
                   {
-                      warn(`app.config cannot be replaced. Modify individual options instead.`);
+                      warn$1(`app.config cannot be replaced. Modify individual options instead.`);
                   }
               },
               use(plugin, ...options) {
                   if (installedPlugins.has(plugin)) {
-                       warn(`Plugin has already been applied to target app.`);
+                      warn$1(`Plugin has already been applied to target app.`);
                   }
                   else if (plugin && isFunction(plugin.install)) {
                       installedPlugins.add(plugin);
@@ -4107,7 +4904,7 @@ var Vue = (function (exports) {
                       plugin(app, ...options);
                   }
                   else {
-                      warn(`A plugin must either be a function or an object with an "install" ` +
+                      warn$1(`A plugin must either be a function or an object with an "install" ` +
                           `function.`);
                   }
                   return app;
@@ -4116,14 +4913,9 @@ var Vue = (function (exports) {
                   {
                       if (!context.mixins.includes(mixin)) {
                           context.mixins.push(mixin);
-                          // global mixin with props/emits de-optimizes props/emits
-                          // normalization caching.
-                          if (mixin.props || mixin.emits) {
-                              context.deopt = true;
-                          }
                       }
                       else {
-                          warn('Mixin has already been applied to target app' +
+                          warn$1('Mixin has already been applied to target app' +
                               (mixin.name ? `: ${mixin.name}` : ''));
                       }
                   }
@@ -4136,8 +4928,8 @@ var Vue = (function (exports) {
                   if (!component) {
                       return context.components[name];
                   }
-                  if ( context.components[name]) {
-                      warn(`Component "${name}" has already been registered in target app.`);
+                  if (context.components[name]) {
+                      warn$1(`Component "${name}" has already been registered in target app.`);
                   }
                   context.components[name] = component;
                   return app;
@@ -4149,13 +4941,13 @@ var Vue = (function (exports) {
                   if (!directive) {
                       return context.directives[name];
                   }
-                  if ( context.directives[name]) {
-                      warn(`Directive "${name}" has already been registered in target app.`);
+                  if (context.directives[name]) {
+                      warn$1(`Directive "${name}" has already been registered in target app.`);
                   }
                   context.directives[name] = directive;
                   return app;
               },
-              mount(rootContainer, isHydrate) {
+              mount(rootContainer, isHydrate, isSVG) {
                   if (!isMounted) {
                       const vnode = createVNode(rootComponent, rootProps);
                       // store app context on the root VNode.
@@ -4164,25 +4956,26 @@ var Vue = (function (exports) {
                       // HMR root reload
                       {
                           context.reload = () => {
-                              render(cloneVNode(vnode), rootContainer);
+                              render(cloneVNode(vnode), rootContainer, isSVG);
                           };
                       }
                       if (isHydrate && hydrate) {
                           hydrate(vnode, rootContainer);
                       }
                       else {
-                          render(vnode, rootContainer);
+                          render(vnode, rootContainer, isSVG);
                       }
                       isMounted = true;
                       app._container = rootContainer;
                       rootContainer.__vue_app__ = app;
                       {
+                          app._instance = vnode.component;
                           devtoolsInitApp(app, version);
                       }
                       return vnode.component.proxy;
                   }
                   else {
-                      warn(`App has already been mounted.\n` +
+                      warn$1(`App has already been mounted.\n` +
                           `If you want to remount the same app, move your app creation logic ` +
                           `into a factory function and create fresh app instances for each ` +
                           `mount - e.g. \`const createMyApp = () => createApp(App)\``);
@@ -4192,16 +4985,18 @@ var Vue = (function (exports) {
                   if (isMounted) {
                       render(null, app._container);
                       {
+                          app._instance = null;
                           devtoolsUnmountApp(app);
                       }
+                      delete app._container.__vue_app__;
                   }
                   else {
-                      warn(`Cannot unmount an app that is not mounted.`);
+                      warn$1(`Cannot unmount an app that is not mounted.`);
                   }
               },
               provide(key, value) {
-                  if ( key in context.provides) {
-                      warn(`App already provides property with key "${String(key)}". ` +
+                  if (key in context.provides) {
+                      warn$1(`App already provides property with key "${String(key)}". ` +
                           `It will be overwritten with the new value.`);
                   }
                   // TypeScript doesn't allow symbols as index type
@@ -4225,23 +5020,24 @@ var Vue = (function (exports) {
   function createHydrationFunctions(rendererInternals) {
       const { mt: mountComponent, p: patch, o: { patchProp, nextSibling, parentNode, remove, insert, createComment } } = rendererInternals;
       const hydrate = (vnode, container) => {
-          if ( !container.hasChildNodes()) {
-              warn(`Attempting to hydrate existing markup but container is empty. ` +
-                  `Performing full mount instead.`);
+          if (!container.hasChildNodes()) {
+              warn$1(`Attempting to hydrate existing markup but container is empty. ` +
+                      `Performing full mount instead.`);
               patch(null, vnode, container);
+              flushPostFlushCbs();
               return;
           }
           hasMismatch = false;
-          hydrateNode(container.firstChild, vnode, null, null);
+          hydrateNode(container.firstChild, vnode, null, null, null);
           flushPostFlushCbs();
           if (hasMismatch && !false) {
               // this error should show up in production
               console.error(`Hydration completed but contains mismatches.`);
           }
       };
-      const hydrateNode = (node, vnode, parentComponent, parentSuspense, optimized = false) => {
+      const hydrateNode = (node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized = false) => {
           const isFragmentStart = isComment(node) && node.data === '[';
-          const onMismatch = () => handleMismatch(node, vnode, parentComponent, parentSuspense, isFragmentStart);
+          const onMismatch = () => handleMismatch(node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragmentStart);
           const { type, ref, shapeFlag } = vnode;
           const domType = node.nodeType;
           vnode.el = node;
@@ -4254,8 +5050,7 @@ var Vue = (function (exports) {
                   else {
                       if (node.data !== vnode.children) {
                           hasMismatch = true;
-                          
-                              warn(`Hydration text mismatch:` +
+                          warn$1(`Hydration text mismatch:` +
                                   `\n- Client: ${JSON.stringify(node.data)}` +
                                   `\n- Server: ${JSON.stringify(vnode.children)}`);
                           node.data = vnode.children;
@@ -4263,7 +5058,7 @@ var Vue = (function (exports) {
                       nextNode = nextSibling(node);
                   }
                   break;
-              case Comment:
+              case Comment$1:
                   if (domType !== 8 /* COMMENT */ || isFragmentStart) {
                       nextNode = onMismatch();
                   }
@@ -4297,77 +5092,92 @@ var Vue = (function (exports) {
                       nextNode = onMismatch();
                   }
                   else {
-                      nextNode = hydrateFragment(node, vnode, parentComponent, parentSuspense, optimized);
+                      nextNode = hydrateFragment(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
                   }
                   break;
               default:
                   if (shapeFlag & 1 /* ELEMENT */) {
                       if (domType !== 1 /* ELEMENT */ ||
-                          vnode.type !== node.tagName.toLowerCase()) {
+                          vnode.type.toLowerCase() !==
+                              node.tagName.toLowerCase()) {
                           nextNode = onMismatch();
                       }
                       else {
-                          nextNode = hydrateElement(node, vnode, parentComponent, parentSuspense, optimized);
+                          nextNode = hydrateElement(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
                       }
                   }
                   else if (shapeFlag & 6 /* COMPONENT */) {
                       // when setting up the render effect, if the initial vnode already
                       // has .el set, the component will perform hydration instead of mount
                       // on its sub-tree.
+                      vnode.slotScopeIds = slotScopeIds;
                       const container = parentNode(node);
-                      const hydrateComponent = () => {
-                          mountComponent(vnode, container, null, parentComponent, parentSuspense, isSVGContainer(container), optimized);
-                      };
-                      // async component
-                      const loadAsync = vnode.type.__asyncLoader;
-                      if (loadAsync) {
-                          loadAsync().then(hydrateComponent);
-                      }
-                      else {
-                          hydrateComponent();
-                      }
+                      mountComponent(vnode, container, null, parentComponent, parentSuspense, isSVGContainer(container), optimized);
                       // component may be async, so in the case of fragments we cannot rely
                       // on component's rendered output to determine the end of the fragment
                       // instead, we do a lookahead to find the end anchor node.
                       nextNode = isFragmentStart
                           ? locateClosingAsyncAnchor(node)
                           : nextSibling(node);
+                      // #3787
+                      // if component is async, it may get moved / unmounted before its
+                      // inner component is loaded, so we need to give it a placeholder
+                      // vnode that matches its adopted DOM.
+                      if (isAsyncWrapper(vnode)) {
+                          let subTree;
+                          if (isFragmentStart) {
+                              subTree = createVNode(Fragment);
+                              subTree.anchor = nextNode
+                                  ? nextNode.previousSibling
+                                  : container.lastChild;
+                          }
+                          else {
+                              subTree =
+                                  node.nodeType === 3 ? createTextVNode('') : createVNode('div');
+                          }
+                          subTree.el = node;
+                          vnode.component.subTree = subTree;
+                      }
                   }
                   else if (shapeFlag & 64 /* TELEPORT */) {
                       if (domType !== 8 /* COMMENT */) {
                           nextNode = onMismatch();
                       }
                       else {
-                          nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, optimized, rendererInternals, hydrateChildren);
+                          nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, rendererInternals, hydrateChildren);
                       }
                   }
-                  else if ( shapeFlag & 128 /* SUSPENSE */) {
-                      nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, isSVGContainer(parentNode(node)), optimized, rendererInternals, hydrateNode);
+                  else if (shapeFlag & 128 /* SUSPENSE */) {
+                      nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, isSVGContainer(parentNode(node)), slotScopeIds, optimized, rendererInternals, hydrateNode);
                   }
                   else {
-                      warn('Invalid HostVNode type:', type, `(${typeof type})`);
+                      warn$1('Invalid HostVNode type:', type, `(${typeof type})`);
                   }
           }
-          if (ref != null && parentComponent) {
-              setRef(ref, null, parentComponent, parentSuspense, vnode);
+          if (ref != null) {
+              setRef(ref, null, parentSuspense, vnode);
           }
           return nextNode;
       };
-      const hydrateElement = (el, vnode, parentComponent, parentSuspense, optimized) => {
+      const hydrateElement = (el, vnode, parentComponent, parentSuspense, slotScopeIds, optimized) => {
           optimized = optimized || !!vnode.dynamicChildren;
-          const { props, patchFlag, shapeFlag, dirs } = vnode;
+          const { type, props, patchFlag, shapeFlag, dirs } = vnode;
+          // #4006 for form elements with non-string v-model value bindings
+          // e.g. <option :value="obj">, <input type="checkbox" :true-value="1">
+          const forcePatchValue = (type === 'input' && dirs) || type === 'option';
           // skip props & children if this is hoisted static nodes
-          if (patchFlag !== -1 /* HOISTED */) {
+          if (forcePatchValue || patchFlag !== -1 /* HOISTED */) {
               if (dirs) {
                   invokeDirectiveHook(vnode, null, parentComponent, 'created');
               }
               // props
               if (props) {
-                  if (!optimized ||
-                      (patchFlag & 16 /* FULL_PROPS */ ||
-                          patchFlag & 32 /* HYDRATE_EVENTS */)) {
+                  if (forcePatchValue ||
+                      !optimized ||
+                      patchFlag & (16 /* FULL_PROPS */ | 32 /* HYDRATE_EVENTS */)) {
                       for (const key in props) {
-                          if (!isReservedProp(key) && isOn(key)) {
+                          if ((forcePatchValue && key.endsWith('value')) ||
+                              (isOn(key) && !isReservedProp(key))) {
                               patchProp(el, key, null, props[key]);
                           }
                       }
@@ -4396,12 +5206,12 @@ var Vue = (function (exports) {
               if (shapeFlag & 16 /* ARRAY_CHILDREN */ &&
                   // skip if element has innerHTML / textContent
                   !(props && (props.innerHTML || props.textContent))) {
-                  let next = hydrateChildren(el.firstChild, vnode, el, parentComponent, parentSuspense, optimized);
+                  let next = hydrateChildren(el.firstChild, vnode, el, parentComponent, parentSuspense, slotScopeIds, optimized);
                   let hasWarned = false;
                   while (next) {
                       hasMismatch = true;
-                      if ( !hasWarned) {
-                          warn(`Hydration children mismatch in <${vnode.type}>: ` +
+                      if (!hasWarned) {
+                          warn$1(`Hydration children mismatch in <${vnode.type}>: ` +
                               `server rendered element contains more child nodes than client vdom.`);
                           hasWarned = true;
                       }
@@ -4414,8 +5224,7 @@ var Vue = (function (exports) {
               else if (shapeFlag & 8 /* TEXT_CHILDREN */) {
                   if (el.textContent !== vnode.children) {
                       hasMismatch = true;
-                      
-                          warn(`Hydration text content mismatch in <${vnode.type}>:\n` +
+                      warn$1(`Hydration text content mismatch in <${vnode.type}>:\n` +
                               `- Client: ${el.textContent}\n` +
                               `- Server: ${vnode.children}`);
                       el.textContent = vnode.children;
@@ -4424,7 +5233,7 @@ var Vue = (function (exports) {
           }
           return el.nextSibling;
       };
-      const hydrateChildren = (node, parentVNode, container, parentComponent, parentSuspense, optimized) => {
+      const hydrateChildren = (node, parentVNode, container, parentComponent, parentSuspense, slotScopeIds, optimized) => {
           optimized = optimized || !!parentVNode.dynamicChildren;
           const children = parentVNode.children;
           const l = children.length;
@@ -4434,24 +5243,33 @@ var Vue = (function (exports) {
                   ? children[i]
                   : (children[i] = normalizeVNode(children[i]));
               if (node) {
-                  node = hydrateNode(node, vnode, parentComponent, parentSuspense, optimized);
+                  node = hydrateNode(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
+              }
+              else if (vnode.type === Text && !vnode.children) {
+                  continue;
               }
               else {
                   hasMismatch = true;
-                  if ( !hasWarned) {
-                      warn(`Hydration children mismatch in <${container.tagName.toLowerCase()}>: ` +
+                  if (!hasWarned) {
+                      warn$1(`Hydration children mismatch in <${container.tagName.toLowerCase()}>: ` +
                           `server rendered element contains fewer child nodes than client vdom.`);
                       hasWarned = true;
                   }
                   // the SSRed DOM didn't contain enough nodes. Mount the missing ones.
-                  patch(null, vnode, container, null, parentComponent, parentSuspense, isSVGContainer(container));
+                  patch(null, vnode, container, null, parentComponent, parentSuspense, isSVGContainer(container), slotScopeIds);
               }
           }
           return node;
       };
-      const hydrateFragment = (node, vnode, parentComponent, parentSuspense, optimized) => {
+      const hydrateFragment = (node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized) => {
+          const { slotScopeIds: fragmentSlotScopeIds } = vnode;
+          if (fragmentSlotScopeIds) {
+              slotScopeIds = slotScopeIds
+                  ? slotScopeIds.concat(fragmentSlotScopeIds)
+                  : fragmentSlotScopeIds;
+          }
           const container = parentNode(node);
-          const next = hydrateChildren(nextSibling(node), vnode, container, parentComponent, parentSuspense, optimized);
+          const next = hydrateChildren(nextSibling(node), vnode, container, parentComponent, parentSuspense, slotScopeIds, optimized);
           if (next && isComment(next) && next.data === ']') {
               return nextSibling((vnode.anchor = next));
           }
@@ -4464,10 +5282,9 @@ var Vue = (function (exports) {
               return next;
           }
       };
-      const handleMismatch = (node, vnode, parentComponent, parentSuspense, isFragment) => {
+      const handleMismatch = (node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragment) => {
           hasMismatch = true;
-          
-              warn(`Hydration node mismatch:\n- Client vnode:`, vnode.type, `\n- Server rendered DOM:`, node, node.nodeType === 3 /* TEXT */
+          warn$1(`Hydration node mismatch:\n- Client vnode:`, vnode.type, `\n- Server rendered DOM:`, node, node.nodeType === 3 /* TEXT */
                   ? `(text)`
                   : isComment(node) && node.data === '['
                       ? `(start of fragment)`
@@ -4489,7 +5306,7 @@ var Vue = (function (exports) {
           const next = nextSibling(node);
           const container = parentNode(node);
           remove(node);
-          patch(null, vnode, container, next, parentComponent, parentSuspense, isSVGContainer(container));
+          patch(null, vnode, container, next, parentComponent, parentSuspense, isSVGContainer(container), slotScopeIds);
           return next;
       };
       const locateClosingAsyncAnchor = (node) => {
@@ -4520,6 +5337,9 @@ var Vue = (function (exports) {
       if (instance.appContext.config.performance && isSupported()) {
           perf.mark(`vue-${type}-${instance.uid}`);
       }
+      {
+          devtoolsPerfStart(instance, type, supported ? perf.now() : Date.now());
+      }
   }
   function endMeasure(instance, type) {
       if (instance.appContext.config.performance && isSupported()) {
@@ -4530,6 +5350,9 @@ var Vue = (function (exports) {
           perf.clearMarks(startTag);
           perf.clearMarks(endTag);
       }
+      {
+          devtoolsPerfEnd(instance, type, supported ? perf.now() : Date.now());
+      }
   }
   function isSupported() {
       if (supported !== undefined) {
@@ -4547,94 +5370,8 @@ var Vue = (function (exports) {
       return supported;
   }
 
-  function createDevEffectOptions(instance) {
-      return {
-          scheduler: queueJob,
-          allowRecurse: true,
-          onTrack: instance.rtc ? e => invokeArrayFns(instance.rtc, e) : void 0,
-          onTrigger: instance.rtg ? e => invokeArrayFns(instance.rtg, e) : void 0
-      };
-  }
-  const queuePostRenderEffect =  queueEffectWithSuspense
+  const queuePostRenderEffect = queueEffectWithSuspense
       ;
-  const setRef = (rawRef, oldRawRef, parentComponent, parentSuspense, vnode) => {
-      if (isArray(rawRef)) {
-          rawRef.forEach((r, i) => setRef(r, oldRawRef && (isArray(oldRawRef) ? oldRawRef[i] : oldRawRef), parentComponent, parentSuspense, vnode));
-          return;
-      }
-      let value;
-      if (!vnode) {
-          value = null;
-      }
-      else {
-          if (vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */) {
-              value = vnode.component.proxy;
-          }
-          else {
-              value = vnode.el;
-          }
-      }
-      const { i: owner, r: ref } = rawRef;
-      if ( !owner) {
-          warn(`Missing ref owner context. ref cannot be used on hoisted vnodes. ` +
-              `A vnode with ref must be created inside the render function.`);
-          return;
-      }
-      const oldRef = oldRawRef && oldRawRef.r;
-      const refs = owner.refs === EMPTY_OBJ ? (owner.refs = {}) : owner.refs;
-      const setupState = owner.setupState;
-      // unset old ref
-      if (oldRef != null && oldRef !== ref) {
-          if (isString(oldRef)) {
-              refs[oldRef] = null;
-              if (hasOwn(setupState, oldRef)) {
-                  setupState[oldRef] = null;
-              }
-          }
-          else if (isRef(oldRef)) {
-              oldRef.value = null;
-          }
-      }
-      if (isString(ref)) {
-          const doSet = () => {
-              refs[ref] = value;
-              if (hasOwn(setupState, ref)) {
-                  setupState[ref] = value;
-              }
-          };
-          // #1789: for non-null values, set them after render
-          // null values means this is unmount and it should not overwrite another
-          // ref with the same key
-          if (value) {
-              doSet.id = -1;
-              queuePostRenderEffect(doSet, parentSuspense);
-          }
-          else {
-              doSet();
-          }
-      }
-      else if (isRef(ref)) {
-          const doSet = () => {
-              ref.value = value;
-          };
-          if (value) {
-              doSet.id = -1;
-              queuePostRenderEffect(doSet, parentSuspense);
-          }
-          else {
-              doSet();
-          }
-      }
-      else if (isFunction(ref)) {
-          callWithErrorHandling(ref, parentComponent, 12 /* FUNCTION_REF */, [
-              value,
-              refs
-          ]);
-      }
-      else {
-          warn('Invalid template ref type:', value, `(${typeof value})`);
-      }
-  };
   /**
    * The createRenderer function accepts two generic arguments:
    * HostNode and HostElement, corresponding to Node and Element types in the
@@ -4661,10 +5398,18 @@ var Vue = (function (exports) {
   }
   // implementation
   function baseCreateRenderer(options, createHydrationFns) {
-      const { insert: hostInsert, remove: hostRemove, patchProp: hostPatchProp, forcePatchProp: hostForcePatchProp, createElement: hostCreateElement, createText: hostCreateText, createComment: hostCreateComment, setText: hostSetText, setElementText: hostSetElementText, parentNode: hostParentNode, nextSibling: hostNextSibling, setScopeId: hostSetScopeId = NOOP, cloneNode: hostCloneNode, insertStaticContent: hostInsertStaticContent } = options;
+      {
+          const target = getGlobalThis();
+          target.__VUE__ = true;
+          setDevtoolsHook(target.__VUE_DEVTOOLS_GLOBAL_HOOK__);
+      }
+      const { insert: hostInsert, remove: hostRemove, patchProp: hostPatchProp, createElement: hostCreateElement, createText: hostCreateText, createComment: hostCreateComment, setText: hostSetText, setElementText: hostSetElementText, parentNode: hostParentNode, nextSibling: hostNextSibling, setScopeId: hostSetScopeId = NOOP, cloneNode: hostCloneNode, insertStaticContent: hostInsertStaticContent } = options;
       // Note: functions inside this closure should use `const xxx = () => {}`
       // style in order to prevent being inlined by minifiers.
-      const patch = (n1, n2, container, anchor = null, parentComponent = null, parentSuspense = null, isSVG = false, optimized = false) => {
+      const patch = (n1, n2, container, anchor = null, parentComponent = null, parentSuspense = null, isSVG = false, slotScopeIds = null, optimized = isHmrUpdating ? false : !!n2.dynamicChildren) => {
+          if (n1 === n2) {
+              return;
+          }
           // patching & not same type, unmount old tree
           if (n1 && !isSameVNodeType(n1, n2)) {
               anchor = getNextHostNode(n1);
@@ -4680,7 +5425,7 @@ var Vue = (function (exports) {
               case Text:
                   processText(n1, n2, container, anchor);
                   break;
-              case Comment:
+              case Comment$1:
                   processCommentNode(n1, n2, container, anchor);
                   break;
               case Static:
@@ -4692,28 +5437,28 @@ var Vue = (function (exports) {
                   }
                   break;
               case Fragment:
-                  processFragment(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, optimized);
+                  processFragment(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
                   break;
               default:
                   if (shapeFlag & 1 /* ELEMENT */) {
-                      processElement(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, optimized);
+                      processElement(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
                   }
                   else if (shapeFlag & 6 /* COMPONENT */) {
-                      processComponent(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, optimized);
+                      processComponent(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
                   }
                   else if (shapeFlag & 64 /* TELEPORT */) {
-                      type.process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, optimized, internals);
+                      type.process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals);
                   }
-                  else if ( shapeFlag & 128 /* SUSPENSE */) {
-                      type.process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, optimized, internals);
+                  else if (shapeFlag & 128 /* SUSPENSE */) {
+                      type.process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals);
                   }
                   else {
-                      warn('Invalid VNode type:', type, `(${typeof type})`);
+                      warn$1('Invalid VNode type:', type, `(${typeof type})`);
                   }
           }
           // set ref
           if (ref != null && parentComponent) {
-              setRef(ref, n1 && n1.ref, parentComponent, parentSuspense, n2);
+              setRef(ref, n1 && n1.ref, parentSuspense, n2 || n1, !n2);
           }
       };
       const processText = (n1, n2, container, anchor) => {
@@ -4755,53 +5500,46 @@ var Vue = (function (exports) {
               n2.anchor = n1.anchor;
           }
       };
-      /**
-       * Dev / HMR only
-       */
-      const moveStaticNode = (vnode, container, anchor) => {
-          let cur = vnode.el;
-          const end = vnode.anchor;
-          while (cur && cur !== end) {
-              const next = hostNextSibling(cur);
-              hostInsert(cur, container, anchor);
-              cur = next;
+      const moveStaticNode = ({ el, anchor }, container, nextSibling) => {
+          let next;
+          while (el && el !== anchor) {
+              next = hostNextSibling(el);
+              hostInsert(el, container, nextSibling);
+              el = next;
           }
-          hostInsert(end, container, anchor);
+          hostInsert(anchor, container, nextSibling);
       };
-      /**
-       * Dev / HMR only
-       */
-      const removeStaticNode = (vnode) => {
-          let cur = vnode.el;
-          while (cur && cur !== vnode.anchor) {
-              const next = hostNextSibling(cur);
-              hostRemove(cur);
-              cur = next;
+      const removeStaticNode = ({ el, anchor }) => {
+          let next;
+          while (el && el !== anchor) {
+              next = hostNextSibling(el);
+              hostRemove(el);
+              el = next;
           }
-          hostRemove(vnode.anchor);
+          hostRemove(anchor);
       };
-      const processElement = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, optimized) => {
+      const processElement = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
           isSVG = isSVG || n2.type === 'svg';
           if (n1 == null) {
-              mountElement(n2, container, anchor, parentComponent, parentSuspense, isSVG, optimized);
+              mountElement(n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
           }
           else {
-              patchElement(n1, n2, parentComponent, parentSuspense, isSVG, optimized);
+              patchElement(n1, n2, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
           }
       };
-      const mountElement = (vnode, container, anchor, parentComponent, parentSuspense, isSVG, optimized) => {
+      const mountElement = (vnode, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
           let el;
           let vnodeHook;
-          const { type, props, shapeFlag, transition, scopeId, patchFlag, dirs } = vnode;
+          const { type, props, shapeFlag, transition, patchFlag, dirs } = vnode;
           {
-              el = vnode.el = hostCreateElement(vnode.type, isSVG, props && props.is);
+              el = vnode.el = hostCreateElement(vnode.type, isSVG, props && props.is, props);
               // mount children first, since some props may rely on child content
               // being already rendered, e.g. `<select value>`
               if (shapeFlag & 8 /* TEXT_CHILDREN */) {
                   hostSetElementText(el, vnode.children);
               }
               else if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
-                  mountChildren(vnode.children, el, null, parentComponent, parentSuspense, isSVG && type !== 'foreignObject', optimized || !!vnode.dynamicChildren);
+                  mountChildren(vnode.children, el, null, parentComponent, parentSuspense, isSVG && type !== 'foreignObject', slotScopeIds, optimized);
               }
               if (dirs) {
                   invokeDirectiveHook(vnode, null, parentComponent, 'created');
@@ -4809,16 +5547,28 @@ var Vue = (function (exports) {
               // props
               if (props) {
                   for (const key in props) {
-                      if (!isReservedProp(key)) {
+                      if (key !== 'value' && !isReservedProp(key)) {
                           hostPatchProp(el, key, null, props[key], isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren);
                       }
                   }
+                  /**
+                   * Special case for setting value on DOM elements:
+                   * - it can be order-sensitive (e.g. should be set *after* min/max, #2325, #4024)
+                   * - it needs to be forced (#1471)
+                   * #2353 proposes adding another renderer option to configure this, but
+                   * the properties affects are so finite it is worth special casing it
+                   * here to reduce the complexity. (Special casing it also should not
+                   * affect non-DOM renderers)
+                   */
+                  if ('value' in props) {
+                      hostPatchProp(el, 'value', null, props.value);
+                  }
                   if ((vnodeHook = props.onVnodeBeforeMount)) {
                       invokeVNodeHook(vnodeHook, parentComponent, vnode);
                   }
               }
               // scopeId
-              setScopeId(el, scopeId, vnode, parentComponent);
+              setScopeId(el, vnode, vnode.scopeId, slotScopeIds, parentComponent);
           }
           {
               Object.defineProperty(el, '__vnode', {
@@ -4852,36 +5602,37 @@ var Vue = (function (exports) {
               }, parentSuspense);
           }
       };
-      const setScopeId = (el, scopeId, vnode, parentComponent) => {
+      const setScopeId = (el, vnode, scopeId, slotScopeIds, parentComponent) => {
           if (scopeId) {
               hostSetScopeId(el, scopeId);
           }
-          if (parentComponent) {
-              const treeOwnerId = parentComponent.type.__scopeId;
-              // vnode's own scopeId and the current patched component's scopeId is
-              // different - this is a slot content node.
-              if (treeOwnerId && treeOwnerId !== scopeId) {
-                  hostSetScopeId(el, treeOwnerId + '-s');
+          if (slotScopeIds) {
+              for (let i = 0; i < slotScopeIds.length; i++) {
+                  hostSetScopeId(el, slotScopeIds[i]);
               }
+          }
+          if (parentComponent) {
               let subTree = parentComponent.subTree;
-              if ( subTree.type === Fragment) {
+              if (subTree.patchFlag > 0 &&
+                  subTree.patchFlag & 2048 /* DEV_ROOT_FRAGMENT */) {
                   subTree =
                       filterSingleRoot(subTree.children) || subTree;
               }
               if (vnode === subTree) {
-                  setScopeId(el, parentComponent.vnode.scopeId, parentComponent.vnode, parentComponent.parent);
+                  const parentVNode = parentComponent.vnode;
+                  setScopeId(el, parentVNode, parentVNode.scopeId, parentVNode.slotScopeIds, parentComponent.parent);
               }
           }
       };
-      const mountChildren = (children, container, anchor, parentComponent, parentSuspense, isSVG, optimized, start = 0) => {
+      const mountChildren = (children, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, start = 0) => {
           for (let i = start; i < children.length; i++) {
               const child = (children[i] = optimized
                   ? cloneIfMounted(children[i])
                   : normalizeVNode(children[i]));
-              patch(null, child, container, anchor, parentComponent, parentSuspense, isSVG, optimized);
+              patch(null, child, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
           }
       };
-      const patchElement = (n1, n2, parentComponent, parentSuspense, isSVG, optimized) => {
+      const patchElement = (n1, n2, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
           const el = (n2.el = n1.el);
           let { patchFlag, dynamicChildren, dirs } = n2;
           // #1426 take the old vnode's patch flag into account since user may clone a
@@ -4896,12 +5647,23 @@ var Vue = (function (exports) {
           if (dirs) {
               invokeDirectiveHook(n2, n1, parentComponent, 'beforeUpdate');
           }
-          if ( isHmrUpdating) {
+          if (isHmrUpdating) {
               // HMR updated, force full diff
               patchFlag = 0;
               optimized = false;
               dynamicChildren = null;
           }
+          const areChildrenSVG = isSVG && n2.type !== 'foreignObject';
+          if (dynamicChildren) {
+              patchBlockChildren(n1.dynamicChildren, dynamicChildren, el, parentComponent, parentSuspense, areChildrenSVG, slotScopeIds);
+              if (parentComponent && parentComponent.type.__hmrId) {
+                  traverseStaticChildren(n1, n2);
+              }
+          }
+          else if (!optimized) {
+              // full diff
+              patchChildren(n1, n2, el, null, parentComponent, parentSuspense, areChildrenSVG, slotScopeIds, false);
+          }
           if (patchFlag > 0) {
               // the presence of a patchFlag means this element's render code was
               // generated by the compiler and can take the fast path.
@@ -4937,8 +5699,8 @@ var Vue = (function (exports) {
                           const key = propsToUpdate[i];
                           const prev = oldProps[key];
                           const next = newProps[key];
-                          if (next !== prev ||
-                              (hostForcePatchProp && hostForcePatchProp(el, key))) {
+                          // #1471 force patch value
+                          if (next !== prev || key === 'value') {
                               hostPatchProp(el, key, prev, next, isSVG, n1.children, parentComponent, parentSuspense, unmountChildren);
                           }
                       }
@@ -4956,19 +5718,6 @@ var Vue = (function (exports) {
               // unoptimized, full diff
               patchProps(el, n2, oldProps, newProps, parentComponent, parentSuspense, isSVG);
           }
-          const areChildrenSVG = isSVG && n2.type !== 'foreignObject';
-          if (dynamicChildren) {
-              patchBlockChildren(n1.dynamicChildren, dynamicChildren, el, parentComponent, parentSuspense, areChildrenSVG);
-              if (
-                  parentComponent &&
-                  parentComponent.type.__hmrId) {
-                  traverseStaticChildren(n1, n2);
-              }
-          }
-          else if (!optimized) {
-              // full diff
-              patchChildren(n1, n2, el, null, parentComponent, parentSuspense, areChildrenSVG);
-          }
           if ((vnodeHook = newProps.onVnodeUpdated) || dirs) {
               queuePostRenderEffect(() => {
                   vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, n2, n1);
@@ -4977,26 +5726,28 @@ var Vue = (function (exports) {
           }
       };
       // The fast path for blocks.
-      const patchBlockChildren = (oldChildren, newChildren, fallbackContainer, parentComponent, parentSuspense, isSVG) => {
+      const patchBlockChildren = (oldChildren, newChildren, fallbackContainer, parentComponent, parentSuspense, isSVG, slotScopeIds) => {
           for (let i = 0; i < newChildren.length; i++) {
               const oldVNode = oldChildren[i];
               const newVNode = newChildren[i];
               // Determine the container (parent element) for the patch.
               const container = 
-              // - In the case of a Fragment, we need to provide the actual parent
-              // of the Fragment itself so it can move its children.
-              oldVNode.type === Fragment ||
-                  // - In the case of different nodes, there is going to be a replacement
-                  // which also requires the correct parent container
-                  !isSameVNodeType(oldVNode, newVNode) ||
-                  // - In the case of a component, it could contain anything.
-                  oldVNode.shapeFlag & 6 /* COMPONENT */ ||
-                  oldVNode.shapeFlag & 64 /* TELEPORT */
+              // oldVNode may be an errored async setup() component inside Suspense
+              // which will not have a mounted element
+              oldVNode.el &&
+                  // - In the case of a Fragment, we need to provide the actual parent
+                  // of the Fragment itself so it can move its children.
+                  (oldVNode.type === Fragment ||
+                      // - In the case of different nodes, there is going to be a replacement
+                      // which also requires the correct parent container
+                      !isSameVNodeType(oldVNode, newVNode) ||
+                      // - In the case of a component, it could contain anything.
+                      oldVNode.shapeFlag & (6 /* COMPONENT */ | 64 /* TELEPORT */))
                   ? hostParentNode(oldVNode.el)
                   : // In other cases, the parent container is not actually used so we
                       // just pass the block element here to avoid a DOM parentNode call.
                       fallbackContainer;
-              patch(oldVNode, newVNode, container, null, parentComponent, parentSuspense, isSVG, true);
+              patch(oldVNode, newVNode, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, true);
           }
       };
       const patchProps = (el, vnode, oldProps, newProps, parentComponent, parentSuspense, isSVG) => {
@@ -5007,8 +5758,8 @@ var Vue = (function (exports) {
                       continue;
                   const next = newProps[key];
                   const prev = oldProps[key];
-                  if (next !== prev ||
-                      (hostForcePatchProp && hostForcePatchProp(el, key))) {
+                  // defer patching value
+                  if (next !== prev && key !== 'value') {
                       hostPatchProp(el, key, prev, next, isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren);
                   }
               }
@@ -5019,37 +5770,46 @@ var Vue = (function (exports) {
                       }
                   }
               }
+              if ('value' in newProps) {
+                  hostPatchProp(el, 'value', oldProps.value, newProps.value);
+              }
           }
       };
-      const processFragment = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, optimized) => {
+      const processFragment = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
           const fragmentStartAnchor = (n2.el = n1 ? n1.el : hostCreateText(''));
           const fragmentEndAnchor = (n2.anchor = n1 ? n1.anchor : hostCreateText(''));
-          let { patchFlag, dynamicChildren } = n2;
-          if (patchFlag > 0) {
-              optimized = true;
-          }
-          if ( isHmrUpdating) {
+          let { patchFlag, dynamicChildren, slotScopeIds: fragmentSlotScopeIds } = n2;
+          if (isHmrUpdating) {
               // HMR updated, force full diff
               patchFlag = 0;
               optimized = false;
               dynamicChildren = null;
           }
+          // check if this is a slot fragment with :slotted scope ids
+          if (fragmentSlotScopeIds) {
+              slotScopeIds = slotScopeIds
+                  ? slotScopeIds.concat(fragmentSlotScopeIds)
+                  : fragmentSlotScopeIds;
+          }
           if (n1 == null) {
               hostInsert(fragmentStartAnchor, container, anchor);
               hostInsert(fragmentEndAnchor, container, anchor);
               // a fragment can only have array children
               // since they are either generated by the compiler, or implicitly created
               // from arrays.
-              mountChildren(n2.children, container, fragmentEndAnchor, parentComponent, parentSuspense, isSVG, optimized);
+              mountChildren(n2.children, container, fragmentEndAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
           }
           else {
               if (patchFlag > 0 &&
                   patchFlag & 64 /* STABLE_FRAGMENT */ &&
-                  dynamicChildren) {
+                  dynamicChildren &&
+                  // #2715 the previous fragment could've been a BAILed one as a result
+                  // of renderSlot() with no valid children
+                  n1.dynamicChildren) {
                   // a stable fragment (template root or <template v-for>) doesn't need to
                   // patch children order, but it may contain dynamicChildren.
-                  patchBlockChildren(n1.dynamicChildren, dynamicChildren, container, parentComponent, parentSuspense, isSVG);
-                  if ( parentComponent && parentComponent.type.__hmrId) {
+                  patchBlockChildren(n1.dynamicChildren, dynamicChildren, container, parentComponent, parentSuspense, isSVG, slotScopeIds);
+                  if (parentComponent && parentComponent.type.__hmrId) {
                       traverseStaticChildren(n1, n2);
                   }
                   else if (
@@ -5067,11 +5827,12 @@ var Vue = (function (exports) {
                   // for keyed & unkeyed, since they are compiler generated from v-for,
                   // each child is guaranteed to be a block so the fragment will never
                   // have dynamicChildren.
-                  patchChildren(n1, n2, container, fragmentEndAnchor, parentComponent, parentSuspense, isSVG, optimized);
+                  patchChildren(n1, n2, container, fragmentEndAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
               }
           }
       };
-      const processComponent = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, optimized) => {
+      const processComponent = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
+          n2.slotScopeIds = slotScopeIds;
           if (n1 == null) {
               if (n2.shapeFlag & 512 /* COMPONENT_KEPT_ALIVE */) {
                   parentComponent.ctx.activate(n2, container, anchor, isSVG, optimized);
@@ -5086,7 +5847,7 @@ var Vue = (function (exports) {
       };
       const mountComponent = (initialVNode, container, anchor, parentComponent, parentSuspense, isSVG, optimized) => {
           const instance = (initialVNode.component = createComponentInstance(initialVNode, parentComponent, parentSuspense));
-          if ( instance.type.__hmrId) {
+          if (instance.type.__hmrId) {
               registerHMR(instance);
           }
           {
@@ -5099,20 +5860,22 @@ var Vue = (function (exports) {
           }
           // resolve props and slots for setup context
           {
-              startMeasure(instance, `init`);
-          }
-          setupComponent(instance);
-          {
-              endMeasure(instance, `init`);
+              {
+                  startMeasure(instance, `init`);
+              }
+              setupComponent(instance);
+              {
+                  endMeasure(instance, `init`);
+              }
           }
           // setup() is async. This component relies on async logic to be resolved
           // before proceeding
-          if ( instance.asyncDep) {
+          if (instance.asyncDep) {
               parentSuspense && parentSuspense.registerDep(instance, setupRenderEffect);
               // Give it a placeholder if this is not hydration
               // TODO handle self-defined fallback
               if (!initialVNode.el) {
-                  const placeholder = (instance.subTree = createVNode(Comment));
+                  const placeholder = (instance.subTree = createVNode(Comment$1));
                   processCommentNode(null, placeholder, container, anchor);
               }
               return;
@@ -5126,8 +5889,7 @@ var Vue = (function (exports) {
       const updateComponent = (n1, n2, optimized) => {
           const instance = (n2.component = n1.component);
           if (shouldUpdateComponent(n1, n2, optimized)) {
-              if (
-                  instance.asyncDep &&
+              if (instance.asyncDep &&
                   !instance.asyncResolved) {
                   // async & still pending - just update props and slots
                   // since the component's reactive effect for render isn't set-up yet
@@ -5146,7 +5908,7 @@ var Vue = (function (exports) {
                   // in case the child component is also queued, remove it to avoid
                   // double updating the same child component in the same flush.
                   invalidateJob(instance.update);
-                  // instance.update is the reactive effect runner.
+                  // instance.update is the reactive effect.
                   instance.update();
               }
           }
@@ -5158,39 +5920,61 @@ var Vue = (function (exports) {
           }
       };
       const setupRenderEffect = (instance, initialVNode, container, anchor, parentSuspense, isSVG, optimized) => {
-          // create reactive effect for rendering
-          instance.update = effect(function componentEffect() {
+          const componentUpdateFn = () => {
               if (!instance.isMounted) {
                   let vnodeHook;
                   const { el, props } = initialVNode;
                   const { bm, m, parent } = instance;
+                  const isAsyncWrapperVNode = isAsyncWrapper(initialVNode);
+                  effect.allowRecurse = false;
                   // beforeMount hook
                   if (bm) {
                       invokeArrayFns(bm);
                   }
                   // onVnodeBeforeMount
-                  if ((vnodeHook = props && props.onVnodeBeforeMount)) {
+                  if (!isAsyncWrapperVNode &&
+                      (vnodeHook = props && props.onVnodeBeforeMount)) {
                       invokeVNodeHook(vnodeHook, parent, initialVNode);
                   }
-                  // render
-                  {
-                      startMeasure(instance, `render`);
-                  }
-                  const subTree = (instance.subTree = renderComponentRoot(instance));
-                  {
-                      endMeasure(instance, `render`);
-                  }
+                  effect.allowRecurse = true;
                   if (el && hydrateNode) {
-                      {
-                          startMeasure(instance, `hydrate`);
-                      }
                       // vnode has adopted host node - perform hydration instead of mount.
-                      hydrateNode(initialVNode.el, subTree, instance, parentSuspense);
-                      {
-                          endMeasure(instance, `hydrate`);
+                      const hydrateSubTree = () => {
+                          {
+                              startMeasure(instance, `render`);
+                          }
+                          instance.subTree = renderComponentRoot(instance);
+                          {
+                              endMeasure(instance, `render`);
+                          }
+                          {
+                              startMeasure(instance, `hydrate`);
+                          }
+                          hydrateNode(el, instance.subTree, instance, parentSuspense, null);
+                          {
+                              endMeasure(instance, `hydrate`);
+                          }
+                      };
+                      if (isAsyncWrapperVNode) {
+                          initialVNode.type.__asyncLoader().then(
+                          // note: we are moving the render call into an async callback,
+                          // which means it won't track dependencies - but it's ok because
+                          // a server-rendered async wrapper is already in resolved state
+                          // and it will never need to change.
+                          () => !instance.isUnmounted && hydrateSubTree());
+                      }
+                      else {
+                          hydrateSubTree();
                       }
                   }
                   else {
+                      {
+                          startMeasure(instance, `render`);
+                      }
+                      const subTree = (instance.subTree = renderComponentRoot(instance));
+                      {
+                          endMeasure(instance, `render`);
+                      }
                       {
                           startMeasure(instance, `patch`);
                       }
@@ -5205,20 +5989,23 @@ var Vue = (function (exports) {
                       queuePostRenderEffect(m, parentSuspense);
                   }
                   // onVnodeMounted
-                  if ((vnodeHook = props && props.onVnodeMounted)) {
-                      queuePostRenderEffect(() => {
-                          invokeVNodeHook(vnodeHook, parent, initialVNode);
-                      }, parentSuspense);
+                  if (!isAsyncWrapperVNode &&
+                      (vnodeHook = props && props.onVnodeMounted)) {
+                      const scopedInitialVNode = initialVNode;
+                      queuePostRenderEffect(() => invokeVNodeHook(vnodeHook, parent, scopedInitialVNode), parentSuspense);
                   }
                   // activated hook for keep-alive roots.
                   // #1742 activated hook must be accessed after first render
                   // since the hook may be injected by a child keep-alive
-                  const { a } = instance;
-                  if (a &&
-                      initialVNode.shapeFlag & 256 /* COMPONENT_SHOULD_KEEP_ALIVE */) {
-                      queuePostRenderEffect(a, parentSuspense);
+                  if (initialVNode.shapeFlag & 256 /* COMPONENT_SHOULD_KEEP_ALIVE */) {
+                      instance.a && queuePostRenderEffect(instance.a, parentSuspense);
                   }
                   instance.isMounted = true;
+                  {
+                      devtoolsComponentAdded(instance);
+                  }
+                  // #2458: deference mount-only object parameters to prevent memleaks
+                  initialVNode = container = anchor = null;
               }
               else {
                   // updateComponent
@@ -5230,6 +6017,8 @@ var Vue = (function (exports) {
                   {
                       pushWarningContext(next || instance.vnode);
                   }
+                  // Disallow component effect recursion during pre-lifecycle hooks.
+                  effect.allowRecurse = false;
                   if (next) {
                       next.el = vnode.el;
                       updateComponentPreRender(instance, next, optimized);
@@ -5245,6 +6034,7 @@ var Vue = (function (exports) {
                   if ((vnodeHook = next.props && next.props.onVnodeBeforeUpdate)) {
                       invokeVNodeHook(vnodeHook, parent, next, vnode);
                   }
+                  effect.allowRecurse = true;
                   // render
                   {
                       startMeasure(instance, `render`);
@@ -5279,9 +6069,7 @@ var Vue = (function (exports) {
                   }
                   // onVnodeUpdated
                   if ((vnodeHook = next.props && next.props.onVnodeUpdated)) {
-                      queuePostRenderEffect(() => {
-                          invokeVNodeHook(vnodeHook, parent, next, vnode);
-                      }, parentSuspense);
+                      queuePostRenderEffect(() => invokeVNodeHook(vnodeHook, parent, next, vnode), parentSuspense);
                   }
                   {
                       devtoolsComponentUpdated(instance);
@@ -5290,7 +6078,26 @@ var Vue = (function (exports) {
                       popWarningContext();
                   }
               }
-          },  createDevEffectOptions(instance) );
+          };
+          // create reactive effect for rendering
+          const effect = new ReactiveEffect(componentUpdateFn, () => queueJob(instance.update), instance.scope // track it in component's effect scope
+          );
+          const update = (instance.update = effect.run.bind(effect));
+          update.id = instance.uid;
+          // allowRecurse
+          // #1801, #2043 component render effects should allow recursive updates
+          effect.allowRecurse = update.allowRecurse = true;
+          {
+              effect.onTrack = instance.rtc
+                  ? e => invokeArrayFns(instance.rtc, e)
+                  : void 0;
+              effect.onTrigger = instance.rtg
+                  ? e => invokeArrayFns(instance.rtg, e)
+                  : void 0;
+              // @ts-ignore (for scheduler)
+              update.ownerInstance = instance;
+          }
+          update();
       };
       const updateComponentPreRender = (instance, nextVNode, optimized) => {
           nextVNode.component = instance;
@@ -5298,12 +6105,14 @@ var Vue = (function (exports) {
           instance.vnode = nextVNode;
           instance.next = null;
           updateProps(instance, nextVNode.props, prevProps, optimized);
-          updateSlots(instance, nextVNode.children);
+          updateSlots(instance, nextVNode.children, optimized);
+          pauseTracking();
           // props update may have triggered pre-flush watchers.
           // flush them before the render update.
           flushPreFlushCbs(undefined, instance.update);
+          resetTracking();
       };
-      const patchChildren = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, optimized = false) => {
+      const patchChildren = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized = false) => {
           const c1 = n1 && n1.children;
           const prevShapeFlag = n1 ? n1.shapeFlag : 0;
           const c2 = n2.children;
@@ -5313,12 +6122,12 @@ var Vue = (function (exports) {
               if (patchFlag & 128 /* KEYED_FRAGMENT */) {
                   // this could be either fully-keyed or mixed (some keyed some not)
                   // presence of patchFlag means children are guaranteed to be arrays
-                  patchKeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, optimized);
+                  patchKeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
                   return;
               }
               else if (patchFlag & 256 /* UNKEYED_FRAGMENT */) {
                   // unkeyed
-                  patchUnkeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, optimized);
+                  patchUnkeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
                   return;
               }
           }
@@ -5337,7 +6146,7 @@ var Vue = (function (exports) {
                   // prev children was array
                   if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
                       // two arrays, cannot assume anything, do full diff
-                      patchKeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, optimized);
+                      patchKeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
                   }
                   else {
                       // no new children, just unmount old
@@ -5352,12 +6161,12 @@ var Vue = (function (exports) {
                   }
                   // mount new if array
                   if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
-                      mountChildren(c2, container, anchor, parentComponent, parentSuspense, isSVG, optimized);
+                      mountChildren(c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
                   }
               }
           }
       };
-      const patchUnkeyedChildren = (c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, optimized) => {
+      const patchUnkeyedChildren = (c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
           c1 = c1 || EMPTY_ARR;
           c2 = c2 || EMPTY_ARR;
           const oldLength = c1.length;
@@ -5368,7 +6177,7 @@ var Vue = (function (exports) {
               const nextChild = (c2[i] = optimized
                   ? cloneIfMounted(c2[i])
                   : normalizeVNode(c2[i]));
-              patch(c1[i], nextChild, container, null, parentComponent, parentSuspense, isSVG, optimized);
+              patch(c1[i], nextChild, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
           }
           if (oldLength > newLength) {
               // remove old
@@ -5376,11 +6185,11 @@ var Vue = (function (exports) {
           }
           else {
               // mount new
-              mountChildren(c2, container, anchor, parentComponent, parentSuspense, isSVG, optimized, commonLength);
+              mountChildren(c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, commonLength);
           }
       };
       // can be all-keyed or mixed
-      const patchKeyedChildren = (c1, c2, container, parentAnchor, parentComponent, parentSuspense, isSVG, optimized) => {
+      const patchKeyedChildren = (c1, c2, container, parentAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
           let i = 0;
           const l2 = c2.length;
           let e1 = c1.length - 1; // prev ending index
@@ -5394,7 +6203,7 @@ var Vue = (function (exports) {
                   ? cloneIfMounted(c2[i])
                   : normalizeVNode(c2[i]));
               if (isSameVNodeType(n1, n2)) {
-                  patch(n1, n2, container, null, parentComponent, parentSuspense, isSVG, optimized);
+                  patch(n1, n2, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
               }
               else {
                   break;
@@ -5410,7 +6219,7 @@ var Vue = (function (exports) {
                   ? cloneIfMounted(c2[e2])
                   : normalizeVNode(c2[e2]));
               if (isSameVNodeType(n1, n2)) {
-                  patch(n1, n2, container, null, parentComponent, parentSuspense, isSVG, optimized);
+                  patch(n1, n2, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
               }
               else {
                   break;
@@ -5432,7 +6241,7 @@ var Vue = (function (exports) {
                   while (i <= e2) {
                       patch(null, (c2[i] = optimized
                           ? cloneIfMounted(c2[i])
-                          : normalizeVNode(c2[i])), container, anchor, parentComponent, parentSuspense, isSVG);
+                          : normalizeVNode(c2[i])), container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
                       i++;
                   }
               }
@@ -5464,8 +6273,8 @@ var Vue = (function (exports) {
                       ? cloneIfMounted(c2[i])
                       : normalizeVNode(c2[i]));
                   if (nextChild.key != null) {
-                      if ( keyToNewIndexMap.has(nextChild.key)) {
-                          warn(`Duplicate keys found during update:`, JSON.stringify(nextChild.key), `Make sure keys are unique.`);
+                      if (keyToNewIndexMap.has(nextChild.key)) {
+                          warn$1(`Duplicate keys found during update:`, JSON.stringify(nextChild.key), `Make sure keys are unique.`);
                       }
                       keyToNewIndexMap.set(nextChild.key, i);
                   }
@@ -5518,7 +6327,7 @@ var Vue = (function (exports) {
                       else {
                           moved = true;
                       }
-                      patch(prevChild, c2[newIndex], container, null, parentComponent, parentSuspense, isSVG, optimized);
+                      patch(prevChild, c2[newIndex], container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
                       patched++;
                   }
               }
@@ -5535,7 +6344,7 @@ var Vue = (function (exports) {
                   const anchor = nextIndex + 1 < l2 ? c2[nextIndex + 1].el : parentAnchor;
                   if (newIndexToOldIndexMap[i] === 0) {
                       // mount new
-                      patch(null, nextChild, container, anchor, parentComponent, parentSuspense, isSVG);
+                      patch(null, nextChild, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
                   }
                   else if (moved) {
                       // move if:
@@ -5557,7 +6366,7 @@ var Vue = (function (exports) {
               move(vnode.component.subTree, container, anchor, moveType);
               return;
           }
-          if ( shapeFlag & 128 /* SUSPENSE */) {
+          if (shapeFlag & 128 /* SUSPENSE */) {
               vnode.suspense.move(container, anchor, moveType);
               return;
           }
@@ -5573,8 +6382,7 @@ var Vue = (function (exports) {
               hostInsert(vnode.anchor, container, anchor);
               return;
           }
-          // static node move can only happen when force updating HMR
-          if ( type === Static) {
+          if (type === Static) {
               moveStaticNode(vnode, container, anchor);
               return;
           }
@@ -5612,30 +6420,35 @@ var Vue = (function (exports) {
       const unmount = (vnode, parentComponent, parentSuspense, doRemove = false, optimized = false) => {
           const { type, props, ref, children, dynamicChildren, shapeFlag, patchFlag, dirs } = vnode;
           // unset ref
-          if (ref != null && parentComponent) {
-              setRef(ref, null, parentComponent, parentSuspense, null);
+          if (ref != null) {
+              setRef(ref, null, parentSuspense, vnode, true);
           }
           if (shapeFlag & 256 /* COMPONENT_SHOULD_KEEP_ALIVE */) {
               parentComponent.ctx.deactivate(vnode);
               return;
           }
           const shouldInvokeDirs = shapeFlag & 1 /* ELEMENT */ && dirs;
+          const shouldInvokeVnodeHook = !isAsyncWrapper(vnode);
           let vnodeHook;
-          if ((vnodeHook = props && props.onVnodeBeforeUnmount)) {
+          if (shouldInvokeVnodeHook &&
+              (vnodeHook = props && props.onVnodeBeforeUnmount)) {
               invokeVNodeHook(vnodeHook, parentComponent, vnode);
           }
           if (shapeFlag & 6 /* COMPONENT */) {
               unmountComponent(vnode.component, parentSuspense, doRemove);
           }
           else {
-              if ( shapeFlag & 128 /* SUSPENSE */) {
+              if (shapeFlag & 128 /* SUSPENSE */) {
                   vnode.suspense.unmount(parentSuspense, doRemove);
                   return;
               }
               if (shouldInvokeDirs) {
                   invokeDirectiveHook(vnode, null, parentComponent, 'beforeUnmount');
               }
-              if (dynamicChildren &&
+              if (shapeFlag & 64 /* TELEPORT */) {
+                  vnode.type.remove(vnode, parentComponent, parentSuspense, optimized, internals, doRemove);
+              }
+              else if (dynamicChildren &&
                   // #1153: fast path should not be taken for non-stable (v-for) fragments
                   (type !== Fragment ||
                       (patchFlag > 0 && patchFlag & 64 /* STABLE_FRAGMENT */))) {
@@ -5643,21 +6456,18 @@ var Vue = (function (exports) {
                   unmountChildren(dynamicChildren, parentComponent, parentSuspense, false, true);
               }
               else if ((type === Fragment &&
-                  (patchFlag & 128 /* KEYED_FRAGMENT */ ||
-                      patchFlag & 256 /* UNKEYED_FRAGMENT */)) ||
+                  patchFlag &
+                      (128 /* KEYED_FRAGMENT */ | 256 /* UNKEYED_FRAGMENT */)) ||
                   (!optimized && shapeFlag & 16 /* ARRAY_CHILDREN */)) {
                   unmountChildren(children, parentComponent, parentSuspense);
               }
-              // an unmounted teleport should always remove its children if not disabled
-              if (shapeFlag & 64 /* TELEPORT */ &&
-                  (doRemove || !isTeleportDisabled(vnode.props))) {
-                  vnode.type.remove(vnode, internals);
-              }
               if (doRemove) {
                   remove(vnode);
               }
           }
-          if ((vnodeHook = props && props.onVnodeUnmounted) || shouldInvokeDirs) {
+          if ((shouldInvokeVnodeHook &&
+              (vnodeHook = props && props.onVnodeUnmounted)) ||
+              shouldInvokeDirs) {
               queuePostRenderEffect(() => {
                   vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode);
                   shouldInvokeDirs &&
@@ -5671,7 +6481,7 @@ var Vue = (function (exports) {
               removeFragment(el, anchor);
               return;
           }
-          if ( type === Static) {
+          if (type === Static) {
               removeStaticNode(vnode);
               return;
           }
@@ -5709,23 +6519,21 @@ var Vue = (function (exports) {
           hostRemove(end);
       };
       const unmountComponent = (instance, parentSuspense, doRemove) => {
-          if ( instance.type.__hmrId) {
+          if (instance.type.__hmrId) {
               unregisterHMR(instance);
           }
-          const { bum, effects, update, subTree, um } = instance;
+          const { bum, scope, update, subTree, um } = instance;
           // beforeUnmount hook
           if (bum) {
               invokeArrayFns(bum);
           }
-          if (effects) {
-              for (let i = 0; i < effects.length; i++) {
-                  stop(effects[i]);
-              }
-          }
+          // stop effects in component scope
+          scope.stop();
           // update may be null if a component is unmounted before its async
           // setup has resolved.
           if (update) {
-              stop(update);
+              // so that scheduler will no longer invoke it
+              update.active = false;
               unmount(subTree, instance, parentSuspense, doRemove);
           }
           // unmounted hook
@@ -5738,8 +6546,7 @@ var Vue = (function (exports) {
           // A component with async dep inside a pending suspense is unmounted before
           // its async dep resolves. This should remove the dep from the suspense, and
           // cause the suspense to resolve immediately if that was the last dep.
-          if (
-              parentSuspense &&
+          if (parentSuspense &&
               parentSuspense.pendingBranch &&
               !parentSuspense.isUnmounted &&
               instance.asyncDep &&
@@ -5763,19 +6570,19 @@ var Vue = (function (exports) {
           if (vnode.shapeFlag & 6 /* COMPONENT */) {
               return getNextHostNode(vnode.component.subTree);
           }
-          if ( vnode.shapeFlag & 128 /* SUSPENSE */) {
+          if (vnode.shapeFlag & 128 /* SUSPENSE */) {
               return vnode.suspense.next();
           }
           return hostNextSibling((vnode.anchor || vnode.el));
       };
-      const render = (vnode, container) => {
+      const render = (vnode, container, isSVG) => {
           if (vnode == null) {
               if (container._vnode) {
                   unmount(container._vnode, null, null, true);
               }
           }
           else {
-              patch(container._vnode || null, vnode, container);
+              patch(container._vnode || null, vnode, container, null, null, null, isSVG);
           }
           flushPostFlushCbs();
           container._vnode = vnode;
@@ -5803,6 +6610,80 @@ var Vue = (function (exports) {
           createApp: createAppAPI(render, hydrate)
       };
   }
+  function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
+      if (isArray(rawRef)) {
+          rawRef.forEach((r, i) => setRef(r, oldRawRef && (isArray(oldRawRef) ? oldRawRef[i] : oldRawRef), parentSuspense, vnode, isUnmount));
+          return;
+      }
+      if (isAsyncWrapper(vnode) && !isUnmount) {
+          // when mounting async components, nothing needs to be done,
+          // because the template ref is forwarded to inner component
+          return;
+      }
+      const refValue = vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */
+          ? getExposeProxy(vnode.component) || vnode.component.proxy
+          : vnode.el;
+      const value = isUnmount ? null : refValue;
+      const { i: owner, r: ref } = rawRef;
+      if (!owner) {
+          warn$1(`Missing ref owner context. ref cannot be used on hoisted vnodes. ` +
+              `A vnode with ref must be created inside the render function.`);
+          return;
+      }
+      const oldRef = oldRawRef && oldRawRef.r;
+      const refs = owner.refs === EMPTY_OBJ ? (owner.refs = {}) : owner.refs;
+      const setupState = owner.setupState;
+      // dynamic ref changed. unset old ref
+      if (oldRef != null && oldRef !== ref) {
+          if (isString(oldRef)) {
+              refs[oldRef] = null;
+              if (hasOwn(setupState, oldRef)) {
+                  setupState[oldRef] = null;
+              }
+          }
+          else if (isRef(oldRef)) {
+              oldRef.value = null;
+          }
+      }
+      if (isString(ref)) {
+          const doSet = () => {
+              {
+                  refs[ref] = value;
+              }
+              if (hasOwn(setupState, ref)) {
+                  setupState[ref] = value;
+              }
+          };
+          // #1789: for non-null values, set them after render
+          // null values means this is unmount and it should not overwrite another
+          // ref with the same key
+          if (value) {
+              doSet.id = -1;
+              queuePostRenderEffect(doSet, parentSuspense);
+          }
+          else {
+              doSet();
+          }
+      }
+      else if (isRef(ref)) {
+          const doSet = () => {
+              ref.value = value;
+          };
+          if (value) {
+              doSet.id = -1;
+              queuePostRenderEffect(doSet, parentSuspense);
+          }
+          else {
+              doSet();
+          }
+      }
+      else if (isFunction(ref)) {
+          callWithErrorHandling(ref, owner, 12 /* FUNCTION_REF */, [value, refs]);
+      }
+      else {
+          warn$1('Invalid template ref type:', value, `(${typeof value})`);
+      }
+  }
   function invokeVNodeHook(hook, instance, vnode, prevVNode = null) {
       callWithAsyncErrorHandling(hook, instance, 7 /* VNODE_HOOK */, [
           vnode,
@@ -5839,7 +6720,7 @@ var Vue = (function (exports) {
               }
               // also inherit for comment nodes, but not placeholders (e.g. v-if which
               // would have received .el during block patch)
-              if ( c2.type === Comment && !c2.el) {
+              if (c2.type === Comment$1 && !c2.el) {
                   c2.el = c1.el;
               }
           }
@@ -5863,7 +6744,7 @@ var Vue = (function (exports) {
               u = 0;
               v = result.length - 1;
               while (u < v) {
-                  c = ((u + v) / 2) | 0;
+                  c = (u + v) >> 1;
                   if (arr[result[c]] < arrI) {
                       u = c + 1;
                   }
@@ -5890,20 +6771,19 @@ var Vue = (function (exports) {
 
   const isTeleport = (type) => type.__isTeleport;
   const isTeleportDisabled = (props) => props && (props.disabled || props.disabled === '');
+  const isTargetSVG = (target) => typeof SVGElement !== 'undefined' && target instanceof SVGElement;
   const resolveTarget = (props, select) => {
       const targetSelector = props && props.to;
       if (isString(targetSelector)) {
           if (!select) {
-              
-                  warn(`Current renderer does not support string target for Teleports. ` +
+              warn$1(`Current renderer does not support string target for Teleports. ` +
                       `(missing querySelector renderer option)`);
               return null;
           }
           else {
               const target = select(targetSelector);
               if (!target) {
-                  
-                      warn(`Failed to locate Teleport target with selector "${targetSelector}". ` +
+                  warn$1(`Failed to locate Teleport target with selector "${targetSelector}". ` +
                           `Note the target element must exist before the component is mounted - ` +
                           `i.e. the target cannot be rendered by the component itself, and ` +
                           `ideally should be outside of the entire Vue component tree.`);
@@ -5912,23 +6792,29 @@ var Vue = (function (exports) {
           }
       }
       else {
-          if ( !targetSelector && !isTeleportDisabled(props)) {
-              warn(`Invalid Teleport target: ${targetSelector}`);
+          if (!targetSelector && !isTeleportDisabled(props)) {
+              warn$1(`Invalid Teleport target: ${targetSelector}`);
           }
           return targetSelector;
       }
   };
   const TeleportImpl = {
       __isTeleport: true,
-      process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, optimized, internals) {
+      process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals) {
           const { mc: mountChildren, pc: patchChildren, pbc: patchBlockChildren, o: { insert, querySelector, createText, createComment } } = internals;
           const disabled = isTeleportDisabled(n2.props);
-          const { shapeFlag, children } = n2;
+          let { shapeFlag, children, dynamicChildren } = n2;
+          // #3302
+          // HMR updated, force full diff
+          if (isHmrUpdating) {
+              optimized = false;
+              dynamicChildren = null;
+          }
           if (n1 == null) {
               // insert anchors in the main view
-              const placeholder = (n2.el =  createComment('teleport start')
+              const placeholder = (n2.el = createComment('teleport start')
                   );
-              const mainAnchor = (n2.anchor =  createComment('teleport end')
+              const mainAnchor = (n2.anchor = createComment('teleport end')
                   );
               insert(placeholder, container, anchor);
               insert(mainAnchor, container, anchor);
@@ -5936,15 +6822,17 @@ var Vue = (function (exports) {
               const targetAnchor = (n2.targetAnchor = createText(''));
               if (target) {
                   insert(targetAnchor, target);
+                  // #2652 we could be teleporting from a non-SVG tree into an SVG tree
+                  isSVG = isSVG || isTargetSVG(target);
               }
-              else if ( !disabled) {
-                  warn('Invalid Teleport target on mount:', target, `(${typeof target})`);
+              else if (!disabled) {
+                  warn$1('Invalid Teleport target on mount:', target, `(${typeof target})`);
               }
               const mount = (container, anchor) => {
                   // Teleport *always* has Array children. This is enforced in both the
                   // compiler and vnode children normalization.
                   if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
-                      mountChildren(children, container, anchor, parentComponent, parentSuspense, isSVG, optimized);
+                      mountChildren(children, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
                   }
               };
               if (disabled) {
@@ -5963,16 +6851,17 @@ var Vue = (function (exports) {
               const wasDisabled = isTeleportDisabled(n1.props);
               const currentContainer = wasDisabled ? container : target;
               const currentAnchor = wasDisabled ? mainAnchor : targetAnchor;
-              if (n2.dynamicChildren) {
+              isSVG = isSVG || isTargetSVG(target);
+              if (dynamicChildren) {
                   // fast path when the teleport happens to be a block root
-                  patchBlockChildren(n1.dynamicChildren, n2.dynamicChildren, currentContainer, parentComponent, parentSuspense, isSVG);
+                  patchBlockChildren(n1.dynamicChildren, dynamicChildren, currentContainer, parentComponent, parentSuspense, isSVG, slotScopeIds);
                   // even in block tree mode we need to make sure all root-level nodes
                   // in the teleport inherit previous DOM references so that they can
                   // be moved in future patches.
                   traverseStaticChildren(n1, n2, true);
               }
               else if (!optimized) {
-                  patchChildren(n1, n2, currentContainer, currentAnchor, parentComponent, parentSuspense, isSVG);
+                  patchChildren(n1, n2, currentContainer, currentAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, false);
               }
               if (disabled) {
                   if (!wasDisabled) {
@@ -5989,7 +6878,7 @@ var Vue = (function (exports) {
                           moveTeleport(n2, nextTarget, null, internals, 0 /* TARGET_CHANGE */);
                       }
                       else {
-                          warn('Invalid Teleport target on update:', target, `(${typeof target})`);
+                          warn$1('Invalid Teleport target on update:', target, `(${typeof target})`);
                       }
                   }
                   else if (wasDisabled) {
@@ -6000,12 +6889,19 @@ var Vue = (function (exports) {
               }
           }
       },
-      remove(vnode, { r: remove, o: { remove: hostRemove } }) {
-          const { shapeFlag, children, anchor } = vnode;
-          hostRemove(anchor);
-          if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
-              for (let i = 0; i < children.length; i++) {
-                  remove(children[i]);
+      remove(vnode, parentComponent, parentSuspense, optimized, { um: unmount, o: { remove: hostRemove } }, doRemove) {
+          const { shapeFlag, children, anchor, targetAnchor, target, props } = vnode;
+          if (target) {
+              hostRemove(targetAnchor);
+          }
+          // an unmounted teleport should always remove its children if not disabled
+          if (doRemove || !isTeleportDisabled(props)) {
+              hostRemove(anchor);
+              if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
+                  for (let i = 0; i < children.length; i++) {
+                      const child = children[i];
+                      unmount(child, parentComponent, parentSuspense, true, !!child.dynamicChildren);
+                  }
               }
           }
       },
@@ -6039,7 +6935,7 @@ var Vue = (function (exports) {
           insert(anchor, container, parentAnchor);
       }
   }
-  function hydrateTeleport(node, vnode, parentComponent, parentSuspense, optimized, { o: { nextSibling, parentNode, querySelector } }, hydrateChildren) {
+  function hydrateTeleport(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, { o: { nextSibling, parentNode, querySelector } }, hydrateChildren) {
       const target = (vnode.target = resolveTarget(vnode.props, querySelector));
       if (target) {
           // if multiple teleports rendered to the same target element, we need to
@@ -6047,12 +6943,12 @@ var Vue = (function (exports) {
           const targetNode = target._lpa || target.firstChild;
           if (vnode.shapeFlag & 16 /* ARRAY_CHILDREN */) {
               if (isTeleportDisabled(vnode.props)) {
-                  vnode.anchor = hydrateChildren(nextSibling(node), vnode, parentNode(node), parentComponent, parentSuspense, optimized);
+                  vnode.anchor = hydrateChildren(nextSibling(node), vnode, parentNode(node), parentComponent, parentSuspense, slotScopeIds, optimized);
                   vnode.targetAnchor = targetNode;
               }
               else {
                   vnode.anchor = nextSibling(node);
-                  vnode.targetAnchor = hydrateChildren(targetNode, vnode, target, parentComponent, parentSuspense, optimized);
+                  vnode.targetAnchor = hydrateChildren(targetNode, vnode, target, parentComponent, parentSuspense, slotScopeIds, optimized);
               }
               target._lpa =
                   vnode.targetAnchor && nextSibling(vnode.targetAnchor);
@@ -6068,8 +6964,8 @@ var Vue = (function (exports) {
   /**
    * @private
    */
-  function resolveComponent(name) {
-      return resolveAsset(COMPONENTS, name) || name;
+  function resolveComponent(name, maybeSelfReference) {
+      return resolveAsset(COMPONENTS, name, true, maybeSelfReference) || name;
   }
   const NULL_DYNAMIC_COMPONENT = Symbol();
   /**
@@ -6091,13 +6987,13 @@ var Vue = (function (exports) {
       return resolveAsset(DIRECTIVES, name);
   }
   // implementation
-  function resolveAsset(type, name, warnMissing = true) {
+  function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false) {
       const instance = currentRenderingInstance || currentInstance;
       if (instance) {
           const Component = instance.type;
-          // self name has highest priority
+          // explicit self name has highest priority
           if (type === COMPONENTS) {
-              const selfName = Component.displayName || Component.name;
+              const selfName = getComponentName(Component);
               if (selfName &&
                   (selfName === name ||
                       selfName === camelize(name) ||
@@ -6107,17 +7003,21 @@ var Vue = (function (exports) {
           }
           const res = 
           // local registration
-          // check instance[type] first for components with mixin or extends.
+          // check instance[type] first which is resolved for options API
           resolve(instance[type] || Component[type], name) ||
               // global registration
               resolve(instance.appContext[type], name);
-          if ( warnMissing && !res) {
-              warn(`Failed to resolve ${type.slice(0, -1)}: ${name}`);
+          if (!res && maybeSelfReference) {
+              // fallback to implicit self-reference
+              return Component;
+          }
+          if (warnMissing && !res) {
+              warn$1(`Failed to resolve ${type.slice(0, -1)}: ${name}`);
           }
           return res;
       }
       else {
-          warn(`resolve${capitalize(type.slice(0, -1))} ` +
+          warn$1(`resolve${capitalize(type.slice(0, -1))} ` +
               `can only be used in render() or setup().`);
       }
   }
@@ -6128,10 +7028,10 @@ var Vue = (function (exports) {
               registry[capitalize(camelize(name))]));
   }
 
-  const Fragment = Symbol( 'Fragment' );
-  const Text = Symbol( 'Text' );
-  const Comment = Symbol( 'Comment' );
-  const Static = Symbol( 'Static' );
+  const Fragment = Symbol('Fragment' );
+  const Text = Symbol('Text' );
+  const Comment$1 = Symbol('Comment' );
+  const Static = Symbol('Static' );
   // Since v-if and v-for are the two possible ways node structure can dynamically
   // change, once we consider v-if branches and each v-for fragment a block, we
   // can divide a template into nested blocks, and within each block the node
@@ -6166,7 +7066,7 @@ var Vue = (function (exports) {
   // Only tracks when this value is > 0
   // We are not using a simple boolean because this value may need to be
   // incremented/decremented by nested usage of v-once (see below)
-  let shouldTrack$1 = 1;
+  let isBlockTreeEnabled = 1;
   /**
    * Block tracking sometimes needs to be disabled, for example during the
    * creation of a tree that needs to be cached by v-once. The compiler generates
@@ -6184,7 +7084,26 @@ var Vue = (function (exports) {
    * @private
    */
   function setBlockTracking(value) {
-      shouldTrack$1 += value;
+      isBlockTreeEnabled += value;
+  }
+  function setupBlock(vnode) {
+      // save current block children on the block vnode
+      vnode.dynamicChildren =
+          isBlockTreeEnabled > 0 ? currentBlock || EMPTY_ARR : null;
+      // close block
+      closeBlock();
+      // a block is always going to be patched, so track it as a child of its
+      // parent block
+      if (isBlockTreeEnabled > 0 && currentBlock) {
+          currentBlock.push(vnode);
+      }
+      return vnode;
+  }
+  /**
+   * @private
+   */
+  function createElementBlock(type, props, children, patchFlag, dynamicProps, shapeFlag) {
+      return setupBlock(createBaseVNode(type, props, children, patchFlag, dynamicProps, shapeFlag, true /* isBlock */));
   }
   /**
    * Create a block root vnode. Takes the same exact arguments as `createVNode`.
@@ -6194,24 +7113,13 @@ var Vue = (function (exports) {
    * @private
    */
   function createBlock(type, props, children, patchFlag, dynamicProps) {
-      const vnode = createVNode(type, props, children, patchFlag, dynamicProps, true /* isBlock: prevent a block from tracking itself */);
-      // save current block children on the block vnode
-      vnode.dynamicChildren = currentBlock || EMPTY_ARR;
-      // close block
-      closeBlock();
-      // a block is always going to be patched, so track it as a child of its
-      // parent block
-      if (shouldTrack$1 > 0 && currentBlock) {
-          currentBlock.push(vnode);
-      }
-      return vnode;
+      return setupBlock(createVNode(type, props, children, patchFlag, dynamicProps, true /* isBlock: prevent a block from tracking itself */));
   }
   function isVNode(value) {
       return value ? value.__v_isVNode === true : false;
   }
   function isSameVNodeType(n1, n2) {
-      if (
-          n2.shapeFlag & 6 /* COMPONENT */ &&
+      if (n2.shapeFlag & 6 /* COMPONENT */ &&
           hmrDirtyComponents.has(n2.type)) {
           // HMR only: if the component has been hot-updated, force a reload.
           return false;
@@ -6237,19 +7145,82 @@ var Vue = (function (exports) {
   const normalizeKey = ({ key }) => key != null ? key : null;
   const normalizeRef = ({ ref }) => {
       return (ref != null
-          ? isArray(ref)
-              ? ref
-              : { i: currentRenderingInstance, r: ref }
+          ? isString(ref) || isRef(ref) || isFunction(ref)
+              ? { i: currentRenderingInstance, r: ref }
+              : ref
           : null);
   };
-  const createVNode = ( createVNodeWithArgsTransform
-      );
+  function createBaseVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, shapeFlag = type === Fragment ? 0 : 1 /* ELEMENT */, isBlockNode = false, needFullChildrenNormalization = false) {
+      const vnode = {
+          __v_isVNode: true,
+          __v_skip: true,
+          type,
+          props,
+          key: props && normalizeKey(props),
+          ref: props && normalizeRef(props),
+          scopeId: currentScopeId,
+          slotScopeIds: null,
+          children,
+          component: null,
+          suspense: null,
+          ssContent: null,
+          ssFallback: null,
+          dirs: null,
+          transition: null,
+          el: null,
+          anchor: null,
+          target: null,
+          targetAnchor: null,
+          staticCount: 0,
+          shapeFlag,
+          patchFlag,
+          dynamicProps,
+          dynamicChildren: null,
+          appContext: null
+      };
+      if (needFullChildrenNormalization) {
+          normalizeChildren(vnode, children);
+          // normalize suspense children
+          if (shapeFlag & 128 /* SUSPENSE */) {
+              type.normalize(vnode);
+          }
+      }
+      else if (children) {
+          // compiled element vnode - if children is passed, only possible types are
+          // string or Array.
+          vnode.shapeFlag |= isString(children)
+              ? 8 /* TEXT_CHILDREN */
+              : 16 /* ARRAY_CHILDREN */;
+      }
+      // validate key
+      if (vnode.key !== vnode.key) {
+          warn$1(`VNode created with invalid key (NaN). VNode type:`, vnode.type);
+      }
+      // track vnode for block tree
+      if (isBlockTreeEnabled > 0 &&
+          // avoid a block node from tracking itself
+          !isBlockNode &&
+          // has current parent block
+          currentBlock &&
+          // presence of a patch flag indicates this node needs patching on updates.
+          // component nodes also should always be patched, because even if the
+          // component doesn't need to update, it needs to persist the instance on to
+          // the next vnode so that it can be properly unmounted later.
+          (vnode.patchFlag > 0 || shapeFlag & 6 /* COMPONENT */) &&
+          // the EVENTS flag is only for hydration and if it is the only flag, the
+          // vnode should not be considered dynamic due to handler caching.
+          vnode.patchFlag !== 32 /* HYDRATE_EVENTS */) {
+          currentBlock.push(vnode);
+      }
+      return vnode;
+  }
+  const createVNode = (createVNodeWithArgsTransform );
   function _createVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, isBlockNode = false) {
       if (!type || type === NULL_DYNAMIC_COMPONENT) {
-          if ( !type) {
-              warn(`Invalid vnode type when creating vnode: ${type}.`);
+          if (!type) {
+              warn$1(`Invalid vnode type when creating vnode: ${type}.`);
           }
-          type = Comment;
+          type = Comment$1;
       }
       if (isVNode(type)) {
           // createVNode receiving an existing vnode. This happens in cases like
@@ -6268,9 +7239,7 @@ var Vue = (function (exports) {
       // class & style normalization.
       if (props) {
           // for reactive or proxy objects, we need to clone it to enable mutation.
-          if (isProxy(props) || InternalObjectKey in props) {
-              props = extend({}, props);
-          }
+          props = guardReactiveProps(props);
           let { class: klass, style } = props;
           if (klass && !isString(klass)) {
               props.class = normalizeClass(klass);
@@ -6287,7 +7256,7 @@ var Vue = (function (exports) {
       // encode the vnode type information into a bitmap
       const shapeFlag = isString(type)
           ? 1 /* ELEMENT */
-          :  isSuspense(type)
+          : isSuspense(type)
               ? 128 /* SUSPENSE */
               : isTeleport(type)
                   ? 64 /* TELEPORT */
@@ -6296,75 +7265,30 @@ var Vue = (function (exports) {
                       : isFunction(type)
                           ? 2 /* FUNCTIONAL_COMPONENT */
                           : 0;
-      if ( shapeFlag & 4 /* STATEFUL_COMPONENT */ && isProxy(type)) {
+      if (shapeFlag & 4 /* STATEFUL_COMPONENT */ && isProxy(type)) {
           type = toRaw(type);
-          warn(`Vue received a Component which was made a reactive object. This can ` +
+          warn$1(`Vue received a Component which was made a reactive object. This can ` +
               `lead to unnecessary performance overhead, and should be avoided by ` +
               `marking the component with \`markRaw\` or using \`shallowRef\` ` +
               `instead of \`ref\`.`, `\nComponent that was made reactive: `, type);
       }
-      const vnode = {
-          __v_isVNode: true,
-          ["__v_skip" /* SKIP */]: true,
-          type,
-          props,
-          key: props && normalizeKey(props),
-          ref: props && normalizeRef(props),
-          scopeId: currentScopeId,
-          children: null,
-          component: null,
-          suspense: null,
-          ssContent: null,
-          ssFallback: null,
-          dirs: null,
-          transition: null,
-          el: null,
-          anchor: null,
-          target: null,
-          targetAnchor: null,
-          staticCount: 0,
-          shapeFlag,
-          patchFlag,
-          dynamicProps,
-          dynamicChildren: null,
-          appContext: null
-      };
-      // validate key
-      if ( vnode.key !== vnode.key) {
-          warn(`VNode created with invalid key (NaN). VNode type:`, vnode.type);
-      }
-      normalizeChildren(vnode, children);
-      // normalize suspense children
-      if ( shapeFlag & 128 /* SUSPENSE */) {
-          const { content, fallback } = normalizeSuspenseChildren(vnode);
-          vnode.ssContent = content;
-          vnode.ssFallback = fallback;
-      }
-      if (shouldTrack$1 > 0 &&
-          // avoid a block node from tracking itself
-          !isBlockNode &&
-          // has current parent block
-          currentBlock &&
-          // presence of a patch flag indicates this node needs patching on updates.
-          // component nodes also should always be patched, because even if the
-          // component doesn't need to update, it needs to persist the instance on to
-          // the next vnode so that it can be properly unmounted later.
-          (patchFlag > 0 || shapeFlag & 6 /* COMPONENT */) &&
-          // the EVENTS flag is only for hydration and if it is the only flag, the
-          // vnode should not be considered dynamic due to handler caching.
-          patchFlag !== 32 /* HYDRATE_EVENTS */) {
-          currentBlock.push(vnode);
-      }
-      return vnode;
+      return createBaseVNode(type, props, children, patchFlag, dynamicProps, shapeFlag, isBlockNode, true);
+  }
+  function guardReactiveProps(props) {
+      if (!props)
+          return null;
+      return isProxy(props) || InternalObjectKey in props
+          ? extend({}, props)
+          : props;
   }
   function cloneVNode(vnode, extraProps, mergeRef = false) {
       // This is intentionally NOT using spread or extend to avoid the runtime
       // key enumeration cost.
-      const { props, ref, patchFlag } = vnode;
+      const { props, ref, patchFlag, children } = vnode;
       const mergedProps = extraProps ? mergeProps(props || {}, extraProps) : props;
-      return {
+      const cloned = {
           __v_isVNode: true,
-          ["__v_skip" /* SKIP */]: true,
+          __v_skip: true,
           type: vnode.type,
           props: mergedProps,
           key: mergedProps && normalizeKey(mergedProps),
@@ -6379,7 +7303,10 @@ var Vue = (function (exports) {
                       : normalizeRef(extraProps)
               : ref,
           scopeId: vnode.scopeId,
-          children: vnode.children,
+          slotScopeIds: vnode.slotScopeIds,
+          children: patchFlag === -1 /* HOISTED */ && isArray(children)
+              ? children.map(deepCloneVNode)
+              : children,
           target: vnode.target,
           targetAnchor: vnode.targetAnchor,
           staticCount: vnode.staticCount,
@@ -6409,6 +7336,18 @@ var Vue = (function (exports) {
           el: vnode.el,
           anchor: vnode.anchor
       };
+      return cloned;
+  }
+  /**
+   * Dev only, for HMR of hoisted vnodes reused in v-for
+   * https://github.com/vitejs/vite/issues/2022
+   */
+  function deepCloneVNode(vnode) {
+      const cloned = cloneVNode(vnode);
+      if (isArray(vnode.children)) {
+          cloned.children = vnode.children.map(deepCloneVNode);
+      }
+      return cloned;
   }
   /**
    * @private
@@ -6434,22 +7373,24 @@ var Vue = (function (exports) {
   // block to ensure correct updates.
   asBlock = false) {
       return asBlock
-          ? (openBlock(), createBlock(Comment, null, text))
-          : createVNode(Comment, null, text);
+          ? (openBlock(), createBlock(Comment$1, null, text))
+          : createVNode(Comment$1, null, text);
   }
   function normalizeVNode(child) {
       if (child == null || typeof child === 'boolean') {
           // empty placeholder
-          return createVNode(Comment);
+          return createVNode(Comment$1);
       }
       else if (isArray(child)) {
           // fragment
-          return createVNode(Fragment, null, child);
+          return createVNode(Fragment, null, 
+          // #3666, avoid reference pollution when reusing vnode
+          child.slice());
       }
       else if (typeof child === 'object') {
           // already vnode, this should be the most common since compiled templates
           // always produce all-vnode children arrays
-          return child.el === null ? child : cloneVNode(child);
+          return cloneIfMounted(child);
       }
       else {
           // strings and numbers
@@ -6458,7 +7399,7 @@ var Vue = (function (exports) {
   }
   // optimized normalization for template-compiled render fns
   function cloneIfMounted(child) {
-      return child.el === null ? child : cloneVNode(child);
+      return child.el === null || child.memo ? child : cloneVNode(child);
   }
   function normalizeChildren(vnode, children) {
       let type = 0;
@@ -6470,14 +7411,14 @@ var Vue = (function (exports) {
           type = 16 /* ARRAY_CHILDREN */;
       }
       else if (typeof children === 'object') {
-          if (shapeFlag & 1 /* ELEMENT */ || shapeFlag & 64 /* TELEPORT */) {
+          if (shapeFlag & (1 /* ELEMENT */ | 64 /* TELEPORT */)) {
               // Normalize slot to plain children for plain element and Teleport
               const slot = children.default;
               if (slot) {
                   // _c marker is added by withCtx() indicating this is a compiled slot
-                  slot._c && setCompiledSlotRendering(1);
+                  slot._c && (slot._d = false);
                   normalizeChildren(vnode, slot());
-                  slot._c && setCompiledSlotRendering(-1);
+                  slot._c && (slot._d = true);
               }
               return;
           }
@@ -6490,12 +7431,12 @@ var Vue = (function (exports) {
               else if (slotFlag === 3 /* FORWARDED */ && currentRenderingInstance) {
                   // a child component receives forwarded slots from the parent.
                   // its slot type is determined by its parent's slot type.
-                  if (currentRenderingInstance.vnode.patchFlag & 1024 /* DYNAMIC_SLOTS */) {
-                      children._ = 2 /* DYNAMIC */;
-                      vnode.patchFlag |= 1024 /* DYNAMIC_SLOTS */;
+                  if (currentRenderingInstance.slots._ === 1 /* STABLE */) {
+                      children._ = 1 /* STABLE */;
                   }
                   else {
-                      children._ = 1 /* STABLE */;
+                      children._ = 2 /* DYNAMIC */;
+                      vnode.patchFlag |= 1024 /* DYNAMIC_SLOTS */;
                   }
               }
           }
@@ -6519,8 +7460,8 @@ var Vue = (function (exports) {
       vnode.shapeFlag |= type;
   }
   function mergeProps(...args) {
-      const ret = extend({}, args[0]);
-      for (let i = 1; i < args.length; i++) {
+      const ret = {};
+      for (let i = 0; i < args.length; i++) {
           const toMerge = args[i];
           for (const key in toMerge) {
               if (key === 'class') {
@@ -6536,7 +7477,7 @@ var Vue = (function (exports) {
                   const incoming = toMerge[key];
                   if (existing !== incoming) {
                       ret[key] = existing
-                          ? [].concat(existing, toMerge[key])
+                          ? [].concat(existing, incoming)
                           : incoming;
                   }
               }
@@ -6548,457 +7489,183 @@ var Vue = (function (exports) {
       return ret;
   }
 
-  function provide(key, value) {
-      if (!currentInstance) {
-          {
-              warn(`provide() can only be used inside setup().`);
+  /**
+   * Actual implementation
+   */
+  function renderList(source, renderItem, cache, index) {
+      let ret;
+      const cached = (cache && cache[index]);
+      if (isArray(source) || isString(source)) {
+          ret = new Array(source.length);
+          for (let i = 0, l = source.length; i < l; i++) {
+              ret[i] = renderItem(source[i], i, undefined, cached && cached[i]);
           }
       }
-      else {
-          let provides = currentInstance.provides;
-          // by default an instance inherits its parent's provides object
-          // but when it needs to provide values of its own, it creates its
-          // own provides object using parent provides object as prototype.
-          // this way in `inject` we can simply look up injections from direct
-          // parent and let the prototype chain do the work.
-          const parentProvides = currentInstance.parent && currentInstance.parent.provides;
-          if (parentProvides === provides) {
-              provides = currentInstance.provides = Object.create(parentProvides);
+      else if (typeof source === 'number') {
+          if (!Number.isInteger(source)) {
+              warn$1(`The v-for range expect an integer value but got ${source}.`);
+              return [];
+          }
+          ret = new Array(source);
+          for (let i = 0; i < source; i++) {
+              ret[i] = renderItem(i + 1, i, undefined, cached && cached[i]);
           }
-          // TS doesn't allow symbol as index type
-          provides[key] = value;
       }
-  }
-  function inject(key, defaultValue, treatDefaultAsFactory = false) {
-      // fallback to `currentRenderingInstance` so that this can be called in
-      // a functional component
-      const instance = currentInstance || currentRenderingInstance;
-      if (instance) {
-          // #2400
-          // to support `app.use` plugins,
-          // fallback to appContext's `provides` if the intance is at root
-          const provides = instance.parent == null
-              ? instance.vnode.appContext && instance.vnode.appContext.provides
-              : instance.parent.provides;
-          if (provides && key in provides) {
-              // TS doesn't allow symbol as index type
-              return provides[key];
-          }
-          else if (arguments.length > 1) {
-              return treatDefaultAsFactory && isFunction(defaultValue)
-                  ? defaultValue()
-                  : defaultValue;
+      else if (isObject(source)) {
+          if (source[Symbol.iterator]) {
+              ret = Array.from(source, (item, i) => renderItem(item, i, undefined, cached && cached[i]));
           }
           else {
-              warn(`injection "${String(key)}" not found.`);
+              const keys = Object.keys(source);
+              ret = new Array(keys.length);
+              for (let i = 0, l = keys.length; i < l; i++) {
+                  const key = keys[i];
+                  ret[i] = renderItem(source[key], key, i, cached && cached[i]);
+              }
           }
       }
       else {
-          warn(`inject() can only be used inside setup() or functional components.`);
+          ret = [];
       }
+      if (cache) {
+          cache[index] = ret;
+      }
+      return ret;
   }
 
-  function createDuplicateChecker() {
-      const cache = Object.create(null);
-      return (type, key) => {
-          if (cache[key]) {
-              warn(`${type} property "${key}" is already defined in ${cache[key]}.`);
-          }
-          else {
-              cache[key] = type;
-          }
-      };
-  }
-  let isInBeforeCreate = false;
-  function applyOptions(instance, options, deferredData = [], deferredWatch = [], deferredProvide = [], asMixin = false) {
-      const { 
-      // composition
-      mixins, extends: extendsOptions, 
-      // state
-      data: dataOptions, computed: computedOptions, methods, watch: watchOptions, provide: provideOptions, inject: injectOptions, 
-      // assets
-      components, directives, 
-      // lifecycle
-      beforeMount, mounted, beforeUpdate, updated, activated, deactivated, beforeDestroy, beforeUnmount, destroyed, unmounted, render, renderTracked, renderTriggered, errorCaptured } = options;
-      const publicThis = instance.proxy;
-      const ctx = instance.ctx;
-      const globalMixins = instance.appContext.mixins;
-      if (asMixin && render && instance.render === NOOP) {
-          instance.render = render;
-      }
-      // applyOptions is called non-as-mixin once per instance
-      if (!asMixin) {
-          isInBeforeCreate = true;
-          callSyncHook('beforeCreate', "bc" /* BEFORE_CREATE */, options, instance, globalMixins);
-          isInBeforeCreate = false;
-          // global mixins are applied first
-          applyMixins(instance, globalMixins, deferredData, deferredWatch, deferredProvide);
-      }
-      // extending a base component...
-      if (extendsOptions) {
-          applyOptions(instance, extendsOptions, deferredData, deferredWatch, deferredProvide, true);
-      }
-      // local mixins
-      if (mixins) {
-          applyMixins(instance, mixins, deferredData, deferredWatch, deferredProvide);
-      }
-      const checkDuplicateProperties =  createDuplicateChecker() ;
-      {
-          const [propsOptions] = instance.propsOptions;
-          if (propsOptions) {
-              for (const key in propsOptions) {
-                  checkDuplicateProperties("Props" /* PROPS */, key);
+  /**
+   * Compiler runtime helper for creating dynamic slots object
+   * @private
+   */
+  function createSlots(slots, dynamicSlots) {
+      for (let i = 0; i < dynamicSlots.length; i++) {
+          const slot = dynamicSlots[i];
+          // array of dynamic slot generated by <template v-for="..." #[...]>
+          if (isArray(slot)) {
+              for (let j = 0; j < slot.length; j++) {
+                  slots[slot[j].name] = slot[j].fn;
               }
           }
-      }
-      // options initialization order (to be consistent with Vue 2):
-      // - props (already done outside of this function)
-      // - inject
-      // - methods
-      // - data (deferred since it relies on `this` access)
-      // - computed
-      // - watch (deferred since it relies on `this` access)
-      if (injectOptions) {
-          if (isArray(injectOptions)) {
-              for (let i = 0; i < injectOptions.length; i++) {
-                  const key = injectOptions[i];
-                  ctx[key] = inject(key);
-                  {
-                      checkDuplicateProperties("Inject" /* INJECT */, key);
-                  }
-              }
-          }
-          else {
-              for (const key in injectOptions) {
-                  const opt = injectOptions[key];
-                  if (isObject(opt)) {
-                      ctx[key] = inject(opt.from || key, opt.default, true /* treat default function as factory */);
-                  }
-                  else {
-                      ctx[key] = inject(opt);
-                  }
-                  {
-                      checkDuplicateProperties("Inject" /* INJECT */, key);
-                  }
-              }
-          }
-      }
-      if (methods) {
-          for (const key in methods) {
-              const methodHandler = methods[key];
-              if (isFunction(methodHandler)) {
-                  ctx[key] = methodHandler.bind(publicThis);
-                  {
-                      checkDuplicateProperties("Methods" /* METHODS */, key);
-                  }
-              }
-              else {
-                  warn(`Method "${key}" has type "${typeof methodHandler}" in the component definition. ` +
-                      `Did you reference the function correctly?`);
-              }
-          }
-      }
-      if (!asMixin) {
-          if (deferredData.length) {
-              deferredData.forEach(dataFn => resolveData(instance, dataFn, publicThis));
-          }
-          if (dataOptions) {
-              resolveData(instance, dataOptions, publicThis);
-          }
-          {
-              const rawData = toRaw(instance.data);
-              for (const key in rawData) {
-                  checkDuplicateProperties("Data" /* DATA */, key);
-                  // expose data on ctx during dev
-                  if (key[0] !== '$' && key[0] !== '_') {
-                      Object.defineProperty(ctx, key, {
-                          configurable: true,
-                          enumerable: true,
-                          get: () => rawData[key],
-                          set: NOOP
-                      });
-                  }
-              }
-          }
-      }
-      else if (dataOptions) {
-          deferredData.push(dataOptions);
-      }
-      if (computedOptions) {
-          for (const key in computedOptions) {
-              const opt = computedOptions[key];
-              const get = isFunction(opt)
-                  ? opt.bind(publicThis, publicThis)
-                  : isFunction(opt.get)
-                      ? opt.get.bind(publicThis, publicThis)
-                      : NOOP;
-              if ( get === NOOP) {
-                  warn(`Computed property "${key}" has no getter.`);
-              }
-              const set = !isFunction(opt) && isFunction(opt.set)
-                  ? opt.set.bind(publicThis)
-                  :  () => {
-                          warn(`Write operation failed: computed property "${key}" is readonly.`);
-                      }
-                      ;
-              const c = computed$1({
-                  get,
-                  set
-              });
-              Object.defineProperty(ctx, key, {
-                  enumerable: true,
-                  configurable: true,
-                  get: () => c.value,
-                  set: v => (c.value = v)
-              });
-              {
-                  checkDuplicateProperties("Computed" /* COMPUTED */, key);
-              }
-          }
-      }
-      if (watchOptions) {
-          deferredWatch.push(watchOptions);
-      }
-      if (!asMixin && deferredWatch.length) {
-          deferredWatch.forEach(watchOptions => {
-              for (const key in watchOptions) {
-                  createWatcher(watchOptions[key], ctx, publicThis, key);
-              }
-          });
-      }
-      if (provideOptions) {
-          deferredProvide.push(provideOptions);
-      }
-      if (!asMixin && deferredProvide.length) {
-          deferredProvide.forEach(provideOptions => {
-              const provides = isFunction(provideOptions)
-                  ? provideOptions.call(publicThis)
-                  : provideOptions;
-              for (const key in provides) {
-                  provide(key, provides[key]);
-              }
-          });
-      }
-      // asset options.
-      // To reduce memory usage, only components with mixins or extends will have
-      // resolved asset registry attached to instance.
-      if (asMixin) {
-          if (components) {
-              extend(instance.components ||
-                  (instance.components = extend({}, instance.type.components)), components);
-          }
-          if (directives) {
-              extend(instance.directives ||
-                  (instance.directives = extend({}, instance.type.directives)), directives);
-          }
-      }
-      // lifecycle options
-      if (!asMixin) {
-          callSyncHook('created', "c" /* CREATED */, options, instance, globalMixins);
-      }
-      if (beforeMount) {
-          onBeforeMount(beforeMount.bind(publicThis));
-      }
-      if (mounted) {
-          onMounted(mounted.bind(publicThis));
-      }
-      if (beforeUpdate) {
-          onBeforeUpdate(beforeUpdate.bind(publicThis));
-      }
-      if (updated) {
-          onUpdated(updated.bind(publicThis));
-      }
-      if (activated) {
-          onActivated(activated.bind(publicThis));
-      }
-      if (deactivated) {
-          onDeactivated(deactivated.bind(publicThis));
-      }
-      if (errorCaptured) {
-          onErrorCaptured(errorCaptured.bind(publicThis));
-      }
-      if (renderTracked) {
-          onRenderTracked(renderTracked.bind(publicThis));
-      }
-      if (renderTriggered) {
-          onRenderTriggered(renderTriggered.bind(publicThis));
-      }
-      if ( beforeDestroy) {
-          warn(`\`beforeDestroy\` has been renamed to \`beforeUnmount\`.`);
-      }
-      if (beforeUnmount) {
-          onBeforeUnmount(beforeUnmount.bind(publicThis));
-      }
-      if ( destroyed) {
-          warn(`\`destroyed\` has been renamed to \`unmounted\`.`);
-      }
-      if (unmounted) {
-          onUnmounted(unmounted.bind(publicThis));
-      }
-  }
-  function callSyncHook(name, type, options, instance, globalMixins) {
-      callHookFromMixins(name, type, globalMixins, instance);
-      const { extends: base, mixins } = options;
-      if (base) {
-          callHookFromExtends(name, type, base, instance);
-      }
-      if (mixins) {
-          callHookFromMixins(name, type, mixins, instance);
-      }
-      const selfHook = options[name];
-      if (selfHook) {
-          callWithAsyncErrorHandling(selfHook.bind(instance.proxy), instance, type);
-      }
-  }
-  function callHookFromExtends(name, type, base, instance) {
-      if (base.extends) {
-          callHookFromExtends(name, type, base.extends, instance);
-      }
-      const baseHook = base[name];
-      if (baseHook) {
-          callWithAsyncErrorHandling(baseHook.bind(instance.proxy), instance, type);
-      }
-  }
-  function callHookFromMixins(name, type, mixins, instance) {
-      for (let i = 0; i < mixins.length; i++) {
-          const chainedMixins = mixins[i].mixins;
-          if (chainedMixins) {
-              callHookFromMixins(name, type, chainedMixins, instance);
-          }
-          const fn = mixins[i][name];
-          if (fn) {
-              callWithAsyncErrorHandling(fn.bind(instance.proxy), instance, type);
-          }
-      }
-  }
-  function applyMixins(instance, mixins, deferredData, deferredWatch, deferredProvide) {
-      for (let i = 0; i < mixins.length; i++) {
-          applyOptions(instance, mixins[i], deferredData, deferredWatch, deferredProvide, true);
-      }
-  }
-  function resolveData(instance, dataFn, publicThis) {
-      if ( !isFunction(dataFn)) {
-          warn(`The data option must be a function. ` +
-              `Plain object usage is no longer supported.`);
-      }
-      const data = dataFn.call(publicThis, publicThis);
-      if ( isPromise(data)) {
-          warn(`data() returned a Promise - note data() cannot be async; If you ` +
-              `intend to perform data fetching before component renders, use ` +
-              `async setup() + <Suspense>.`);
-      }
-      if (!isObject(data)) {
-           warn(`data() should return an object.`);
-      }
-      else if (instance.data === EMPTY_OBJ) {
-          instance.data = reactive(data);
-      }
-      else {
-          // existing data: this is a mixin or extends.
-          extend(instance.data, data);
-      }
-  }
-  function createWatcher(raw, ctx, publicThis, key) {
-      const getter = key.includes('.')
-          ? createPathGetter(publicThis, key)
-          : () => publicThis[key];
-      if (isString(raw)) {
-          const handler = ctx[raw];
-          if (isFunction(handler)) {
-              watch(getter, handler);
-          }
-          else {
-              warn(`Invalid watch handler specified by key "${raw}"`, handler);
-          }
-      }
-      else if (isFunction(raw)) {
-          watch(getter, raw.bind(publicThis));
-      }
-      else if (isObject(raw)) {
-          if (isArray(raw)) {
-              raw.forEach(r => createWatcher(r, ctx, publicThis, key));
-          }
-          else {
-              const handler = isFunction(raw.handler)
-                  ? raw.handler.bind(publicThis)
-                  : ctx[raw.handler];
-              if (isFunction(handler)) {
-                  watch(getter, handler, raw);
-              }
-              else {
-                  warn(`Invalid watch handler specified by key "${raw.handler}"`, handler);
-              }
-          }
-      }
-      else {
-          warn(`Invalid watch option: "${key}"`, raw);
-      }
-  }
-  function createPathGetter(ctx, path) {
-      const segments = path.split('.');
-      return () => {
-          let cur = ctx;
-          for (let i = 0; i < segments.length && cur; i++) {
-              cur = cur[segments[i]];
-          }
-          return cur;
-      };
-  }
-  function resolveMergedOptions(instance) {
-      const raw = instance.type;
-      const { __merged, mixins, extends: extendsOptions } = raw;
-      if (__merged)
-          return __merged;
-      const globalMixins = instance.appContext.mixins;
-      if (!globalMixins.length && !mixins && !extendsOptions)
-          return raw;
-      const options = {};
-      globalMixins.forEach(m => mergeOptions(options, m, instance));
-      mergeOptions(options, raw, instance);
-      return (raw.__merged = options);
-  }
-  function mergeOptions(to, from, instance) {
-      const strats = instance.appContext.config.optionMergeStrategies;
-      const { mixins, extends: extendsOptions } = from;
-      extendsOptions && mergeOptions(to, extendsOptions, instance);
-      mixins &&
-          mixins.forEach((m) => mergeOptions(to, m, instance));
-      for (const key in from) {
-          if (strats && hasOwn(strats, key)) {
-              to[key] = strats[key](to[key], from[key], instance.proxy, key);
-          }
-          else {
-              to[key] = from[key];
+          else if (slot) {
+              // conditional single slot generated by <template v-if="..." #foo>
+              slots[slot.name] = slot.fn;
           }
       }
+      return slots;
   }
 
+  /**
+   * Compiler runtime helper for rendering `<slot/>`
+   * @private
+   */
+  function renderSlot(slots, name, props = {}, 
+  // this is not a user-facing function, so the fallback is always generated by
+  // the compiler and guaranteed to be a function returning an array
+  fallback, noSlotted) {
+      if (currentRenderingInstance.isCE) {
+          return createVNode('slot', name === 'default' ? null : { name }, fallback && fallback());
+      }
+      let slot = slots[name];
+      if (slot && slot.length > 1) {
+          warn$1(`SSR-optimized slot function detected in a non-SSR-optimized render ` +
+              `function. You need to mark this component with $dynamic-slots in the ` +
+              `parent template.`);
+          slot = () => [];
+      }
+      // a compiled slot disables block tracking by default to avoid manual
+      // invocation interfering with template-based block tracking, but in
+      // `renderSlot` we can be sure that it's template-based so we can force
+      // enable it.
+      if (slot && slot._c) {
+          slot._d = false;
+      }
+      openBlock();
+      const validSlotContent = slot && ensureValidVNode(slot(props));
+      const rendered = createBlock(Fragment, { key: props.key || `_${name}` }, validSlotContent || (fallback ? fallback() : []), validSlotContent && slots._ === 1 /* STABLE */
+          ? 64 /* STABLE_FRAGMENT */
+          : -2 /* BAIL */);
+      if (!noSlotted && rendered.scopeId) {
+          rendered.slotScopeIds = [rendered.scopeId + '-s'];
+      }
+      if (slot && slot._c) {
+          slot._d = true;
+      }
+      return rendered;
+  }
+  function ensureValidVNode(vnodes) {
+      return vnodes.some(child => {
+          if (!isVNode(child))
+              return true;
+          if (child.type === Comment$1)
+              return false;
+          if (child.type === Fragment &&
+              !ensureValidVNode(child.children))
+              return false;
+          return true;
+      })
+          ? vnodes
+          : null;
+  }
+
+  /**
+   * For prefixing keys in v-on="obj" with "on"
+   * @private
+   */
+  function toHandlers(obj) {
+      const ret = {};
+      if (!isObject(obj)) {
+          warn$1(`v-on with no argument expects an object value.`);
+          return ret;
+      }
+      for (const key in obj) {
+          ret[toHandlerKey(key)] = obj[key];
+      }
+      return ret;
+  }
+
+  /**
+   * #2437 In Vue 3, functional components do not have a public instance proxy but
+   * they exist in the internal parent chain. For code that relies on traversing
+   * public $parent chains, skip functional ones and go to the parent instead.
+   */
+  const getPublicInstance = (i) => {
+      if (!i)
+          return null;
+      if (isStatefulComponent(i))
+          return getExposeProxy(i) || i.proxy;
+      return getPublicInstance(i.parent);
+  };
   const publicPropertiesMap = extend(Object.create(null), {
       $: i => i,
       $el: i => i.vnode.el,
       $data: i => i.data,
-      $props: i => ( shallowReadonly(i.props) ),
-      $attrs: i => ( shallowReadonly(i.attrs) ),
-      $slots: i => ( shallowReadonly(i.slots) ),
-      $refs: i => ( shallowReadonly(i.refs) ),
-      $parent: i => i.parent && i.parent.proxy,
-      $root: i => i.root && i.root.proxy,
+      $props: i => (shallowReadonly(i.props) ),
+      $attrs: i => (shallowReadonly(i.attrs) ),
+      $slots: i => (shallowReadonly(i.slots) ),
+      $refs: i => (shallowReadonly(i.refs) ),
+      $parent: i => getPublicInstance(i.parent),
+      $root: i => getPublicInstance(i.root),
       $emit: i => i.emit,
-      $options: i => ( resolveMergedOptions(i) ),
+      $options: i => (resolveMergedOptions(i) ),
       $forceUpdate: i => () => queueJob(i.update),
       $nextTick: i => nextTick.bind(i.proxy),
-      $watch: i => ( instanceWatch.bind(i) )
+      $watch: i => (instanceWatch.bind(i) )
   });
   const PublicInstanceProxyHandlers = {
       get({ _: instance }, key) {
           const { ctx, setupState, data, props, accessCache, type, appContext } = instance;
-          // let @vue/reactivity know it should never observe Vue public instances.
-          if (key === "__v_skip" /* SKIP */) {
+          // for internal formatters to know that this is a Vue instance
+          if (key === '__isVue') {
               return true;
           }
-          // for internal formatters to know that this is a Vue instance
-          if ( key === '__isVue') {
-              return true;
+          // prioritize <script setup> bindings during dev.
+          // this allows even properties that start with _ or $ to be used - so that
+          // it aligns with the production behavior where the render fn is inlined and
+          // indeed has access to all declared variables.
+          if (setupState !== EMPTY_OBJ &&
+              setupState.__isScriptSetup &&
+              hasOwn(setupState, key)) {
+              return setupState[key];
           }
           // data / props / ctx
           // This getter gets called for every property access on the render context
@@ -7042,7 +7709,7 @@ var Vue = (function (exports) {
                   accessCache[key] = 3 /* CONTEXT */;
                   return ctx[key];
               }
-              else if ( !isInBeforeCreate) {
+              else if (shouldCacheAccess) {
                   accessCache[key] = 4 /* OTHER */;
               }
           }
@@ -7052,7 +7719,7 @@ var Vue = (function (exports) {
           if (publicGetter) {
               if (key === '$attrs') {
                   track(instance, "get" /* GET */, key);
-                   markAttrsAccessed();
+                  markAttrsAccessed();
               }
               return publicGetter(instance);
           }
@@ -7071,10 +7738,11 @@ var Vue = (function (exports) {
           // global properties
           ((globalProperties = appContext.config.globalProperties),
               hasOwn(globalProperties, key))) {
-              return globalProperties[key];
+              {
+                  return globalProperties[key];
+              }
           }
-          else if (
-              currentRenderingInstance &&
+          else if (currentRenderingInstance &&
               (!isString(key) ||
                   // #1091 avoid internal isRef/isVNode checks on component instance leading
                   // to infinite warning loop
@@ -7082,11 +7750,11 @@ var Vue = (function (exports) {
               if (data !== EMPTY_OBJ &&
                   (key[0] === '$' || key[0] === '_') &&
                   hasOwn(data, key)) {
-                  warn(`Property ${JSON.stringify(key)} must be accessed via $data because it starts with a reserved ` +
+                  warn$1(`Property ${JSON.stringify(key)} must be accessed via $data because it starts with a reserved ` +
                       `character ("$" or "_") and is not proxied on the render context.`);
               }
-              else {
-                  warn(`Property ${JSON.stringify(key)} was accessed during render ` +
+              else if (instance === currentRenderingInstance) {
+                  warn$1(`Property ${JSON.stringify(key)} was accessed during render ` +
                       `but is not defined on instance.`);
               }
           }
@@ -7099,19 +7767,17 @@ var Vue = (function (exports) {
           else if (data !== EMPTY_OBJ && hasOwn(data, key)) {
               data[key] = value;
           }
-          else if (key in instance.props) {
-              
-                  warn(`Attempting to mutate prop "${key}". Props are readonly.`, instance);
+          else if (hasOwn(instance.props, key)) {
+              warn$1(`Attempting to mutate prop "${key}". Props are readonly.`, instance);
               return false;
           }
           if (key[0] === '$' && key.slice(1) in instance) {
-              
-                  warn(`Attempting to mutate public property "${key}". ` +
+              warn$1(`Attempting to mutate public property "${key}". ` +
                       `Properties starting with $ are reserved and readonly.`, instance);
               return false;
           }
           else {
-              if ( key in instance.appContext.config.globalProperties) {
+              if (key in instance.appContext.config.globalProperties) {
                   Object.defineProperty(ctx, key, {
                       enumerable: true,
                       configurable: true,
@@ -7137,12 +7803,12 @@ var Vue = (function (exports) {
   };
   {
       PublicInstanceProxyHandlers.ownKeys = (target) => {
-          warn(`Avoid app logic that relies on enumerating keys on a component instance. ` +
+          warn$1(`Avoid app logic that relies on enumerating keys on a component instance. ` +
               `The keys will be empty in production mode to avoid performance overhead.`);
           return Reflect.ownKeys(target);
       };
   }
-  const RuntimeCompiledPublicInstanceProxyHandlers = extend({}, PublicInstanceProxyHandlers, {
+  const RuntimeCompiledPublicInstanceProxyHandlers = /*#__PURE__*/ extend({}, PublicInstanceProxyHandlers, {
       get(target, key) {
           // fast path for unscopables when using `with` block
           if (key === Symbol.unscopables) {
@@ -7152,16 +7818,17 @@ var Vue = (function (exports) {
       },
       has(_, key) {
           const has = key[0] !== '_' && !isGloballyWhitelisted(key);
-          if ( !has && PublicInstanceProxyHandlers.has(_, key)) {
-              warn(`Property ${JSON.stringify(key)} should not start with _ which is a reserved prefix for Vue internals.`);
+          if (!has && PublicInstanceProxyHandlers.has(_, key)) {
+              warn$1(`Property ${JSON.stringify(key)} should not start with _ which is a reserved prefix for Vue internals.`);
           }
           return has;
       }
   });
+  // dev only
   // In dev mode, the proxy target exposes the same properties as seen on `this`
   // for easier console inspection. In prod mode it will be an empty object so
   // these properties definitions can be skipped.
-  function createRenderContext(instance) {
+  function createDevRenderContext(instance) {
       const target = {};
       // expose internal instance for proxy handlers
       Object.defineProperty(target, `_`, {
@@ -7180,16 +7847,6 @@ var Vue = (function (exports) {
               set: NOOP
           });
       });
-      // expose global properties
-      const { globalProperties } = instance.appContext.config;
-      Object.keys(globalProperties).forEach(key => {
-          Object.defineProperty(target, key, {
-              configurable: true,
-              enumerable: false,
-              get: () => globalProperties[key],
-              set: NOOP
-          });
-      });
       return target;
   }
   // dev only
@@ -7210,8 +7867,8 @@ var Vue = (function (exports) {
   function exposeSetupStateOnRenderContext(instance) {
       const { ctx, setupState } = instance;
       Object.keys(toRaw(setupState)).forEach(key => {
-          if (key[0] === '$' || key[0] === '_') {
-              warn(`setup() return property ${JSON.stringify(key)} should not start with "$" or "_" ` +
+          if (!setupState.__isScriptSetup && (key[0] === '$' || key[0] === '_')) {
+              warn$1(`setup() return property ${JSON.stringify(key)} should not start with "$" or "_" ` +
                   `which are reserved prefixes for Vue internals.`);
               return;
           }
@@ -7225,13 +7882,13 @@ var Vue = (function (exports) {
   }
 
   const emptyAppContext = createAppContext();
-  let uid$2 = 0;
+  let uid$1 = 0;
   function createComponentInstance(vnode, parent, suspense) {
       const type = vnode.type;
       // inherit parent app context - or - if root, adopt from root vnode
       const appContext = (parent ? parent.appContext : vnode.appContext) || emptyAppContext;
       const instance = {
-          uid: uid$2++,
+          uid: uid$1++,
           vnode,
           type,
           parent,
@@ -7240,10 +7897,12 @@ var Vue = (function (exports) {
           next: null,
           subTree: null,
           update: null,
+          scope: new EffectScope(true /* detached */),
           render: null,
           proxy: null,
+          exposed: null,
+          exposeProxy: null,
           withProxy: null,
-          effects: null,
           provides: parent ? parent.provides : Object.create(appContext.provides),
           accessCache: null,
           renderCache: [],
@@ -7256,6 +7915,10 @@ var Vue = (function (exports) {
           // emit
           emit: null,
           emitted: null,
+          // props default value
+          propsDefaults: EMPTY_OBJ,
+          // inheritAttrs
+          inheritAttrs: type.inheritAttrs,
           // state
           ctx: EMPTY_OBJ,
           data: EMPTY_OBJ,
@@ -7287,15 +7950,17 @@ var Vue = (function (exports) {
           a: null,
           rtg: null,
           rtc: null,
-          ec: null
+          ec: null,
+          sp: null
       };
       {
-          instance.ctx = createRenderContext(instance);
+          instance.ctx = createDevRenderContext(instance);
       }
       instance.root = parent ? parent.root : instance;
       instance.emit = emit.bind(null, instance);
-      {
-          devtoolsComponentAdded(instance);
+      // apply custom element special handling
+      if (vnode.ce) {
+          vnode.ce(instance);
       }
       return instance;
   }
@@ -7303,19 +7968,27 @@ var Vue = (function (exports) {
   const getCurrentInstance = () => currentInstance || currentRenderingInstance;
   const setCurrentInstance = (instance) => {
       currentInstance = instance;
+      instance.scope.on();
+  };
+  const unsetCurrentInstance = () => {
+      currentInstance && currentInstance.scope.off();
+      currentInstance = null;
   };
   const isBuiltInTag = /*#__PURE__*/ makeMap('slot,component');
   function validateComponentName(name, config) {
       const appIsNativeTag = config.isNativeTag || NO;
       if (isBuiltInTag(name) || appIsNativeTag(name)) {
-          warn('Do not use built-in or reserved HTML elements as component id: ' + name);
+          warn$1('Do not use built-in or reserved HTML elements as component id: ' + name);
       }
   }
+  function isStatefulComponent(instance) {
+      return instance.vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */;
+  }
   let isInSSRComponentSetup = false;
   function setupComponent(instance, isSSR = false) {
       isInSSRComponentSetup = isSSR;
-      const { props, children, shapeFlag } = instance.vnode;
-      const isStateful = shapeFlag & 4 /* STATEFUL_COMPONENT */;
+      const { props, children } = instance.vnode;
+      const isStateful = isStatefulComponent(instance);
       initProps(instance, props, isStateful, isSSR);
       initSlots(instance, children);
       const setupResult = isStateful
@@ -7342,12 +8015,17 @@ var Vue = (function (exports) {
                   validateDirectiveName(names[i]);
               }
           }
+          if (Component.compilerOptions && isRuntimeOnly()) {
+              warn$1(`"compilerOptions" is only supported when using a build of Vue that ` +
+                  `includes the runtime compiler. Since you are using a runtime-only ` +
+                  `build, the options should be passed via your build tool config instead.`);
+          }
       }
       // 0. create render proxy property access cache
       instance.accessCache = Object.create(null);
       // 1. create public instance / render proxy
       // also mark it raw so it's never observed
-      instance.proxy = new Proxy(instance.ctx, PublicInstanceProxyHandlers);
+      instance.proxy = markRaw(new Proxy(instance.ctx, PublicInstanceProxyHandlers));
       {
           exposePropsOnRenderContext(instance);
       }
@@ -7356,16 +8034,21 @@ var Vue = (function (exports) {
       if (setup) {
           const setupContext = (instance.setupContext =
               setup.length > 1 ? createSetupContext(instance) : null);
-          currentInstance = instance;
+          setCurrentInstance(instance);
           pauseTracking();
-          const setupResult = callWithErrorHandling(setup, instance, 0 /* SETUP_FUNCTION */, [ shallowReadonly(instance.props) , setupContext]);
+          const setupResult = callWithErrorHandling(setup, instance, 0 /* SETUP_FUNCTION */, [shallowReadonly(instance.props) , setupContext]);
           resetTracking();
-          currentInstance = null;
+          unsetCurrentInstance();
           if (isPromise(setupResult)) {
+              setupResult.then(unsetCurrentInstance, unsetCurrentInstance);
               if (isSSR) {
                   // return the promise so server-renderer can wait on it
-                  return setupResult.then((resolvedResult) => {
-                      handleSetupResult(instance, resolvedResult);
+                  return setupResult
+                      .then((resolvedResult) => {
+                      handleSetupResult(instance, resolvedResult, isSSR);
+                  })
+                      .catch(e => {
+                      handleError(e, instance, 0 /* SETUP_FUNCTION */);
                   });
               }
               else {
@@ -7375,21 +8058,23 @@ var Vue = (function (exports) {
               }
           }
           else {
-              handleSetupResult(instance, setupResult);
+              handleSetupResult(instance, setupResult, isSSR);
           }
       }
       else {
-          finishComponentSetup(instance);
+          finishComponentSetup(instance, isSSR);
       }
   }
   function handleSetupResult(instance, setupResult, isSSR) {
       if (isFunction(setupResult)) {
           // setup returned an inline render function
-          instance.render = setupResult;
+          {
+              instance.render = setupResult;
+          }
       }
       else if (isObject(setupResult)) {
-          if ( isVNode(setupResult)) {
-              warn(`setup() should not return VNodes directly - ` +
+          if (isVNode(setupResult)) {
+              warn$1(`setup() should not return VNodes directly - ` +
                   `return a render function instead.`);
           }
           // setup returned bindings.
@@ -7402,113 +8087,151 @@ var Vue = (function (exports) {
               exposeSetupStateOnRenderContext(instance);
           }
       }
-      else if ( setupResult !== undefined) {
-          warn(`setup() should return an object. Received: ${setupResult === null ? 'null' : typeof setupResult}`);
+      else if (setupResult !== undefined) {
+          warn$1(`setup() should return an object. Received: ${setupResult === null ? 'null' : typeof setupResult}`);
       }
-      finishComponentSetup(instance);
+      finishComponentSetup(instance, isSSR);
   }
   let compile;
+  let installWithProxy;
   /**
    * For runtime-dom to register the compiler.
    * Note the exported method uses any to avoid d.ts relying on the compiler types.
    */
   function registerRuntimeCompiler(_compile) {
       compile = _compile;
+      installWithProxy = i => {
+          if (i.render._rc) {
+              i.withProxy = new Proxy(i.ctx, RuntimeCompiledPublicInstanceProxyHandlers);
+          }
+      };
   }
-  function finishComponentSetup(instance, isSSR) {
+  // dev only
+  const isRuntimeOnly = () => !compile;
+  function finishComponentSetup(instance, isSSR, skipOptions) {
       const Component = instance.type;
       // template / render function normalization
       if (!instance.render) {
           // could be set from setup()
-          if (compile && Component.template && !Component.render) {
-              {
-                  startMeasure(instance, `compile`);
-              }
-              Component.render = compile(Component.template, {
-                  isCustomElement: instance.appContext.config.isCustomElement,
-                  delimiters: Component.delimiters
-              });
-              {
-                  endMeasure(instance, `compile`);
+          if (compile && !Component.render) {
+              const template = Component.template;
+              if (template) {
+                  {
+                      startMeasure(instance, `compile`);
+                  }
+                  const { isCustomElement, compilerOptions } = instance.appContext.config;
+                  const { delimiters, compilerOptions: componentCompilerOptions } = Component;
+                  const finalCompilerOptions = extend(extend({
+                      isCustomElement,
+                      delimiters
+                  }, compilerOptions), componentCompilerOptions);
+                  Component.render = compile(template, finalCompilerOptions);
+                  {
+                      endMeasure(instance, `compile`);
+                  }
               }
           }
           instance.render = (Component.render || NOOP);
           // for runtime-compiled render functions using `with` blocks, the render
           // proxy used needs a different `has` handler which is more performant and
           // also only allows a whitelist of globals to fallthrough.
-          if (instance.render._rc) {
-              instance.withProxy = new Proxy(instance.ctx, RuntimeCompiledPublicInstanceProxyHandlers);
+          if (installWithProxy) {
+              installWithProxy(instance);
           }
       }
       // support for 2.x options
       {
-          currentInstance = instance;
-          applyOptions(instance, Component);
-          currentInstance = null;
+          setCurrentInstance(instance);
+          pauseTracking();
+          applyOptions(instance);
+          resetTracking();
+          unsetCurrentInstance();
       }
       // warn missing template/render
-      if ( !Component.render && instance.render === NOOP) {
+      // the runtime compilation of template in SSR is done by server-render
+      if (!Component.render && instance.render === NOOP && !isSSR) {
           /* istanbul ignore if */
           if (!compile && Component.template) {
-              warn(`Component provided template option but ` +
+              warn$1(`Component provided template option but ` +
                   `runtime compilation is not supported in this build of Vue.` +
-                  (   ` Use "vue.global.js" instead.`
+                  (` Use "vue.global.js" instead.`
                               ) /* should not happen */);
           }
           else {
-              warn(`Component is missing template or render function.`);
+              warn$1(`Component is missing template or render function.`);
           }
       }
   }
-  const attrHandlers = {
-      get: (target, key) => {
-          {
-              markAttrsAccessed();
+  function createAttrsProxy(instance) {
+      return new Proxy(instance.attrs, {
+              get(target, key) {
+                  markAttrsAccessed();
+                  track(instance, "get" /* GET */, '$attrs');
+                  return target[key];
+              },
+              set() {
+                  warn$1(`setupContext.attrs is readonly.`);
+                  return false;
+              },
+              deleteProperty() {
+                  warn$1(`setupContext.attrs is readonly.`);
+                  return false;
+              }
           }
-          return target[key];
-      },
-      set: () => {
-          warn(`setupContext.attrs is readonly.`);
-          return false;
-      },
-      deleteProperty: () => {
-          warn(`setupContext.attrs is readonly.`);
-          return false;
-      }
-  };
+          );
+  }
   function createSetupContext(instance) {
+      const expose = exposed => {
+          if (instance.exposed) {
+              warn$1(`expose() should be called only once per setup().`);
+          }
+          instance.exposed = exposed || {};
+      };
+      let attrs;
       {
           // We use getters in dev in case libs like test-utils overwrite instance
           // properties (overwrites should not be done in prod)
           return Object.freeze({
               get attrs() {
-                  return new Proxy(instance.attrs, attrHandlers);
+                  return attrs || (attrs = createAttrsProxy(instance));
               },
               get slots() {
                   return shallowReadonly(instance.slots);
               },
               get emit() {
                   return (event, ...args) => instance.emit(event, ...args);
-              }
+              },
+              expose
           });
       }
   }
-  // record effects created during a component's setup() so that they can be
-  // stopped when the component unmounts
-  function recordInstanceBoundEffect(effect) {
-      if (currentInstance) {
-          (currentInstance.effects || (currentInstance.effects = [])).push(effect);
+  function getExposeProxy(instance) {
+      if (instance.exposed) {
+          return (instance.exposeProxy ||
+              (instance.exposeProxy = new Proxy(proxyRefs(markRaw(instance.exposed)), {
+                  get(target, key) {
+                      if (key in target) {
+                          return target[key];
+                      }
+                      else if (key in publicPropertiesMap) {
+                          return publicPropertiesMap[key](instance);
+                      }
+                  }
+              })));
       }
   }
   const classifyRE = /(?:^|[-_])(\w)/g;
   const classify = (str) => str.replace(classifyRE, c => c.toUpperCase()).replace(/[-_]/g, '');
-  /* istanbul ignore next */
-  function formatComponentName(instance, Component, isRoot = false) {
-      let name = isFunction(Component)
+  function getComponentName(Component) {
+      return isFunction(Component)
           ? Component.displayName || Component.name
           : Component.name;
+  }
+  /* istanbul ignore next */
+  function formatComponentName(instance, Component, isRoot = false) {
+      let name = getComponentName(Component);
       if (!name && Component.__file) {
-          const match = Component.__file.match(/([^/\\]+)\.vue$/);
+          const match = Component.__file.match(/([^/\\]+)\.\w+$/);
           if (match) {
               name = match[1];
           }
@@ -7532,140 +8255,797 @@ var Vue = (function (exports) {
       return isFunction(value) && '__vccOpts' in value;
   }
 
-  function computed$1(getterOrOptions) {
-      const c = computed(getterOrOptions);
-      recordInstanceBoundEffect(c.effect);
-      return c;
-  }
-
-  // implementation, close to no-op
-  function defineComponent(options) {
-      return isFunction(options) ? { setup: options, name: options.name } : options;
-  }
-
-  function defineAsyncComponent(source) {
-      if (isFunction(source)) {
-          source = { loader: source };
+  const stack = [];
+  function pushWarningContext(vnode) {
+      stack.push(vnode);
+  }
+  function popWarningContext() {
+      stack.pop();
+  }
+  function warn$1(msg, ...args) {
+      // avoid props formatting or warn handler tracking deps that might be mutated
+      // during patch, leading to infinite recursion.
+      pauseTracking();
+      const instance = stack.length ? stack[stack.length - 1].component : null;
+      const appWarnHandler = instance && instance.appContext.config.warnHandler;
+      const trace = getComponentTrace();
+      if (appWarnHandler) {
+          callWithErrorHandling(appWarnHandler, instance, 11 /* APP_WARN_HANDLER */, [
+              msg + args.join(''),
+              instance && instance.proxy,
+              trace
+                  .map(({ vnode }) => `at <${formatComponentName(instance, vnode.type)}>`)
+                  .join('\n'),
+              trace
+          ]);
       }
-      const { loader, loadingComponent: loadingComponent, errorComponent: errorComponent, delay = 200, timeout, // undefined = never times out
-      suspensible = true, onError: userOnError } = source;
-      let pendingRequest = null;
-      let resolvedComp;
-      let retries = 0;
-      const retry = () => {
-          retries++;
-          pendingRequest = null;
-          return load();
-      };
-      const load = () => {
-          let thisRequest;
-          return (pendingRequest ||
-              (thisRequest = pendingRequest = loader()
-                  .catch(err => {
-                  err = err instanceof Error ? err : new Error(String(err));
-                  if (userOnError) {
-                      return new Promise((resolve, reject) => {
-                          const userRetry = () => resolve(retry());
-                          const userFail = () => reject(err);
-                          userOnError(err, userRetry, userFail, retries + 1);
-                      });
-                  }
-                  else {
-                      throw err;
-                  }
-              })
-                  .then((comp) => {
-                  if (thisRequest !== pendingRequest && pendingRequest) {
-                      return pendingRequest;
-                  }
-                  if ( !comp) {
-                      warn(`Async component loader resolved to undefined. ` +
-                          `If you are using retry(), make sure to return its return value.`);
-                  }
-                  // interop module default
-                  if (comp &&
-                      (comp.__esModule || comp[Symbol.toStringTag] === 'Module')) {
-                      comp = comp.default;
-                  }
-                  if ( comp && !isObject(comp) && !isFunction(comp)) {
-                      throw new Error(`Invalid async component load result: ${comp}`);
-                  }
-                  resolvedComp = comp;
-                  return comp;
-              })));
-      };
-      return defineComponent({
-          __asyncLoader: load,
-          name: 'AsyncComponentWrapper',
-          setup() {
-              const instance = currentInstance;
-              // already resolved
-              if (resolvedComp) {
-                  return () => createInnerComp(resolvedComp, instance);
-              }
-              const onError = (err) => {
-                  pendingRequest = null;
-                  handleError(err, instance, 13 /* ASYNC_COMPONENT_LOADER */, !errorComponent /* do not throw in dev if user provided error component */);
-              };
-              // suspense-controlled or SSR.
-              if (( suspensible && instance.suspense) ||
-                  (false )) {
-                  return load()
-                      .then(comp => {
-                      return () => createInnerComp(comp, instance);
-                  })
-                      .catch(err => {
-                      onError(err);
-                      return () => errorComponent
-                          ? createVNode(errorComponent, {
-                              error: err
-                          })
-                          : null;
-                  });
-              }
-              const loaded = ref(false);
-              const error = ref();
-              const delayed = ref(!!delay);
-              if (delay) {
-                  setTimeout(() => {
-                      delayed.value = false;
-                  }, delay);
-              }
-              if (timeout != null) {
-                  setTimeout(() => {
-                      if (!loaded.value && !error.value) {
-                          const err = new Error(`Async component timed out after ${timeout}ms.`);
-                          onError(err);
-                          error.value = err;
-                      }
-                  }, timeout);
-              }
-              load()
-                  .then(() => {
-                  loaded.value = true;
-              })
-                  .catch(err => {
-                  onError(err);
-                  error.value = err;
+      else {
+          const warnArgs = [`[Vue warn]: ${msg}`, ...args];
+          /* istanbul ignore if */
+          if (trace.length &&
+              // avoid spamming console during tests
+              !false) {
+              warnArgs.push(`\n`, ...formatTrace(trace));
+          }
+          console.warn(...warnArgs);
+      }
+      resetTracking();
+  }
+  function getComponentTrace() {
+      let currentVNode = stack[stack.length - 1];
+      if (!currentVNode) {
+          return [];
+      }
+      // we can't just use the stack because it will be incomplete during updates
+      // that did not start from the root. Re-construct the parent chain using
+      // instance parent pointers.
+      const normalizedStack = [];
+      while (currentVNode) {
+          const last = normalizedStack[0];
+          if (last && last.vnode === currentVNode) {
+              last.recurseCount++;
+          }
+          else {
+              normalizedStack.push({
+                  vnode: currentVNode,
+                  recurseCount: 0
               });
-              return () => {
-                  if (loaded.value && resolvedComp) {
-                      return createInnerComp(resolvedComp, instance);
+          }
+          const parentInstance = currentVNode.component && currentVNode.component.parent;
+          currentVNode = parentInstance && parentInstance.vnode;
+      }
+      return normalizedStack;
+  }
+  /* istanbul ignore next */
+  function formatTrace(trace) {
+      const logs = [];
+      trace.forEach((entry, i) => {
+          logs.push(...(i === 0 ? [] : [`\n`]), ...formatTraceEntry(entry));
+      });
+      return logs;
+  }
+  function formatTraceEntry({ vnode, recurseCount }) {
+      const postfix = recurseCount > 0 ? `... (${recurseCount} recursive calls)` : ``;
+      const isRoot = vnode.component ? vnode.component.parent == null : false;
+      const open = ` at <${formatComponentName(vnode.component, vnode.type, isRoot)}`;
+      const close = `>` + postfix;
+      return vnode.props
+          ? [open, ...formatProps(vnode.props), close]
+          : [open + close];
+  }
+  /* istanbul ignore next */
+  function formatProps(props) {
+      const res = [];
+      const keys = Object.keys(props);
+      keys.slice(0, 3).forEach(key => {
+          res.push(...formatProp(key, props[key]));
+      });
+      if (keys.length > 3) {
+          res.push(` ...`);
+      }
+      return res;
+  }
+  /* istanbul ignore next */
+  function formatProp(key, value, raw) {
+      if (isString(value)) {
+          value = JSON.stringify(value);
+          return raw ? value : [`${key}=${value}`];
+      }
+      else if (typeof value === 'number' ||
+          typeof value === 'boolean' ||
+          value == null) {
+          return raw ? value : [`${key}=${value}`];
+      }
+      else if (isRef(value)) {
+          value = formatProp(key, toRaw(value.value), true);
+          return raw ? value : [`${key}=Ref<`, value, `>`];
+      }
+      else if (isFunction(value)) {
+          return [`${key}=fn${value.name ? `<${value.name}>` : ``}`];
+      }
+      else {
+          value = toRaw(value);
+          return raw ? value : [`${key}=`, value];
+      }
+  }
+
+  const ErrorTypeStrings = {
+      ["sp" /* SERVER_PREFETCH */]: 'serverPrefetch hook',
+      ["bc" /* BEFORE_CREATE */]: 'beforeCreate hook',
+      ["c" /* CREATED */]: 'created hook',
+      ["bm" /* BEFORE_MOUNT */]: 'beforeMount hook',
+      ["m" /* MOUNTED */]: 'mounted hook',
+      ["bu" /* BEFORE_UPDATE */]: 'beforeUpdate hook',
+      ["u" /* UPDATED */]: 'updated',
+      ["bum" /* BEFORE_UNMOUNT */]: 'beforeUnmount hook',
+      ["um" /* UNMOUNTED */]: 'unmounted hook',
+      ["a" /* ACTIVATED */]: 'activated hook',
+      ["da" /* DEACTIVATED */]: 'deactivated hook',
+      ["ec" /* ERROR_CAPTURED */]: 'errorCaptured hook',
+      ["rtc" /* RENDER_TRACKED */]: 'renderTracked hook',
+      ["rtg" /* RENDER_TRIGGERED */]: 'renderTriggered hook',
+      [0 /* SETUP_FUNCTION */]: 'setup function',
+      [1 /* RENDER_FUNCTION */]: 'render function',
+      [2 /* WATCH_GETTER */]: 'watcher getter',
+      [3 /* WATCH_CALLBACK */]: 'watcher callback',
+      [4 /* WATCH_CLEANUP */]: 'watcher cleanup function',
+      [5 /* NATIVE_EVENT_HANDLER */]: 'native event handler',
+      [6 /* COMPONENT_EVENT_HANDLER */]: 'component event handler',
+      [7 /* VNODE_HOOK */]: 'vnode hook',
+      [8 /* DIRECTIVE_HOOK */]: 'directive hook',
+      [9 /* TRANSITION_HOOK */]: 'transition hook',
+      [10 /* APP_ERROR_HANDLER */]: 'app errorHandler',
+      [11 /* APP_WARN_HANDLER */]: 'app warnHandler',
+      [12 /* FUNCTION_REF */]: 'ref function',
+      [13 /* ASYNC_COMPONENT_LOADER */]: 'async component loader',
+      [14 /* SCHEDULER */]: 'scheduler flush. This is likely a Vue internals bug. ' +
+          'Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/vue-next'
+  };
+  function callWithErrorHandling(fn, instance, type, args) {
+      let res;
+      try {
+          res = args ? fn(...args) : fn();
+      }
+      catch (err) {
+          handleError(err, instance, type);
+      }
+      return res;
+  }
+  function callWithAsyncErrorHandling(fn, instance, type, args) {
+      if (isFunction(fn)) {
+          const res = callWithErrorHandling(fn, instance, type, args);
+          if (res && isPromise(res)) {
+              res.catch(err => {
+                  handleError(err, instance, type);
+              });
+          }
+          return res;
+      }
+      const values = [];
+      for (let i = 0; i < fn.length; i++) {
+          values.push(callWithAsyncErrorHandling(fn[i], instance, type, args));
+      }
+      return values;
+  }
+  function handleError(err, instance, type, throwInDev = true) {
+      const contextVNode = instance ? instance.vnode : null;
+      if (instance) {
+          let cur = instance.parent;
+          // the exposed instance is the render proxy to keep it consistent with 2.x
+          const exposedInstance = instance.proxy;
+          // in production the hook receives only the error code
+          const errorInfo = ErrorTypeStrings[type] ;
+          while (cur) {
+              const errorCapturedHooks = cur.ec;
+              if (errorCapturedHooks) {
+                  for (let i = 0; i < errorCapturedHooks.length; i++) {
+                      if (errorCapturedHooks[i](err, exposedInstance, errorInfo) === false) {
+                          return;
+                      }
                   }
-                  else if (error.value && errorComponent) {
-                      return createVNode(errorComponent, {
-                          error: error.value
-                      });
+              }
+              cur = cur.parent;
+          }
+          // app-level handling
+          const appErrorHandler = instance.appContext.config.errorHandler;
+          if (appErrorHandler) {
+              callWithErrorHandling(appErrorHandler, null, 10 /* APP_ERROR_HANDLER */, [err, exposedInstance, errorInfo]);
+              return;
+          }
+      }
+      logError(err, type, contextVNode, throwInDev);
+  }
+  function logError(err, type, contextVNode, throwInDev = true) {
+      {
+          const info = ErrorTypeStrings[type];
+          if (contextVNode) {
+              pushWarningContext(contextVNode);
+          }
+          warn$1(`Unhandled error${info ? ` during execution of ${info}` : ``}`);
+          if (contextVNode) {
+              popWarningContext();
+          }
+          // crash in dev by default so it's more noticeable
+          if (throwInDev) {
+              throw err;
+          }
+          else {
+              console.error(err);
+          }
+      }
+  }
+
+  let isFlushing = false;
+  let isFlushPending = false;
+  const queue = [];
+  let flushIndex = 0;
+  const pendingPreFlushCbs = [];
+  let activePreFlushCbs = null;
+  let preFlushIndex = 0;
+  const pendingPostFlushCbs = [];
+  let activePostFlushCbs = null;
+  let postFlushIndex = 0;
+  const resolvedPromise = Promise.resolve();
+  let currentFlushPromise = null;
+  let currentPreFlushParentJob = null;
+  const RECURSION_LIMIT = 100;
+  function nextTick(fn) {
+      const p = currentFlushPromise || resolvedPromise;
+      return fn ? p.then(this ? fn.bind(this) : fn) : p;
+  }
+  // #2768
+  // Use binary-search to find a suitable position in the queue,
+  // so that the queue maintains the increasing order of job's id,
+  // which can prevent the job from being skipped and also can avoid repeated patching.
+  function findInsertionIndex(id) {
+      // the start index should be `flushIndex + 1`
+      let start = flushIndex + 1;
+      let end = queue.length;
+      while (start < end) {
+          const middle = (start + end) >>> 1;
+          const middleJobId = getId(queue[middle]);
+          middleJobId < id ? (start = middle + 1) : (end = middle);
+      }
+      return start;
+  }
+  function queueJob(job) {
+      // the dedupe search uses the startIndex argument of Array.includes()
+      // by default the search index includes the current job that is being run
+      // so it cannot recursively trigger itself again.
+      // if the job is a watch() callback, the search will start with a +1 index to
+      // allow it recursively trigger itself - it is the user's responsibility to
+      // ensure it doesn't end up in an infinite loop.
+      if ((!queue.length ||
+          !queue.includes(job, isFlushing && job.allowRecurse ? flushIndex + 1 : flushIndex)) &&
+          job !== currentPreFlushParentJob) {
+          if (job.id == null) {
+              queue.push(job);
+          }
+          else {
+              queue.splice(findInsertionIndex(job.id), 0, job);
+          }
+          queueFlush();
+      }
+  }
+  function queueFlush() {
+      if (!isFlushing && !isFlushPending) {
+          isFlushPending = true;
+          currentFlushPromise = resolvedPromise.then(flushJobs);
+      }
+  }
+  function invalidateJob(job) {
+      const i = queue.indexOf(job);
+      if (i > flushIndex) {
+          queue.splice(i, 1);
+      }
+  }
+  function queueCb(cb, activeQueue, pendingQueue, index) {
+      if (!isArray(cb)) {
+          if (!activeQueue ||
+              !activeQueue.includes(cb, cb.allowRecurse ? index + 1 : index)) {
+              pendingQueue.push(cb);
+          }
+      }
+      else {
+          // if cb is an array, it is a component lifecycle hook which can only be
+          // triggered by a job, which is already deduped in the main queue, so
+          // we can skip duplicate check here to improve perf
+          pendingQueue.push(...cb);
+      }
+      queueFlush();
+  }
+  function queuePreFlushCb(cb) {
+      queueCb(cb, activePreFlushCbs, pendingPreFlushCbs, preFlushIndex);
+  }
+  function queuePostFlushCb(cb) {
+      queueCb(cb, activePostFlushCbs, pendingPostFlushCbs, postFlushIndex);
+  }
+  function flushPreFlushCbs(seen, parentJob = null) {
+      if (pendingPreFlushCbs.length) {
+          currentPreFlushParentJob = parentJob;
+          activePreFlushCbs = [...new Set(pendingPreFlushCbs)];
+          pendingPreFlushCbs.length = 0;
+          {
+              seen = seen || new Map();
+          }
+          for (preFlushIndex = 0; preFlushIndex < activePreFlushCbs.length; preFlushIndex++) {
+              if (checkRecursiveUpdates(seen, activePreFlushCbs[preFlushIndex])) {
+                  continue;
+              }
+              activePreFlushCbs[preFlushIndex]();
+          }
+          activePreFlushCbs = null;
+          preFlushIndex = 0;
+          currentPreFlushParentJob = null;
+          // recursively flush until it drains
+          flushPreFlushCbs(seen, parentJob);
+      }
+  }
+  function flushPostFlushCbs(seen) {
+      if (pendingPostFlushCbs.length) {
+          const deduped = [...new Set(pendingPostFlushCbs)];
+          pendingPostFlushCbs.length = 0;
+          // #1947 already has active queue, nested flushPostFlushCbs call
+          if (activePostFlushCbs) {
+              activePostFlushCbs.push(...deduped);
+              return;
+          }
+          activePostFlushCbs = deduped;
+          {
+              seen = seen || new Map();
+          }
+          activePostFlushCbs.sort((a, b) => getId(a) - getId(b));
+          for (postFlushIndex = 0; postFlushIndex < activePostFlushCbs.length; postFlushIndex++) {
+              if (checkRecursiveUpdates(seen, activePostFlushCbs[postFlushIndex])) {
+                  continue;
+              }
+              activePostFlushCbs[postFlushIndex]();
+          }
+          activePostFlushCbs = null;
+          postFlushIndex = 0;
+      }
+  }
+  const getId = (job) => job.id == null ? Infinity : job.id;
+  function flushJobs(seen) {
+      isFlushPending = false;
+      isFlushing = true;
+      {
+          seen = seen || new Map();
+      }
+      flushPreFlushCbs(seen);
+      // Sort queue before flush.
+      // This ensures that:
+      // 1. Components are updated from parent to child. (because parent is always
+      //    created before the child so its render effect will have smaller
+      //    priority number)
+      // 2. If a component is unmounted during a parent component's update,
+      //    its update can be skipped.
+      queue.sort((a, b) => getId(a) - getId(b));
+      try {
+          for (flushIndex = 0; flushIndex < queue.length; flushIndex++) {
+              const job = queue[flushIndex];
+              if (job && job.active !== false) {
+                  if (true && checkRecursiveUpdates(seen, job)) {
+                      continue;
                   }
-                  else if (loadingComponent && !delayed.value) {
-                      return createVNode(loadingComponent);
+                  // console.log(`running:`, job.id)
+                  callWithErrorHandling(job, null, 14 /* SCHEDULER */);
+              }
+          }
+      }
+      finally {
+          flushIndex = 0;
+          queue.length = 0;
+          flushPostFlushCbs(seen);
+          isFlushing = false;
+          currentFlushPromise = null;
+          // some postFlushCb queued jobs!
+          // keep flushing until it drains.
+          if (queue.length ||
+              pendingPreFlushCbs.length ||
+              pendingPostFlushCbs.length) {
+              flushJobs(seen);
+          }
+      }
+  }
+  function checkRecursiveUpdates(seen, fn) {
+      if (!seen.has(fn)) {
+          seen.set(fn, 1);
+      }
+      else {
+          const count = seen.get(fn);
+          if (count > RECURSION_LIMIT) {
+              const instance = fn.ownerInstance;
+              const componentName = instance && getComponentName(instance.type);
+              warn$1(`Maximum recursive updates exceeded${componentName ? ` in component <${componentName}>` : ``}. ` +
+                  `This means you have a reactive effect that is mutating its own ` +
+                  `dependencies and thus recursively triggering itself. Possible sources ` +
+                  `include component template, render function, updated hook or ` +
+                  `watcher source function.`);
+              return true;
+          }
+          else {
+              seen.set(fn, count + 1);
+          }
+      }
+  }
+
+  // Simple effect.
+  function watchEffect(effect, options) {
+      return doWatch(effect, null, options);
+  }
+  function watchPostEffect(effect, options) {
+      return doWatch(effect, null, (Object.assign(options || {}, { flush: 'post' })
+          ));
+  }
+  function watchSyncEffect(effect, options) {
+      return doWatch(effect, null, (Object.assign(options || {}, { flush: 'sync' })
+          ));
+  }
+  // initial value for watchers to trigger on undefined initial values
+  const INITIAL_WATCHER_VALUE = {};
+  // implementation
+  function watch(source, cb, options) {
+      if (!isFunction(cb)) {
+          warn$1(`\`watch(fn, options?)\` signature has been moved to a separate API. ` +
+              `Use \`watchEffect(fn, options?)\` instead. \`watch\` now only ` +
+              `supports \`watch(source, cb, options?) signature.`);
+      }
+      return doWatch(source, cb, options);
+  }
+  function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EMPTY_OBJ) {
+      if (!cb) {
+          if (immediate !== undefined) {
+              warn$1(`watch() "immediate" option is only respected when using the ` +
+                  `watch(source, callback, options?) signature.`);
+          }
+          if (deep !== undefined) {
+              warn$1(`watch() "deep" option is only respected when using the ` +
+                  `watch(source, callback, options?) signature.`);
+          }
+      }
+      const warnInvalidSource = (s) => {
+          warn$1(`Invalid watch source: `, s, `A watch source can only be a getter/effect function, a ref, ` +
+              `a reactive object, or an array of these types.`);
+      };
+      const instance = currentInstance;
+      let getter;
+      let forceTrigger = false;
+      let isMultiSource = false;
+      if (isRef(source)) {
+          getter = () => source.value;
+          forceTrigger = !!source._shallow;
+      }
+      else if (isReactive(source)) {
+          getter = () => source;
+          deep = true;
+      }
+      else if (isArray(source)) {
+          isMultiSource = true;
+          forceTrigger = source.some(isReactive);
+          getter = () => source.map(s => {
+              if (isRef(s)) {
+                  return s.value;
+              }
+              else if (isReactive(s)) {
+                  return traverse(s);
+              }
+              else if (isFunction(s)) {
+                  return callWithErrorHandling(s, instance, 2 /* WATCH_GETTER */);
+              }
+              else {
+                  warnInvalidSource(s);
+              }
+          });
+      }
+      else if (isFunction(source)) {
+          if (cb) {
+              // getter with cb
+              getter = () => callWithErrorHandling(source, instance, 2 /* WATCH_GETTER */);
+          }
+          else {
+              // no cb -> simple effect
+              getter = () => {
+                  if (instance && instance.isUnmounted) {
+                      return;
                   }
+                  if (cleanup) {
+                      cleanup();
+                  }
+                  return callWithAsyncErrorHandling(source, instance, 3 /* WATCH_CALLBACK */, [onInvalidate]);
               };
           }
-      });
+      }
+      else {
+          getter = NOOP;
+          warnInvalidSource(source);
+      }
+      if (cb && deep) {
+          const baseGetter = getter;
+          getter = () => traverse(baseGetter());
+      }
+      let cleanup;
+      let onInvalidate = (fn) => {
+          cleanup = effect.onStop = () => {
+              callWithErrorHandling(fn, instance, 4 /* WATCH_CLEANUP */);
+          };
+      };
+      let oldValue = isMultiSource ? [] : INITIAL_WATCHER_VALUE;
+      const job = () => {
+          if (!effect.active) {
+              return;
+          }
+          if (cb) {
+              // watch(source, cb)
+              const newValue = effect.run();
+              if (deep ||
+                  forceTrigger ||
+                  (isMultiSource
+                      ? newValue.some((v, i) => hasChanged(v, oldValue[i]))
+                      : hasChanged(newValue, oldValue)) ||
+                  (false  )) {
+                  // cleanup before running cb again
+                  if (cleanup) {
+                      cleanup();
+                  }
+                  callWithAsyncErrorHandling(cb, instance, 3 /* WATCH_CALLBACK */, [
+                      newValue,
+                      // pass undefined as the old value when it's changed for the first time
+                      oldValue === INITIAL_WATCHER_VALUE ? undefined : oldValue,
+                      onInvalidate
+                  ]);
+                  oldValue = newValue;
+              }
+          }
+          else {
+              // watchEffect
+              effect.run();
+          }
+      };
+      // important: mark the job as a watcher callback so that scheduler knows
+      // it is allowed to self-trigger (#1727)
+      job.allowRecurse = !!cb;
+      let scheduler;
+      if (flush === 'sync') {
+          scheduler = job; // the scheduler function gets called directly
+      }
+      else if (flush === 'post') {
+          scheduler = () => queuePostRenderEffect(job, instance && instance.suspense);
+      }
+      else {
+          // default: 'pre'
+          scheduler = () => {
+              if (!instance || instance.isMounted) {
+                  queuePreFlushCb(job);
+              }
+              else {
+                  // with 'pre' option, the first call must happen before
+                  // the component is mounted so it is called synchronously.
+                  job();
+              }
+          };
+      }
+      const effect = new ReactiveEffect(getter, scheduler);
+      {
+          effect.onTrack = onTrack;
+          effect.onTrigger = onTrigger;
+      }
+      // initial run
+      if (cb) {
+          if (immediate) {
+              job();
+          }
+          else {
+              oldValue = effect.run();
+          }
+      }
+      else if (flush === 'post') {
+          queuePostRenderEffect(effect.run.bind(effect), instance && instance.suspense);
+      }
+      else {
+          effect.run();
+      }
+      return () => {
+          effect.stop();
+          if (instance && instance.scope) {
+              remove(instance.scope.effects, effect);
+          }
+      };
   }
-  function createInnerComp(comp, { vnode: { props, children } }) {
-      return createVNode(comp, props, children);
+  // this.$watch
+  function instanceWatch(source, value, options) {
+      const publicThis = this.proxy;
+      const getter = isString(source)
+          ? source.includes('.')
+              ? createPathGetter(publicThis, source)
+              : () => publicThis[source]
+          : source.bind(publicThis, publicThis);
+      let cb;
+      if (isFunction(value)) {
+          cb = value;
+      }
+      else {
+          cb = value.handler;
+          options = value;
+      }
+      const cur = currentInstance;
+      setCurrentInstance(this);
+      const res = doWatch(getter, cb.bind(publicThis), options);
+      if (cur) {
+          setCurrentInstance(cur);
+      }
+      else {
+          unsetCurrentInstance();
+      }
+      return res;
+  }
+  function createPathGetter(ctx, path) {
+      const segments = path.split('.');
+      return () => {
+          let cur = ctx;
+          for (let i = 0; i < segments.length && cur; i++) {
+              cur = cur[segments[i]];
+          }
+          return cur;
+      };
+  }
+  function traverse(value, seen = new Set()) {
+      if (!isObject(value) || value["__v_skip" /* SKIP */]) {
+          return value;
+      }
+      seen = seen || new Set();
+      if (seen.has(value)) {
+          return value;
+      }
+      seen.add(value);
+      if (isRef(value)) {
+          traverse(value.value, seen);
+      }
+      else if (isArray(value)) {
+          for (let i = 0; i < value.length; i++) {
+              traverse(value[i], seen);
+          }
+      }
+      else if (isSet(value) || isMap(value)) {
+          value.forEach((v) => {
+              traverse(v, seen);
+          });
+      }
+      else if (isPlainObject(value)) {
+          for (const key in value) {
+              traverse(value[key], seen);
+          }
+      }
+      return value;
+  }
+
+  // dev only
+  const warnRuntimeUsage = (method) => warn$1(`${method}() is a compiler-hint helper that is only usable inside ` +
+      `<script setup> of a single file component. Its arguments should be ` +
+      `compiled away and passing it at runtime has no effect.`);
+  // implementation
+  function defineProps() {
+      {
+          warnRuntimeUsage(`defineProps`);
+      }
+      return null;
+  }
+  // implementation
+  function defineEmits() {
+      {
+          warnRuntimeUsage(`defineEmits`);
+      }
+      return null;
+  }
+  /**
+   * Vue `<script setup>` compiler macro for declaring a component's exposed
+   * instance properties when it is accessed by a parent component via template
+   * refs.
+   *
+   * `<script setup>` components are closed by default - i.e. varaibles inside
+   * the `<script setup>` scope is not exposed to parent unless explicitly exposed
+   * via `defineExpose`.
+   *
+   * This is only usable inside `<script setup>`, is compiled away in the
+   * output and should **not** be actually called at runtime.
+   */
+  function defineExpose(exposed) {
+      {
+          warnRuntimeUsage(`defineExpose`);
+      }
+  }
+  /**
+   * Vue `<script setup>` compiler macro for providing props default values when
+   * using type-based `defineProps` decalration.
+   *
+   * Example usage:
+   * ```ts
+   * withDefaults(defineProps<{
+   *   size?: number
+   *   labels?: string[]
+   * }>(), {
+   *   size: 3,
+   *   labels: () => ['default label']
+   * })
+   * ```
+   *
+   * This is only usable inside `<script setup>`, is compiled away in the output
+   * and should **not** be actually called at runtime.
+   */
+  function withDefaults(props, defaults) {
+      {
+          warnRuntimeUsage(`withDefaults`);
+      }
+      return null;
+  }
+  function useSlots() {
+      return getContext().slots;
+  }
+  function useAttrs() {
+      return getContext().attrs;
+  }
+  function getContext() {
+      const i = getCurrentInstance();
+      if (!i) {
+          warn$1(`useContext() called without active instance.`);
+      }
+      return i.setupContext || (i.setupContext = createSetupContext(i));
+  }
+  /**
+   * Runtime helper for merging default declarations. Imported by compiled code
+   * only.
+   * @internal
+   */
+  function mergeDefaults(
+  // the base props is compiler-generated and guaranteed to be in this shape.
+  props, defaults) {
+      for (const key in defaults) {
+          const val = props[key];
+          if (val) {
+              val.default = defaults[key];
+          }
+          else if (val === null) {
+              props[key] = { default: defaults[key] };
+          }
+          else {
+              warn$1(`props default key "${key}" has no corresponding declaration.`);
+          }
+      }
+      return props;
+  }
+  /**
+   * `<script setup>` helper for persisting the current instance context over
+   * async/await flows.
+   *
+   * `@vue/compiler-sfc` converts the following:
+   *
+   * ```ts
+   * const x = await foo()
+   * ```
+   *
+   * into:
+   *
+   * ```ts
+   * let __temp, __restore
+   * const x = (([__temp, __restore] = withAsyncContext(() => foo())),__temp=await __temp,__restore(),__temp)
+   * ```
+   * @internal
+   */
+  function withAsyncContext(getAwaitable) {
+      const ctx = getCurrentInstance();
+      if (!ctx) {
+          warn$1(`withAsyncContext called without active current instance. ` +
+              `This is likely a bug.`);
+      }
+      let awaitable = getAwaitable();
+      unsetCurrentInstance();
+      if (isPromise(awaitable)) {
+          awaitable = awaitable.catch(e => {
+              setCurrentInstance(ctx);
+              throw e;
+          });
+      }
+      return [awaitable, () => setCurrentInstance(ctx)];
   }
 
   // Actual implementation
@@ -7696,14 +9076,18 @@ var Vue = (function (exports) {
       }
   }
 
-  const ssrContextKey = Symbol( `ssrContext` );
+  const ssrContextKey = Symbol(`ssrContext` );
   const useSSRContext = () => {
       {
-          warn(`useSsrContext() is not supported in the global build.`);
+          warn$1(`useSSRContext() is not supported in the global build.`);
       }
   };
 
   function initCustomFormatter() {
+      /* eslint-disable no-restricted-globals */
+      if (typeof window === 'undefined') {
+          return;
+      }
       const vueStyle = { style: 'color:#3ba776' };
       const numberStyle = { style: 'color:#0b1bc9' };
       const stringStyle = { style: 'color:#b62e24' };
@@ -7880,7 +9264,6 @@ var Vue = (function (exports) {
           }
           return `Ref`;
       }
-      /* eslint-disable no-restricted-globals */
       if (window.devtoolsFormatters) {
           window.devtoolsFormatters.push(formatter);
       }
@@ -7889,95 +9272,64 @@ var Vue = (function (exports) {
       }
   }
 
-  /**
-   * Actual implementation
-   */
-  function renderList(source, renderItem) {
-      let ret;
-      if (isArray(source) || isString(source)) {
-          ret = new Array(source.length);
-          for (let i = 0, l = source.length; i < l; i++) {
-              ret[i] = renderItem(source[i], i);
+  function withMemo(memo, render, cache, index) {
+      const cached = cache[index];
+      if (cached && isMemoSame(cached, memo)) {
+          return cached;
+      }
+      const ret = render();
+      // shallow clone
+      ret.memo = memo.slice();
+      return (cache[index] = ret);
+  }
+  function isMemoSame(cached, memo) {
+      const prev = cached.memo;
+      if (prev.length != memo.length) {
+          return false;
+      }
+      for (let i = 0; i < prev.length; i++) {
+          if (prev[i] !== memo[i]) {
+              return false;
           }
       }
-      else if (typeof source === 'number') {
-          if ( !Number.isInteger(source)) {
-              warn(`The v-for range expect an integer value but got ${source}.`);
-              return [];
-          }
-          ret = new Array(source);
-          for (let i = 0; i < source; i++) {
-              ret[i] = renderItem(i + 1, i);
-          }
+      // make sure to let parent block track it when returning cached
+      if (isBlockTreeEnabled > 0 && currentBlock) {
+          currentBlock.push(cached);
       }
-      else if (isObject(source)) {
-          if (source[Symbol.iterator]) {
-              ret = Array.from(source, renderItem);
-          }
-          else {
-              const keys = Object.keys(source);
-              ret = new Array(keys.length);
-              for (let i = 0, l = keys.length; i < l; i++) {
-                  const key = keys[i];
-                  ret[i] = renderItem(source[key], key, i);
-              }
-          }
-      }
-      else {
-          ret = [];
-      }
-      return ret;
+      return true;
   }
 
-  /**
-   * For prefixing keys in v-on="obj" with "on"
-   * @private
-   */
-  function toHandlers(obj) {
-      const ret = {};
-      if ( !isObject(obj)) {
-          warn(`v-on with no argument expects an object value.`);
-          return ret;
-      }
-      for (const key in obj) {
-          ret[toHandlerKey(key)] = obj[key];
-      }
-      return ret;
-  }
-
-  /**
-   * Compiler runtime helper for creating dynamic slots object
-   * @private
-   */
-  function createSlots(slots, dynamicSlots) {
-      for (let i = 0; i < dynamicSlots.length; i++) {
-          const slot = dynamicSlots[i];
-          // array of dynamic slot generated by <template v-for="..." #[...]>
-          if (isArray(slot)) {
-              for (let j = 0; j < slot.length; j++) {
-                  slots[slot[j].name] = slot[j].fn;
-              }
-          }
-          else if (slot) {
-              // conditional single slot generated by <template v-if="..." #foo>
-              slots[slot.name] = slot.fn;
-          }
-      }
-      return slots;
+  function $ref() { }
+  function $shallowRef(arg) {
+      return arg;
+  }
+  function $computed() { }
+  function $fromRefs() {
+      return null;
+  }
+  function $raw() {
+      return null;
   }
 
   // Core API ------------------------------------------------------------------
-  const version = "3.0.2";
+  const version = "3.2.4";
   /**
    * SSR utils for \@vue/server-renderer. Only exposed in cjs builds.
    * @internal
    */
-  const ssrUtils = ( null);
+  const ssrUtils = (null);
+  /**
+   * @internal only exposed in compat builds
+   */
+  const resolveFilter = null;
+  /**
+   * @internal only exposed in compat builds.
+   */
+  const compatUtils = (null);
 
   const svgNS = 'http://www.w3.org/2000/svg';
   const doc = (typeof document !== 'undefined' ? document : null);
-  let tempContainer;
-  let tempSVGContainer;
+  const staticTemplateCache = new Map();
   const nodeOps = {
       insert: (child, parent, anchor) => {
           parent.insertBefore(child, anchor || null);
@@ -7988,9 +9340,15 @@ var Vue = (function (exports) {
               parent.removeChild(child);
           }
       },
-      createElement: (tag, isSVG, is) => isSVG
-          ? doc.createElementNS(svgNS, tag)
-          : doc.createElement(tag, is ? { is } : undefined),
+      createElement: (tag, isSVG, is, props) => {
+          const el = isSVG
+              ? doc.createElementNS(svgNS, tag)
+              : doc.createElement(tag, is ? { is } : undefined);
+          if (tag === 'select' && props && props.multiple != null) {
+              el.setAttribute('multiple', props.multiple);
+          }
+          return el;
+      },
       createText: text => doc.createTextNode(text),
       createComment: text => doc.createComment(text),
       setText: (node, text) => {
@@ -8006,49 +9364,70 @@ var Vue = (function (exports) {
           el.setAttribute(id, '');
       },
       cloneNode(el) {
-          return el.cloneNode(true);
+          const cloned = el.cloneNode(true);
+          // #3072
+          // - in `patchDOMProp`, we store the actual value in the `el._value` property.
+          // - normally, elements using `:value` bindings will not be hoisted, but if
+          //   the bound value is a constant, e.g. `:value="true"` - they do get
+          //   hoisted.
+          // - in production, hoisted nodes are cloned when subsequent inserts, but
+          //   cloneNode() does not copy the custom property we attached.
+          // - This may need to account for other custom DOM properties we attach to
+          //   elements in addition to `_value` in the future.
+          if (`_value` in el) {
+              cloned._value = el._value;
+          }
+          return cloned;
       },
       // __UNSAFE__
       // Reason: innerHTML.
       // Static content here can only come from compiled templates.
       // As long as the user only uses trusted templates, this is safe.
       insertStaticContent(content, parent, anchor, isSVG) {
-          const temp = isSVG
-              ? tempSVGContainer ||
-                  (tempSVGContainer = doc.createElementNS(svgNS, 'svg'))
-              : tempContainer || (tempContainer = doc.createElement('div'));
-          temp.innerHTML = content;
-          const first = temp.firstChild;
-          let node = first;
-          let last = node;
-          while (node) {
-              last = node;
-              nodeOps.insert(node, parent, anchor);
-              node = temp.firstChild;
+          // <parent> before | first ... last | anchor </parent>
+          const before = anchor ? anchor.previousSibling : parent.lastChild;
+          let template = staticTemplateCache.get(content);
+          if (!template) {
+              const t = doc.createElement('template');
+              t.innerHTML = isSVG ? `<svg>${content}</svg>` : content;
+              template = t.content;
+              if (isSVG) {
+                  // remove outer svg wrapper
+                  const wrapper = template.firstChild;
+                  while (wrapper.firstChild) {
+                      template.appendChild(wrapper.firstChild);
+                  }
+                  template.removeChild(wrapper);
+              }
+              staticTemplateCache.set(content, template);
           }
-          return [first, last];
+          parent.insertBefore(template.cloneNode(true), anchor);
+          return [
+              // first
+              before ? before.nextSibling : parent.firstChild,
+              // last
+              anchor ? anchor.previousSibling : parent.lastChild
+          ];
       }
   };
 
   // compiler should normalize class + :class bindings on the same element
   // into a single binding ['staticClass', dynamic]
   function patchClass(el, value, isSVG) {
-      if (value == null) {
-          value = '';
+      // directly setting className should be faster than setAttribute in theory
+      // if this is an element during a transition, take the temporary transition
+      // classes into account.
+      const transitionClasses = el._vtc;
+      if (transitionClasses) {
+          value = (value ? [value, ...transitionClasses] : [...transitionClasses]).join(' ');
       }
-      if (isSVG) {
+      if (value == null) {
+          el.removeAttribute('class');
+      }
+      else if (isSVG) {
           el.setAttribute('class', value);
       }
       else {
-          // directly setting className should be faster than setAttribute in theory
-          // if this is an element during a transition, take the temporary transition
-          // classes into account.
-          const transitionClasses = el._vtc;
-          if (transitionClasses) {
-              value = (value
-                  ? [value, ...transitionClasses]
-                  : [...transitionClasses]).join(' ');
-          }
           el.className = value;
       }
   }
@@ -8060,7 +9439,14 @@ var Vue = (function (exports) {
       }
       else if (isString(next)) {
           if (prev !== next) {
+              const current = style.display;
               style.cssText = next;
+              // indicates that the `display` of the element is controlled by `v-show`,
+              // so we always keep the current `display` value regardless of the `style` value,
+              // thus handing over control to `v-show`.
+              if ('_vod' in el) {
+                  style.display = current;
+              }
           }
       }
       else {
@@ -8120,7 +9506,7 @@ var Vue = (function (exports) {
   }
 
   const xlinkNS = 'http://www.w3.org/1999/xlink';
-  function patchAttr(el, key, value, isSVG) {
+  function patchAttr(el, key, value, isSVG, instance) {
       if (isSVG && key.startsWith('xlink:')) {
           if (value == null) {
               el.removeAttributeNS(xlinkNS, key.slice(6, key.length));
@@ -8133,7 +9519,7 @@ var Vue = (function (exports) {
           // note we are only checking boolean attributes that don't have a
           // corresponding dom prop of the same name here.
           const isBoolean = isSpecialBooleanAttr(key);
-          if (value == null || (isBoolean && value === false)) {
+          if (value == null || (isBoolean && !includeBooleanAttr(value))) {
               el.removeAttribute(key);
           }
           else {
@@ -8164,43 +9550,65 @@ var Vue = (function (exports) {
           if (el.value !== newValue) {
               el.value = newValue;
           }
+          if (value == null) {
+              el.removeAttribute(key);
+          }
           return;
       }
-      if (value === '' && typeof el[key] === 'boolean') {
-          // e.g. <select multiple> compiles to { multiple: '' }
-          el[key] = true;
-      }
-      else if (value == null && typeof el[key] === 'string') {
-          // e.g. <div :id="null">
-          el[key] = '';
-          el.removeAttribute(key);
-      }
-      else {
-          // some properties perform value validation and throw
-          try {
-              el[key] = value;
+      if (value === '' || value == null) {
+          const type = typeof el[key];
+          if (type === 'boolean') {
+              // e.g. <select multiple> compiles to { multiple: '' }
+              el[key] = includeBooleanAttr(value);
+              return;
           }
-          catch (e) {
-              {
-                  warn(`Failed setting prop "${key}" on <${el.tagName.toLowerCase()}>: ` +
-                      `value ${value} is invalid.`, e);
+          else if (value == null && type === 'string') {
+              // e.g. <div :id="null">
+              el[key] = '';
+              el.removeAttribute(key);
+              return;
+          }
+          else if (type === 'number') {
+              // e.g. <img :width="null">
+              // the value of some IDL attr must be greater than 0, e.g. input.size = 0 -> error
+              try {
+                  el[key] = 0;
               }
+              catch (_a) { }
+              el.removeAttribute(key);
+              return;
+          }
+      }
+      // some properties perform value validation and throw
+      try {
+          el[key] = value;
+      }
+      catch (e) {
+          {
+              warn$1(`Failed setting prop "${key}" on <${el.tagName.toLowerCase()}>: ` +
+                  `value ${value} is invalid.`, e);
           }
       }
   }
 
   // Async edge case fix requires storing an event listener's attach timestamp.
   let _getNow = Date.now;
-  // Determine what event timestamp the browser is using. Annoyingly, the
-  // timestamp can either be hi-res (relative to page load) or low-res
-  // (relative to UNIX epoch), so in order to compare time we have to use the
-  // same timestamp type when saving the flush timestamp.
-  if (typeof document !== 'undefined' &&
-      _getNow() > document.createEvent('Event').timeStamp) {
-      // if the low-res timestamp which is bigger than the event timestamp
-      // (which is evaluated AFTER) it means the event is using a hi-res timestamp,
-      // and we need to use the hi-res version for event listeners as well.
-      _getNow = () => performance.now();
+  let skipTimestampCheck = false;
+  if (typeof window !== 'undefined') {
+      // Determine what event timestamp the browser is using. Annoyingly, the
+      // timestamp can either be hi-res (relative to page load) or low-res
+      // (relative to UNIX epoch), so in order to compare time we have to use the
+      // same timestamp type when saving the flush timestamp.
+      if (_getNow() > document.createEvent('Event').timeStamp) {
+          // if the low-res timestamp which is bigger than the event timestamp
+          // (which is evaluated AFTER) it means the event is using a hi-res timestamp,
+          // and we need to use the hi-res version for event listeners as well.
+          _getNow = () => performance.now();
+      }
+      // #3485: Firefox <= 53 has incorrect Event.timeStamp implementation
+      // and does not fire microtasks in between event propagation, so safe to exclude.
+      const ffMatch = navigator.userAgent.match(/firefox\/(\d+)/i);
+      skipTimestampCheck = !!(ffMatch && Number(ffMatch[1]) <= 53);
   }
   // To avoid the overhead of repeatedly calling performance.now(), we cache
   // and use the same timestamp for all event listeners attached in the same tick.
@@ -8249,7 +9657,7 @@ var Vue = (function (exports) {
               options[m[0].toLowerCase()] = true;
           }
       }
-      return [name.slice(2).toLowerCase(), options];
+      return [hyphenate(name.slice(2)), options];
   }
   function createInvoker(initialValue, instance) {
       const invoker = (e) => {
@@ -8260,7 +9668,7 @@ var Vue = (function (exports) {
           // and the handler would only fire if the event passed to it was fired
           // AFTER it was attached.
           const timeStamp = e.timeStamp || _getNow();
-          if (timeStamp >= invoker.attached - 1) {
+          if (skipTimestampCheck || timeStamp >= invoker.attached - 1) {
               callWithAsyncErrorHandling(patchStopImmediatePropagation(e, invoker.value), instance, 5 /* NATIVE_EVENT_HANDLER */, [e]);
           }
       };
@@ -8283,47 +9691,45 @@ var Vue = (function (exports) {
   }
 
   const nativeOnRE = /^on[a-z]/;
-  const forcePatchProp = (_, key) => key === 'value';
   const patchProp = (el, key, prevValue, nextValue, isSVG = false, prevChildren, parentComponent, parentSuspense, unmountChildren) => {
-      switch (key) {
-          // special
-          case 'class':
-              patchClass(el, nextValue, isSVG);
-              break;
-          case 'style':
-              patchStyle(el, prevValue, nextValue);
-              break;
-          default:
-              if (isOn(key)) {
-                  // ignore v-model listeners
-                  if (!isModelListener(key)) {
-                      patchEvent(el, key, prevValue, nextValue, parentComponent);
-                  }
-              }
-              else if (shouldSetAsProp(el, key, nextValue, isSVG)) {
-                  patchDOMProp(el, key, nextValue, prevChildren, parentComponent, parentSuspense, unmountChildren);
-              }
-              else {
-                  // special case for <input v-model type="checkbox"> with
-                  // :true-value & :false-value
-                  // store value as dom properties since non-string values will be
-                  // stringified.
-                  if (key === 'true-value') {
-                      el._trueValue = nextValue;
-                  }
-                  else if (key === 'false-value') {
-                      el._falseValue = nextValue;
-                  }
-                  patchAttr(el, key, nextValue, isSVG);
-              }
-              break;
+      if (key === 'class') {
+          patchClass(el, nextValue, isSVG);
+      }
+      else if (key === 'style') {
+          patchStyle(el, prevValue, nextValue);
+      }
+      else if (isOn(key)) {
+          // ignore v-model listeners
+          if (!isModelListener(key)) {
+              patchEvent(el, key, prevValue, nextValue, parentComponent);
+          }
+      }
+      else if (key[0] === '.'
+          ? ((key = key.slice(1)), true)
+          : key[0] === '^'
+              ? ((key = key.slice(1)), false)
+              : shouldSetAsProp(el, key, nextValue, isSVG)) {
+          patchDOMProp(el, key, nextValue, prevChildren, parentComponent, parentSuspense, unmountChildren);
+      }
+      else {
+          // special case for <input v-model type="checkbox"> with
+          // :true-value & :false-value
+          // store value as dom properties since non-string values will be
+          // stringified.
+          if (key === 'true-value') {
+              el._trueValue = nextValue;
+          }
+          else if (key === 'false-value') {
+              el._falseValue = nextValue;
+          }
+          patchAttr(el, key, nextValue, isSVG);
       }
   };
   function shouldSetAsProp(el, key, value, isSVG) {
       if (isSVG) {
           // most keys must be set as attribute on svg elements to work
-          // ...except innerHTML
-          if (key === 'innerHTML') {
+          // ...except innerHTML & textContent
+          if (key === 'innerHTML' || key === 'textContent') {
               return true;
           }
           // or native onclick with function values
@@ -8341,15 +9747,19 @@ var Vue = (function (exports) {
       if (key === 'spellcheck' || key === 'draggable') {
           return false;
       }
-      // #1787 form as an attribute must be a string, while it accepts an Element as
-      // a prop
-      if (key === 'form' && typeof value === 'string') {
+      // #1787, #2840 form property on form elements is readonly and must be set as
+      // attribute.
+      if (key === 'form') {
           return false;
       }
       // #1526 <input list> must be set as attribute
       if (key === 'list' && el.tagName === 'INPUT') {
           return false;
       }
+      // #2766 <textarea type> must be set as attribute
+      if (key === 'type' && el.tagName === 'TEXTAREA') {
+          return false;
+      }
       // native onclick with string value, must be set as attribute
       if (nativeOnRE.test(key) && isString(value)) {
           return false;
@@ -8357,38 +9767,235 @@ var Vue = (function (exports) {
       return key in el;
   }
 
+  function defineCustomElement(options, hydate) {
+      const Comp = defineComponent(options);
+      class VueCustomElement extends VueElement {
+          constructor(initialProps) {
+              super(Comp, initialProps, hydate);
+          }
+      }
+      VueCustomElement.def = Comp;
+      return VueCustomElement;
+  }
+  const defineSSRCustomElement = ((options) => {
+      // @ts-ignore
+      return defineCustomElement(options, hydrate);
+  });
+  const BaseClass = (typeof HTMLElement !== 'undefined' ? HTMLElement : class {
+  });
+  class VueElement extends BaseClass {
+      constructor(_def, _props = {}, hydrate) {
+          super();
+          this._def = _def;
+          this._props = _props;
+          /**
+           * @internal
+           */
+          this._instance = null;
+          this._connected = false;
+          this._resolved = false;
+          if (this.shadowRoot && hydrate) {
+              hydrate(this._createVNode(), this.shadowRoot);
+          }
+          else {
+              if (this.shadowRoot) {
+                  warn$1(`Custom element has pre-rendered declarative shadow root but is not ` +
+                      `defined as hydratable. Use \`defineSSRCustomElement\`.`);
+              }
+              this.attachShadow({ mode: 'open' });
+          }
+          // set initial attrs
+          for (let i = 0; i < this.attributes.length; i++) {
+              this._setAttr(this.attributes[i].name);
+          }
+          // watch future attr changes
+          const observer = new MutationObserver(mutations => {
+              for (const m of mutations) {
+                  this._setAttr(m.attributeName);
+              }
+          });
+          observer.observe(this, { attributes: true });
+      }
+      connectedCallback() {
+          this._connected = true;
+          if (!this._instance) {
+              this._resolveDef();
+              render(this._createVNode(), this.shadowRoot);
+          }
+      }
+      disconnectedCallback() {
+          this._connected = false;
+          nextTick(() => {
+              if (!this._connected) {
+                  render(null, this.shadowRoot);
+                  this._instance = null;
+              }
+          });
+      }
+      /**
+       * resolve inner component definition (handle possible async component)
+       */
+      _resolveDef() {
+          if (this._resolved) {
+              return;
+          }
+          const resolve = (def) => {
+              this._resolved = true;
+              // check if there are props set pre-upgrade or connect
+              for (const key of Object.keys(this)) {
+                  if (key[0] !== '_') {
+                      this._setProp(key, this[key]);
+                  }
+              }
+              const { props, styles } = def;
+              // defining getter/setters on prototype
+              const rawKeys = props ? (isArray(props) ? props : Object.keys(props)) : [];
+              for (const key of rawKeys.map(camelize)) {
+                  Object.defineProperty(this, key, {
+                      get() {
+                          return this._getProp(key);
+                      },
+                      set(val) {
+                          this._setProp(key, val);
+                      }
+                  });
+              }
+              this._applyStyles(styles);
+          };
+          const asyncDef = this._def.__asyncLoader;
+          if (asyncDef) {
+              asyncDef().then(resolve);
+          }
+          else {
+              resolve(this._def);
+          }
+      }
+      _setAttr(key) {
+          this._setProp(camelize(key), toNumber(this.getAttribute(key)), false);
+      }
+      /**
+       * @internal
+       */
+      _getProp(key) {
+          return this._props[key];
+      }
+      /**
+       * @internal
+       */
+      _setProp(key, val, shouldReflect = true) {
+          if (val !== this._props[key]) {
+              this._props[key] = val;
+              if (this._instance) {
+                  render(this._createVNode(), this.shadowRoot);
+              }
+              // reflect
+              if (shouldReflect) {
+                  if (val === true) {
+                      this.setAttribute(hyphenate(key), '');
+                  }
+                  else if (typeof val === 'string' || typeof val === 'number') {
+                      this.setAttribute(hyphenate(key), val + '');
+                  }
+                  else if (!val) {
+                      this.removeAttribute(hyphenate(key));
+                  }
+              }
+          }
+      }
+      _createVNode() {
+          const vnode = createVNode(this._def, extend({}, this._props));
+          if (!this._instance) {
+              vnode.ce = instance => {
+                  this._instance = instance;
+                  instance.isCE = true;
+                  // HMR
+                  {
+                      instance.ceReload = newStyles => {
+                          // alawys reset styles
+                          if (this._styles) {
+                              this._styles.forEach(s => this.shadowRoot.removeChild(s));
+                              this._styles.length = 0;
+                          }
+                          this._applyStyles(newStyles);
+                          // if this is an async component, ceReload is called from the inner
+                          // component so no need to reload the async wrapper
+                          if (!this._def.__asyncLoader) {
+                              // reload
+                              this._instance = null;
+                              render(this._createVNode(), this.shadowRoot);
+                          }
+                      };
+                  }
+                  // intercept emit
+                  instance.emit = (event, ...args) => {
+                      this.dispatchEvent(new CustomEvent(event, {
+                          detail: args
+                      }));
+                  };
+                  // locate nearest Vue custom element parent for provide/inject
+                  let parent = this;
+                  while ((parent =
+                      parent && (parent.parentNode || parent.host))) {
+                      if (parent instanceof VueElement) {
+                          instance.parent = parent._instance;
+                          break;
+                      }
+                  }
+              };
+          }
+          return vnode;
+      }
+      _applyStyles(styles) {
+          if (styles) {
+              styles.forEach(css => {
+                  const s = document.createElement('style');
+                  s.textContent = css;
+                  this.shadowRoot.appendChild(s);
+                  // record for HMR
+                  {
+                      (this._styles || (this._styles = [])).push(s);
+                  }
+              });
+          }
+      }
+  }
+
   function useCssModule(name = '$style') {
       /* istanbul ignore else */
       {
           {
-              warn(`useCssModule() is not supported in the global build.`);
+              warn$1(`useCssModule() is not supported in the global build.`);
           }
           return EMPTY_OBJ;
       }
   }
 
-  function useCssVars(getter, scoped = false) {
+  /**
+   * Runtime helper for SFC's CSS variable injection feature.
+   * @private
+   */
+  function useCssVars(getter) {
       const instance = getCurrentInstance();
       /* istanbul ignore next */
       if (!instance) {
-          
-              warn(`useCssVars is called without current active component instance.`);
+          warn$1(`useCssVars is called without current active component instance.`);
           return;
       }
-      const prefix = scoped && instance.type.__scopeId
-          ? `${instance.type.__scopeId.replace(/^data-v-/, '')}-`
-          : ``;
-      const setVars = () => setVarsOnVNode(instance.subTree, getter(instance.proxy), prefix);
-      onMounted(() => watchEffect(setVars));
-      onUpdated(setVars);
+      const setVars = () => setVarsOnVNode(instance.subTree, getter(instance.proxy));
+      watchPostEffect(setVars);
+      onMounted(() => {
+          const ob = new MutationObserver(setVars);
+          ob.observe(instance.subTree.el.parentNode, { childList: true });
+          onUnmounted(() => ob.disconnect());
+      });
   }
-  function setVarsOnVNode(vnode, vars, prefix) {
-      if ( vnode.shapeFlag & 128 /* SUSPENSE */) {
+  function setVarsOnVNode(vnode, vars) {
+      if (vnode.shapeFlag & 128 /* SUSPENSE */) {
           const suspense = vnode.suspense;
           vnode = suspense.activeBranch;
           if (suspense.pendingBranch && !suspense.isHydrating) {
               suspense.effects.push(() => {
-                  setVarsOnVNode(suspense.activeBranch, vars, prefix);
+                  setVarsOnVNode(suspense.activeBranch, vars);
               });
           }
       }
@@ -8397,13 +10004,27 @@ var Vue = (function (exports) {
           vnode = vnode.component.subTree;
       }
       if (vnode.shapeFlag & 1 /* ELEMENT */ && vnode.el) {
-          const style = vnode.el.style;
-          for (const key in vars) {
-              style.setProperty(`--${prefix}${key}`, unref(vars[key]));
-          }
+          setVarsOnNode(vnode.el, vars);
       }
       else if (vnode.type === Fragment) {
-          vnode.children.forEach(c => setVarsOnVNode(c, vars, prefix));
+          vnode.children.forEach(c => setVarsOnVNode(c, vars));
+      }
+      else if (vnode.type === Static) {
+          let { el, anchor } = vnode;
+          while (el) {
+              setVarsOnNode(el, vars);
+              if (el === anchor)
+                  break;
+              el = el.nextSibling;
+          }
+      }
+  }
+  function setVarsOnNode(el, vars) {
+      if (el.nodeType === 1) {
+          const style = el.style;
+          for (const key in vars) {
+              style.setProperty(`--${key}`, vars[key]);
+          }
       }
   }
 
@@ -8431,18 +10052,42 @@ var Vue = (function (exports) {
       leaveActiveClass: String,
       leaveToClass: String
   };
-  const TransitionPropsValidators = (Transition.props = /*#__PURE__*/ extend({}, BaseTransition.props, DOMTransitionPropsValidators));
+  const TransitionPropsValidators = (Transition.props =
+      /*#__PURE__*/ extend({}, BaseTransition.props, DOMTransitionPropsValidators));
+  /**
+   * #3227 Incoming hooks may be merged into arrays when wrapping Transition
+   * with custom HOCs.
+   */
+  const callHook$1 = (hook, args = []) => {
+      if (isArray(hook)) {
+          hook.forEach(h => h(...args));
+      }
+      else if (hook) {
+          hook(...args);
+      }
+  };
+  /**
+   * Check if a hook expects a callback (2nd arg), which means the user
+   * intends to explicitly control the end of the transition.
+   */
+  const hasExplicitCallback = (hook) => {
+      return hook
+          ? isArray(hook)
+              ? hook.some(h => h.length > 1)
+              : hook.length > 1
+          : false;
+  };
   function resolveTransitionProps(rawProps) {
-      let { name = 'v', type, css = true, duration, enterFromClass = `${name}-enter-from`, enterActiveClass = `${name}-enter-active`, enterToClass = `${name}-enter-to`, appearFromClass = enterFromClass, appearActiveClass = enterActiveClass, appearToClass = enterToClass, leaveFromClass = `${name}-leave-from`, leaveActiveClass = `${name}-leave-active`, leaveToClass = `${name}-leave-to` } = rawProps;
       const baseProps = {};
       for (const key in rawProps) {
           if (!(key in DOMTransitionPropsValidators)) {
               baseProps[key] = rawProps[key];
           }
       }
-      if (!css) {
+      if (rawProps.css === false) {
           return baseProps;
       }
+      const { name = 'v', type, duration, enterFromClass = `${name}-enter-from`, enterActiveClass = `${name}-enter-active`, enterToClass = `${name}-enter-to`, appearFromClass = enterFromClass, appearActiveClass = enterActiveClass, appearToClass = enterToClass, leaveFromClass = `${name}-leave-from`, leaveActiveClass = `${name}-leave-active`, leaveToClass = `${name}-leave-to` } = rawProps;
       const durations = normalizeDuration(duration);
       const enterDuration = durations && durations[0];
       const leaveDuration = durations && durations[1];
@@ -8461,63 +10106,55 @@ var Vue = (function (exports) {
           return (el, done) => {
               const hook = isAppear ? onAppear : onEnter;
               const resolve = () => finishEnter(el, isAppear, done);
-              hook && hook(el, resolve);
+              callHook$1(hook, [el, resolve]);
               nextFrame(() => {
                   removeTransitionClass(el, isAppear ? appearFromClass : enterFromClass);
                   addTransitionClass(el, isAppear ? appearToClass : enterToClass);
-                  if (!(hook && hook.length > 1)) {
-                      if (enterDuration) {
-                          setTimeout(resolve, enterDuration);
-                      }
-                      else {
-                          whenTransitionEnds(el, type, resolve);
-                      }
+                  if (!hasExplicitCallback(hook)) {
+                      whenTransitionEnds(el, type, enterDuration, resolve);
                   }
               });
           };
       };
       return extend(baseProps, {
           onBeforeEnter(el) {
-              onBeforeEnter && onBeforeEnter(el);
-              addTransitionClass(el, enterActiveClass);
+              callHook$1(onBeforeEnter, [el]);
               addTransitionClass(el, enterFromClass);
+              addTransitionClass(el, enterActiveClass);
           },
           onBeforeAppear(el) {
-              onBeforeAppear && onBeforeAppear(el);
-              addTransitionClass(el, appearActiveClass);
+              callHook$1(onBeforeAppear, [el]);
               addTransitionClass(el, appearFromClass);
+              addTransitionClass(el, appearActiveClass);
           },
           onEnter: makeEnterHook(false),
           onAppear: makeEnterHook(true),
           onLeave(el, done) {
               const resolve = () => finishLeave(el, done);
-              addTransitionClass(el, leaveActiveClass);
               addTransitionClass(el, leaveFromClass);
+              // force reflow so *-leave-from classes immediately take effect (#2593)
+              forceReflow();
+              addTransitionClass(el, leaveActiveClass);
               nextFrame(() => {
                   removeTransitionClass(el, leaveFromClass);
                   addTransitionClass(el, leaveToClass);
-                  if (!(onLeave && onLeave.length > 1)) {
-                      if (leaveDuration) {
-                          setTimeout(resolve, leaveDuration);
-                      }
-                      else {
-                          whenTransitionEnds(el, type, resolve);
-                      }
+                  if (!hasExplicitCallback(onLeave)) {
+                      whenTransitionEnds(el, type, leaveDuration, resolve);
                   }
               });
-              onLeave && onLeave(el, resolve);
+              callHook$1(onLeave, [el, resolve]);
           },
           onEnterCancelled(el) {
               finishEnter(el, false);
-              onEnterCancelled && onEnterCancelled(el);
+              callHook$1(onEnterCancelled, [el]);
           },
           onAppearCancelled(el) {
               finishEnter(el, true);
-              onAppearCancelled && onAppearCancelled(el);
+              callHook$1(onAppearCancelled, [el]);
           },
           onLeaveCancelled(el) {
               finishLeave(el);
-              onLeaveCancelled && onLeaveCancelled(el);
+              callHook$1(onLeaveCancelled, [el]);
           }
       });
   }
@@ -8540,11 +10177,11 @@ var Vue = (function (exports) {
   }
   function validateDuration(val) {
       if (typeof val !== 'number') {
-          warn(`<transition> explicit duration is not a valid number - ` +
+          warn$1(`<transition> explicit duration is not a valid number - ` +
               `got ${JSON.stringify(val)}.`);
       }
       else if (isNaN(val)) {
-          warn(`<transition> explicit duration is NaN - ` +
+          warn$1(`<transition> explicit duration is NaN - ` +
               'the duration expression might be incorrect.');
       }
   }
@@ -8568,22 +10205,30 @@ var Vue = (function (exports) {
           requestAnimationFrame(cb);
       });
   }
-  function whenTransitionEnds(el, expectedType, cb) {
+  let endId = 0;
+  function whenTransitionEnds(el, expectedType, explicitTimeout, resolve) {
+      const id = (el._endId = ++endId);
+      const resolveIfNotStale = () => {
+          if (id === el._endId) {
+              resolve();
+          }
+      };
+      if (explicitTimeout) {
+          return setTimeout(resolveIfNotStale, explicitTimeout);
+      }
       const { type, timeout, propCount } = getTransitionInfo(el, expectedType);
       if (!type) {
-          return cb();
+          return resolve();
       }
       const endEvent = type + 'end';
       let ended = 0;
       const end = () => {
           el.removeEventListener(endEvent, onEnd);
-          cb();
+          resolveIfNotStale();
       };
       const onEnd = (e) => {
-          if (e.target === el) {
-              if (++ended >= propCount) {
-                  end();
-              }
+          if (e.target === el && ++ended >= propCount) {
+              end();
           }
       };
       setTimeout(() => {
@@ -8656,6 +10301,10 @@ var Vue = (function (exports) {
   // (i.e. acting as a floor function) causing unexpected behaviors
   function toMs(s) {
       return Number(s.slice(0, -1).replace(',', '.')) * 1000;
+  }
+  // synchronously force layout to put elements into a certain state
+  function forceReflow() {
+      return document.body.offsetHeight;
   }
 
   const positionMap = new WeakMap();
@@ -8708,7 +10357,7 @@ var Vue = (function (exports) {
           return () => {
               const rawProps = toRaw(props);
               const cssTransitionProps = resolveTransitionProps(rawProps);
-              const tag = rawProps.tag || Fragment;
+              let tag = rawProps.tag || Fragment;
               prevChildren = children;
               children = slots.default ? getTransitionRawChildren(slots.default()) : [];
               for (let i = 0; i < children.length; i++) {
@@ -8717,7 +10366,7 @@ var Vue = (function (exports) {
                       setTransitionHooks(child, resolveTransitionHooks(child, cssTransitionProps, state, instance));
                   }
                   else {
-                      warn(`<TransitionGroup> children must be keyed.`);
+                      warn$1(`<TransitionGroup> children must be keyed.`);
                   }
               }
               if (prevChildren) {
@@ -8756,10 +10405,6 @@ var Vue = (function (exports) {
           return c;
       }
   }
-  // this is put in a dedicated function to avoid the line from being treeshaken
-  function forceReflow() {
-      return document.body.offsetHeight;
-  }
   function hasCSSTransform(el, root, moveClass) {
       // Detect whether an element with the move class applied has
       // CSS transitions. Since the element may be inside an entering
@@ -8774,9 +10419,7 @@ var Vue = (function (exports) {
       }
       moveClass.split(/\s+/).forEach(c => c && clone.classList.add(c));
       clone.style.display = 'none';
-      const container = (root.nodeType === 1
-          ? root
-          : root.parentNode);
+      const container = (root.nodeType === 1 ? root : root.parentNode);
       container.appendChild(clone);
       const { hasTransform } = getTransitionInfo(clone);
       container.removeChild(clone);
@@ -8807,7 +10450,7 @@ var Vue = (function (exports) {
   const vModelText = {
       created(el, { modifiers: { lazy, trim, number } }, vnode) {
           el._assign = getModelAssigner(vnode);
-          const castToNumber = number || el.type === 'number';
+          const castToNumber = number || (vnode.props && vnode.props.type === 'number');
           addEventListener(el, lazy ? 'change' : 'input', e => {
               if (e.target.composing)
                   return;
@@ -8839,12 +10482,15 @@ var Vue = (function (exports) {
       mounted(el, { value }) {
           el.value = value == null ? '' : value;
       },
-      beforeUpdate(el, { value, modifiers: { trim, number } }, vnode) {
+      beforeUpdate(el, { value, modifiers: { lazy, trim, number } }, vnode) {
           el._assign = getModelAssigner(vnode);
           // avoid clearing unresolved text. #2302
           if (el.composing)
               return;
           if (document.activeElement === el) {
+              if (lazy) {
+                  return;
+              }
               if (trim && el.value.trim() === value) {
                   return;
               }
@@ -8859,8 +10505,9 @@ var Vue = (function (exports) {
       }
   };
   const vModelCheckbox = {
-      created(el, binding, vnode) {
-          setChecked(el, binding, vnode);
+      // #4096 array checkboxes need to be deep traversed
+      deep: true,
+      created(el, _, vnode) {
           el._assign = getModelAssigner(vnode);
           addEventListener(el, 'change', () => {
               const modelValue = el._modelValue;
@@ -8880,18 +10527,22 @@ var Vue = (function (exports) {
                   }
               }
               else if (isSet(modelValue)) {
+                  const cloned = new Set(modelValue);
                   if (checked) {
-                      modelValue.add(elementValue);
+                      cloned.add(elementValue);
                   }
                   else {
-                      modelValue.delete(elementValue);
+                      cloned.delete(elementValue);
                   }
+                  assign(cloned);
               }
               else {
                   assign(getCheckboxValue(el, checked));
               }
           });
       },
+      // set initial checked on mount to wait for true-value/false-value
+      mounted: setChecked,
       beforeUpdate(el, binding, vnode) {
           el._assign = getModelAssigner(vnode);
           setChecked(el, binding, vnode);
@@ -8925,12 +10576,19 @@ var Vue = (function (exports) {
       }
   };
   const vModelSelect = {
-      created(el, { modifiers: { number } }, vnode) {
+      // <select multiple> value need to be deep traversed
+      deep: true,
+      created(el, { value, modifiers: { number } }, vnode) {
+          const isSetModel = isSet(value);
           addEventListener(el, 'change', () => {
               const selectedVal = Array.prototype.filter
                   .call(el.options, (o) => o.selected)
                   .map((o) => number ? toNumber(getValue(o)) : getValue(o));
-              el._assign(el.multiple ? selectedVal : selectedVal[0]);
+              el._assign(el.multiple
+                  ? isSetModel
+                      ? new Set(selectedVal)
+                      : selectedVal
+                  : selectedVal[0]);
           });
           el._assign = getModelAssigner(vnode);
       },
@@ -8949,8 +10607,7 @@ var Vue = (function (exports) {
   function setSelected(el, value) {
       const isMultiple = el.multiple;
       if (isMultiple && !isArray(value) && !isSet(value)) {
-          
-              warn(`<select multiple v-model> expects an Array or Set value for its binding, ` +
+          warn$1(`<select multiple v-model> expects an Array or Set value for its binding, ` +
                   `but got ${Object.prototype.toString.call(value).slice(8, -1)}.`);
           return;
       }
@@ -8967,12 +10624,13 @@ var Vue = (function (exports) {
           }
           else {
               if (looseEqual(getValue(option), value)) {
-                  el.selectedIndex = i;
+                  if (el.selectedIndex !== i)
+                      el.selectedIndex = i;
                   return;
               }
           }
       }
-      if (!isMultiple) {
+      if (!isMultiple && el.selectedIndex !== -1) {
           el.selectedIndex = -1;
       }
   }
@@ -9067,15 +10725,13 @@ var Vue = (function (exports) {
    */
   const withKeys = (fn, modifiers) => {
       return (event) => {
-          if (!('key' in event))
-              return;
-          const eventKey = hyphenate(event.key);
-          if (
-          // None of the provided key modifiers match the current event key
-          !modifiers.some(k => k === eventKey || keyNames[k] === eventKey)) {
+          if (!('key' in event)) {
               return;
           }
-          return fn(event);
+          const eventKey = hyphenate(event.key);
+          if (modifiers.some(k => k === eventKey || keyNames[k] === eventKey)) {
+              return fn(event);
+          }
       };
   };
 
@@ -9121,13 +10777,14 @@ var Vue = (function (exports) {
       el.style.display = value ? el._vod : 'none';
   }
 
-  const rendererOptions = extend({ patchProp, forcePatchProp }, nodeOps);
+  const rendererOptions = extend({ patchProp }, nodeOps);
   // lazy create the renderer - this makes core renderer logic tree-shakable
   // in case the user only imports reactivity utilities from Vue.
   let renderer;
   let enabledHydration = false;
   function ensureRenderer() {
-      return renderer || (renderer = createRenderer(rendererOptions));
+      return (renderer ||
+          (renderer = createRenderer(rendererOptions)));
   }
   function ensureHydrationRenderer() {
       renderer = enabledHydration
@@ -9147,6 +10804,7 @@ var Vue = (function (exports) {
       const app = ensureRenderer().createApp(...args);
       {
           injectNativeTagCheck(app);
+          injectCompilerOptionsCheck(app);
       }
       const { mount } = app;
       app.mount = (containerOrSelector) => {
@@ -9155,13 +10813,19 @@ var Vue = (function (exports) {
               return;
           const component = app._component;
           if (!isFunction(component) && !component.render && !component.template) {
+              // __UNSAFE__
+              // Reason: potential execution of JS expressions in in-DOM template.
+              // The user must make sure the in-DOM template is trusted. If it's
+              // rendered by the server, the template should not contain any user data.
               component.template = container.innerHTML;
           }
           // clear content before mounting
           container.innerHTML = '';
-          const proxy = mount(container);
-          container.removeAttribute('v-cloak');
-          container.setAttribute('data-v-app', '');
+          const proxy = mount(container, false, container instanceof SVGElement);
+          if (container instanceof Element) {
+              container.removeAttribute('v-cloak');
+              container.setAttribute('data-v-app', '');
+          }
           return proxy;
       };
       return app;
@@ -9170,12 +10834,13 @@ var Vue = (function (exports) {
       const app = ensureHydrationRenderer().createApp(...args);
       {
           injectNativeTagCheck(app);
+          injectCompilerOptionsCheck(app);
       }
       const { mount } = app;
       app.mount = (containerOrSelector) => {
           const container = normalizeContainer(containerOrSelector);
           if (container) {
-              return mount(container, true);
+              return mount(container, true, container instanceof SVGElement);
           }
       };
       return app;
@@ -9188,24 +10853,60 @@ var Vue = (function (exports) {
           writable: false
       });
   }
+  // dev only
+  function injectCompilerOptionsCheck(app) {
+      if (isRuntimeOnly()) {
+          const isCustomElement = app.config.isCustomElement;
+          Object.defineProperty(app.config, 'isCustomElement', {
+              get() {
+                  return isCustomElement;
+              },
+              set() {
+                  warn$1(`The \`isCustomElement\` config option is deprecated. Use ` +
+                      `\`compilerOptions.isCustomElement\` instead.`);
+              }
+          });
+          const compilerOptions = app.config.compilerOptions;
+          const msg = `The \`compilerOptions\` config option is only respected when using ` +
+              `a build of Vue.js that includes the runtime compiler (aka "full build"). ` +
+              `Since you are using the runtime-only build, \`compilerOptions\` ` +
+              `must be passed to \`@vue/compiler-dom\` in the build setup instead.\n` +
+              `- For vue-loader: pass it via vue-loader's \`compilerOptions\` loader option.\n` +
+              `- For vue-cli: see https://cli.vuejs.org/guide/webpack.html#modifying-options-of-a-loader\n` +
+              `- For vite: pass it via @vitejs/plugin-vue options. See https://github.com/vitejs/vite/tree/main/packages/plugin-vue#example-for-passing-options-to-vuecompiler-dom`;
+          Object.defineProperty(app.config, 'compilerOptions', {
+              get() {
+                  warn$1(msg);
+                  return compilerOptions;
+              },
+              set() {
+                  warn$1(msg);
+              }
+          });
+      }
+  }
   function normalizeContainer(container) {
       if (isString(container)) {
           const res = document.querySelector(container);
-          if ( !res) {
-              warn(`Failed to mount app: mount target selector returned null.`);
+          if (!res) {
+              warn$1(`Failed to mount app: mount target selector "${container}" returned null.`);
           }
           return res;
       }
+      if (window.ShadowRoot &&
+          container instanceof window.ShadowRoot &&
+          container.mode === 'closed') {
+          warn$1(`mounting on a ShadowRoot with \`{mode: "closed"}\` may lead to unpredictable bugs`);
+      }
       return container;
   }
 
   function initDev() {
-      const target = getGlobalThis();
-      target.__VUE__ = true;
-      setDevtoolsHook(target.__VUE_DEVTOOLS_GLOBAL_HOOK__);
       {
-          console.info(`You are running a development build of Vue.\n` +
-              `Make sure to use the production build (*.prod.js) when deploying for production.`);
+          {
+              console.info(`You are running a development build of Vue.\n` +
+                  `Make sure to use the production build (*.prod.js) when deploying for production.`);
+          }
           initCustomFormatter();
       }
   }
@@ -9213,8 +10914,11 @@ var Vue = (function (exports) {
   function defaultOnError(error) {
       throw error;
   }
+  function defaultOnWarn(msg) {
+      console.warn(`[Vue warn] ${msg.message}`);
+  }
   function createCompilerError(code, loc, messages, additionalMessage) {
-      const msg =  (messages || errorMessages)[code] + (additionalMessage || ``)
+      const msg = (messages || errorMessages)[code] + (additionalMessage || ``)
           ;
       const error = new SyntaxError(String(msg));
       error.code = code;
@@ -9244,6 +10948,7 @@ var Vue = (function (exports) {
       [18 /* UNEXPECTED_CHARACTER_IN_UNQUOTED_ATTRIBUTE_VALUE */]: 'Unquoted attribute value cannot contain U+0022 ("), U+0027 (\'), U+003C (<), U+003D (=), and U+0060 (`).',
       [19 /* UNEXPECTED_EQUALS_SIGN_BEFORE_ATTRIBUTE_NAME */]: "Attribute name cannot start with '='.",
       [21 /* UNEXPECTED_QUESTION_MARK_INSTEAD_OF_TAG_NAME */]: "'<?' is allowed only in XML context.",
+      [20 /* UNEXPECTED_NULL_CHARACTER */]: `Unexpected null cahracter.`,
       [22 /* UNEXPECTED_SOLIDUS_IN_TAG */]: "Illegal '/' in tags.",
       // Vue-specific parse errors
       [23 /* X_INVALID_END_TAG */]: 'Invalid end tag.',
@@ -9277,38 +10982,51 @@ var Vue = (function (exports) {
       [45 /* X_PREFIX_ID_NOT_SUPPORTED */]: `"prefixIdentifiers" option is not supported in this build of compiler.`,
       [46 /* X_MODULE_MODE_NOT_SUPPORTED */]: `ES module mode is not supported in this build of compiler.`,
       [47 /* X_CACHE_HANDLER_NOT_SUPPORTED */]: `"cacheHandlers" option is only supported when the "prefixIdentifiers" option is enabled.`,
-      [48 /* X_SCOPE_ID_NOT_SUPPORTED */]: `"scopeId" option is only supported in module mode.`
+      [48 /* X_SCOPE_ID_NOT_SUPPORTED */]: `"scopeId" option is only supported in module mode.`,
+      // just to fullfill types
+      [49 /* __EXTEND_POINT__ */]: ``
   };
 
-  const FRAGMENT = Symbol( `Fragment` );
-  const TELEPORT = Symbol( `Teleport` );
-  const SUSPENSE = Symbol( `Suspense` );
-  const KEEP_ALIVE = Symbol( `KeepAlive` );
-  const BASE_TRANSITION = Symbol( `BaseTransition` );
-  const OPEN_BLOCK = Symbol( `openBlock` );
-  const CREATE_BLOCK = Symbol( `createBlock` );
-  const CREATE_VNODE = Symbol( `createVNode` );
-  const CREATE_COMMENT = Symbol( `createCommentVNode` );
-  const CREATE_TEXT = Symbol( `createTextVNode` );
-  const CREATE_STATIC = Symbol( `createStaticVNode` );
-  const RESOLVE_COMPONENT = Symbol( `resolveComponent` );
-  const RESOLVE_DYNAMIC_COMPONENT = Symbol( `resolveDynamicComponent` );
-  const RESOLVE_DIRECTIVE = Symbol( `resolveDirective` );
-  const WITH_DIRECTIVES = Symbol( `withDirectives` );
-  const RENDER_LIST = Symbol( `renderList` );
-  const RENDER_SLOT = Symbol( `renderSlot` );
-  const CREATE_SLOTS = Symbol( `createSlots` );
-  const TO_DISPLAY_STRING = Symbol( `toDisplayString` );
-  const MERGE_PROPS = Symbol( `mergeProps` );
-  const TO_HANDLERS = Symbol( `toHandlers` );
-  const CAMELIZE = Symbol( `camelize` );
-  const CAPITALIZE = Symbol( `capitalize` );
-  const TO_HANDLER_KEY = Symbol( `toHandlerKey` );
-  const SET_BLOCK_TRACKING = Symbol( `setBlockTracking` );
-  const PUSH_SCOPE_ID = Symbol( `pushScopeId` );
-  const POP_SCOPE_ID = Symbol( `popScopeId` );
-  const WITH_SCOPE_ID = Symbol( `withScopeId` );
-  const WITH_CTX = Symbol( `withCtx` );
+  const FRAGMENT = Symbol(`Fragment` );
+  const TELEPORT = Symbol(`Teleport` );
+  const SUSPENSE = Symbol(`Suspense` );
+  const KEEP_ALIVE = Symbol(`KeepAlive` );
+  const BASE_TRANSITION = Symbol(`BaseTransition` );
+  const OPEN_BLOCK = Symbol(`openBlock` );
+  const CREATE_BLOCK = Symbol(`createBlock` );
+  const CREATE_ELEMENT_BLOCK = Symbol(`createElementBlock` );
+  const CREATE_VNODE = Symbol(`createVNode` );
+  const CREATE_ELEMENT_VNODE = Symbol(`createElementVNode` );
+  const CREATE_COMMENT = Symbol(`createCommentVNode` );
+  const CREATE_TEXT = Symbol(`createTextVNode` );
+  const CREATE_STATIC = Symbol(`createStaticVNode` );
+  const RESOLVE_COMPONENT = Symbol(`resolveComponent` );
+  const RESOLVE_DYNAMIC_COMPONENT = Symbol(`resolveDynamicComponent` );
+  const RESOLVE_DIRECTIVE = Symbol(`resolveDirective` );
+  const RESOLVE_FILTER = Symbol(`resolveFilter` );
+  const WITH_DIRECTIVES = Symbol(`withDirectives` );
+  const RENDER_LIST = Symbol(`renderList` );
+  const RENDER_SLOT = Symbol(`renderSlot` );
+  const CREATE_SLOTS = Symbol(`createSlots` );
+  const TO_DISPLAY_STRING = Symbol(`toDisplayString` );
+  const MERGE_PROPS = Symbol(`mergeProps` );
+  const NORMALIZE_CLASS = Symbol(`normalizeClass` );
+  const NORMALIZE_STYLE = Symbol(`normalizeStyle` );
+  const NORMALIZE_PROPS = Symbol(`normalizeProps` );
+  const GUARD_REACTIVE_PROPS = Symbol(`guardReactiveProps` );
+  const TO_HANDLERS = Symbol(`toHandlers` );
+  const CAMELIZE = Symbol(`camelize` );
+  const CAPITALIZE = Symbol(`capitalize` );
+  const TO_HANDLER_KEY = Symbol(`toHandlerKey` );
+  const SET_BLOCK_TRACKING = Symbol(`setBlockTracking` );
+  const PUSH_SCOPE_ID = Symbol(`pushScopeId` );
+  const POP_SCOPE_ID = Symbol(`popScopeId` );
+  const WITH_SCOPE_ID = Symbol(`withScopeId` );
+  const WITH_CTX = Symbol(`withCtx` );
+  const UNREF = Symbol(`unref` );
+  const IS_REF = Symbol(`isRef` );
+  const WITH_MEMO = Symbol(`withMemo` );
+  const IS_MEMO_SAME = Symbol(`isMemoSame` );
   // Name mapping for runtime helpers that need to be imported from 'vue' in
   // generated code. Make sure these are correctly exported in the runtime!
   // Using `any` here because TS doesn't allow symbols as index type.
@@ -9320,19 +11038,26 @@ var Vue = (function (exports) {
       [BASE_TRANSITION]: `BaseTransition`,
       [OPEN_BLOCK]: `openBlock`,
       [CREATE_BLOCK]: `createBlock`,
+      [CREATE_ELEMENT_BLOCK]: `createElementBlock`,
       [CREATE_VNODE]: `createVNode`,
+      [CREATE_ELEMENT_VNODE]: `createElementVNode`,
       [CREATE_COMMENT]: `createCommentVNode`,
       [CREATE_TEXT]: `createTextVNode`,
       [CREATE_STATIC]: `createStaticVNode`,
       [RESOLVE_COMPONENT]: `resolveComponent`,
       [RESOLVE_DYNAMIC_COMPONENT]: `resolveDynamicComponent`,
       [RESOLVE_DIRECTIVE]: `resolveDirective`,
+      [RESOLVE_FILTER]: `resolveFilter`,
       [WITH_DIRECTIVES]: `withDirectives`,
       [RENDER_LIST]: `renderList`,
       [RENDER_SLOT]: `renderSlot`,
       [CREATE_SLOTS]: `createSlots`,
       [TO_DISPLAY_STRING]: `toDisplayString`,
       [MERGE_PROPS]: `mergeProps`,
+      [NORMALIZE_CLASS]: `normalizeClass`,
+      [NORMALIZE_STYLE]: `normalizeStyle`,
+      [NORMALIZE_PROPS]: `normalizeProps`,
+      [GUARD_REACTIVE_PROPS]: `guardReactiveProps`,
       [TO_HANDLERS]: `toHandlers`,
       [CAMELIZE]: `camelize`,
       [CAPITALIZE]: `capitalize`,
@@ -9341,7 +11066,11 @@ var Vue = (function (exports) {
       [PUSH_SCOPE_ID]: `pushScopeId`,
       [POP_SCOPE_ID]: `popScopeId`,
       [WITH_SCOPE_ID]: `withScopeId`,
-      [WITH_CTX]: `withCtx`
+      [WITH_CTX]: `withCtx`,
+      [UNREF]: `unref`,
+      [IS_REF]: `isRef`,
+      [WITH_MEMO]: `withMemo`,
+      [IS_MEMO_SAME]: `isMemoSame`
   };
   function registerRuntimeHelpers(helpers) {
       Object.getOwnPropertySymbols(helpers).forEach(s => {
@@ -9373,14 +11102,14 @@ var Vue = (function (exports) {
           loc
       };
   }
-  function createVNodeCall(context, tag, props, children, patchFlag, dynamicProps, directives, isBlock = false, disableTracking = false, loc = locStub) {
+  function createVNodeCall(context, tag, props, children, patchFlag, dynamicProps, directives, isBlock = false, disableTracking = false, isComponent = false, loc = locStub) {
       if (context) {
           if (isBlock) {
               context.helper(OPEN_BLOCK);
-              context.helper(CREATE_BLOCK);
+              context.helper(getVNodeBlockHelper(context.inSSR, isComponent));
           }
           else {
-              context.helper(CREATE_VNODE);
+              context.helper(getVNodeHelper(context.inSSR, isComponent));
           }
           if (directives) {
               context.helper(WITH_DIRECTIVES);
@@ -9396,6 +11125,7 @@ var Vue = (function (exports) {
           directives,
           isBlock,
           disableTracking,
+          isComponent,
           loc
       };
   }
@@ -9421,13 +11151,13 @@ var Vue = (function (exports) {
           value
       };
   }
-  function createSimpleExpression(content, isStatic, loc = locStub, isConstant = false) {
+  function createSimpleExpression(content, isStatic = false, loc = locStub, constType = 0 /* NOT_CONSTANT */) {
       return {
           type: 4 /* SIMPLE_EXPRESSION */,
           loc,
-          isConstant,
           content,
-          isStatic
+          isStatic,
+          constType: isStatic ? 3 /* CAN_STRINGIFY */ : constType
       };
   }
   function createCompoundExpression(children, loc = locStub) {
@@ -9473,6 +11203,13 @@ var Vue = (function (exports) {
           isVNode,
           loc: locStub
       };
+  }
+  function createBlockStatement(body) {
+      return {
+          type: 21 /* JS_BLOCK_STATEMENT */,
+          body,
+          loc: locStub
+      };
   }
 
   const isStaticExp = (p) => p.type === 4 /* SIMPLE_EXPRESSION */ && p.isStatic;
@@ -9493,11 +11230,84 @@ var Vue = (function (exports) {
   }
   const nonIdentifierRE = /^\d|[^\$\w]/;
   const isSimpleIdentifier = (name) => !nonIdentifierRE.test(name);
-  const memberExpRE = /^[A-Za-z_$][\w$]*(?:\s*\.\s*[A-Za-z_$][\w$]*|\[[^\]]+\])*$/;
+  const validFirstIdentCharRE = /[A-Za-z_$\xA0-\uFFFF]/;
+  const validIdentCharRE = /[\.\?\w$\xA0-\uFFFF]/;
+  const whitespaceRE = /\s+[.[]\s*|\s*[.[]\s+/g;
+  /**
+   * Simple lexer to check if an expression is a member expression. This is
+   * lax and only checks validity at the root level (i.e. does not validate exps
+   * inside square brackets), but it's ok since these are only used on template
+   * expressions and false positives are invalid expressions in the first place.
+   */
   const isMemberExpression = (path) => {
-      if (!path)
-          return false;
-      return memberExpRE.test(path.trim());
+      // remove whitespaces around . or [ first
+      path = path.trim().replace(whitespaceRE, s => s.trim());
+      let state = 0 /* inMemberExp */;
+      let stateStack = [];
+      let currentOpenBracketCount = 0;
+      let currentOpenParensCount = 0;
+      let currentStringType = null;
+      for (let i = 0; i < path.length; i++) {
+          const char = path.charAt(i);
+          switch (state) {
+              case 0 /* inMemberExp */:
+                  if (char === '[') {
+                      stateStack.push(state);
+                      state = 1 /* inBrackets */;
+                      currentOpenBracketCount++;
+                  }
+                  else if (char === '(') {
+                      stateStack.push(state);
+                      state = 2 /* inParens */;
+                      currentOpenParensCount++;
+                  }
+                  else if (!(i === 0 ? validFirstIdentCharRE : validIdentCharRE).test(char)) {
+                      return false;
+                  }
+                  break;
+              case 1 /* inBrackets */:
+                  if (char === `'` || char === `"` || char === '`') {
+                      stateStack.push(state);
+                      state = 3 /* inString */;
+                      currentStringType = char;
+                  }
+                  else if (char === `[`) {
+                      currentOpenBracketCount++;
+                  }
+                  else if (char === `]`) {
+                      if (!--currentOpenBracketCount) {
+                          state = stateStack.pop();
+                      }
+                  }
+                  break;
+              case 2 /* inParens */:
+                  if (char === `'` || char === `"` || char === '`') {
+                      stateStack.push(state);
+                      state = 3 /* inString */;
+                      currentStringType = char;
+                  }
+                  else if (char === `(`) {
+                      currentOpenParensCount++;
+                  }
+                  else if (char === `)`) {
+                      // if the exp ends as a call then it should not be considered valid
+                      if (i === path.length - 1) {
+                          return false;
+                      }
+                      if (!--currentOpenParensCount) {
+                          state = stateStack.pop();
+                      }
+                  }
+                  break;
+              case 3 /* inString */:
+                  if (char === currentStringType) {
+                      state = stateStack.pop();
+                      currentStringType = null;
+                  }
+                  break;
+          }
+      }
+      return !currentOpenBracketCount && !currentOpenParensCount;
   };
   function getInnerRange(loc, offset, length) {
       const source = loc.source.substr(offset, length);
@@ -9589,9 +11399,46 @@ var Vue = (function (exports) {
   function isSlotOutlet(node) {
       return node.type === 1 /* ELEMENT */ && node.tagType === 2 /* SLOT */;
   }
+  function getVNodeHelper(ssr, isComponent) {
+      return ssr || isComponent ? CREATE_VNODE : CREATE_ELEMENT_VNODE;
+  }
+  function getVNodeBlockHelper(ssr, isComponent) {
+      return ssr || isComponent ? CREATE_BLOCK : CREATE_ELEMENT_BLOCK;
+  }
+  const propsHelperSet = new Set([NORMALIZE_PROPS, GUARD_REACTIVE_PROPS]);
+  function getUnnormalizedProps(props, callPath = []) {
+      if (props &&
+          !isString(props) &&
+          props.type === 14 /* JS_CALL_EXPRESSION */) {
+          const callee = props.callee;
+          if (!isString(callee) && propsHelperSet.has(callee)) {
+              return getUnnormalizedProps(props.arguments[0], callPath.concat(props));
+          }
+      }
+      return [props, callPath];
+  }
   function injectProp(node, prop, context) {
       let propsWithInjection;
-      const props = node.type === 13 /* VNODE_CALL */ ? node.props : node.arguments[2];
+      const originalProps = node.type === 13 /* VNODE_CALL */ ? node.props : node.arguments[2];
+      /**
+       * 1. mergeProps(...)
+       * 2. toHandlers(...)
+       * 3. normalizeProps(...)
+       * 4. normalizeProps(guardReactiveProps(...))
+       *
+       * we need to get the real props before normalization
+       */
+      let props = originalProps;
+      let callPath = [];
+      let parentCall;
+      if (props &&
+          !isString(props) &&
+          props.type === 14 /* JS_CALL_EXPRESSION */) {
+          const ret = getUnnormalizedProps(props);
+          props = ret[0];
+          callPath = ret[1];
+          parentCall = callPath[callPath.length - 1];
+      }
       if (props == null || isString(props)) {
           propsWithInjection = createObjectExpression([prop]);
       }
@@ -9636,16 +11483,145 @@ var Vue = (function (exports) {
               createObjectExpression([prop]),
               props
           ]);
+          // in the case of nested helper call, e.g. `normalizeProps(guardReactiveProps(props))`,
+          // it will be rewritten as `normalizeProps(mergeProps({ key: 0 }, props))`,
+          // the `guardReactiveProps` will no longer be needed
+          if (parentCall && parentCall.callee === GUARD_REACTIVE_PROPS) {
+              parentCall = callPath[callPath.length - 2];
+          }
       }
       if (node.type === 13 /* VNODE_CALL */) {
-          node.props = propsWithInjection;
+          if (parentCall) {
+              parentCall.arguments[0] = propsWithInjection;
+          }
+          else {
+              node.props = propsWithInjection;
+          }
       }
       else {
-          node.arguments[2] = propsWithInjection;
+          if (parentCall) {
+              parentCall.arguments[0] = propsWithInjection;
+          }
+          else {
+              node.arguments[2] = propsWithInjection;
+          }
       }
   }
   function toValidAssetId(name, type) {
       return `_${type}_${name.replace(/[^\w]/g, '_')}`;
+  }
+  function getMemoedVNodeCall(node) {
+      if (node.type === 14 /* JS_CALL_EXPRESSION */ && node.callee === WITH_MEMO) {
+          return node.arguments[1].returns;
+      }
+      else {
+          return node;
+      }
+  }
+  function makeBlock(node, { helper, removeHelper, inSSR }) {
+      if (!node.isBlock) {
+          node.isBlock = true;
+          removeHelper(getVNodeHelper(inSSR, node.isComponent));
+          helper(OPEN_BLOCK);
+          helper(getVNodeBlockHelper(inSSR, node.isComponent));
+      }
+  }
+
+  const deprecationData$1 = {
+      ["COMPILER_IS_ON_ELEMENT" /* COMPILER_IS_ON_ELEMENT */]: {
+          message: `Platform-native elements with "is" prop will no longer be ` +
+              `treated as components in Vue 3 unless the "is" value is explicitly ` +
+              `prefixed with "vue:".`,
+          link: `https://v3.vuejs.org/guide/migration/custom-elements-interop.html`
+      },
+      ["COMPILER_V_BIND_SYNC" /* COMPILER_V_BIND_SYNC */]: {
+          message: key => `.sync modifier for v-bind has been removed. Use v-model with ` +
+              `argument instead. \`v-bind:${key}.sync\` should be changed to ` +
+              `\`v-model:${key}\`.`,
+          link: `https://v3.vuejs.org/guide/migration/v-model.html`
+      },
+      ["COMPILER_V_BIND_PROP" /* COMPILER_V_BIND_PROP */]: {
+          message: `.prop modifier for v-bind has been removed and no longer necessary. ` +
+              `Vue 3 will automatically set a binding as DOM property when appropriate.`
+      },
+      ["COMPILER_V_BIND_OBJECT_ORDER" /* COMPILER_V_BIND_OBJECT_ORDER */]: {
+          message: `v-bind="obj" usage is now order sensitive and behaves like JavaScript ` +
+              `object spread: it will now overwrite an existing non-mergeable attribute ` +
+              `that appears before v-bind in the case of conflict. ` +
+              `To retain 2.x behavior, move v-bind to make it the first attribute. ` +
+              `You can also suppress this warning if the usage is intended.`,
+          link: `https://v3.vuejs.org/guide/migration/v-bind.html`
+      },
+      ["COMPILER_V_ON_NATIVE" /* COMPILER_V_ON_NATIVE */]: {
+          message: `.native modifier for v-on has been removed as is no longer necessary.`,
+          link: `https://v3.vuejs.org/guide/migration/v-on-native-modifier-removed.html`
+      },
+      ["COMPILER_V_IF_V_FOR_PRECEDENCE" /* COMPILER_V_IF_V_FOR_PRECEDENCE */]: {
+          message: `v-if / v-for precedence when used on the same element has changed ` +
+              `in Vue 3: v-if now takes higher precedence and will no longer have ` +
+              `access to v-for scope variables. It is best to avoid the ambiguity ` +
+              `with <template> tags or use a computed property that filters v-for ` +
+              `data source.`,
+          link: `https://v3.vuejs.org/guide/migration/v-if-v-for.html`
+      },
+      ["COMPILER_V_FOR_REF" /* COMPILER_V_FOR_REF */]: {
+          message: `Ref usage on v-for no longer creates array ref values in Vue 3. ` +
+              `Consider using function refs or refactor to avoid ref usage altogether.`,
+          link: `https://v3.vuejs.org/guide/migration/array-refs.html`
+      },
+      ["COMPILER_NATIVE_TEMPLATE" /* COMPILER_NATIVE_TEMPLATE */]: {
+          message: `<template> with no special directives will render as a native template ` +
+              `element instead of its inner content in Vue 3.`
+      },
+      ["COMPILER_INLINE_TEMPLATE" /* COMPILER_INLINE_TEMPLATE */]: {
+          message: `"inline-template" has been removed in Vue 3.`,
+          link: `https://v3.vuejs.org/guide/migration/inline-template-attribute.html`
+      },
+      ["COMPILER_FILTER" /* COMPILER_FILTERS */]: {
+          message: `filters have been removed in Vue 3. ` +
+              `The "|" symbol will be treated as native JavaScript bitwise OR operator. ` +
+              `Use method calls or computed properties instead.`,
+          link: `https://v3.vuejs.org/guide/migration/filters.html`
+      }
+  };
+  function getCompatValue(key, context) {
+      const config = context.options
+          ? context.options.compatConfig
+          : context.compatConfig;
+      const value = config && config[key];
+      if (key === 'MODE') {
+          return value || 3; // compiler defaults to v3 behavior
+      }
+      else {
+          return value;
+      }
+  }
+  function isCompatEnabled$1(key, context) {
+      const mode = getCompatValue('MODE', context);
+      const value = getCompatValue(key, context);
+      // in v3 mode, only enable if explicitly set to true
+      // otherwise enable for any non-false value
+      return mode === 3 ? value === true : value !== false;
+  }
+  function checkCompatEnabled(key, context, loc, ...args) {
+      const enabled = isCompatEnabled$1(key, context);
+      if (enabled) {
+          warnDeprecation$1(key, context, loc, ...args);
+      }
+      return enabled;
+  }
+  function warnDeprecation$1(key, context, loc, ...args) {
+      const val = getCompatValue(key, context);
+      if (val === 'suppress-warning') {
+          return;
+      }
+      const { message, link } = deprecationData$1[key];
+      const msg = `(deprecation ${key}) ${typeof message === 'function' ? message(...args) : message}${link ? `\n  Details: ${link}` : ``}`;
+      const err = new SyntaxError(msg);
+      err.code = key;
+      if (loc)
+          err.loc = loc;
+      context.onWarn(err);
   }
 
   // The default decoder only provides escapes for characters reserved as part of
@@ -9668,7 +11644,8 @@ var Vue = (function (exports) {
       isCustomElement: NO,
       decodeEntities: (rawText) => rawText.replace(decodeRE, (_, p1) => decodeMap[p1]),
       onError: defaultOnError,
-      comments: false
+      onWarn: defaultOnWarn,
+      comments: true
   };
   function baseParse(content, options = {}) {
       const context = createParserContext(content, options);
@@ -9677,9 +11654,13 @@ var Vue = (function (exports) {
   }
   function createParserContext(content, rawOptions) {
       const options = extend({}, defaultParserOptions);
-      for (const key in rawOptions) {
+      let key;
+      for (key in rawOptions) {
           // @ts-ignore
-          options[key] = rawOptions[key] || defaultParserOptions[key];
+          options[key] =
+              rawOptions[key] === undefined
+                  ? defaultParserOptions[key]
+                  : rawOptions[key];
       }
       return {
           options,
@@ -9689,7 +11670,8 @@ var Vue = (function (exports) {
           originalSource: content,
           source: content,
           inPre: false,
-          inVPre: false
+          inVPre: false,
+          onWarn: options.onWarn
       };
   }
   function parseChildren(context, mode, ancestors) {
@@ -9776,41 +11758,47 @@ var Vue = (function (exports) {
               pushNode(nodes, node);
           }
       }
-      // Whitespace management for more efficient output
-      // (same as v2 whitespace: 'condense')
+      // Whitespace handling strategy like v2
       let removedWhitespace = false;
-      if (mode !== 2 /* RAWTEXT */) {
+      if (mode !== 2 /* RAWTEXT */ && mode !== 1 /* RCDATA */) {
+          const shouldCondense = context.options.whitespace !== 'preserve';
           for (let i = 0; i < nodes.length; i++) {
               const node = nodes[i];
               if (!context.inPre && node.type === 2 /* TEXT */) {
                   if (!/[^\t\r\n\f ]/.test(node.content)) {
                       const prev = nodes[i - 1];
                       const next = nodes[i + 1];
-                      // If:
+                      // Remove if:
                       // - the whitespace is the first or last node, or:
-                      // - the whitespace is adjacent to a comment, or:
-                      // - the whitespace is between two elements AND contains newline
-                      // Then the whitespace is ignored.
+                      // - (condense mode) the whitespace is adjacent to a comment, or:
+                      // - (condense mode) the whitespace is between two elements AND contains newline
                       if (!prev ||
                           !next ||
-                          prev.type === 3 /* COMMENT */ ||
-                          next.type === 3 /* COMMENT */ ||
-                          (prev.type === 1 /* ELEMENT */ &&
-                              next.type === 1 /* ELEMENT */ &&
-                              /[\r\n]/.test(node.content))) {
+                          (shouldCondense &&
+                              (prev.type === 3 /* COMMENT */ ||
+                                  next.type === 3 /* COMMENT */ ||
+                                  (prev.type === 1 /* ELEMENT */ &&
+                                      next.type === 1 /* ELEMENT */ &&
+                                      /[\r\n]/.test(node.content))))) {
                           removedWhitespace = true;
                           nodes[i] = null;
                       }
                       else {
-                          // Otherwise, condensed consecutive whitespace inside the text
-                          // down to a single space
+                          // Otherwise, the whitespace is condensed into a single space
                           node.content = ' ';
                       }
                   }
-                  else {
+                  else if (shouldCondense) {
+                      // in condense mode, consecutive whitespaces in text are condensed
+                      // down to a single space.
                       node.content = node.content.replace(/[\t\r\n\f ]+/g, ' ');
                   }
               }
+              // Remove comment nodes if desired by configuration.
+              else if (node.type === 3 /* COMMENT */ && !context.options.comments) {
+                  removedWhitespace = true;
+                  nodes[i] = null;
+              }
           }
           if (context.inPre && parent && context.options.isPreTag(parent.tag)) {
               // remove leading newline per html spec
@@ -9914,6 +11902,13 @@ var Vue = (function (exports) {
       const isPreBoundary = context.inPre && !wasInPre;
       const isVPreBoundary = context.inVPre && !wasInVPre;
       if (element.isSelfClosing || context.options.isVoidTag(element.tag)) {
+          // #4030 self-closing <pre> tag
+          if (isPreBoundary) {
+              context.inPre = false;
+          }
+          if (isVPreBoundary) {
+              context.inVPre = false;
+          }
           return element;
       }
       // Children.
@@ -9945,9 +11940,6 @@ var Vue = (function (exports) {
       return element;
   }
   const isSpecialTemplateDirective = /*#__PURE__*/ makeMap(`if,else,else-if,for,slot`);
-  /**
-   * Parse a tag (E.g. `<div id=a>`) with that type (start tag or end tag).
-   */
   function parseTag(context, type, parent) {
       // Tag open.
       const start = getCursor(context);
@@ -9959,14 +11951,15 @@ var Vue = (function (exports) {
       // save current state in case we need to re-parse attributes with v-pre
       const cursor = getCursor(context);
       const currentSource = context.source;
-      // Attributes.
-      let props = parseAttributes(context, type);
       // check <pre> tag
       if (context.options.isPreTag(tag)) {
           context.inPre = true;
       }
+      // Attributes.
+      let props = parseAttributes(context, type);
       // check v-pre
-      if (!context.inVPre &&
+      if (type === 0 /* Start */ &&
+          !context.inVPre &&
           props.some(p => p.type === 7 /* DIRECTIVE */ && p.name === 'pre')) {
           context.inVPre = true;
           // reset context
@@ -9987,29 +11980,21 @@ var Vue = (function (exports) {
           }
           advanceBy(context, isSelfClosing ? 2 : 1);
       }
+      if (type === 1 /* End */) {
+          return;
+      }
       let tagType = 0 /* ELEMENT */;
-      const options = context.options;
-      if (!context.inVPre && !options.isCustomElement(tag)) {
-          const hasVIs = props.some(p => p.type === 7 /* DIRECTIVE */ && p.name === 'is');
-          if (options.isNativeTag && !hasVIs) {
-              if (!options.isNativeTag(tag))
-                  tagType = 1 /* COMPONENT */;
-          }
-          else if (hasVIs ||
-              isCoreComponent(tag) ||
-              (options.isBuiltInComponent && options.isBuiltInComponent(tag)) ||
-              /^[A-Z]/.test(tag) ||
-              tag === 'component') {
-              tagType = 1 /* COMPONENT */;
-          }
+      if (!context.inVPre) {
           if (tag === 'slot') {
               tagType = 2 /* SLOT */;
           }
-          else if (tag === 'template' &&
-              props.some(p => {
-                  return (p.type === 7 /* DIRECTIVE */ && isSpecialTemplateDirective(p.name));
-              })) {
-              tagType = 3 /* TEMPLATE */;
+          else if (tag === 'template') {
+              if (props.some(p => p.type === 7 /* DIRECTIVE */ && isSpecialTemplateDirective(p.name))) {
+                  tagType = 3 /* TEMPLATE */;
+              }
+          }
+          else if (isComponent(tag, props, context)) {
+              tagType = 1 /* COMPONENT */;
           }
       }
       return {
@@ -10024,6 +12009,46 @@ var Vue = (function (exports) {
           codegenNode: undefined // to be created during transform phase
       };
   }
+  function isComponent(tag, props, context) {
+      const options = context.options;
+      if (options.isCustomElement(tag)) {
+          return false;
+      }
+      if (tag === 'component' ||
+          /^[A-Z]/.test(tag) ||
+          isCoreComponent(tag) ||
+          (options.isBuiltInComponent && options.isBuiltInComponent(tag)) ||
+          (options.isNativeTag && !options.isNativeTag(tag))) {
+          return true;
+      }
+      // at this point the tag should be a native tag, but check for potential "is"
+      // casting
+      for (let i = 0; i < props.length; i++) {
+          const p = props[i];
+          if (p.type === 6 /* ATTRIBUTE */) {
+              if (p.name === 'is' && p.value) {
+                  if (p.value.content.startsWith('vue:')) {
+                      return true;
+                  }
+              }
+          }
+          else {
+              // directive
+              // v-is (TODO Deprecate)
+              if (p.name === 'is') {
+                  return true;
+              }
+              else if (
+              // :is on plain element - only treat as component in compat mode
+              p.name === 'bind' &&
+                  isBindKey(p.arg, 'is') &&
+                  false &&
+                  checkCompatEnabled("COMPILER_IS_ON_ELEMENT" /* COMPILER_IS_ON_ELEMENT */, context, p.loc)) {
+                  return true;
+              }
+          }
+      }
+  }
   function parseAttributes(context, type) {
       const props = [];
       const attributeNames = new Set();
@@ -10082,14 +12107,19 @@ var Vue = (function (exports) {
           }
       }
       const loc = getSelection(context, start);
-      if (!context.inVPre && /^(v-|:|@|#)/.test(name)) {
-          const match = /(?:^v-([a-z0-9-]+))?(?:(?::|^@|^#)(\[[^\]]+\]|[^\.]+))?(.+)?$/i.exec(name);
-          const dirName = match[1] ||
-              (startsWith(name, ':') ? 'bind' : startsWith(name, '@') ? 'on' : 'slot');
+      if (!context.inVPre && /^(v-|:|\.|@|#)/.test(name)) {
+          const match = /(?:^v-([a-z0-9-]+))?(?:(?::|^\.|^@|^#)(\[[^\]]+\]|[^\.]+))?(.+)?$/i.exec(name);
+          let isPropShorthand = startsWith(name, '.');
+          let dirName = match[1] ||
+              (isPropShorthand || startsWith(name, ':')
+                  ? 'bind'
+                  : startsWith(name, '@')
+                      ? 'on'
+                      : 'slot');
           let arg;
           if (match[2]) {
               const isSlot = dirName === 'slot';
-              const startOffset = name.indexOf(match[2]);
+              const startOffset = name.lastIndexOf(match[2]);
               const loc = getSelection(context, getNewPosition(context, start, startOffset), getNewPosition(context, start, startOffset + match[2].length + ((isSlot && match[3]) || '').length));
               let content = match[2];
               let isStatic = true;
@@ -10110,7 +12140,9 @@ var Vue = (function (exports) {
                   type: 4 /* SIMPLE_EXPRESSION */,
                   content,
                   isStatic,
-                  isConstant: isStatic,
+                  constType: isStatic
+                      ? 3 /* CAN_STRINGIFY */
+                      : 0 /* NOT_CONSTANT */,
                   loc
               };
           }
@@ -10121,6 +12153,9 @@ var Vue = (function (exports) {
               valueLoc.end = advancePositionWithClone(valueLoc.start, value.content);
               valueLoc.source = valueLoc.source.slice(1, -1);
           }
+          const modifiers = match[3] ? match[3].substr(1).split('.') : [];
+          if (isPropShorthand)
+              modifiers.push('prop');
           return {
               type: 7 /* DIRECTIVE */,
               name: dirName,
@@ -10129,12 +12164,12 @@ var Vue = (function (exports) {
                   content: value.content,
                   isStatic: false,
                   // Treat as non-constant by default. This can be potentially set to
-                  // true by `transformExpression` to make it eligible for hoisting.
-                  isConstant: false,
+                  // other values by `transformExpression` to make it eligible for hoisting.
+                  constType: 0 /* NOT_CONSTANT */,
                   loc: value.loc
               },
               arg,
-              modifiers: match[3] ? match[3].substr(1).split('.') : [],
+              modifiers,
               loc
           };
       }
@@ -10209,7 +12244,7 @@ var Vue = (function (exports) {
               type: 4 /* SIMPLE_EXPRESSION */,
               isStatic: false,
               // Set `isConstant` to false by default and will decide in transformExpression
-              isConstant: false,
+              constType: 0 /* NOT_CONSTANT */,
               content,
               loc: getSelection(context, innerStart, innerEnd)
           },
@@ -10301,7 +12336,7 @@ var Vue = (function (exports) {
       switch (mode) {
           case 0 /* DATA */:
               if (startsWith(s, '</')) {
-                  //TODO: probably bad performance
+                  // TODO: probably bad performance
                   for (let i = ancestors.length - 1; i >= 0; --i) {
                       if (startsWithEndTagOpen(s, ancestors[i].tag)) {
                           return true;
@@ -10332,7 +12367,7 @@ var Vue = (function (exports) {
   }
 
   function hoistStatic(root, context) {
-      walk(root, context, new Map(), 
+      walk(root, context, 
       // Root node is unfortunately non-hoistable due to potential parent
       // fallthrough attributes.
       isSingleElementRoot(root, root.children[0]));
@@ -10343,8 +12378,7 @@ var Vue = (function (exports) {
           child.type === 1 /* ELEMENT */ &&
           !isSlotOutlet(child));
   }
-  function walk(node, context, resultCache, doNotHoistNode = false) {
-      let hasHoistedNode = false;
+  function walk(node, context, doNotHoistNode = false) {
       // Some transforms, e.g. transformAssetUrls from @vue/compiler-sfc, replaces
       // static bindings with expressions. These expressions are guaranteed to be
       // constant so they are still eligible for hoisting, but they are only
@@ -10353,24 +12387,29 @@ var Vue = (function (exports) {
       // @vue/compiler-dom), but doing it here allows us to perform only one full
       // walk of the AST and allow `stringifyStatic` to stop walking as soon as its
       // stringficiation threshold is met.
-      let hasRuntimeConstant = false;
+      let canStringify = true;
       const { children } = node;
+      const originalCount = children.length;
+      let hoistedCount = 0;
       for (let i = 0; i < children.length; i++) {
           const child = children[i];
           // only plain elements & text calls are eligible for hoisting.
           if (child.type === 1 /* ELEMENT */ &&
               child.tagType === 0 /* ELEMENT */) {
-              let staticType;
-              if (!doNotHoistNode &&
-                  (staticType = getStaticType(child, resultCache)) > 0) {
-                  if (staticType === 2 /* HAS_RUNTIME_CONSTANT */) {
-                      hasRuntimeConstant = true;
+              const constantType = doNotHoistNode
+                  ? 0 /* NOT_CONSTANT */
+                  : getConstantType(child, context);
+              if (constantType > 0 /* NOT_CONSTANT */) {
+                  if (constantType < 3 /* CAN_STRINGIFY */) {
+                      canStringify = false;
+                  }
+                  if (constantType >= 2 /* CAN_HOIST */) {
+                      child.codegenNode.patchFlag =
+                          -1 /* HOISTED */ + (` /* HOISTED */` );
+                      child.codegenNode = context.hoist(child.codegenNode);
+                      hoistedCount++;
+                      continue;
                   }
-                  child.codegenNode.patchFlag =
-                      -1 /* HOISTED */ + ( ` /* HOISTED */` );
-                  child.codegenNode = context.hoist(child.codegenNode);
-                  hasHoistedNode = true;
-                  continue;
               }
               else {
                   // node may contain dynamic children, but its props may be eligible for
@@ -10381,155 +12420,233 @@ var Vue = (function (exports) {
                       if ((!flag ||
                           flag === 512 /* NEED_PATCH */ ||
                           flag === 1 /* TEXT */) &&
-                          !hasNonHoistableProps(child)) {
+                          getGeneratedPropsConstantType(child, context) >=
+                              2 /* CAN_HOIST */) {
                           const props = getNodeProps(child);
                           if (props) {
                               codegenNode.props = context.hoist(props);
                           }
                       }
+                      if (codegenNode.dynamicProps) {
+                          codegenNode.dynamicProps = context.hoist(codegenNode.dynamicProps);
+                      }
                   }
               }
           }
           else if (child.type === 12 /* TEXT_CALL */) {
-              const staticType = getStaticType(child.content, resultCache);
-              if (staticType > 0) {
-                  if (staticType === 2 /* HAS_RUNTIME_CONSTANT */) {
-                      hasRuntimeConstant = true;
+              const contentType = getConstantType(child.content, context);
+              if (contentType > 0) {
+                  if (contentType < 3 /* CAN_STRINGIFY */) {
+                      canStringify = false;
+                  }
+                  if (contentType >= 2 /* CAN_HOIST */) {
+                      child.codegenNode = context.hoist(child.codegenNode);
+                      hoistedCount++;
                   }
-                  child.codegenNode = context.hoist(child.codegenNode);
-                  hasHoistedNode = true;
               }
           }
           // walk further
           if (child.type === 1 /* ELEMENT */) {
-              walk(child, context, resultCache);
+              const isComponent = child.tagType === 1 /* COMPONENT */;
+              if (isComponent) {
+                  context.scopes.vSlot++;
+              }
+              walk(child, context);
+              if (isComponent) {
+                  context.scopes.vSlot--;
+              }
           }
           else if (child.type === 11 /* FOR */) {
               // Do not hoist v-for single child because it has to be a block
-              walk(child, context, resultCache, child.children.length === 1);
+              walk(child, context, child.children.length === 1);
           }
           else if (child.type === 9 /* IF */) {
               for (let i = 0; i < child.branches.length; i++) {
                   // Do not hoist v-if single child because it has to be a block
-                  walk(child.branches[i], context, resultCache, child.branches[i].children.length === 1);
+                  walk(child.branches[i], context, child.branches[i].children.length === 1);
               }
           }
       }
-      if (!hasRuntimeConstant && hasHoistedNode && context.transformHoist) {
+      if (canStringify && hoistedCount && context.transformHoist) {
           context.transformHoist(children, context, node);
       }
+      // all children were hoisted - the entire children array is hoistable.
+      if (hoistedCount &&
+          hoistedCount === originalCount &&
+          node.type === 1 /* ELEMENT */ &&
+          node.tagType === 0 /* ELEMENT */ &&
+          node.codegenNode &&
+          node.codegenNode.type === 13 /* VNODE_CALL */ &&
+          isArray(node.codegenNode.children)) {
+          node.codegenNode.children = context.hoist(createArrayExpression(node.codegenNode.children));
+      }
   }
-  function getStaticType(node, resultCache = new Map()) {
+  function getConstantType(node, context) {
+      const { constantCache } = context;
       switch (node.type) {
           case 1 /* ELEMENT */:
               if (node.tagType !== 0 /* ELEMENT */) {
-                  return 0 /* NOT_STATIC */;
+                  return 0 /* NOT_CONSTANT */;
               }
-              const cached = resultCache.get(node);
+              const cached = constantCache.get(node);
               if (cached !== undefined) {
                   return cached;
               }
               const codegenNode = node.codegenNode;
               if (codegenNode.type !== 13 /* VNODE_CALL */) {
-                  return 0 /* NOT_STATIC */;
+                  return 0 /* NOT_CONSTANT */;
               }
               const flag = getPatchFlag(codegenNode);
-              if (!flag && !hasNonHoistableProps(node)) {
-                  // element self is static. check its children.
-                  let returnType = 1 /* FULL_STATIC */;
+              if (!flag) {
+                  let returnType = 3 /* CAN_STRINGIFY */;
+                  // Element itself has no patch flag. However we still need to check:
+                  // 1. Even for a node with no patch flag, it is possible for it to contain
+                  // non-hoistable expressions that refers to scope variables, e.g. compiler
+                  // injected keys or cached event handlers. Therefore we need to always
+                  // check the codegenNode's props to be sure.
+                  const generatedPropsType = getGeneratedPropsConstantType(node, context);
+                  if (generatedPropsType === 0 /* NOT_CONSTANT */) {
+                      constantCache.set(node, 0 /* NOT_CONSTANT */);
+                      return 0 /* NOT_CONSTANT */;
+                  }
+                  if (generatedPropsType < returnType) {
+                      returnType = generatedPropsType;
+                  }
+                  // 2. its children.
                   for (let i = 0; i < node.children.length; i++) {
-                      const childType = getStaticType(node.children[i], resultCache);
-                      if (childType === 0 /* NOT_STATIC */) {
-                          resultCache.set(node, 0 /* NOT_STATIC */);
-                          return 0 /* NOT_STATIC */;
+                      const childType = getConstantType(node.children[i], context);
+                      if (childType === 0 /* NOT_CONSTANT */) {
+                          constantCache.set(node, 0 /* NOT_CONSTANT */);
+                          return 0 /* NOT_CONSTANT */;
                       }
-                      else if (childType === 2 /* HAS_RUNTIME_CONSTANT */) {
-                          returnType = 2 /* HAS_RUNTIME_CONSTANT */;
+                      if (childType < returnType) {
+                          returnType = childType;
                       }
                   }
-                  // check if any of the props contain runtime constants
-                  if (returnType !== 2 /* HAS_RUNTIME_CONSTANT */) {
+                  // 3. if the type is not already CAN_SKIP_PATCH which is the lowest non-0
+                  // type, check if any of the props can cause the type to be lowered
+                  // we can skip can_patch because it's guaranteed by the absence of a
+                  // patchFlag.
+                  if (returnType > 1 /* CAN_SKIP_PATCH */) {
                       for (let i = 0; i < node.props.length; i++) {
                           const p = node.props[i];
-                          if (p.type === 7 /* DIRECTIVE */ &&
-                              p.name === 'bind' &&
-                              p.exp &&
-                              (p.exp.type === 8 /* COMPOUND_EXPRESSION */ ||
-                                  p.exp.isRuntimeConstant)) {
-                              returnType = 2 /* HAS_RUNTIME_CONSTANT */;
+                          if (p.type === 7 /* DIRECTIVE */ && p.name === 'bind' && p.exp) {
+                              const expType = getConstantType(p.exp, context);
+                              if (expType === 0 /* NOT_CONSTANT */) {
+                                  constantCache.set(node, 0 /* NOT_CONSTANT */);
+                                  return 0 /* NOT_CONSTANT */;
+                              }
+                              if (expType < returnType) {
+                                  returnType = expType;
+                              }
                           }
                       }
                   }
                   // only svg/foreignObject could be block here, however if they are
-                  // stati then they don't need to be blocks since there will be no
+                  // static then they don't need to be blocks since there will be no
                   // nested updates.
                   if (codegenNode.isBlock) {
+                      context.removeHelper(OPEN_BLOCK);
+                      context.removeHelper(getVNodeBlockHelper(context.inSSR, codegenNode.isComponent));
                       codegenNode.isBlock = false;
+                      context.helper(getVNodeHelper(context.inSSR, codegenNode.isComponent));
                   }
-                  resultCache.set(node, returnType);
+                  constantCache.set(node, returnType);
                   return returnType;
               }
               else {
-                  resultCache.set(node, 0 /* NOT_STATIC */);
-                  return 0 /* NOT_STATIC */;
+                  constantCache.set(node, 0 /* NOT_CONSTANT */);
+                  return 0 /* NOT_CONSTANT */;
               }
           case 2 /* TEXT */:
           case 3 /* COMMENT */:
-              return 1 /* FULL_STATIC */;
+              return 3 /* CAN_STRINGIFY */;
           case 9 /* IF */:
           case 11 /* FOR */:
           case 10 /* IF_BRANCH */:
-              return 0 /* NOT_STATIC */;
+              return 0 /* NOT_CONSTANT */;
           case 5 /* INTERPOLATION */:
           case 12 /* TEXT_CALL */:
-              return getStaticType(node.content, resultCache);
+              return getConstantType(node.content, context);
           case 4 /* SIMPLE_EXPRESSION */:
-              return node.isConstant
-                  ? node.isRuntimeConstant
-                      ? 2 /* HAS_RUNTIME_CONSTANT */
-                      : 1 /* FULL_STATIC */
-                  : 0 /* NOT_STATIC */;
+              return node.constType;
           case 8 /* COMPOUND_EXPRESSION */:
-              let returnType = 1 /* FULL_STATIC */;
+              let returnType = 3 /* CAN_STRINGIFY */;
               for (let i = 0; i < node.children.length; i++) {
                   const child = node.children[i];
                   if (isString(child) || isSymbol(child)) {
                       continue;
                   }
-                  const childType = getStaticType(child, resultCache);
-                  if (childType === 0 /* NOT_STATIC */) {
-                      return 0 /* NOT_STATIC */;
+                  const childType = getConstantType(child, context);
+                  if (childType === 0 /* NOT_CONSTANT */) {
+                      return 0 /* NOT_CONSTANT */;
                   }
-                  else if (childType === 2 /* HAS_RUNTIME_CONSTANT */) {
-                      returnType = 2 /* HAS_RUNTIME_CONSTANT */;
+                  else if (childType < returnType) {
+                      returnType = childType;
                   }
               }
               return returnType;
           default:
-              return 0 /* NOT_STATIC */;
+              return 0 /* NOT_CONSTANT */;
       }
   }
-  /**
-   * Even for a node with no patch flag, it is possible for it to contain
-   * non-hoistable expressions that refers to scope variables, e.g. compiler
-   * injected keys or cached event handlers. Therefore we need to always check the
-   * codegenNode's props to be sure.
-   */
-  function hasNonHoistableProps(node) {
+  const allowHoistedHelperSet = new Set([
+      NORMALIZE_CLASS,
+      NORMALIZE_STYLE,
+      NORMALIZE_PROPS,
+      GUARD_REACTIVE_PROPS
+  ]);
+  function getConstantTypeOfHelperCall(value, context) {
+      if (value.type === 14 /* JS_CALL_EXPRESSION */ &&
+          !isString(value.callee) &&
+          allowHoistedHelperSet.has(value.callee)) {
+          const arg = value.arguments[0];
+          if (arg.type === 4 /* SIMPLE_EXPRESSION */) {
+              return getConstantType(arg, context);
+          }
+          else if (arg.type === 14 /* JS_CALL_EXPRESSION */) {
+              // in the case of nested helper call, e.g. `normalizeProps(guardReactiveProps(exp))`
+              return getConstantTypeOfHelperCall(arg, context);
+          }
+      }
+      return 0 /* NOT_CONSTANT */;
+  }
+  function getGeneratedPropsConstantType(node, context) {
+      let returnType = 3 /* CAN_STRINGIFY */;
       const props = getNodeProps(node);
       if (props && props.type === 15 /* JS_OBJECT_EXPRESSION */) {
           const { properties } = props;
           for (let i = 0; i < properties.length; i++) {
               const { key, value } = properties[i];
-              if (key.type !== 4 /* SIMPLE_EXPRESSION */ ||
-                  !key.isStatic ||
-                  (value.type !== 4 /* SIMPLE_EXPRESSION */ ||
-                      (!value.isStatic && !value.isConstant))) {
-                  return true;
+              const keyType = getConstantType(key, context);
+              if (keyType === 0 /* NOT_CONSTANT */) {
+                  return keyType;
+              }
+              if (keyType < returnType) {
+                  returnType = keyType;
+              }
+              let valueType;
+              if (value.type === 4 /* SIMPLE_EXPRESSION */) {
+                  valueType = getConstantType(value, context);
+              }
+              else if (value.type === 14 /* JS_CALL_EXPRESSION */) {
+                  // some helper calls can be hoisted,
+                  // such as the `normalizeProps` generated by the compiler for pre-normalize class,
+                  // in this case we need to respect the ConstanType of the helper's argments
+                  valueType = getConstantTypeOfHelperCall(value, context);
+              }
+              else {
+                  valueType = 0 /* NOT_CONSTANT */;
+              }
+              if (valueType === 0 /* NOT_CONSTANT */) {
+                  return valueType;
+              }
+              if (valueType < returnType) {
+                  returnType = valueType;
               }
           }
       }
-      return false;
+      return returnType;
   }
   function getNodeProps(node) {
       const codegenNode = node.codegenNode;
@@ -10542,9 +12659,11 @@ var Vue = (function (exports) {
       return flag ? parseInt(flag, 10) : undefined;
   }
 
-  function createTransformContext(root, { prefixIdentifiers = false, hoistStatic = false, cacheHandlers = false, nodeTransforms = [], directiveTransforms = {}, transformHoist = null, isBuiltInComponent = NOOP, isCustomElement = NOOP, expressionPlugins = [], scopeId = null, ssr = false, ssrCssVars = ``, bindingMetadata = {}, onError = defaultOnError }) {
+  function createTransformContext(root, { filename = '', prefixIdentifiers = false, hoistStatic = false, cacheHandlers = false, nodeTransforms = [], directiveTransforms = {}, transformHoist = null, isBuiltInComponent = NOOP, isCustomElement = NOOP, expressionPlugins = [], scopeId = null, slotted = true, ssr = false, inSSR = false, ssrCssVars = ``, bindingMetadata = EMPTY_OBJ, inline = false, isTS = false, onError = defaultOnError, onWarn = defaultOnWarn, compatConfig }) {
+      const nameMatch = filename.replace(/\?.*$/, '').match(/([^/\\]+)\.\w+$/);
       const context = {
           // options
+          selfName: nameMatch && capitalize(camelize(nameMatch[1])),
           prefixIdentifiers,
           hoistStatic,
           cacheHandlers,
@@ -10555,17 +12674,24 @@ var Vue = (function (exports) {
           isCustomElement,
           expressionPlugins,
           scopeId,
+          slotted,
           ssr,
+          inSSR,
           ssrCssVars,
           bindingMetadata,
+          inline,
+          isTS,
           onError,
+          onWarn,
+          compatConfig,
           // state
           root,
-          helpers: new Set(),
+          helpers: new Map(),
           components: new Set(),
           directives: new Set(),
           hoists: [],
-          imports: new Set(),
+          imports: [],
+          constantCache: new Map(),
           temps: 0,
           cached: 0,
           identifiers: Object.create(null),
@@ -10578,11 +12704,25 @@ var Vue = (function (exports) {
           parent: null,
           currentNode: root,
           childIndex: 0,
+          inVOnce: false,
           // methods
           helper(name) {
-              context.helpers.add(name);
+              const count = context.helpers.get(name) || 0;
+              context.helpers.set(name, count + 1);
               return name;
           },
+          removeHelper(name) {
+              const count = context.helpers.get(name);
+              if (count) {
+                  const currentCount = count - 1;
+                  if (!currentCount) {
+                      context.helpers.delete(name);
+                  }
+                  else {
+                      context.helpers.set(name, currentCount);
+                  }
+              }
+          },
           helperString(name) {
               return `_${helperNameMap[context.helper(name)]}`;
           },
@@ -10599,7 +12739,7 @@ var Vue = (function (exports) {
               context.parent.children[context.childIndex] = context.currentNode = node;
           },
           removeNode(node) {
-              if ( !context.parent) {
+              if (!context.parent) {
                   throw new Error(`Cannot remove root node.`);
               }
               const list = context.parent.children;
@@ -10609,7 +12749,7 @@ var Vue = (function (exports) {
                       ? context.childIndex
                       : -1;
               /* istanbul ignore if */
-              if ( removalIndex < 0) {
+              if (removalIndex < 0) {
                   throw new Error(`node being removed is not a child of current parent`);
               }
               if (!node || node === context.currentNode) {
@@ -10632,13 +12772,15 @@ var Vue = (function (exports) {
           removeIdentifiers(exp) {
           },
           hoist(exp) {
+              if (isString(exp))
+                  exp = createSimpleExpression(exp);
               context.hoists.push(exp);
-              const identifier = createSimpleExpression(`_hoisted_${context.hoists.length}`, false, exp.loc, true);
+              const identifier = createSimpleExpression(`_hoisted_${context.hoists.length}`, false, exp.loc, 2 /* CAN_HOIST */);
               identifier.hoisted = exp;
               return identifier;
           },
           cache(exp, isVNode = false) {
-              return createCacheExpression(++context.cached, exp, isVNode);
+              return createCacheExpression(context.cached++, exp, isVNode);
           }
       };
       return context;
@@ -10653,10 +12795,10 @@ var Vue = (function (exports) {
           createRootCodegen(root, context);
       }
       // finalize meta information
-      root.helpers = [...context.helpers];
+      root.helpers = [...context.helpers.keys()];
       root.components = [...context.components];
       root.directives = [...context.directives];
-      root.imports = [...context.imports];
+      root.imports = context.imports;
       root.hoists = context.hoists;
       root.temps = context.temps;
       root.cached = context.cached;
@@ -10672,9 +12814,7 @@ var Vue = (function (exports) {
               // SimpleExpressionNode
               const codegenNode = child.codegenNode;
               if (codegenNode.type === 13 /* VNODE_CALL */) {
-                  codegenNode.isBlock = true;
-                  helper(OPEN_BLOCK);
-                  helper(CREATE_BLOCK);
+                  makeBlock(codegenNode, context);
               }
               root.codegenNode = codegenNode;
           }
@@ -10687,7 +12827,15 @@ var Vue = (function (exports) {
       }
       else if (children.length > 1) {
           // root has multiple nodes - return a fragment block.
-          root.codegenNode = createVNodeCall(context, helper(FRAGMENT), undefined, root.children, `${64 /* STABLE_FRAGMENT */} /* ${PatchFlagNames[64 /* STABLE_FRAGMENT */]} */`, undefined, undefined, true);
+          let patchFlag = 64 /* STABLE_FRAGMENT */;
+          let patchFlagText = PatchFlagNames[64 /* STABLE_FRAGMENT */];
+          // check if the fragment actually contains a single valid child with
+          // the rest being comments
+          if (children.filter(c => c.type !== 3 /* COMMENT */).length === 1) {
+              patchFlag |= 2048 /* DEV_ROOT_FRAGMENT */;
+              patchFlagText += `, ${PatchFlagNames[2048 /* DEV_ROOT_FRAGMENT */]}`;
+          }
+          root.codegenNode = createVNodeCall(context, helper(FRAGMENT), undefined, root.children, patchFlag + (` /* ${patchFlagText} */` ), undefined, undefined, true, undefined, false /* isComponent */);
       }
       else ;
   }
@@ -10796,7 +12944,7 @@ var Vue = (function (exports) {
   }
 
   const PURE_ANNOTATION = `/*#__PURE__*/`;
-  function createCodegenContext(ast, { mode = 'function', prefixIdentifiers = mode === 'module', sourceMap = false, filename = `template.vue.html`, scopeId = null, optimizeImports = false, runtimeGlobalName = `Vue`, runtimeModuleName = `vue`, ssr = false }) {
+  function createCodegenContext(ast, { mode = 'function', prefixIdentifiers = mode === 'module', sourceMap = false, filename = `template.vue.html`, scopeId = null, optimizeImports = false, runtimeGlobalName = `Vue`, runtimeModuleName = `vue`, ssr = false, isTS = false, inSSR = false }) {
       const context = {
           mode,
           prefixIdentifiers,
@@ -10807,6 +12955,8 @@ var Vue = (function (exports) {
           runtimeGlobalName,
           runtimeModuleName,
           ssr,
+          isTS,
+          inSSR,
           source: ast.loc.source,
           code: ``,
           column: 1,
@@ -10849,19 +12999,18 @@ var Vue = (function (exports) {
       const hasHelpers = ast.helpers.length > 0;
       const useWithBlock = !prefixIdentifiers && mode !== 'module';
       // preambles
+      // in setup() inline mode, the preamble is generated in a sub context
+      // and returned separately.
+      const preambleContext = context;
       {
-          genFunctionPreamble(ast, context);
+          genFunctionPreamble(ast, preambleContext);
       }
-      // binding optimizations
-      const optimizeSources = options.bindingMetadata
-          ? `, $props, $setup, $data, $options`
-          : ``;
       // enter render function
-      if (!ssr) {
-          push(`function render(_ctx, _cache${optimizeSources}) {`);
-      }
-      else {
-          push(`function ssrRender(_ctx, _push, _parent, _attrs${optimizeSources}) {`);
+      const functionName = ssr ? `ssrRender` : `render`;
+      const args = ssr ? ['_ctx', '_push', '_parent', '_attrs'] : ['_ctx', '_cache'];
+      const signature = args.join(', ');
+      {
+          push(`function ${functionName}(${signature}) {`);
       }
       indent();
       if (useWithBlock) {
@@ -10919,13 +13068,14 @@ var Vue = (function (exports) {
       return {
           ast,
           code: context.code,
+          preamble: ``,
           // SourceMapGenerator does have toJSON() method but it's not in the types
           map: context.map ? context.map.toJSON() : undefined
       };
   }
   function genFunctionPreamble(ast, context) {
       const { ssr, prefixIdentifiers, push, newline, runtimeModuleName, runtimeGlobalName } = context;
-      const VueBinding =  runtimeGlobalName;
+      const VueBinding = runtimeGlobalName;
       const aliasHelper = (s) => `${helperNameMap[s]}: _${helperNameMap[s]}`;
       // Generate const declaration for helpers
       // In prefix mode, we place the const declaration at top so it's done
@@ -10942,6 +13092,7 @@ var Vue = (function (exports) {
               if (ast.hoists.length) {
                   const staticHelpers = [
                       CREATE_VNODE,
+                      CREATE_ELEMENT_VNODE,
                       CREATE_COMMENT,
                       CREATE_TEXT,
                       CREATE_STATIC
@@ -10957,11 +13108,18 @@ var Vue = (function (exports) {
       newline();
       push(`return `);
   }
-  function genAssets(assets, type, { helper, push, newline }) {
-      const resolver = helper(type === 'component' ? RESOLVE_COMPONENT : RESOLVE_DIRECTIVE);
+  function genAssets(assets, type, { helper, push, newline, isTS }) {
+      const resolver = helper(type === 'component'
+              ? RESOLVE_COMPONENT
+              : RESOLVE_DIRECTIVE);
       for (let i = 0; i < assets.length; i++) {
-          const id = assets[i];
-          push(`const ${toValidAssetId(id, type)} = ${resolver}(${JSON.stringify(id)})`);
+          let id = assets[i];
+          // potential component implicit self-reference inferred from SFC filename
+          const maybeSelfReference = id.endsWith('__self');
+          if (maybeSelfReference) {
+              id = id.slice(0, -6);
+          }
+          push(`const ${toValidAssetId(id, type)} = ${resolver}(${JSON.stringify(id)}${maybeSelfReference ? `, true` : ``})${isTS ? `!` : ``}`);
           if (i < assets.length - 1) {
               newline();
           }
@@ -10992,7 +13150,7 @@ var Vue = (function (exports) {
   }
   function genNodeListAsArray(nodes, context) {
       const multilines = nodes.length > 3 ||
-          ( nodes.some(n => isArray(n) || !isText$1(n)));
+          (nodes.some(n => isArray(n) || !isText$1(n)));
       context.push(`[`);
       multilines && context.indent();
       genNodeList(nodes, context, multilines);
@@ -11036,8 +13194,7 @@ var Vue = (function (exports) {
           case 1 /* ELEMENT */:
           case 9 /* IF */:
           case 11 /* FOR */:
-              
-                  assert(node.codegenNode != null, `Codegen node is missing for element/if/for node. ` +
+              assert(node.codegenNode != null, `Codegen node is missing for element/if/for node. ` +
                       `Apply appropriate transforms first.`);
               genNode(node.codegenNode, context);
               break;
@@ -11080,9 +13237,10 @@ var Vue = (function (exports) {
           case 20 /* JS_CACHE_EXPRESSION */:
               genCacheExpression(node, context);
               break;
-          // SSR only types
           case 21 /* JS_BLOCK_STATEMENT */:
+              genNodeList(node.body, context, true, false);
               break;
+          // SSR only types
           case 22 /* JS_TEMPLATE_LITERAL */:
               break;
           case 23 /* JS_IF_STATEMENT */:
@@ -11151,17 +13309,15 @@ var Vue = (function (exports) {
       }
   }
   function genComment(node, context) {
-      {
-          const { push, helper, pure } = context;
-          if (pure) {
-              push(PURE_ANNOTATION);
-          }
-          push(`${helper(CREATE_COMMENT)}(${JSON.stringify(node.content)})`, node);
+      const { push, helper, pure } = context;
+      if (pure) {
+          push(PURE_ANNOTATION);
       }
+      push(`${helper(CREATE_COMMENT)}(${JSON.stringify(node.content)})`, node);
   }
   function genVNodeCall(node, context) {
       const { push, helper, pure } = context;
-      const { tag, props, children, patchFlag, dynamicProps, directives, isBlock, disableTracking } = node;
+      const { tag, props, children, patchFlag, dynamicProps, directives, isBlock, disableTracking, isComponent } = node;
       if (directives) {
           push(helper(WITH_DIRECTIVES) + `(`);
       }
@@ -11171,7 +13327,10 @@ var Vue = (function (exports) {
       if (pure) {
           push(PURE_ANNOTATION);
       }
-      push(helper(isBlock ? CREATE_BLOCK : CREATE_VNODE) + `(`, node);
+      const callHelper = isBlock
+          ? getVNodeBlockHelper(context.inSSR, isComponent)
+          : getVNodeHelper(context.inSSR, isComponent);
+      push(helper(callHelper) + `(`, node);
       genNodeList(genNullableArgs([tag, props, children, patchFlag, dynamicProps]), context);
       push(`)`);
       if (isBlock) {
@@ -11210,8 +13369,7 @@ var Vue = (function (exports) {
           return;
       }
       const multilines = properties.length > 1 ||
-          (
-              properties.some(p => p.value.type !== 4 /* SIMPLE_EXPRESSION */));
+          (properties.some(p => p.value.type !== 4 /* SIMPLE_EXPRESSION */));
       push(multilines ? `{` : `{ `);
       multilines && indent();
       for (let i = 0; i < properties.length; i++) {
@@ -11234,9 +13392,10 @@ var Vue = (function (exports) {
       genNodeListAsArray(node.elements, context);
   }
   function genFunctionExpression(node, context) {
-      const { push, indent, deindent, scopeId, mode } = context;
+      const { push, indent, deindent } = context;
       const { params, returns, body, newline, isSlot } = node;
       if (isSlot) {
+          // wrap slot functions with owner context
           push(`_${helperNameMap[WITH_CTX]}(`);
       }
       push(`(`, node);
@@ -11269,7 +13428,7 @@ var Vue = (function (exports) {
           deindent();
           push(`}`);
       }
-      if ( isSlot) {
+      if (isSlot) {
           push(`)`);
       }
   }
@@ -11405,8 +13564,10 @@ var Vue = (function (exports) {
   // v-on handler values may contain multiple statements
   asRawStatements = false) {
       {
-          // simple in-browser validation (same logic in 2.x)
-          validateBrowserExpression(node, context, asParams, asRawStatements);
+          {
+              // simple in-browser validation (same logic in 2.x)
+              validateBrowserExpression(node, context, asParams, asRawStatements);
+          }
           return node;
       }
   }
@@ -11447,7 +13608,7 @@ var Vue = (function (exports) {
           context.onError(createCompilerError(27 /* X_V_IF_NO_EXPRESSION */, dir.loc));
           dir.exp = createSimpleExpression(`true`, false, loc);
       }
-      if ( dir.exp) {
+      if (dir.exp) {
           validateBrowserExpression(dir.exp, context);
       }
       if (dir.name === 'if') {
@@ -11469,7 +13630,7 @@ var Vue = (function (exports) {
           let i = siblings.indexOf(node);
           while (i-- >= -1) {
               const sibling = siblings[i];
-              if ( sibling && sibling.type === 3 /* COMMENT */) {
+              if (sibling && sibling.type === 3 /* COMMENT */) {
                   context.removeNode(sibling);
                   comments.unshift(sibling);
                   continue;
@@ -11484,7 +13645,11 @@ var Vue = (function (exports) {
                   // move the node to the if node's branches
                   context.removeNode();
                   const branch = createIfBranch(node, dir);
-                  if ( comments.length) {
+                  if (comments.length &&
+                      // #3619 ignore comments if the v-if is direct child of <transition>
+                      !(context.parent &&
+                          context.parent.type === 1 /* ELEMENT */ &&
+                          isBuiltInType(context.parent.tag, 'transition'))) {
                       branch.children = [...comments, ...branch.children];
                   }
                   // check if user is forcing same key on different branches
@@ -11534,7 +13699,7 @@ var Vue = (function (exports) {
           // make sure to pass in asBlock: true so that the comment node call
           // closes the current block.
           createCallExpression(context.helper(CREATE_COMMENT), [
-               '"v-if"' ,
+              '"v-if"' ,
               'true'
           ]));
       }
@@ -11544,7 +13709,7 @@ var Vue = (function (exports) {
   }
   function createChildrenCodegenNode(branch, keyIndex, context) {
       const { helper } = context;
-      const keyProperty = createObjectProperty(`key`, createSimpleExpression(`${keyIndex}`, false, locStub, true));
+      const keyProperty = createObjectProperty(`key`, createSimpleExpression(`${keyIndex}`, false, locStub, 2 /* CAN_HOIST */));
       const { children } = branch;
       const firstChild = children[0];
       const needFragmentWrapper = children.length !== 1 || firstChild.type !== 1 /* ELEMENT */;
@@ -11556,21 +13721,27 @@ var Vue = (function (exports) {
               return vnodeCall;
           }
           else {
-              return createVNodeCall(context, helper(FRAGMENT), createObjectExpression([keyProperty]), children, `${64 /* STABLE_FRAGMENT */} /* ${PatchFlagNames[64 /* STABLE_FRAGMENT */]} */`, undefined, undefined, true, false, branch.loc);
+              let patchFlag = 64 /* STABLE_FRAGMENT */;
+              let patchFlagText = PatchFlagNames[64 /* STABLE_FRAGMENT */];
+              // check if the fragment actually contains a single valid child with
+              // the rest being comments
+              if (children.filter(c => c.type !== 3 /* COMMENT */).length === 1) {
+                  patchFlag |= 2048 /* DEV_ROOT_FRAGMENT */;
+                  patchFlagText += `, ${PatchFlagNames[2048 /* DEV_ROOT_FRAGMENT */]}`;
+              }
+              return createVNodeCall(context, helper(FRAGMENT), createObjectExpression([keyProperty]), children, patchFlag + (` /* ${patchFlagText} */` ), undefined, undefined, true, false, false /* isComponent */, branch.loc);
           }
       }
       else {
-          const vnodeCall = firstChild
-              .codegenNode;
+          const ret = firstChild.codegenNode;
+          const vnodeCall = getMemoedVNodeCall(ret);
           // Change createVNode to createBlock.
           if (vnodeCall.type === 13 /* VNODE_CALL */) {
-              vnodeCall.isBlock = true;
-              helper(OPEN_BLOCK);
-              helper(CREATE_BLOCK);
+              makeBlock(vnodeCall, context);
           }
           // inject branch key
           injectProp(vnodeCall, keyProperty, context);
-          return vnodeCall;
+          return ret;
       }
   }
   function isSameKey(a, b) {
@@ -11590,8 +13761,8 @@ var Vue = (function (exports) {
               return false;
           }
           if (exp.type !== 4 /* SIMPLE_EXPRESSION */ ||
-              (exp.isStatic !== branchExp.isStatic ||
-                  exp.content !== branchExp.content)) {
+              exp.isStatic !== branchExp.isStatic ||
+              exp.content !== branchExp.content) {
               return false;
           }
       }
@@ -11614,34 +13785,36 @@ var Vue = (function (exports) {
   }
 
   const transformFor = createStructuralDirectiveTransform('for', (node, dir, context) => {
-      const { helper } = context;
+      const { helper, removeHelper } = context;
       return processFor(node, dir, context, forNode => {
           // create the loop render function expression now, and add the
           // iterator on exit after all children have been traversed
           const renderExp = createCallExpression(helper(RENDER_LIST), [
               forNode.source
           ]);
+          const memo = findDir(node, 'memo');
           const keyProp = findProp(node, `key`);
-          const keyProperty = keyProp
-              ? createObjectProperty(`key`, keyProp.type === 6 /* ATTRIBUTE */
+          const keyExp = keyProp &&
+              (keyProp.type === 6 /* ATTRIBUTE */
                   ? createSimpleExpression(keyProp.value.content, true)
-                  : keyProp.exp)
-              : null;
+                  : keyProp.exp);
+          const keyProperty = keyProp ? createObjectProperty(`key`, keyExp) : null;
           const isStableFragment = forNode.source.type === 4 /* SIMPLE_EXPRESSION */ &&
-              forNode.source.isConstant;
+              forNode.source.constType > 0 /* NOT_CONSTANT */;
           const fragmentFlag = isStableFragment
               ? 64 /* STABLE_FRAGMENT */
               : keyProp
                   ? 128 /* KEYED_FRAGMENT */
                   : 256 /* UNKEYED_FRAGMENT */;
-          forNode.codegenNode = createVNodeCall(context, helper(FRAGMENT), undefined, renderExp, `${fragmentFlag} /* ${PatchFlagNames[fragmentFlag]} */`, undefined, undefined, true /* isBlock */, !isStableFragment /* disableTracking */, node.loc);
+          forNode.codegenNode = createVNodeCall(context, helper(FRAGMENT), undefined, renderExp, fragmentFlag +
+              (` /* ${PatchFlagNames[fragmentFlag]} */` ), undefined, undefined, true /* isBlock */, !isStableFragment /* disableTracking */, false /* isComponent */, node.loc);
           return () => {
               // finish the codegen now that all children have been traversed
               let childBlock;
               const isTemplate = isTemplateNode(node);
               const { children } = forNode;
               // check <template v-for> key placement
-              if ( isTemplate) {
+              if (isTemplate) {
                   node.children.some(c => {
                       if (c.type === 1 /* ELEMENT */) {
                           const key = findProp(c, 'key');
@@ -11673,7 +13846,9 @@ var Vue = (function (exports) {
               else if (needFragmentWrapper) {
                   // <template v-for="..."> with text or multi-elements
                   // should generate a fragment block for each loop
-                  childBlock = createVNodeCall(context, helper(FRAGMENT), keyProperty ? createObjectExpression([keyProperty]) : undefined, node.children, `${64 /* STABLE_FRAGMENT */} /* ${PatchFlagNames[64 /* STABLE_FRAGMENT */]} */`, undefined, undefined, true);
+                  childBlock = createVNodeCall(context, helper(FRAGMENT), keyProperty ? createObjectExpression([keyProperty]) : undefined, node.children, 64 /* STABLE_FRAGMENT */ +
+                      (` /* ${PatchFlagNames[64 /* STABLE_FRAGMENT */]} */`
+                          ), undefined, undefined, true, undefined, false /* isComponent */);
               }
               else {
                   // Normal element v-for. Directly use the child's codegenNode
@@ -11683,13 +13858,46 @@ var Vue = (function (exports) {
                   if (isTemplate && keyProperty) {
                       injectProp(childBlock, keyProperty, context);
                   }
+                  if (childBlock.isBlock !== !isStableFragment) {
+                      if (childBlock.isBlock) {
+                          // switch from block to vnode
+                          removeHelper(OPEN_BLOCK);
+                          removeHelper(getVNodeBlockHelper(context.inSSR, childBlock.isComponent));
+                      }
+                      else {
+                          // switch from vnode to block
+                          removeHelper(getVNodeHelper(context.inSSR, childBlock.isComponent));
+                      }
+                  }
                   childBlock.isBlock = !isStableFragment;
                   if (childBlock.isBlock) {
                       helper(OPEN_BLOCK);
-                      helper(CREATE_BLOCK);
+                      helper(getVNodeBlockHelper(context.inSSR, childBlock.isComponent));
+                  }
+                  else {
+                      helper(getVNodeHelper(context.inSSR, childBlock.isComponent));
                   }
               }
-              renderExp.arguments.push(createFunctionExpression(createForLoopParams(forNode.parseResult), childBlock, true /* force newline */));
+              if (memo) {
+                  const loop = createFunctionExpression(createForLoopParams(forNode.parseResult, [
+                      createSimpleExpression(`_cached`)
+                  ]));
+                  loop.body = createBlockStatement([
+                      createCompoundExpression([`const _memo = (`, memo.exp, `)`]),
+                      createCompoundExpression([
+                          `if (_cached`,
+                          ...(keyExp ? [` && _cached.key === `, keyExp] : []),
+                          ` && ${context.helperString(IS_MEMO_SAME)}(_cached, _memo)) return _cached`
+                      ]),
+                      createCompoundExpression([`const _item = `, childBlock]),
+                      createSimpleExpression(`_item.memo = _memo`),
+                      createSimpleExpression(`return _item`)
+                  ]);
+                  renderExp.arguments.push(loop, createSimpleExpression(`_cache`), createSimpleExpression(String(context.cached++)));
+              }
+              else {
+                  renderExp.arguments.push(createFunctionExpression(createForLoopParams(forNode.parseResult), childBlock, true /* force newline */));
+              }
           };
       });
   });
@@ -11750,9 +13958,7 @@ var Vue = (function (exports) {
       {
           validateBrowserExpression(result.source, context);
       }
-      let valueContent = LHS.trim()
-          .replace(stripParensRE, '')
-          .trim();
+      let valueContent = LHS.trim().replace(stripParensRE, '').trim();
       const trimmedOffset = LHS.indexOf(valueContent);
       const iteratorMatch = valueContent.match(forIteratorRE);
       if (iteratorMatch) {
@@ -11789,27 +13995,18 @@ var Vue = (function (exports) {
   function createAliasExpression(range, content, offset) {
       return createSimpleExpression(content, false, getInnerRange(range, offset, content.length));
   }
-  function createForLoopParams({ value, key, index }) {
-      const params = [];
-      if (value) {
-          params.push(value);
+  function createForLoopParams({ value, key, index }, memoArgs = []) {
+      return createParamsList([value, key, index, ...memoArgs]);
+  }
+  function createParamsList(args) {
+      let i = args.length;
+      while (i--) {
+          if (args[i])
+              break;
       }
-      if (key) {
-          if (!value) {
-              params.push(createSimpleExpression(`_`, false));
-          }
-          params.push(key);
-      }
-      if (index) {
-          if (!key) {
-              if (!value) {
-                  params.push(createSimpleExpression(`_`, false));
-              }
-              params.push(createSimpleExpression(`__`, false));
-          }
-          params.push(index);
-      }
-      return params;
+      return args
+          .slice(0, i + 1)
+          .map((arg, i) => arg || createSimpleExpression(`_`.repeat(i + 1), false));
   }
 
   const defaultFallback = createSimpleExpression(`undefined`, false);
@@ -11828,7 +14025,7 @@ var Vue = (function (exports) {
           // since we only care about slots that introduce scope variables.
           const vSlot = findDir(node, 'slot');
           if (vSlot) {
-              const slotProps = vSlot.exp;
+              vSlot.exp;
               context.scopes.vSlot++;
               return () => {
                   context.scopes.vSlot--;
@@ -11844,7 +14041,6 @@ var Vue = (function (exports) {
       const { children, loc } = node;
       const slotsProperties = [];
       const dynamicSlots = [];
-      const buildDefaultSlotProperty = (props, children) => createObjectProperty(`default`, buildSlotFn(props, children, loc));
       // If the slot is inside a v-for or another v-slot, force it to be dynamic
       // since it likely uses a scope variable.
       let hasDynamicSlots = context.scopes.vSlot > 0 || context.scopes.vFor > 0;
@@ -11959,11 +14155,19 @@ var Vue = (function (exports) {
           }
       }
       if (!onComponentSlot) {
+          const buildDefaultSlotProperty = (props, children) => {
+              const fn = buildSlotFn(props, children, loc);
+              return createObjectProperty(`default`, fn);
+          };
           if (!hasTemplateSlots) {
               // implicit default slot (on component)
               slotsProperties.push(buildDefaultSlotProperty(undefined, children));
           }
-          else if (implicitDefaultChildren.length) {
+          else if (implicitDefaultChildren.length &&
+              // #3766
+              // with whitespace: 'preserve', whitespaces between slots will end up in
+              // implicitDefaultChildren. Ignore if all implicit children are whitespaces.
+              implicitDefaultChildren.some(node => isNonWhitespaceContent(node))) {
               // implicit default slot (mixed with named slots)
               if (hasNamedDefaultSlot) {
                   context.onError(createCompilerError(38 /* X_V_SLOT_EXTRANEOUS_DEFAULT_SLOT_CHILDREN */, implicitDefaultChildren[0].loc));
@@ -11981,7 +14185,7 @@ var Vue = (function (exports) {
       let slots = createObjectExpression(slotsProperties.concat(createObjectProperty(`_`, 
       // 2 = compiled but dynamic = can skip normalization, but must run diff
       // 1 = compiled and static = can skip normalization AND diff as optimized
-      createSimpleExpression('' + slotFlag, false))), loc);
+      createSimpleExpression(slotFlag + (` /* ${slotFlagsText[slotFlag]} */` ), false))), loc);
       if (dynamicSlots.length) {
           slots = createCallExpression(context.helper(CREATE_SLOTS), [
               slots,
@@ -12002,15 +14206,32 @@ var Vue = (function (exports) {
   function hasForwardedSlots(children) {
       for (let i = 0; i < children.length; i++) {
           const child = children[i];
-          if (child.type === 1 /* ELEMENT */) {
-              if (child.tagType === 2 /* SLOT */ ||
-                  (child.tagType === 0 /* ELEMENT */ &&
-                      hasForwardedSlots(child.children))) {
-                  return true;
-              }
+          switch (child.type) {
+              case 1 /* ELEMENT */:
+                  if (child.tagType === 2 /* SLOT */ ||
+                      hasForwardedSlots(child.children)) {
+                      return true;
+                  }
+                  break;
+              case 9 /* IF */:
+                  if (hasForwardedSlots(child.branches))
+                      return true;
+                  break;
+              case 10 /* IF_BRANCH */:
+              case 11 /* FOR */:
+                  if (hasForwardedSlots(child.children))
+                      return true;
+                  break;
           }
       }
       return false;
+  }
+  function isNonWhitespaceContent(node) {
+      if (node.type !== 2 /* TEXT */ && node.type !== 12 /* TEXT_CALL */)
+          return true;
+      return node.type === 2 /* TEXT */
+          ? !!node.content.trim()
+          : isNonWhitespaceContent(node.content);
   }
 
   // some directive transforms (e.g. v-model) may return a symbol for runtime
@@ -12018,19 +14239,20 @@ var Vue = (function (exports) {
   const directiveImportMap = new WeakMap();
   // generate a JavaScript AST for this element's codegen
   const transformElement = (node, context) => {
-      if (!(node.type === 1 /* ELEMENT */ &&
-          (node.tagType === 0 /* ELEMENT */ ||
-              node.tagType === 1 /* COMPONENT */))) {
-          return;
-      }
       // perform the work on exit, after all child expressions have been
       // processed and merged.
       return function postTransformElement() {
+          node = context.currentNode;
+          if (!(node.type === 1 /* ELEMENT */ &&
+              (node.tagType === 0 /* ELEMENT */ ||
+                  node.tagType === 1 /* COMPONENT */))) {
+              return;
+          }
           const { tag, props } = node;
           const isComponent = node.tagType === 1 /* COMPONENT */;
           // The goal of the transform is to create a codegenNode implementing the
           // VNodeCall interface.
-          const vnodeTag = isComponent
+          let vnodeTag = isComponent
               ? resolveComponentType(node, context)
               : `"${tag}"`;
           const isDynamicComponent = isObject(vnodeTag) && vnodeTag.callee === RESOLVE_DYNAMIC_COMPONENT;
@@ -12079,7 +14301,7 @@ var Vue = (function (exports) {
                   shouldUseBlock = true;
                   // 2. Force keep-alive to always be updated, since it uses raw children.
                   patchFlag |= 1024 /* DYNAMIC_SLOTS */;
-                  if ( node.children.length > 1) {
+                  if (node.children.length > 1) {
                       context.onError(createCompilerError(44 /* X_KEEP_ALIVE_INVALID_CHILDREN */, {
                           start: node.children[0].loc.start,
                           end: node.children[node.children.length - 1].loc.end,
@@ -12105,7 +14327,8 @@ var Vue = (function (exports) {
                   // check for dynamic text children
                   const hasDynamicTextChild = type === 5 /* INTERPOLATION */ ||
                       type === 8 /* COMPOUND_EXPRESSION */;
-                  if (hasDynamicTextChild && !getStaticType(child)) {
+                  if (hasDynamicTextChild &&
+                      getConstantType(child, context) === 0 /* NOT_CONSTANT */) {
                       patchFlag |= 1 /* TEXT */;
                   }
                   // pass directly if the only child is a text node
@@ -12142,37 +14365,52 @@ var Vue = (function (exports) {
                   vnodeDynamicProps = stringifyDynamicPropNames(dynamicPropNames);
               }
           }
-          node.codegenNode = createVNodeCall(context, vnodeTag, vnodeProps, vnodeChildren, vnodePatchFlag, vnodeDynamicProps, vnodeDirectives, !!shouldUseBlock, false /* disableTracking */, node.loc);
+          node.codegenNode = createVNodeCall(context, vnodeTag, vnodeProps, vnodeChildren, vnodePatchFlag, vnodeDynamicProps, vnodeDirectives, !!shouldUseBlock, false /* disableTracking */, isComponent, node.loc);
       };
   };
   function resolveComponentType(node, context, ssr = false) {
-      const { tag } = node;
+      let { tag } = node;
       // 1. dynamic component
-      const isProp = node.tag === 'component' ? findProp(node, 'is') : findDir(node, 'is');
+      const isExplicitDynamic = isComponentTag(tag);
+      const isProp = findProp(node, 'is');
       if (isProp) {
-          const exp = isProp.type === 6 /* ATTRIBUTE */
-              ? isProp.value && createSimpleExpression(isProp.value.content, true)
-              : isProp.exp;
-          if (exp) {
-              return createCallExpression(context.helper(RESOLVE_DYNAMIC_COMPONENT), [
-                  exp
-              ]);
+          if (isExplicitDynamic ||
+              (false )) {
+              const exp = isProp.type === 6 /* ATTRIBUTE */
+                  ? isProp.value && createSimpleExpression(isProp.value.content, true)
+                  : isProp.exp;
+              if (exp) {
+                  return createCallExpression(context.helper(RESOLVE_DYNAMIC_COMPONENT), [
+                      exp
+                  ]);
+              }
           }
+          else if (isProp.type === 6 /* ATTRIBUTE */ &&
+              isProp.value.content.startsWith('vue:')) {
+              // <button is="vue:xxx">
+              // if not <component>, only is value that starts with "vue:" will be
+              // treated as component by the parse phase and reach here, unless it's
+              // compat mode where all is values are considered components
+              tag = isProp.value.content.slice(4);
+          }
+      }
+      // 1.5 v-is (TODO: Deprecate)
+      const isDir = !isExplicitDynamic && findDir(node, 'is');
+      if (isDir && isDir.exp) {
+          return createCallExpression(context.helper(RESOLVE_DYNAMIC_COMPONENT), [
+              isDir.exp
+          ]);
       }
       // 2. built-in components (Teleport, Transition, KeepAlive, Suspense...)
       const builtIn = isCoreComponent(tag) || context.isBuiltInComponent(tag);
       if (builtIn) {
           // built-ins are simply fallthroughs / have special handling during ssr
-          // no we don't need to import their runtime equivalents
+          // so we don't need to import their runtime equivalents
           if (!ssr)
               context.helper(builtIn);
           return builtIn;
       }
-      // 3. user component (from setup bindings)
-      if (context.bindingMetadata[tag] === 'setup') {
-          return `$setup[${JSON.stringify(tag)}]`;
-      }
-      // 4. user component (resolve)
+      // 5. user component (resolve)
       context.helper(RESOLVE_COMPONENT);
       context.components.add(tag);
       return toValidAssetId(tag, `component`);
@@ -12213,22 +14451,28 @@ var Vue = (function (exports) {
               if (value.type === 20 /* JS_CACHE_EXPRESSION */ ||
                   ((value.type === 4 /* SIMPLE_EXPRESSION */ ||
                       value.type === 8 /* COMPOUND_EXPRESSION */) &&
-                      getStaticType(value) > 0)) {
+                      getConstantType(value, context) > 0)) {
                   // skip if the prop is a cached handler or has constant value
                   return;
               }
               if (name === 'ref') {
                   hasRef = true;
               }
-              else if (name === 'class' && !isComponent) {
+              else if (name === 'class') {
                   hasClassBinding = true;
               }
-              else if (name === 'style' && !isComponent) {
+              else if (name === 'style') {
                   hasStyleBinding = true;
               }
               else if (name !== 'key' && !dynamicPropNames.includes(name)) {
                   dynamicPropNames.push(name);
               }
+              // treat the dynamic class and style binding of the component as dynamic props
+              if (isComponent &&
+                  (name === 'class' || name === 'style') &&
+                  !dynamicPropNames.includes(name)) {
+                  dynamicPropNames.push(name);
+              }
           }
           else {
               hasDynamicKeys = true;
@@ -12239,20 +14483,24 @@ var Vue = (function (exports) {
           const prop = props[i];
           if (prop.type === 6 /* ATTRIBUTE */) {
               const { loc, name, value } = prop;
+              let isStatic = true;
               if (name === 'ref') {
                   hasRef = true;
               }
-              // skip :is on <component>
-              if (name === 'is' && tag === 'component') {
+              // skip is on <component>, or is="vue:xxx"
+              if (name === 'is' &&
+                  (isComponentTag(tag) ||
+                      (value && value.content.startsWith('vue:')) ||
+                      (false ))) {
                   continue;
               }
-              properties.push(createObjectProperty(createSimpleExpression(name, true, getInnerRange(loc, 0, name.length)), createSimpleExpression(value ? value.content : '', true, value ? value.loc : loc)));
+              properties.push(createObjectProperty(createSimpleExpression(name, true, getInnerRange(loc, 0, name.length)), createSimpleExpression(value ? value.content : '', isStatic, value ? value.loc : loc)));
           }
           else {
               // directives
               const { name, arg, exp, loc } = prop;
-              const isBind = name === 'bind';
-              const isOn = name === 'on';
+              const isVBind = name === 'bind';
+              const isVOn = name === 'on';
               // skip v-slot - it is handled by its dedicated transform.
               if (name === 'slot') {
                   if (!isComponent) {
@@ -12260,28 +14508,31 @@ var Vue = (function (exports) {
                   }
                   continue;
               }
-              // skip v-once - it is handled by its dedicated transform.
-              if (name === 'once') {
+              // skip v-once/v-memo - they are handled by dedicated transforms.
+              if (name === 'once' || name === 'memo') {
                   continue;
               }
               // skip v-is and :is on <component>
               if (name === 'is' ||
-                  (isBind && tag === 'component' && isBindKey(arg, 'is'))) {
+                  (isVBind &&
+                      isBindKey(arg, 'is') &&
+                      (isComponentTag(tag) ||
+                          (false )))) {
                   continue;
               }
               // skip v-on in SSR compilation
-              if (isOn && ssr) {
+              if (isVOn && ssr) {
                   continue;
               }
               // special case for v-bind and v-on with no argument
-              if (!arg && (isBind || isOn)) {
+              if (!arg && (isVBind || isVOn)) {
                   hasDynamicKeys = true;
                   if (exp) {
                       if (properties.length) {
                           mergeArgs.push(createObjectExpression(dedupeProperties(properties), elementLoc));
                           properties = [];
                       }
-                      if (isBind) {
+                      if (isVBind) {
                           mergeArgs.push(exp);
                       }
                       else {
@@ -12295,7 +14546,7 @@ var Vue = (function (exports) {
                       }
                   }
                   else {
-                      context.onError(createCompilerError(isBind
+                      context.onError(createCompilerError(isVBind
                           ? 33 /* X_V_BIND_NO_EXPRESSION */
                           : 34 /* X_V_ON_NO_EXPRESSION */, loc));
                   }
@@ -12342,10 +14593,10 @@ var Vue = (function (exports) {
           patchFlag |= 16 /* FULL_PROPS */;
       }
       else {
-          if (hasClassBinding) {
+          if (hasClassBinding && !isComponent) {
               patchFlag |= 2 /* CLASS */;
           }
-          if (hasStyleBinding) {
+          if (hasStyleBinding && !isComponent) {
               patchFlag |= 4 /* STYLE */;
           }
           if (dynamicPropNames.length) {
@@ -12359,6 +14610,65 @@ var Vue = (function (exports) {
           (hasRef || hasVnodeHook || runtimeDirectives.length > 0)) {
           patchFlag |= 512 /* NEED_PATCH */;
       }
+      // pre-normalize props, SSR is skipped for now
+      if (!context.inSSR && propsExpression) {
+          switch (propsExpression.type) {
+              case 15 /* JS_OBJECT_EXPRESSION */:
+                  // means that there is no v-bind,
+                  // but still need to deal with dynamic key binding
+                  let classKeyIndex = -1;
+                  let styleKeyIndex = -1;
+                  let hasDynamicKey = false;
+                  for (let i = 0; i < propsExpression.properties.length; i++) {
+                      const key = propsExpression.properties[i].key;
+                      if (isStaticExp(key)) {
+                          if (key.content === 'class') {
+                              classKeyIndex = i;
+                          }
+                          else if (key.content === 'style') {
+                              styleKeyIndex = i;
+                          }
+                      }
+                      else if (!key.isHandlerKey) {
+                          hasDynamicKey = true;
+                      }
+                  }
+                  const classProp = propsExpression.properties[classKeyIndex];
+                  const styleProp = propsExpression.properties[styleKeyIndex];
+                  // no dynamic key
+                  if (!hasDynamicKey) {
+                      if (classProp && !isStaticExp(classProp.value)) {
+                          classProp.value = createCallExpression(context.helper(NORMALIZE_CLASS), [classProp.value]);
+                      }
+                      if (styleProp &&
+                          !isStaticExp(styleProp.value) &&
+                          // the static style is compiled into an object,
+                          // so use `hasStyleBinding` to ensure that it is a dynamic style binding
+                          (hasStyleBinding ||
+                              // v-bind:style and style both exist,
+                              // v-bind:style with static literal object
+                              styleProp.value.type === 17 /* JS_ARRAY_EXPRESSION */)) {
+                          styleProp.value = createCallExpression(context.helper(NORMALIZE_STYLE), [styleProp.value]);
+                      }
+                  }
+                  else {
+                      // dynamic key binding, wrap with `normalizeProps`
+                      propsExpression = createCallExpression(context.helper(NORMALIZE_PROPS), [propsExpression]);
+                  }
+                  break;
+              case 14 /* JS_CALL_EXPRESSION */:
+                  // mergeProps call, do nothing
+                  break;
+              default:
+                  // single v-bind
+                  propsExpression = createCallExpression(context.helper(NORMALIZE_PROPS), [
+                      createCallExpression(context.helper(GUARD_REACTIVE_PROPS), [
+                          propsExpression
+                      ])
+                  ]);
+                  break;
+          }
+      }
       return {
           props: propsExpression,
           directives: runtimeDirectives,
@@ -12386,7 +14696,7 @@ var Vue = (function (exports) {
           const existing = knownProps.get(name);
           if (existing) {
               if (name === 'style' || name === 'class' || name.startsWith('on')) {
-                  mergeAsArray(existing, prop);
+                  mergeAsArray$1(existing, prop);
               }
               // unexpected duplicate, should have emitted error during parse
           }
@@ -12397,7 +14707,7 @@ var Vue = (function (exports) {
       }
       return deduped;
   }
-  function mergeAsArray(existing, incoming) {
+  function mergeAsArray$1(existing, incoming) {
       if (existing.value.type === 17 /* JS_ARRAY_EXPRESSION */) {
           existing.value.elements.push(incoming.value);
       }
@@ -12409,13 +14719,16 @@ var Vue = (function (exports) {
       const dirArgs = [];
       const runtime = directiveImportMap.get(dir);
       if (runtime) {
+          // built-in directive with runtime
           dirArgs.push(context.helperString(runtime));
       }
       else {
-          // inject statement for resolving directive
-          context.helper(RESOLVE_DIRECTIVE);
-          context.directives.add(dir.name);
-          dirArgs.push(toValidAssetId(dir.name, `directive`));
+          {
+              // inject statement for resolving directive
+              context.helper(RESOLVE_DIRECTIVE);
+              context.directives.add(dir.name);
+              dirArgs.push(toValidAssetId(dir.name, `directive`));
+          }
       }
       const { loc } = dir;
       if (dir.exp)
@@ -12446,6 +14759,9 @@ var Vue = (function (exports) {
               propsNamesString += ', ';
       }
       return propsNamesString + `]`;
+  }
+  function isComponentTag(tag) {
+      return tag[0].toLowerCase() + tag.slice(1) === 'component';
   }
 
   const transformSlotOutlet = (node, context) => {
@@ -12465,29 +14781,50 @@ var Vue = (function (exports) {
               }
               slotArgs.push(createFunctionExpression([], children, false, false, loc));
           }
+          if (context.scopeId && !context.slotted) {
+              if (!slotProps) {
+                  slotArgs.push(`{}`);
+              }
+              if (!children.length) {
+                  slotArgs.push(`undefined`);
+              }
+              slotArgs.push(`true`);
+          }
           node.codegenNode = createCallExpression(context.helper(RENDER_SLOT), slotArgs, loc);
       }
   };
   function processSlotOutlet(node, context) {
       let slotName = `"default"`;
       let slotProps = undefined;
-      // check for <slot name="xxx" OR :name="xxx" />
-      const name = findProp(node, 'name');
-      if (name) {
-          if (name.type === 6 /* ATTRIBUTE */ && name.value) {
-              // static name
-              slotName = JSON.stringify(name.value.content);
+      const nonNameProps = [];
+      for (let i = 0; i < node.props.length; i++) {
+          const p = node.props[i];
+          if (p.type === 6 /* ATTRIBUTE */) {
+              if (p.value) {
+                  if (p.name === 'name') {
+                      slotName = JSON.stringify(p.value.content);
+                  }
+                  else {
+                      p.name = camelize(p.name);
+                      nonNameProps.push(p);
+                  }
+              }
           }
-          else if (name.type === 7 /* DIRECTIVE */ && name.exp) {
-              // dynamic name
-              slotName = name.exp;
+          else {
+              if (p.name === 'bind' && isBindKey(p.arg, 'name')) {
+                  if (p.exp)
+                      slotName = p.exp;
+              }
+              else {
+                  if (p.name === 'bind' && p.arg && isStaticExp(p.arg)) {
+                      p.arg.content = camelize(p.arg.content);
+                  }
+                  nonNameProps.push(p);
+              }
           }
       }
-      const propsWithoutName = name
-          ? node.props.filter(p => p !== name)
-          : node.props;
-      if (propsWithoutName.length > 0) {
-          const { props, directives } = buildProps(node, context, propsWithoutName);
+      if (nonNameProps.length > 0) {
+          const { props, directives } = buildProps(node, context, nonNameProps);
           slotProps = props;
           if (directives.length) {
               context.onError(createCompilerError(35 /* X_V_SLOT_UNEXPECTED_DIRECTIVE_ON_SLOT_OUTLET */, directives[0].loc));
@@ -12532,7 +14869,7 @@ var Vue = (function (exports) {
       if (exp && !exp.content.trim()) {
           exp = undefined;
       }
-      let isCacheable = context.cacheHandlers && !exp;
+      let shouldCache = context.cacheHandlers && !exp && !context.inVOnce;
       if (exp) {
           const isMemberExp = isMemberExpression(exp.content);
           const isInlineStatement = !(isMemberExp || fnExpRE.test(exp.content));
@@ -12540,10 +14877,12 @@ var Vue = (function (exports) {
           {
               validateBrowserExpression(exp, context, false, hasMultipleStatements);
           }
-          if (isInlineStatement || (isCacheable && isMemberExp)) {
+          if (isInlineStatement || (shouldCache && isMemberExp)) {
               // wrap inline statement in a function expression
               exp = createCompoundExpression([
-                  `${isInlineStatement ? `$event` : `(...args)`} => ${hasMultipleStatements ? `{` : `(`}`,
+                  `${isInlineStatement
+                    ? `$event`
+                    : `${``}(...args)`} => ${hasMultipleStatements ? `{` : `(`}`,
                   exp,
                   hasMultipleStatements ? `}` : `)`
               ]);
@@ -12558,19 +14897,21 @@ var Vue = (function (exports) {
       if (augmentor) {
           ret = augmentor(ret);
       }
-      if (isCacheable) {
+      if (shouldCache) {
           // cache handlers so that it's always the same handler being passed down.
           // this avoids unnecessary re-renders when users use inline handlers on
           // components.
           ret.props[0].value = context.cache(ret.props[0].value);
       }
+      // mark the key as handler for props normalization check
+      ret.props.forEach(p => (p.key.isHandlerKey = true));
       return ret;
   };
 
   // v-bind without arg is handled directly in ./transformElements.ts due to it affecting
   // codegen for the entire props object. This transform here is only for v-bind
   // *with* args.
-  const transformBind = (dir, node, context) => {
+  const transformBind = (dir, _node, context) => {
       const { exp, modifiers, loc } = dir;
       const arg = dir.arg;
       if (arg.type !== 4 /* SIMPLE_EXPRESSION */) {
@@ -12580,7 +14921,6 @@ var Vue = (function (exports) {
       else if (!arg.isStatic) {
           arg.content = `${arg.content} || ""`;
       }
-      // .prop is no longer necessary due to new patch behavior
       // .sync is replaced by v-model:arg
       if (modifiers.includes('camel')) {
           if (arg.type === 4 /* SIMPLE_EXPRESSION */) {
@@ -12596,6 +14936,14 @@ var Vue = (function (exports) {
               arg.children.push(`)`);
           }
       }
+      if (!context.inSSR) {
+          if (modifiers.includes('prop')) {
+              injectPrefix(arg, '.');
+          }
+          if (modifiers.includes('attr')) {
+              injectPrefix(arg, '^');
+          }
+      }
       if (!exp ||
           (exp.type === 4 /* SIMPLE_EXPRESSION */ && !exp.content.trim())) {
           context.onError(createCompilerError(33 /* X_V_BIND_NO_EXPRESSION */, loc));
@@ -12606,6 +14954,20 @@ var Vue = (function (exports) {
       return {
           props: [createObjectProperty(arg, exp)]
       };
+  };
+  const injectPrefix = (arg, prefix) => {
+      if (arg.type === 4 /* SIMPLE_EXPRESSION */) {
+          if (arg.isStatic) {
+              arg.content = prefix + arg.content;
+          }
+          else {
+              arg.content = `\`${prefix}\${${arg.content}}\``;
+          }
+      }
+      else {
+          arg.children.unshift(`'${prefix}' + (`);
+          arg.children.push(`)`);
+      }
   };
 
   // Merge adjacent text nodes and expressions into a single expression
@@ -12655,7 +15017,18 @@ var Vue = (function (exports) {
                   (children.length === 1 &&
                       (node.type === 0 /* ROOT */ ||
                           (node.type === 1 /* ELEMENT */ &&
-                              node.tagType === 0 /* ELEMENT */)))) {
+                              node.tagType === 0 /* ELEMENT */ &&
+                              // #3756
+                              // custom directives can potentially add DOM elements arbitrarily,
+                              // we need to avoid setting textContent of the element at runtime
+                              // to avoid accidentally overwriting the DOM elements added
+                              // by the user through custom directives.
+                              !node.props.find(p => p.type === 7 /* DIRECTIVE */ &&
+                                  !context.directiveTransforms[p.name]) &&
+                              // in compat mode, <template> tags with no special directives
+                              // will be rendered as a fragment so its children must be
+                              // converted into vnodes.
+                              !(false ))))) {
                   return;
               }
               // pre-convert text nodes into createTextVNode(text) calls to avoid
@@ -12670,8 +15043,10 @@ var Vue = (function (exports) {
                           callArgs.push(child);
                       }
                       // mark dynamic text with flag so it gets patched inside a block
-                      if (!context.ssr && child.type !== 2 /* TEXT */) {
-                          callArgs.push(`${1 /* TEXT */} /* ${PatchFlagNames[1 /* TEXT */]} */`);
+                      if (!context.ssr &&
+                          getConstantType(child, context) === 0 /* NOT_CONSTANT */) {
+                          callArgs.push(1 /* TEXT */ +
+                              (` /* ${PatchFlagNames[1 /* TEXT */]} */` ));
                       }
                       children[i] = {
                           type: 12 /* TEXT_CALL */,
@@ -12688,12 +15063,14 @@ var Vue = (function (exports) {
   const seen = new WeakSet();
   const transformOnce = (node, context) => {
       if (node.type === 1 /* ELEMENT */ && findDir(node, 'once', true)) {
-          if (seen.has(node)) {
+          if (seen.has(node) || context.inVOnce) {
               return;
           }
           seen.add(node);
+          context.inVOnce = true;
           context.helper(SET_BLOCK_TRACKING);
           return () => {
+              context.inVOnce = false;
               const cur = context.currentNode;
               if (cur.codegenNode) {
                   cur.codegenNode = context.cache(cur.codegenNode, true /* isVNode */);
@@ -12708,8 +15085,13 @@ var Vue = (function (exports) {
           context.onError(createCompilerError(40 /* X_V_MODEL_NO_EXPRESSION */, dir.loc));
           return createTransformProps();
       }
-      const expString = exp.type === 4 /* SIMPLE_EXPRESSION */ ? exp.content : exp.loc.source;
-      if (!isMemberExpression(expString)) {
+      const rawExp = exp.loc.source;
+      const expString = exp.type === 4 /* SIMPLE_EXPRESSION */ ? exp.content : rawExp;
+      // im SFC <script setup> inline mode, the exp may have been transformed into
+      // _unref(exp)
+      context.bindingMetadata[rawExp];
+      const maybeRef = !true    /* SETUP_CONST */;
+      if (!expString.trim() || (!isMemberExpression(expString) && !maybeRef)) {
           context.onError(createCompilerError(41 /* X_V_MODEL_MALFORMED_EXPRESSION */, exp.loc));
           return createTransformProps();
       }
@@ -12719,11 +15101,20 @@ var Vue = (function (exports) {
               ? `onUpdate:${arg.content}`
               : createCompoundExpression(['"onUpdate:" + ', arg])
           : `onUpdate:modelValue`;
+      let assignmentExp;
+      const eventArg = context.isTS ? `($event: any)` : `$event`;
+      {
+          assignmentExp = createCompoundExpression([
+              `${eventArg} => (`,
+              exp,
+              ` = $event)`
+          ]);
+      }
       const props = [
           // modelValue: foo
           createObjectProperty(propName, dir.exp),
           // "onUpdate:modelValue": $event => (foo = $event)
-          createObjectProperty(eventName, createCompoundExpression([`$event => (`, exp, ` = $event)`]))
+          createObjectProperty(eventName, assignmentExp)
       ];
       // modelModifiers: { foo: true, "bar-baz": true }
       if (dir.modifiers.length && node.tagType === 1 /* COMPONENT */) {
@@ -12735,7 +15126,7 @@ var Vue = (function (exports) {
                   ? `${arg.content}Modifiers`
                   : createCompoundExpression([arg, ' + "Modifiers"'])
               : `modelModifiers`;
-          props.push(createObjectProperty(modifiersKey, createSimpleExpression(`{ ${modifiers} }`, false, dir.loc, true)));
+          props.push(createObjectProperty(modifiersKey, createSimpleExpression(`{ ${modifiers} }`, false, dir.loc, 2 /* CAN_HOIST */)));
       }
       return createTransformProps(props);
   };
@@ -12743,13 +15134,42 @@ var Vue = (function (exports) {
       return { props };
   }
 
+  const seen$1 = new WeakSet();
+  const transformMemo = (node, context) => {
+      if (node.type === 1 /* ELEMENT */) {
+          const dir = findDir(node, 'memo');
+          if (!dir || seen$1.has(node)) {
+              return;
+          }
+          seen$1.add(node);
+          return () => {
+              const codegenNode = node.codegenNode ||
+                  context.currentNode.codegenNode;
+              if (codegenNode && codegenNode.type === 13 /* VNODE_CALL */) {
+                  // non-component sub tree should be turned into a block
+                  if (node.tagType !== 1 /* COMPONENT */) {
+                      makeBlock(codegenNode, context);
+                  }
+                  node.codegenNode = createCallExpression(context.helper(WITH_MEMO), [
+                      dir.exp,
+                      createFunctionExpression(undefined, codegenNode),
+                      `_cache`,
+                      String(context.cached++)
+                  ]);
+              }
+          };
+      }
+  };
+
   function getBaseTransformPreset(prefixIdentifiers) {
       return [
           [
               transformOnce,
               transformIf,
+              transformMemo,
               transformFor,
-              ...(  [transformExpression]
+              ...([]),
+              ...([transformExpression]
                       ),
               transformSlotOutlet,
               transformElement,
@@ -12778,7 +15198,7 @@ var Vue = (function (exports) {
           }
       }
       const prefixIdentifiers = !true ;
-      if ( options.cacheHandlers) {
+      if (options.cacheHandlers) {
           onError(createCompilerError(47 /* X_CACHE_HANDLER_NOT_SUPPORTED */));
       }
       if (options.scopeId && !isModuleMode) {
@@ -12802,16 +15222,16 @@ var Vue = (function (exports) {
 
   const noopDirectiveTransform = () => ({ props: [] });
 
-  const V_MODEL_RADIO = Symbol( `vModelRadio` );
-  const V_MODEL_CHECKBOX = Symbol( `vModelCheckbox` );
-  const V_MODEL_TEXT = Symbol( `vModelText` );
-  const V_MODEL_SELECT = Symbol( `vModelSelect` );
-  const V_MODEL_DYNAMIC = Symbol( `vModelDynamic` );
-  const V_ON_WITH_MODIFIERS = Symbol( `vOnModifiersGuard` );
-  const V_ON_WITH_KEYS = Symbol( `vOnKeysGuard` );
-  const V_SHOW = Symbol( `vShow` );
-  const TRANSITION$1 = Symbol( `Transition` );
-  const TRANSITION_GROUP = Symbol( `TransitionGroup` );
+  const V_MODEL_RADIO = Symbol(`vModelRadio` );
+  const V_MODEL_CHECKBOX = Symbol(`vModelCheckbox` );
+  const V_MODEL_TEXT = Symbol(`vModelText` );
+  const V_MODEL_SELECT = Symbol(`vModelSelect` );
+  const V_MODEL_DYNAMIC = Symbol(`vModelDynamic` );
+  const V_ON_WITH_MODIFIERS = Symbol(`vOnModifiersGuard` );
+  const V_ON_WITH_KEYS = Symbol(`vOnKeysGuard` );
+  const V_SHOW = Symbol(`vShow` );
+  const TRANSITION$1 = Symbol(`Transition` );
+  const TRANSITION_GROUP = Symbol(`TransitionGroup` );
   registerRuntimeHelpers({
       [V_MODEL_RADIO]: `vModelRadio`,
       [V_MODEL_CHECKBOX]: `vModelCheckbox`,
@@ -12827,9 +15247,18 @@ var Vue = (function (exports) {
 
   /* eslint-disable no-restricted-globals */
   let decoder;
-  function decodeHtmlBrowser(raw) {
-      (decoder || (decoder = document.createElement('div'))).innerHTML = raw;
-      return decoder.textContent;
+  function decodeHtmlBrowser(raw, asAttr = false) {
+      if (!decoder) {
+          decoder = document.createElement('div');
+      }
+      if (asAttr) {
+          decoder.innerHTML = `<div foo="${raw.replace(/"/g, '&quot;')}">`;
+          return decoder.children[0].getAttribute('foo');
+      }
+      else {
+          decoder.innerHTML = raw;
+          return decoder.textContent;
+      }
   }
 
   const isRawTextContainer = /*#__PURE__*/ makeMap('style,iframe,script,noscript', true);
@@ -12837,7 +15266,7 @@ var Vue = (function (exports) {
       isVoidTag,
       isNativeTag: tag => isHTMLTag(tag) || isSVGTag(tag),
       isPreTag: tag => tag === 'pre',
-      decodeEntities:  decodeHtmlBrowser ,
+      decodeEntities: decodeHtmlBrowser ,
       isBuiltInComponent: (tag) => {
           if (isBuiltInType(tag, `Transition`)) {
               return TRANSITION$1;
@@ -12924,11 +15353,11 @@ var Vue = (function (exports) {
   };
   const parseInlineCSS = (cssText, loc) => {
       const normalized = parseStringStyle(cssText);
-      return createSimpleExpression(JSON.stringify(normalized), false, loc, true);
+      return createSimpleExpression(JSON.stringify(normalized), false, loc, 3 /* CAN_STRINGIFY */);
   };
 
   function createDOMCompilerError(code, loc) {
-      return createCompilerError(code, loc,  DOMErrorMessages );
+      return createCompilerError(code, loc, DOMErrorMessages );
   }
   const DOMErrorMessages = {
       [49 /* X_V_HTML_NO_EXPRESSION */]: `v-html is missing expression.`,
@@ -13022,7 +15451,7 @@ var Vue = (function (exports) {
                               break;
                           default:
                               // text type
-                               checkDuplicatedValue();
+                              checkDuplicatedValue();
                               break;
                       }
                   }
@@ -13034,7 +15463,7 @@ var Vue = (function (exports) {
               }
               else {
                   // text type
-                   checkDuplicatedValue();
+                  checkDuplicatedValue();
               }
           }
           else if (tag === 'select') {
@@ -13042,7 +15471,7 @@ var Vue = (function (exports) {
           }
           else {
               // textarea
-               checkDuplicatedValue();
+              checkDuplicatedValue();
           }
           // inject runtime directive
           // by returning the helper symbol via needRuntime
@@ -13072,7 +15501,7 @@ var Vue = (function (exports) {
   // left & right could be mouse or key modifiers based on event type
   const maybeKeyModifier = /*#__PURE__*/ makeMap('left,right');
   const isKeyboardEvent = /*#__PURE__*/ makeMap(`onkeyup,onkeydown,onkeypress`, true);
-  const resolveModifiers = (key, modifiers) => {
+  const resolveModifiers = (key, modifiers, context, loc) => {
       const keyModifiers = [];
       const nonKeyModifiers = [];
       const eventOptionModifiers = [];
@@ -13135,7 +15564,7 @@ var Vue = (function (exports) {
           if (!modifiers.length)
               return baseResult;
           let { key, value: handlerExp } = baseResult.props[0];
-          const { keyModifiers, nonKeyModifiers, eventOptionModifiers } = resolveModifiers(key, modifiers);
+          const { keyModifiers, nonKeyModifiers, eventOptionModifiers } = resolveModifiers(key, modifiers, context, dir.loc);
           // normalize click.right and click.middle since they don't actually fire
           if (nonKeyModifiers.includes('right')) {
               key = transformClick(key, `onContextmenu`);
@@ -13217,7 +15646,7 @@ var Vue = (function (exports) {
 
   const DOMNodeTransforms = [
       transformStyle,
-      ...( [warnTransitionChildren] )
+      ...([warnTransitionChildren] )
   ];
   const DOMDirectiveTransforms = {
       cloak: noopDirectiveTransform,
@@ -13238,12 +15667,14 @@ var Vue = (function (exports) {
               ...(options.nodeTransforms || [])
           ],
           directiveTransforms: extend({}, DOMDirectiveTransforms, options.directiveTransforms || {}),
-          transformHoist:  null 
+          transformHoist: null 
       }));
   }
 
   // This entry is the "full-build" that includes both the runtime
-   initDev();
+  {
+      initDev();
+  }
   const compileCache = Object.create(null);
   function compileToFunction(template, options) {
       if (!isString(template)) {
@@ -13251,7 +15682,7 @@ var Vue = (function (exports) {
               template = template.innerHTML;
           }
           else {
-               warn(`invalid template option: `, template);
+              warn$1(`invalid template option: `, template);
               return NOOP;
           }
       }
@@ -13262,8 +15693,8 @@ var Vue = (function (exports) {
       }
       if (template[0] === '#') {
           const el = document.querySelector(template);
-          if ( !el) {
-              warn(`Template element not found or is empty: ${template}`);
+          if (!el) {
+              warn$1(`Template element not found or is empty: ${template}`);
           }
           // __UNSAFE__
           // Reason: potential execution of JS expressions in in-DOM template.
@@ -13273,46 +15704,58 @@ var Vue = (function (exports) {
       }
       const { code } = compile$1(template, extend({
           hoistStatic: true,
-          onError(err) {
-              {
-                  const message = `Template compilation error: ${err.message}`;
-                  const codeFrame = err.loc &&
-                      generateCodeFrame(template, err.loc.start.offset, err.loc.end.offset);
-                  warn(codeFrame ? `${message}\n${codeFrame}` : message);
-              }
-          }
+          onError: onError ,
+          onWarn: e => onError(e, true) 
       }, options));
+      function onError(err, asWarning = false) {
+          const message = asWarning
+              ? err.message
+              : `Template compilation error: ${err.message}`;
+          const codeFrame = err.loc &&
+              generateCodeFrame(template, err.loc.start.offset, err.loc.end.offset);
+          warn$1(codeFrame ? `${message}\n${codeFrame}` : message);
+      }
       // The wildcard import results in a huge object with every export
       // with keys that cannot be mangled, and can be quite heavy size-wise.
       // In the global build we know `Vue` is available globally so we can avoid
       // the wildcard object.
-      const render = ( new Function(code)()
-          );
+      const render = (new Function(code)() );
       render._rc = true;
       return (compileCache[key] = render);
   }
   registerRuntimeCompiler(compileToFunction);
 
+  exports.$computed = $computed;
+  exports.$fromRefs = $fromRefs;
+  exports.$raw = $raw;
+  exports.$ref = $ref;
+  exports.$shallowRef = $shallowRef;
   exports.BaseTransition = BaseTransition;
-  exports.Comment = Comment;
+  exports.Comment = Comment$1;
+  exports.EffectScope = EffectScope;
   exports.Fragment = Fragment;
   exports.KeepAlive = KeepAlive;
+  exports.ReactiveEffect = ReactiveEffect;
   exports.Static = Static;
   exports.Suspense = Suspense;
   exports.Teleport = Teleport;
   exports.Text = Text;
   exports.Transition = Transition;
   exports.TransitionGroup = TransitionGroup;
+  exports.VueElement = VueElement;
   exports.callWithAsyncErrorHandling = callWithAsyncErrorHandling;
   exports.callWithErrorHandling = callWithErrorHandling;
   exports.camelize = camelize;
   exports.capitalize = capitalize;
   exports.cloneVNode = cloneVNode;
+  exports.compatUtils = compatUtils;
   exports.compile = compileToFunction;
-  exports.computed = computed$1;
+  exports.computed = computed;
   exports.createApp = createApp;
   exports.createBlock = createBlock;
   exports.createCommentVNode = createCommentVNode;
+  exports.createElementBlock = createElementBlock;
+  exports.createElementVNode = createBaseVNode;
   exports.createHydrationRenderer = createHydrationRenderer;
   exports.createRenderer = createRenderer;
   exports.createSSRApp = createSSRApp;
@@ -13323,21 +15766,36 @@ var Vue = (function (exports) {
   exports.customRef = customRef;
   exports.defineAsyncComponent = defineAsyncComponent;
   exports.defineComponent = defineComponent;
+  exports.defineCustomElement = defineCustomElement;
+  exports.defineEmits = defineEmits;
+  exports.defineExpose = defineExpose;
+  exports.defineProps = defineProps;
+  exports.defineSSRCustomElement = defineSSRCustomElement;
+  exports.effect = effect;
+  exports.effectScope = effectScope;
   exports.getCurrentInstance = getCurrentInstance;
+  exports.getCurrentScope = getCurrentScope;
   exports.getTransitionRawChildren = getTransitionRawChildren;
+  exports.guardReactiveProps = guardReactiveProps;
   exports.h = h;
   exports.handleError = handleError;
   exports.hydrate = hydrate;
   exports.initCustomFormatter = initCustomFormatter;
   exports.inject = inject;
+  exports.isMemoSame = isMemoSame;
   exports.isProxy = isProxy;
   exports.isReactive = isReactive;
   exports.isReadonly = isReadonly;
   exports.isRef = isRef;
+  exports.isRuntimeOnly = isRuntimeOnly;
   exports.isVNode = isVNode;
   exports.markRaw = markRaw;
+  exports.mergeDefaults = mergeDefaults;
   exports.mergeProps = mergeProps;
   exports.nextTick = nextTick;
+  exports.normalizeClass = normalizeClass;
+  exports.normalizeProps = normalizeProps;
+  exports.normalizeStyle = normalizeStyle;
   exports.onActivated = onActivated;
   exports.onBeforeMount = onBeforeMount;
   exports.onBeforeUnmount = onBeforeUnmount;
@@ -13347,6 +15805,8 @@ var Vue = (function (exports) {
   exports.onMounted = onMounted;
   exports.onRenderTracked = onRenderTracked;
   exports.onRenderTriggered = onRenderTriggered;
+  exports.onScopeDispose = onScopeDispose;
+  exports.onServerPrefetch = onServerPrefetch;
   exports.onUnmounted = onUnmounted;
   exports.onUpdated = onUpdated;
   exports.openBlock = openBlock;
@@ -13365,6 +15825,7 @@ var Vue = (function (exports) {
   exports.resolveComponent = resolveComponent;
   exports.resolveDirective = resolveDirective;
   exports.resolveDynamicComponent = resolveDynamicComponent;
+  exports.resolveFilter = resolveFilter;
   exports.resolveTransitionHooks = resolveTransitionHooks;
   exports.setBlockTracking = setBlockTracking;
   exports.setDevtoolsHook = setDevtoolsHook;
@@ -13374,6 +15835,7 @@ var Vue = (function (exports) {
   exports.shallowRef = shallowRef;
   exports.ssrContextKey = ssrContextKey;
   exports.ssrUtils = ssrUtils;
+  exports.stop = stop;
   exports.toDisplayString = toDisplayString;
   exports.toHandlerKey = toHandlerKey;
   exports.toHandlers = toHandlers;
@@ -13383,9 +15845,11 @@ var Vue = (function (exports) {
   exports.transformVNodeArgs = transformVNodeArgs;
   exports.triggerRef = triggerRef;
   exports.unref = unref;
+  exports.useAttrs = useAttrs;
   exports.useCssModule = useCssModule;
   exports.useCssVars = useCssVars;
   exports.useSSRContext = useSSRContext;
+  exports.useSlots = useSlots;
   exports.useTransitionState = useTransitionState;
   exports.vModelCheckbox = vModelCheckbox;
   exports.vModelDynamic = vModelDynamic;
@@ -13394,15 +15858,22 @@ var Vue = (function (exports) {
   exports.vModelText = vModelText;
   exports.vShow = vShow;
   exports.version = version;
-  exports.warn = warn;
+  exports.warn = warn$1;
   exports.watch = watch;
   exports.watchEffect = watchEffect;
+  exports.watchPostEffect = watchPostEffect;
+  exports.watchSyncEffect = watchSyncEffect;
+  exports.withAsyncContext = withAsyncContext;
   exports.withCtx = withCtx;
+  exports.withDefaults = withDefaults;
   exports.withDirectives = withDirectives;
   exports.withKeys = withKeys;
+  exports.withMemo = withMemo;
   exports.withModifiers = withModifiers;
   exports.withScopeId = withScopeId;
 
+  Object.defineProperty(exports, '__esModule', { value: true });
+
   return exports;
 
 }({}));
diff --git a/js/vue.min.js b/js/vue.min.js
index 5fb8122..14478dc 100644
--- a/js/vue.min.js
+++ b/js/vue.min.js
@@ -1 +1 @@
-var Vue=function(e){"use strict";function t(e,t){const n=Object.create(null),o=e.split(",");for(let e=0;e<o.length;e++)n[o[e]]=!0;return t?e=>!!n[e.toLowerCase()]:e=>!!n[e]}const n={1:"TEXT",2:"CLASS",4:"STYLE",8:"PROPS",16:"FULL_PROPS",32:"HYDRATE_EVENTS",64:"STABLE_FRAGMENT",128:"KEYED_FRAGMENT",256:"UNKEYED_FRAGMENT",1024:"DYNAMIC_SLOTS",512:"NEED_PATCH",[-1]:"HOISTED",[-2]:"BAIL"},o=t("Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl"),r=t("itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly");function s(e){if(N(e)){const t={};for(let n=0;n<e.length;n++){const o=e[n],r=s(M(o)?c(o):o);if(r)for(const e in r)t[e]=r[e]}return t}if(R(e))return e}const i=/;(?![^(]*\))/g,l=/:(.+)/;function c(e){const t={};return e.split(i).forEach(e=>{if(e){const n=e.split(l);n.length>1&&(t[n[0].trim()]=n[1].trim())}}),t}function a(e){let t="";if(M(e))t=e;else if(N(e))for(let n=0;n<e.length;n++)t+=a(e[n])+" ";else if(R(e))for(const n in e)e[n]&&(t+=n+" ");return t.trim()}const u=t("html,body,base,head,link,meta,style,title,address,article,aside,footer,header,h1,h2,h3,h4,h5,h6,hgroup,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,rtc,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,summary,template,blockquote,iframe,tfoot"),p=t("svg,animate,animateMotion,animateTransform,circle,clipPath,color-profile,defs,desc,discard,ellipse,feBlend,feColorMatrix,feComponentTransfer,feComposite,feConvolveMatrix,feDiffuseLighting,feDisplacementMap,feDistanceLight,feDropShadow,feFlood,feFuncA,feFuncB,feFuncG,feFuncR,feGaussianBlur,feImage,feMerge,feMergeNode,feMorphology,feOffset,fePointLight,feSpecularLighting,feSpotLight,feTile,feTurbulence,filter,foreignObject,g,hatch,hatchpath,image,line,linearGradient,marker,mask,mesh,meshgradient,meshpatch,meshrow,metadata,mpath,path,pattern,polygon,polyline,radialGradient,rect,set,solidcolor,stop,switch,symbol,text,textPath,title,tspan,unknown,use,view"),f=t("area,base,br,col,embed,hr,img,input,link,meta,param,source,track,wbr");function d(e,t){if(e===t)return!0;let n=$(e),o=$(t);if(n||o)return!(!n||!o)&&e.getTime()===t.getTime();if(n=N(e),o=N(t),n||o)return!(!n||!o)&&function(e,t){if(e.length!==t.length)return!1;let n=!0;for(let o=0;n&&o<e.length;o++)n=d(e[o],t[o]);return n}(e,t);if(n=R(e),o=R(t),n||o){if(!n||!o)return!1;if(Object.keys(e).length!==Object.keys(t).length)return!1;for(const n in e){const o=e.hasOwnProperty(n),r=t.hasOwnProperty(n);if(o&&!r||!o&&r||!d(e[n],t[n]))return!1}}return String(e)===String(t)}function h(e,t){return e.findIndex(e=>d(e,t))}const m=(e,t)=>E(t)?{[`Map(${t.size})`]:[...t.entries()].reduce((e,[t,n])=>(e[t+" =>"]=n,e),{})}:F(t)?{[`Set(${t.size})`]:[...t.values()]}:!R(t)||N(t)||L(t)?t:String(t),g={},v=[],y=()=>{},b=()=>!1,_=/^on[^a-z]/,x=e=>_.test(e),S=e=>e.startsWith("onUpdate:"),C=Object.assign,k=(e,t)=>{const n=e.indexOf(t);n>-1&&e.splice(n,1)},w=Object.prototype.hasOwnProperty,T=(e,t)=>w.call(e,t),N=Array.isArray,E=e=>"[object Map]"===I(e),F=e=>"[object Set]"===I(e),$=e=>e instanceof Date,A=e=>"function"==typeof e,M=e=>"string"==typeof e,O=e=>"symbol"==typeof e,R=e=>null!==e&&"object"==typeof e,B=e=>R(e)&&A(e.then)&&A(e.catch),P=Object.prototype.toString,I=e=>P.call(e),L=e=>"[object Object]"===I(e),V=e=>M(e)&&"NaN"!==e&&"-"!==e[0]&&""+parseInt(e,10)===e,U=t("key,ref,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"),j=e=>{const t=Object.create(null);return n=>t[n]||(t[n]=e(n))},D=/-(\w)/g,H=j(e=>e.replace(D,(e,t)=>t?t.toUpperCase():"")),z=/\B([A-Z])/g,K=j(e=>e.replace(z,"-$1").toLowerCase()),W=j(e=>e.charAt(0).toUpperCase()+e.slice(1)),G=(e,t)=>e!==t&&(e==e||t==t),q=(e,t)=>{for(let n=0;n<e.length;n++)e[n](t)},J=(e,t,n)=>{Object.defineProperty(e,t,{configurable:!0,enumerable:!1,value:n})},Y=e=>{const t=parseFloat(e);return isNaN(t)?e:t},Z=new WeakMap,Q=[];let X;const ee=Symbol(""),te=Symbol("");function ne(e,t=g){(function(e){return e&&!0===e._isEffect})(e)&&(e=e.raw);const n=function(e,t){const n=function(){if(!n.active)return t.scheduler?void 0:e();if(!Q.includes(n)){se(n);try{return le.push(ie),ie=!0,Q.push(n),X=n,e()}finally{Q.pop(),ae(),X=Q[Q.length-1]}}};return n.id=re++,n.allowRecurse=!!t.allowRecurse,n._isEffect=!0,n.active=!0,n.raw=e,n.deps=[],n.options=t,n}(e,t);return t.lazy||n(),n}function oe(e){e.active&&(se(e),e.options.onStop&&e.options.onStop(),e.active=!1)}let re=0;function se(e){const{deps:t}=e;if(t.length){for(let n=0;n<t.length;n++)t[n].delete(e);t.length=0}}let ie=!0;const le=[];function ce(){le.push(ie),ie=!1}function ae(){const e=le.pop();ie=void 0===e||e}function ue(e,t,n){if(!ie||void 0===X)return;let o=Z.get(e);o||Z.set(e,o=new Map);let r=o.get(n);r||o.set(n,r=new Set),r.has(X)||(r.add(X),X.deps.push(r))}function pe(e,t,n,o,r,s){const i=Z.get(e);if(!i)return;const l=new Set,c=e=>{e&&e.forEach(e=>{(e!==X||e.allowRecurse)&&l.add(e)})};if("clear"===t)i.forEach(c);else if("length"===n&&N(e))i.forEach((e,t)=>{("length"===t||t>=o)&&c(e)});else switch(void 0!==n&&c(i.get(n)),t){case"add":N(e)?V(n)&&c(i.get("length")):(c(i.get(ee)),E(e)&&c(i.get(te)));break;case"delete":N(e)||(c(i.get(ee)),E(e)&&c(i.get(te)));break;case"set":E(e)&&c(i.get(ee))}l.forEach(e=>{e.options.scheduler?e.options.scheduler(e):e()})}const fe=new Set(Object.getOwnPropertyNames(Symbol).map(e=>Symbol[e]).filter(O)),de=ye(),he=ye(!1,!0),me=ye(!0),ge=ye(!0,!0),ve={};function ye(e=!1,t=!1){return function(n,o,r){if("__v_isReactive"===o)return!e;if("__v_isReadonly"===o)return e;if("__v_raw"===o&&r===(e?We:Ke).get(n))return n;const s=N(n);if(s&&T(ve,o))return Reflect.get(ve,o,r);const i=Reflect.get(n,o,r);if(O(o)?fe.has(o):"__proto__"===o||"__v_isRef"===o)return i;if(e||ue(n,0,o),t)return i;if(ot(i)){return!s||!V(o)?i.value:i}return R(i)?e?Ye(i):qe(i):i}}["includes","indexOf","lastIndexOf"].forEach(e=>{const t=Array.prototype[e];ve[e]=function(...e){const n=tt(this);for(let e=0,t=this.length;e<t;e++)ue(n,0,e+"");const o=t.apply(n,e);return-1===o||!1===o?t.apply(n,e.map(tt)):o}}),["push","pop","shift","unshift","splice"].forEach(e=>{const t=Array.prototype[e];ve[e]=function(...e){ce();const n=t.apply(this,e);return ae(),n}});function be(e=!1){return function(t,n,o,r){const s=t[n];if(!e&&(o=tt(o),!N(t)&&ot(s)&&!ot(o)))return s.value=o,!0;const i=N(t)&&V(n)?Number(n)<t.length:T(t,n),l=Reflect.set(t,n,o,r);return t===tt(r)&&(i?G(o,s)&&pe(t,"set",n,o):pe(t,"add",n,o)),l}}const _e={get:de,set:be(),deleteProperty:function(e,t){const n=T(e,t),o=Reflect.deleteProperty(e,t);return o&&n&&pe(e,"delete",t,void 0),o},has:function(e,t){const n=Reflect.has(e,t);return O(t)&&fe.has(t)||ue(e,0,t),n},ownKeys:function(e){return ue(e,0,ee),Reflect.ownKeys(e)}},xe={get:me,set:(e,t)=>!0,deleteProperty:(e,t)=>!0},Se=C({},_e,{get:he,set:be(!0)}),Ce=C({},xe,{get:ge}),ke=e=>R(e)?qe(e):e,we=e=>R(e)?Ye(e):e,Te=e=>e,Ne=e=>Reflect.getPrototypeOf(e);function Ee(e,t,n=!1,o=!1){const r=tt(e=e.__v_raw),s=tt(t);t!==s&&!n&&ue(r,0,t),!n&&ue(r,0,s);const{has:i}=Ne(r),l=n?we:o?Te:ke;return i.call(r,t)?l(e.get(t)):i.call(r,s)?l(e.get(s)):void 0}function Fe(e,t=!1){const n=this.__v_raw,o=tt(n),r=tt(e);return e!==r&&!t&&ue(o,0,e),!t&&ue(o,0,r),e===r?n.has(e):n.has(e)||n.has(r)}function $e(e,t=!1){return e=e.__v_raw,!t&&ue(tt(e),0,ee),Reflect.get(e,"size",e)}function Ae(e){e=tt(e);const t=tt(this),n=Ne(t).has.call(t,e),o=t.add(e);return n||pe(t,"add",e,e),o}function Me(e,t){t=tt(t);const n=tt(this),{has:o,get:r}=Ne(n);let s=o.call(n,e);s||(e=tt(e),s=o.call(n,e));const i=r.call(n,e),l=n.set(e,t);return s?G(t,i)&&pe(n,"set",e,t):pe(n,"add",e,t),l}function Oe(e){const t=tt(this),{has:n,get:o}=Ne(t);let r=n.call(t,e);r||(e=tt(e),r=n.call(t,e));o&&o.call(t,e);const s=t.delete(e);return r&&pe(t,"delete",e,void 0),s}function Re(){const e=tt(this),t=0!==e.size,n=e.clear();return t&&pe(e,"clear",void 0,void 0),n}function Be(e,t){return function(n,o){const r=this,s=r.__v_raw,i=tt(s),l=e?we:t?Te:ke;return!e&&ue(i,0,ee),s.forEach((e,t)=>n.call(o,l(e),l(t),r))}}function Pe(e,t,n){return function(...o){const r=this.__v_raw,s=tt(r),i=E(s),l="entries"===e||e===Symbol.iterator&&i,c="keys"===e&&i,a=r[e](...o),u=t?we:n?Te:ke;return!t&&ue(s,0,c?te:ee),{next(){const{value:e,done:t}=a.next();return t?{value:e,done:t}:{value:l?[u(e[0]),u(e[1])]:u(e),done:t}},[Symbol.iterator](){return this}}}}function Ie(e){return function(...t){return"delete"!==e&&this}}const Le={get(e){return Ee(this,e)},get size(){return $e(this)},has:Fe,add:Ae,set:Me,delete:Oe,clear:Re,forEach:Be(!1,!1)},Ve={get(e){return Ee(this,e,!1,!0)},get size(){return $e(this)},has:Fe,add:Ae,set:Me,delete:Oe,clear:Re,forEach:Be(!1,!0)},Ue={get(e){return Ee(this,e,!0)},get size(){return $e(this,!0)},has(e){return Fe.call(this,e,!0)},add:Ie("add"),set:Ie("set"),delete:Ie("delete"),clear:Ie("clear"),forEach:Be(!0,!1)};function je(e,t){const n=t?Ve:e?Ue:Le;return(t,o,r)=>"__v_isReactive"===o?!e:"__v_isReadonly"===o?e:"__v_raw"===o?t:Reflect.get(T(n,o)&&o in t?n:t,o,r)}["keys","values","entries",Symbol.iterator].forEach(e=>{Le[e]=Pe(e,!1,!1),Ue[e]=Pe(e,!0,!1),Ve[e]=Pe(e,!1,!0)});const De={get:je(!1,!1)},He={get:je(!1,!0)},ze={get:je(!0,!1)},Ke=new WeakMap,We=new WeakMap;function Ge(e){return e.__v_skip||!Object.isExtensible(e)?0:function(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}((e=>I(e).slice(8,-1))(e))}function qe(e){return e&&e.__v_isReadonly?e:Ze(e,!1,_e,De)}function Je(e){return Ze(e,!1,Se,He)}function Ye(e){return Ze(e,!0,xe,ze)}function Ze(e,t,n,o){if(!R(e))return e;if(e.__v_raw&&(!t||!e.__v_isReactive))return e;const r=t?We:Ke,s=r.get(e);if(s)return s;const i=Ge(e);if(0===i)return e;const l=new Proxy(e,2===i?o:n);return r.set(e,l),l}function Qe(e){return Xe(e)?Qe(e.__v_raw):!(!e||!e.__v_isReactive)}function Xe(e){return!(!e||!e.__v_isReadonly)}function et(e){return Qe(e)||Xe(e)}function tt(e){return e&&tt(e.__v_raw)||e}const nt=e=>R(e)?qe(e):e;function ot(e){return Boolean(e&&!0===e.__v_isRef)}function rt(e){return it(e)}class st{constructor(e,t=!1){this._rawValue=e,this._shallow=t,this.__v_isRef=!0,this._value=t?e:nt(e)}get value(){return ue(tt(this),0,"value"),this._value}set value(e){G(tt(e),this._rawValue)&&(this._rawValue=e,this._value=this._shallow?e:nt(e),pe(tt(this),"set","value",e))}}function it(e,t=!1){return ot(e)?e:new st(e,t)}function lt(e){return ot(e)?e.value:e}const ct={get:(e,t,n)=>lt(Reflect.get(e,t,n)),set:(e,t,n,o)=>{const r=e[t];return ot(r)&&!ot(n)?(r.value=n,!0):Reflect.set(e,t,n,o)}};function at(e){return Qe(e)?e:new Proxy(e,ct)}class ut{constructor(e){this.__v_isRef=!0;const{get:t,set:n}=e(()=>ue(this,0,"value"),()=>pe(this,"set","value"));this._get=t,this._set=n}get value(){return this._get()}set value(e){this._set(e)}}class pt{constructor(e,t){this._object=e,this._key=t,this.__v_isRef=!0}get value(){return this._object[this._key]}set value(e){this._object[this._key]=e}}function ft(e,t){return ot(e[t])?e[t]:new pt(e,t)}class dt{constructor(e,t,n){this._setter=t,this._dirty=!0,this.__v_isRef=!0,this.effect=ne(e,{lazy:!0,scheduler:()=>{this._dirty||(this._dirty=!0,pe(tt(this),"set","value"))}}),this.__v_isReadonly=n}get value(){return this._dirty&&(this._value=this.effect(),this._dirty=!1),ue(tt(this),0,"value"),this._value}set value(e){this._setter(e)}}const ht=[];function mt(e){const t=[],n=Object.keys(e);return n.slice(0,3).forEach(n=>{t.push(...gt(n,e[n]))}),n.length>3&&t.push(" ..."),t}function gt(e,t,n){return M(t)?(t=JSON.stringify(t),n?t:[`${e}=${t}`]):"number"==typeof t||"boolean"==typeof t||null==t?n?t:[`${e}=${t}`]:ot(t)?(t=gt(e,tt(t.value),!0),n?t:[e+"=Ref<",t,">"]):A(t)?[`${e}=fn${t.name?`<${t.name}>`:""}`]:(t=tt(t),n?t:[e+"=",t])}function vt(e,t,n,o){let r;try{r=o?e(...o):e()}catch(e){bt(e,t,n)}return r}function yt(e,t,n,o){if(A(e)){const r=vt(e,t,n,o);return r&&B(r)&&r.catch(e=>{bt(e,t,n)}),r}const r=[];for(let s=0;s<e.length;s++)r.push(yt(e[s],t,n,o));return r}function bt(e,t,n,o=!0){if(t){let o=t.parent;const r=t.proxy,s=n;for(;o;){const t=o.ec;if(t)for(let n=0;n<t.length;n++)if(!1===t[n](e,r,s))return;o=o.parent}const i=t.appContext.config.errorHandler;if(i)return void vt(i,null,10,[e,r,s])}!function(e,t,n,o=!0){console.error(e)}(e,0,0,o)}let _t=!1,xt=!1;const St=[];let Ct=0;const kt=[];let wt=null,Tt=0;const Nt=[];let Et=null,Ft=0;const $t=Promise.resolve();let At=null,Mt=null;function Ot(e){const t=At||$t;return e?t.then(this?e.bind(this):e):t}function Rt(e){St.length&&St.includes(e,_t&&e.allowRecurse?Ct+1:Ct)||e===Mt||(St.push(e),Bt())}function Bt(){_t||xt||(xt=!0,At=$t.then(jt))}function Pt(e,t,n,o){N(e)?n.push(...e):t&&t.includes(e,e.allowRecurse?o+1:o)||n.push(e),Bt()}function It(e){Pt(e,Et,Nt,Ft)}function Lt(e,t=null){if(kt.length){for(Mt=t,wt=[...new Set(kt)],kt.length=0,Tt=0;Tt<wt.length;Tt++)wt[Tt]();wt=null,Tt=0,Mt=null,Lt(e,t)}}function Vt(e){if(Nt.length){const e=[...new Set(Nt)];if(Nt.length=0,Et)return void Et.push(...e);for(Et=e,Et.sort((e,t)=>Ut(e)-Ut(t)),Ft=0;Ft<Et.length;Ft++)Et[Ft]();Et=null,Ft=0}}const Ut=e=>null==e.id?1/0:e.id;function jt(e){xt=!1,_t=!0,Lt(e),St.sort((e,t)=>Ut(e)-Ut(t));try{for(Ct=0;Ct<St.length;Ct++){const e=St[Ct];e&&vt(e,null,14)}}finally{Ct=0,St.length=0,Vt(),_t=!1,At=null,(St.length||Nt.length)&&jt(e)}}function Dt(e,t,...n){const o=e.vnode.props||g;let r="on"+W(H(t)),s=o[r];if(!s&&t.startsWith("update:")&&(r="on"+W(K(t)),s=o[r]),!s)if(s=o[r+"Once"],e.emitted){if(e.emitted[r])return}else(e.emitted={})[r]=!0;s&&yt(s,e,6,n)}function Ht(e,t,n=!1){if(!t.deopt&&void 0!==e.__emits)return e.__emits;const o=e.emits;let r={},s=!1;if(!A(e)){const o=e=>{s=!0,C(r,Ht(e,t,!0))};!n&&t.mixins.length&&t.mixins.forEach(o),e.extends&&o(e.extends),e.mixins&&e.mixins.forEach(o)}return o||s?(N(o)?o.forEach(e=>r[e]=null):C(r,o),e.__emits=r):e.__emits=null}function zt(e,t){return!(!e||!x(t))&&(t=t.replace(/Once$/,""),T(e,t[2].toLowerCase()+t.slice(3))||T(e,t.slice(2)))}let Kt=null;function Wt(e){Kt=e}function Gt(e){const{type:t,vnode:n,proxy:o,withProxy:r,props:s,propsOptions:[i],slots:l,attrs:c,emit:a,render:u,renderCache:p,data:f,setupState:d,ctx:h}=e;let m;Kt=e;try{let e;if(4&n.shapeFlag){const t=r||o;m=Jo(u.call(t,t,p,s,d,f,h)),e=c}else{const n=t;0,m=Jo(n(s,n.length>1?{attrs:c,slots:l,emit:a}:null)),e=t.props?c:Jt(c)}let g=m;if(!1!==t.inheritAttrs&&e){const t=Object.keys(e),{shapeFlag:n}=g;t.length&&(1&n||6&n)&&(i&&t.some(S)&&(e=Yt(e,i)),g=Go(g,e))}n.dirs&&(g.dirs=g.dirs?g.dirs.concat(n.dirs):n.dirs),n.transition&&(g.transition=n.transition),m=g}catch(t){bt(t,e,1),m=Wo(Oo)}return Kt=null,m}function qt(e){const t=e.filter(e=>!(jo(e)&&e.type===Oo&&"v-if"!==e.children));return 1===t.length&&jo(t[0])?t[0]:null}const Jt=e=>{let t;for(const n in e)("class"===n||"style"===n||x(n))&&((t||(t={}))[n]=e[n]);return t},Yt=(e,t)=>{const n={};for(const o in e)S(o)&&o.slice(9)in t||(n[o]=e[o]);return n};function Zt(e,t,n){const o=Object.keys(t);if(o.length!==Object.keys(e).length)return!0;for(let r=0;r<o.length;r++){const s=o[r];if(t[s]!==e[s]&&!zt(n,s))return!0}return!1}function Qt({vnode:e,parent:t},n){for(;t&&t.subTree===e;)(e=t.vnode).el=n,t=t.parent}const Xt={__isSuspense:!0,process(e,t,n,o,r,s,i,l,c){null==e?function(e,t,n,o,r,s,i,l){const{p:c,o:{createElement:a}}=l,u=a("div"),p=e.suspense=en(e,r,o,t,u,n,s,i,l);c(null,p.pendingBranch=e.ssContent,u,null,o,p,s,i),p.deps>0?(c(null,e.ssFallback,t,n,o,null,s,i),on(p,e.ssFallback)):p.resolve()}(t,n,o,r,s,i,l,c):function(e,t,n,o,r,s,i,{p:l,um:c,o:{createElement:a}}){const u=t.suspense=e.suspense;u.vnode=t,t.el=e.el;const p=t.ssContent,f=t.ssFallback,{activeBranch:d,pendingBranch:h,isInFallback:m,isHydrating:g}=u;if(h)u.pendingBranch=p,Do(p,h)?(l(h,p,u.hiddenContainer,null,r,u,s,i),u.deps<=0?u.resolve():m&&(l(d,f,n,o,r,null,s,i),on(u,f))):(u.pendingId++,g?(u.isHydrating=!1,u.activeBranch=h):c(h,r,u),u.deps=0,u.effects.length=0,u.hiddenContainer=a("div"),m?(l(null,p,u.hiddenContainer,null,r,u,s,i),u.deps<=0?u.resolve():(l(d,f,n,o,r,null,s,i),on(u,f))):d&&Do(p,d)?(l(d,p,n,o,r,u,s,i),u.resolve(!0)):(l(null,p,u.hiddenContainer,null,r,u,s,i),u.deps<=0&&u.resolve()));else if(d&&Do(p,d))l(d,p,n,o,r,u,s,i),on(u,p);else{const e=t.props&&t.props.onPending;if(A(e)&&e(),u.pendingBranch=p,u.pendingId++,l(null,p,u.hiddenContainer,null,r,u,s,i),u.deps<=0)u.resolve();else{const{timeout:e,pendingId:t}=u;e>0?setTimeout(()=>{u.pendingId===t&&u.fallback(f)},e):0===e&&u.fallback(f)}}}(e,t,n,o,r,i,l,c)},hydrate:function(e,t,n,o,r,s,i,l){const c=t.suspense=en(t,o,n,e.parentNode,document.createElement("div"),null,r,s,i,!0),a=l(e,c.pendingBranch=t.ssContent,n,c,s);0===c.deps&&c.resolve();return a},create:en};function en(e,t,n,o,r,s,i,l,c,a=!1){const{p:u,m:p,um:f,n:d,o:{parentNode:h,remove:m}}=c,g=Y(e.props&&e.props.timeout),v={vnode:e,parent:t,parentComponent:n,isSVG:i,optimized:l,container:o,hiddenContainer:r,anchor:s,deps:0,pendingId:0,timeout:"number"==typeof g?g:-1,activeBranch:null,pendingBranch:null,isInFallback:!0,isHydrating:a,isUnmounted:!1,effects:[],resolve(e=!1){const{vnode:t,activeBranch:n,pendingBranch:o,pendingId:r,effects:s,parentComponent:i,container:l}=v;if(v.isHydrating)v.isHydrating=!1;else if(!e){const e=n&&o.transition&&"out-in"===o.transition.mode;e&&(n.transition.afterLeave=()=>{r===v.pendingId&&p(o,l,t,0)});let{anchor:t}=v;n&&(t=d(n),f(n,i,v,!0)),e||p(o,l,t,0)}on(v,o),v.pendingBranch=null,v.isInFallback=!1;let c=v.parent,a=!1;for(;c;){if(c.pendingBranch){c.effects.push(...s),a=!0;break}c=c.parent}a||It(s),v.effects=[];const u=t.props&&t.props.onResolve;A(u)&&u()},fallback(e){if(!v.pendingBranch)return;const{vnode:t,activeBranch:n,parentComponent:o,container:r,isSVG:s,optimized:i}=v,l=t.props&&t.props.onFallback;A(l)&&l();const c=d(n),a=()=>{v.isInFallback&&(u(null,e,r,c,o,null,s,i),on(v,e))},p=e.transition&&"out-in"===e.transition.mode;p&&(n.transition.afterLeave=a),f(n,o,null,!0),v.isInFallback=!0,p||a()},move(e,t,n){v.activeBranch&&p(v.activeBranch,e,t,n),v.container=e},next:()=>v.activeBranch&&d(v.activeBranch),registerDep(e,t){if(!v.pendingBranch)return;const n=e.vnode.el;v.deps++,e.asyncDep.catch(t=>{bt(t,e,0)}).then(o=>{if(e.isUnmounted||v.isUnmounted||v.pendingId!==e.suspenseId)return;v.deps--,e.asyncResolved=!0;const{vnode:r}=e;_r(e,o),n&&(r.el=n);const s=!n&&e.subTree.el;t(e,r,h(n||e.subTree.el),n?null:d(e.subTree),v,i,l),s&&m(s),Qt(e,r.el),0===v.deps&&v.resolve()})},unmount(e,t){v.isUnmounted=!0,v.activeBranch&&f(v.activeBranch,n,e,t),v.pendingBranch&&f(v.pendingBranch,n,e,t)}};return v}function tn(e){if(A(e)&&(e=e()),N(e)){e=qt(e)}return Jo(e)}function nn(e,t){t&&t.pendingBranch?N(e)?t.effects.push(...e):t.effects.push(e):It(e)}function on(e,t){e.activeBranch=t;const{vnode:n,parentComponent:o}=e,r=n.el=t.el;o&&o.subTree===n&&(o.vnode.el=r,Qt(o,r))}let rn=0;const sn=e=>rn+=e;function ln(e,t=Kt){if(!t)return e;const n=(...n)=>{rn||Io(!0);const o=Kt;Wt(t);const r=e(...n);return Wt(o),rn||Lo(),r};return n._c=!0,n}let cn=null;const an=[];function un(e){an.push(cn=e)}function pn(){an.pop(),cn=an[an.length-1]||null}function fn(e,t,n,o){const[r,s]=e.propsOptions;if(t)for(const s in t){const i=t[s];if(U(s))continue;let l;r&&T(r,l=H(s))?n[l]=i:zt(e.emitsOptions,s)||(o[s]=i)}if(s){const t=tt(n);for(let o=0;o<s.length;o++){const i=s[o];n[i]=dn(r,t,i,t[i],e)}}}function dn(e,t,n,o,r){const s=e[n];if(null!=s){const e=T(s,"default");if(e&&void 0===o){const e=s.default;s.type!==Function&&A(e)?(vr(r),o=e(t),vr(null)):o=e}s[0]&&(T(t,n)||e?!s[1]||""!==o&&o!==K(n)||(o=!0):o=!1)}return o}function hn(e,t,n=!1){if(!t.deopt&&e.__props)return e.__props;const o=e.props,r={},s=[];let i=!1;if(!A(e)){const o=e=>{i=!0;const[n,o]=hn(e,t,!0);C(r,n),o&&s.push(...o)};!n&&t.mixins.length&&t.mixins.forEach(o),e.extends&&o(e.extends),e.mixins&&e.mixins.forEach(o)}if(!o&&!i)return e.__props=v;if(N(o))for(let e=0;e<o.length;e++){const t=H(o[e]);mn(t)&&(r[t]=g)}else if(o)for(const e in o){const t=H(e);if(mn(t)){const n=o[e],i=r[t]=N(n)||A(n)?{type:n}:n;if(i){const e=yn(Boolean,i.type),n=yn(String,i.type);i[0]=e>-1,i[1]=n<0||e<n,(e>-1||T(i,"default"))&&s.push(t)}}}return e.__props=[r,s]}function mn(e){return"$"!==e[0]}function gn(e){const t=e&&e.toString().match(/^\s*function (\w+)/);return t?t[1]:""}function vn(e,t){return gn(e)===gn(t)}function yn(e,t){if(N(t)){for(let n=0,o=t.length;n<o;n++)if(vn(t[n],e))return n}else if(A(t))return vn(t,e)?0:-1;return-1}function bn(e,t,n=mr,o=!1){if(n){const r=n[e]||(n[e]=[]),s=t.__weh||(t.__weh=(...o)=>{if(n.isUnmounted)return;ce(),vr(n);const r=yt(t,n,e,o);return vr(null),ae(),r});return o?r.unshift(s):r.push(s),s}}const _n=e=>(t,n=mr)=>!br&&bn(e,t,n),xn=_n("bm"),Sn=_n("m"),Cn=_n("bu"),kn=_n("u"),wn=_n("bum"),Tn=_n("um"),Nn=_n("rtg"),En=_n("rtc"),Fn=(e,t=mr)=>{bn("ec",e,t)};function $n(e,t){return On(e,null,t)}const An={};function Mn(e,t,n){return On(e,t,n)}function On(e,t,{immediate:n,deep:o,flush:r,onTrack:s,onTrigger:i}=g,l=mr){let c,a,u=!1;if(ot(e)?(c=()=>e.value,u=!!e._shallow):Qe(e)?(c=()=>e,o=!0):c=N(e)?()=>e.map(e=>ot(e)?e.value:Qe(e)?Bn(e):A(e)?vt(e,l,2):void 0):A(e)?t?()=>vt(e,l,2):()=>{if(!l||!l.isUnmounted)return a&&a(),vt(e,l,3,[p])}:y,t&&o){const e=c;c=()=>Bn(e())}const p=e=>{a=m.options.onStop=()=>{vt(e,l,4)}};let f=N(e)?[]:An;const d=()=>{if(m.active)if(t){const e=m();(o||u||G(e,f))&&(a&&a(),yt(t,l,3,[e,f===An?void 0:f,p]),f=e)}else m()};let h;d.allowRecurse=!!t,h="sync"===r?d:"post"===r?()=>go(d,l&&l.suspense):()=>{!l||l.isMounted?function(e){Pt(e,wt,kt,Tt)}(d):d()};const m=ne(c,{lazy:!0,onTrack:s,onTrigger:i,scheduler:h});return Cr(m),t?n?d():f=m():"post"===r?go(m,l&&l.suspense):m(),()=>{oe(m),l&&k(l.effects,m)}}function Rn(e,t,n){const o=this.proxy;return On(M(e)?()=>o[e]:e.bind(o),t.bind(o),n,this)}function Bn(e,t=new Set){if(!R(e)||t.has(e))return e;if(t.add(e),ot(e))Bn(e.value,t);else if(N(e))for(let n=0;n<e.length;n++)Bn(e[n],t);else if(F(e)||E(e))e.forEach(e=>{Bn(e,t)});else for(const n in e)Bn(e[n],t);return e}function Pn(){const e={isMounted:!1,isLeaving:!1,isUnmounting:!1,leavingVNodes:new Map};return Sn(()=>{e.isMounted=!0}),wn(()=>{e.isUnmounting=!0}),e}const In=[Function,Array],Ln={name:"BaseTransition",props:{mode:String,appear:Boolean,persisted:Boolean,onBeforeEnter:In,onEnter:In,onAfterEnter:In,onEnterCancelled:In,onBeforeLeave:In,onLeave:In,onAfterLeave:In,onLeaveCancelled:In,onBeforeAppear:In,onAppear:In,onAfterAppear:In,onAppearCancelled:In},setup(e,{slots:t}){const n=gr(),o=Pn();let r;return()=>{const s=t.default&&zn(t.default(),!0);if(!s||!s.length)return;const i=tt(e),{mode:l}=i,c=s[0];if(o.isLeaving)return jn(c);const a=Dn(c);if(!a)return jn(c);const u=Un(a,i,o,n);Hn(a,u);const p=n.subTree,f=p&&Dn(p);let d=!1;const{getTransitionKey:h}=a.type;if(h){const e=h();void 0===r?r=e:e!==r&&(r=e,d=!0)}if(f&&f.type!==Oo&&(!Do(a,f)||d)){const e=Un(f,i,o,n);if(Hn(f,e),"out-in"===l)return o.isLeaving=!0,e.afterLeave=()=>{o.isLeaving=!1,n.update()},jn(c);"in-out"===l&&(e.delayLeave=(e,t,n)=>{Vn(o,f)[String(f.key)]=f,e._leaveCb=()=>{t(),e._leaveCb=void 0,delete u.delayedLeave},u.delayedLeave=n})}return c}}};function Vn(e,t){const{leavingVNodes:n}=e;let o=n.get(t.type);return o||(o=Object.create(null),n.set(t.type,o)),o}function Un(e,t,n,o){const{appear:r,mode:s,persisted:i=!1,onBeforeEnter:l,onEnter:c,onAfterEnter:a,onEnterCancelled:u,onBeforeLeave:p,onLeave:f,onAfterLeave:d,onLeaveCancelled:h,onBeforeAppear:m,onAppear:g,onAfterAppear:v,onAppearCancelled:y}=t,b=String(e.key),_=Vn(n,e),x=(e,t)=>{e&&yt(e,o,9,t)},S={mode:s,persisted:i,beforeEnter(t){let o=l;if(!n.isMounted){if(!r)return;o=m||l}t._leaveCb&&t._leaveCb(!0);const s=_[b];s&&Do(e,s)&&s.el._leaveCb&&s.el._leaveCb(),x(o,[t])},enter(e){let t=c,o=a,s=u;if(!n.isMounted){if(!r)return;t=g||c,o=v||a,s=y||u}let i=!1;const l=e._enterCb=t=>{i||(i=!0,x(t?s:o,[e]),S.delayedLeave&&S.delayedLeave(),e._enterCb=void 0)};t?(t(e,l),t.length<=1&&l()):l()},leave(t,o){const r=String(e.key);if(t._enterCb&&t._enterCb(!0),n.isUnmounting)return o();x(p,[t]);let s=!1;const i=t._leaveCb=n=>{s||(s=!0,o(),x(n?h:d,[t]),t._leaveCb=void 0,_[r]===e&&delete _[r])};_[r]=e,f?(f(t,i),f.length<=1&&i()):i()},clone:e=>Un(e,t,n,o)};return S}function jn(e){if(Kn(e))return(e=Go(e)).children=null,e}function Dn(e){return Kn(e)?e.children?e.children[0]:void 0:e}function Hn(e,t){6&e.shapeFlag&&e.component?Hn(e.component.subTree,t):128&e.shapeFlag?(e.ssContent.transition=t.clone(e.ssContent),e.ssFallback.transition=t.clone(e.ssFallback)):e.transition=t}function zn(e,t=!1){let n=[],o=0;for(let r=0;r<e.length;r++){const s=e[r];s.type===Ao?(128&s.patchFlag&&o++,n=n.concat(zn(s.children,t))):(t||s.type!==Oo)&&n.push(s)}if(o>1)for(let e=0;e<n.length;e++)n[e].patchFlag=-2;return n}const Kn=e=>e.type.__isKeepAlive,Wn={name:"KeepAlive",__isKeepAlive:!0,inheritRef:!0,props:{include:[String,RegExp,Array],exclude:[String,RegExp,Array],max:[String,Number]},setup(e,{slots:t}){const n=new Map,o=new Set;let r=null;const s=gr(),i=s.suspense,l=s.ctx,{renderer:{p:c,m:a,um:u,o:{createElement:p}}}=l,f=p("div");function d(e){Xn(e),u(e,s,i)}function h(e){n.forEach((t,n)=>{const o=Gn(t.type);!o||e&&e(o)||m(n)})}function m(e){const t=n.get(e);r&&t.type===r.type?r&&Xn(r):d(t),n.delete(e),o.delete(e)}l.activate=(e,t,n,o,r)=>{const s=e.component;a(e,t,n,0,i),c(s.vnode,e,t,n,s,i,o,r),go(()=>{s.isDeactivated=!1,s.a&&q(s.a);const t=e.props&&e.props.onVnodeMounted;t&&xo(t,s.parent,e)},i)},l.deactivate=e=>{const t=e.component;a(e,f,null,1,i),go(()=>{t.da&&q(t.da);const n=e.props&&e.props.onVnodeUnmounted;n&&xo(n,t.parent,e),t.isDeactivated=!0},i)},Mn(()=>[e.include,e.exclude],([e,t])=>{e&&h(t=>qn(e,t)),t&&h(e=>!qn(t,e))},{flush:"post"});let g=null;const v=()=>{null!=g&&n.set(g,eo(s.subTree))};return Sn(v),kn(v),wn(()=>{n.forEach(e=>{const{subTree:t,suspense:n}=s,o=eo(t);if(e.type!==o.type)d(e);else{Xn(o);const e=o.component.da;e&&go(e,n)}})}),()=>{if(g=null,!t.default)return null;const s=t.default(),i=s[0];if(s.length>1)return r=null,s;if(!(jo(i)&&(4&i.shapeFlag||128&i.shapeFlag)))return r=null,i;let l=eo(i);const c=l.type,a=Gn(c),{include:u,exclude:p,max:f}=e;if(u&&(!a||!qn(u,a))||p&&a&&qn(p,a))return r=l,i;const d=null==l.key?c:l.key,h=n.get(d);return l.el&&(l=Go(l),128&i.shapeFlag&&(i.ssContent=l)),g=d,h?(l.el=h.el,l.component=h.component,l.transition&&Hn(l,l.transition),l.shapeFlag|=512,o.delete(d),o.add(d)):(o.add(d),f&&o.size>parseInt(f,10)&&m(o.values().next().value)),l.shapeFlag|=256,r=l,i}}};function Gn(e){return e.displayName||e.name}function qn(e,t){return N(e)?e.some(e=>qn(e,t)):M(e)?e.split(",").indexOf(t)>-1:!!e.test&&e.test(t)}function Jn(e,t){Zn(e,"a",t)}function Yn(e,t){Zn(e,"da",t)}function Zn(e,t,n=mr){const o=e.__wdc||(e.__wdc=()=>{let t=n;for(;t;){if(t.isDeactivated)return;t=t.parent}e()});if(bn(t,o,n),n){let e=n.parent;for(;e&&e.parent;)Kn(e.parent.vnode)&&Qn(o,t,n,e),e=e.parent}}function Qn(e,t,n,o){const r=bn(t,e,o,!0);Tn(()=>{k(o[t],r)},n)}function Xn(e){let t=e.shapeFlag;256&t&&(t-=256),512&t&&(t-=512),e.shapeFlag=t}function eo(e){return 128&e.shapeFlag?e.ssContent:e}const to=e=>"_"===e[0]||"$stable"===e,no=e=>N(e)?e.map(Jo):[Jo(e)],oo=(e,t,n)=>ln(e=>no(t(e)),n),ro=(e,t)=>{const n=e._ctx;for(const o in e){if(to(o))continue;const r=e[o];if(A(r))t[o]=oo(0,r,n);else if(null!=r){const e=no(r);t[o]=()=>e}}},so=(e,t)=>{const n=no(t);e.slots.default=()=>n};function io(e,t,n,o){const r=e.dirs,s=t&&t.dirs;for(let i=0;i<r.length;i++){const l=r[i];s&&(l.oldValue=s[i].value);const c=l.dir[o];c&&yt(c,n,8,[e.el,l,e,t])}}function lo(){return{app:null,config:{isNativeTag:b,performance:!1,globalProperties:{},optionMergeStrategies:{},isCustomElement:b,errorHandler:void 0,warnHandler:void 0},mixins:[],components:{},directives:{},provides:Object.create(null)}}let co=0;function ao(e,t){return function(n,o=null){null==o||R(o)||(o=null);const r=lo(),s=new Set;let i=!1;const l=r.app={_uid:co++,_component:n,_props:o,_container:null,_context:r,version:Ar,get config(){return r.config},set config(e){},use:(e,...t)=>(s.has(e)||(e&&A(e.install)?(s.add(e),e.install(l,...t)):A(e)&&(s.add(e),e(l,...t))),l),mixin:e=>(r.mixins.includes(e)||(r.mixins.push(e),(e.props||e.emits)&&(r.deopt=!0)),l),component:(e,t)=>t?(r.components[e]=t,l):r.components[e],directive:(e,t)=>t?(r.directives[e]=t,l):r.directives[e],mount(s,c){if(!i){const a=Wo(n,o);return a.appContext=r,c&&t?t(a,s):e(a,s),i=!0,l._container=s,s.__vue_app__=l,a.component.proxy}},unmount(){i&&e(null,l._container)},provide:(e,t)=>(r.provides[e]=t,l)};return l}}let uo=!1;const po=e=>/svg/.test(e.namespaceURI)&&"foreignObject"!==e.tagName,fo=e=>8===e.nodeType;function ho(e){const{mt:t,p:n,o:{patchProp:o,nextSibling:r,parentNode:s,remove:i,insert:l,createComment:c}}=e,a=(n,o,i,l,c=!1)=>{const m=fo(n)&&"["===n.data,g=()=>d(n,o,i,l,m),{type:v,ref:y,shapeFlag:b}=o,_=n.nodeType;o.el=n;let x=null;switch(v){case Mo:3!==_?x=g():(n.data!==o.children&&(uo=!0,n.data=o.children),x=r(n));break;case Oo:x=8!==_||m?g():r(n);break;case Ro:if(1===_){x=n;const e=!o.children.length;for(let t=0;t<o.staticCount;t++)e&&(o.children+=x.outerHTML),t===o.staticCount-1&&(o.anchor=x),x=r(x);return x}x=g();break;case Ao:x=m?f(n,o,i,l,c):g();break;default:if(1&b)x=1!==_||o.type!==n.tagName.toLowerCase()?g():u(n,o,i,l,c);else if(6&b){const e=s(n),a=()=>{t(o,e,null,i,l,po(e),c)},u=o.type.__asyncLoader;u?u().then(a):a(),x=m?h(n):r(n)}else 64&b?x=8!==_?g():o.type.hydrate(n,o,i,l,c,e,p):128&b&&(x=o.type.hydrate(n,o,i,l,po(s(n)),c,e,a))}return null!=y&&i&&vo(y,null,i,l,o),x},u=(e,t,n,r,s)=>{s=s||!!t.dynamicChildren;const{props:l,patchFlag:c,shapeFlag:a,dirs:u}=t;if(-1!==c){if(u&&io(t,null,n,"created"),l)if(!s||16&c||32&c)for(const t in l)!U(t)&&x(t)&&o(e,t,null,l[t]);else l.onClick&&o(e,"onClick",null,l.onClick);let f;if((f=l&&l.onVnodeBeforeMount)&&xo(f,n,t),u&&io(t,null,n,"beforeMount"),((f=l&&l.onVnodeMounted)||u)&&nn(()=>{f&&xo(f,n,t),u&&io(t,null,n,"mounted")},r),16&a&&(!l||!l.innerHTML&&!l.textContent)){let o=p(e.firstChild,t,e,n,r,s);for(;o;){uo=!0;const e=o;o=o.nextSibling,i(e)}}else 8&a&&e.textContent!==t.children&&(uo=!0,e.textContent=t.children)}return e.nextSibling},p=(e,t,o,r,s,i)=>{i=i||!!t.dynamicChildren;const l=t.children,c=l.length;for(let t=0;t<c;t++){const c=i?l[t]:l[t]=Jo(l[t]);e?e=a(e,c,r,s,i):(uo=!0,n(null,c,o,null,r,s,po(o)))}return e},f=(e,t,n,o,i)=>{const a=s(e),u=p(r(e),t,a,n,o,i);return u&&fo(u)&&"]"===u.data?r(t.anchor=u):(uo=!0,l(t.anchor=c("]"),a,u),u)},d=(e,t,o,l,c)=>{if(uo=!0,t.el=null,c){const t=h(e);for(;;){const n=r(e);if(!n||n===t)break;i(n)}}const a=r(e),u=s(e);return i(e),n(null,t,u,a,o,l,po(u)),a},h=e=>{let t=0;for(;e;)if((e=r(e))&&fo(e)&&("["===e.data&&t++,"]"===e.data)){if(0===t)return r(e);t--}return e};return[(e,t)=>{uo=!1,a(t.firstChild,e,null,null),Vt(),uo&&console.error("Hydration completed but contains mismatches.")},a]}const mo={scheduler:Rt,allowRecurse:!0},go=nn,vo=(e,t,n,o,r)=>{if(N(e))return void e.forEach((e,s)=>vo(e,t&&(N(t)?t[s]:t),n,o,r));let s;s=r?4&r.shapeFlag?r.component.proxy:r.el:null;const{i:i,r:l}=e,c=t&&t.r,a=i.refs===g?i.refs={}:i.refs,u=i.setupState;if(null!=c&&c!==l&&(M(c)?(a[c]=null,T(u,c)&&(u[c]=null)):ot(c)&&(c.value=null)),M(l)){const e=()=>{a[l]=s,T(u,l)&&(u[l]=s)};s?(e.id=-1,go(e,o)):e()}else if(ot(l)){const e=()=>{l.value=s};s?(e.id=-1,go(e,o)):e()}else A(l)&&vt(l,n,12,[s,a])};function yo(e){return _o(e)}function bo(e){return _o(e,ho)}function _o(e,t){const{insert:n,remove:o,patchProp:r,forcePatchProp:s,createElement:i,createText:l,createComment:c,setText:a,setElementText:u,parentNode:p,nextSibling:f,setScopeId:d=y,cloneNode:h,insertStaticContent:m}=e,b=(e,t,n,o=null,r=null,s=null,i=!1,l=!1)=>{e&&!Do(e,t)&&(o=X(e),W(e,r,s,!0),e=null),-2===t.patchFlag&&(l=!1,t.dynamicChildren=null);const{type:c,ref:a,shapeFlag:u}=t;switch(c){case Mo:_(e,t,n,o);break;case Oo:x(e,t,n,o);break;case Ro:null==e&&S(t,n,o,i);break;case Ao:M(e,t,n,o,r,s,i,l);break;default:1&u?k(e,t,n,o,r,s,i,l):6&u?O(e,t,n,o,r,s,i,l):(64&u||128&u)&&c.process(e,t,n,o,r,s,i,l,te)}null!=a&&r&&vo(a,e&&e.ref,r,s,t)},_=(e,t,o,r)=>{if(null==e)n(t.el=l(t.children),o,r);else{const n=t.el=e.el;t.children!==e.children&&a(n,t.children)}},x=(e,t,o,r)=>{null==e?n(t.el=c(t.children||""),o,r):t.el=e.el},S=(e,t,n,o)=>{[e.el,e.anchor]=m(e.children,t,n,o)},k=(e,t,n,o,r,s,i,l)=>{i=i||"svg"===t.type,null==e?w(t,n,o,r,s,i,l):F(e,t,r,s,i,l)},w=(e,t,o,s,l,c,a)=>{let p,f;const{type:d,props:m,shapeFlag:g,transition:v,scopeId:y,patchFlag:b,dirs:_}=e;if(e.el&&void 0!==h&&-1===b)p=e.el=h(e.el);else{if(p=e.el=i(e.type,c,m&&m.is),8&g?u(p,e.children):16&g&&E(e.children,p,null,s,l,c&&"foreignObject"!==d,a||!!e.dynamicChildren),_&&io(e,null,s,"created"),m){for(const t in m)U(t)||r(p,t,null,m[t],c,e.children,s,l,Q);(f=m.onVnodeBeforeMount)&&xo(f,s,e)}N(p,y,e,s)}_&&io(e,null,s,"beforeMount");const x=(!l||l&&!l.pendingBranch)&&v&&!v.persisted;x&&v.beforeEnter(p),n(p,t,o),((f=m&&m.onVnodeMounted)||x||_)&&go(()=>{f&&xo(f,s,e),x&&v.enter(p),_&&io(e,null,s,"mounted")},l)},N=(e,t,n,o)=>{if(t&&d(e,t),o){const r=o.type.__scopeId;r&&r!==t&&d(e,r+"-s"),n===o.subTree&&N(e,o.vnode.scopeId,o.vnode,o.parent)}},E=(e,t,n,o,r,s,i,l=0)=>{for(let c=l;c<e.length;c++){const l=e[c]=i?Yo(e[c]):Jo(e[c]);b(null,l,t,n,o,r,s,i)}},F=(e,t,n,o,i,l)=>{const c=t.el=e.el;let{patchFlag:a,dynamicChildren:p,dirs:f}=t;a|=16&e.patchFlag;const d=e.props||g,h=t.props||g;let m;if((m=h.onVnodeBeforeUpdate)&&xo(m,n,t,e),f&&io(t,e,n,"beforeUpdate"),a>0){if(16&a)A(c,t,d,h,n,o,i);else if(2&a&&d.class!==h.class&&r(c,"class",null,h.class,i),4&a&&r(c,"style",d.style,h.style,i),8&a){const l=t.dynamicProps;for(let t=0;t<l.length;t++){const a=l[t],u=d[a],p=h[a];(p!==u||s&&s(c,a))&&r(c,a,u,p,i,e.children,n,o,Q)}}1&a&&e.children!==t.children&&u(c,t.children)}else l||null!=p||A(c,t,d,h,n,o,i);const v=i&&"foreignObject"!==t.type;p?$(e.dynamicChildren,p,c,n,o,v):l||V(e,t,c,null,n,o,v),((m=h.onVnodeUpdated)||f)&&go(()=>{m&&xo(m,n,t,e),f&&io(t,e,n,"updated")},o)},$=(e,t,n,o,r,s)=>{for(let i=0;i<t.length;i++){const l=e[i],c=t[i],a=l.type===Ao||!Do(l,c)||6&l.shapeFlag||64&l.shapeFlag?p(l.el):n;b(l,c,a,null,o,r,s,!0)}},A=(e,t,n,o,i,l,c)=>{if(n!==o){for(const a in o){if(U(a))continue;const u=o[a],p=n[a];(u!==p||s&&s(e,a))&&r(e,a,p,u,c,t.children,i,l,Q)}if(n!==g)for(const s in n)U(s)||s in o||r(e,s,n[s],null,c,t.children,i,l,Q)}},M=(e,t,o,r,s,i,c,a)=>{const u=t.el=e?e.el:l(""),p=t.anchor=e?e.anchor:l("");let{patchFlag:f,dynamicChildren:d}=t;f>0&&(a=!0),null==e?(n(u,o,r),n(p,o,r),E(t.children,o,p,s,i,c,a)):f>0&&64&f&&d?($(e.dynamicChildren,d,o,s,i,c),(null!=t.key||s&&t===s.subTree)&&So(e,t,!0)):V(e,t,o,p,s,i,c,a)},O=(e,t,n,o,r,s,i,l)=>{null==e?512&t.shapeFlag?r.ctx.activate(t,n,o,i,l):R(t,n,o,r,s,i,l):P(e,t,l)},R=(e,t,n,o,r,s,i)=>{const l=e.component=function(e,t,n){const o=e.type,r=(t?t.appContext:e.appContext)||dr,s={uid:hr++,vnode:e,type:o,parent:t,appContext:r,root:null,next:null,subTree:null,update:null,render:null,proxy:null,withProxy:null,effects:null,provides:t?t.provides:Object.create(r.provides),accessCache:null,renderCache:[],components:null,directives:null,propsOptions:hn(o,r),emitsOptions:Ht(o,r),emit:null,emitted:null,ctx:g,data:g,props:g,attrs:g,slots:g,refs:g,setupState:g,setupContext:null,suspense:n,suspenseId:n?n.pendingId:0,asyncDep:null,asyncResolved:!1,isMounted:!1,isUnmounted:!1,isDeactivated:!1,bc:null,c:null,bm:null,m:null,bu:null,u:null,um:null,bum:null,da:null,a:null,rtg:null,rtc:null,ec:null};return s.ctx={_:s},s.root=t?t.root:s,s.emit=Dt.bind(null,s),s}(e,o,r);if(Kn(e)&&(l.ctx.renderer=te),function(e,t=!1){br=t;const{props:n,children:o,shapeFlag:r}=e.vnode,s=4&r;(function(e,t,n,o=!1){const r={},s={};J(s,Ho,1),fn(e,t,r,s),e.props=n?o?r:Je(r):e.type.props?r:s,e.attrs=s})(e,n,s,t),((e,t)=>{if(32&e.vnode.shapeFlag){const n=t._;n?(e.slots=t,J(t,"_",n)):ro(t,e.slots={})}else e.slots={},t&&so(e,t);J(e.slots,Ho,1)})(e,o);const i=s?function(e,t){const n=e.type;e.accessCache={},e.proxy=new Proxy(e.ctx,pr);const{setup:o}=n;if(o){const n=e.setupContext=o.length>1?function(e){return{attrs:e.attrs,slots:e.slots,emit:e.emit}}(e):null;mr=e,ce();const r=vt(o,e,0,[e.props,n]);if(ae(),mr=null,B(r)){if(t)return r.then(t=>{_r(e,t)});e.asyncDep=r}else _r(e,r)}else Sr(e)}(e,t):void 0;br=!1}(l),l.asyncDep){if(r&&r.registerDep(l,I),!e.el){const e=l.subTree=Wo(Oo);x(null,e,t,n)}}else I(l,e,t,n,r,s,i)},P=(e,t,n)=>{const o=t.component=e.component;if(function(e,t,n){const{props:o,children:r,component:s}=e,{props:i,children:l,patchFlag:c}=t,a=s.emitsOptions;if(t.dirs||t.transition)return!0;if(!(n&&c>0))return!(!r&&!l||l&&l.$stable)||o!==i&&(o?!i||Zt(o,i,a):!!i);if(1024&c)return!0;if(16&c)return o?Zt(o,i,a):!!i;if(8&c){const e=t.dynamicProps;for(let t=0;t<e.length;t++){const n=e[t];if(i[n]!==o[n]&&!zt(a,n))return!0}}return!1}(e,t,n)){if(o.asyncDep&&!o.asyncResolved)return void L(o,t,n);o.next=t,function(e){const t=St.indexOf(e);t>-1&&(St[t]=null)}(o.update),o.update()}else t.component=e.component,t.el=e.el,o.vnode=t},I=(e,t,n,o,r,s,i)=>{e.update=ne((function(){if(e.isMounted){let t,{next:n,bu:o,u:l,parent:c,vnode:a}=e,u=n;n?(n.el=a.el,L(e,n,i)):n=a,o&&q(o),(t=n.props&&n.props.onVnodeBeforeUpdate)&&xo(t,c,n,a);const f=Gt(e),d=e.subTree;e.subTree=f,b(d,f,p(d.el),X(d),e,r,s),n.el=f.el,null===u&&Qt(e,f.el),l&&go(l,r),(t=n.props&&n.props.onVnodeUpdated)&&go(()=>{xo(t,c,n,a)},r)}else{let i;const{el:l,props:c}=t,{bm:a,m:u,parent:p}=e;a&&q(a),(i=c&&c.onVnodeBeforeMount)&&xo(i,p,t);const f=e.subTree=Gt(e);l&&se?se(t.el,f,e,r):(b(null,f,n,o,e,r,s),t.el=f.el),u&&go(u,r),(i=c&&c.onVnodeMounted)&&go(()=>{xo(i,p,t)},r);const{a:d}=e;d&&256&t.shapeFlag&&go(d,r),e.isMounted=!0}}),mo)},L=(e,t,n)=>{t.component=e;const o=e.vnode.props;e.vnode=t,e.next=null,function(e,t,n,o){const{props:r,attrs:s,vnode:{patchFlag:i}}=e,l=tt(r),[c]=e.propsOptions;if(!(o||i>0)||16&i){let o;fn(e,t,r,s);for(const s in l)t&&(T(t,s)||(o=K(s))!==s&&T(t,o))||(c?!n||void 0===n[s]&&void 0===n[o]||(r[s]=dn(c,t||g,s,void 0,e)):delete r[s]);if(s!==l)for(const e in s)t&&T(t,e)||delete s[e]}else if(8&i){const n=e.vnode.dynamicProps;for(let o=0;o<n.length;o++){const i=n[o],a=t[i];if(c)if(T(s,i))s[i]=a;else{const t=H(i);r[t]=dn(c,l,t,a,e)}else s[i]=a}}pe(e,"set","$attrs")}(e,t.props,o,n),((e,t)=>{const{vnode:n,slots:o}=e;let r=!0,s=g;if(32&n.shapeFlag){const e=t._;e?1===e?r=!1:C(o,t):(r=!t.$stable,ro(t,o)),s=t}else t&&(so(e,t),s={default:1});if(r)for(const e in o)to(e)||e in s||delete o[e]})(e,t.children),Lt(void 0,e.update)},V=(e,t,n,o,r,s,i,l=!1)=>{const c=e&&e.children,a=e?e.shapeFlag:0,p=t.children,{patchFlag:f,shapeFlag:d}=t;if(f>0){if(128&f)return void D(c,p,n,o,r,s,i,l);if(256&f)return void j(c,p,n,o,r,s,i,l)}8&d?(16&a&&Q(c,r,s),p!==c&&u(n,p)):16&a?16&d?D(c,p,n,o,r,s,i,l):Q(c,r,s,!0):(8&a&&u(n,""),16&d&&E(p,n,o,r,s,i,l))},j=(e,t,n,o,r,s,i,l)=>{const c=(e=e||v).length,a=(t=t||v).length,u=Math.min(c,a);let p;for(p=0;p<u;p++){const o=t[p]=l?Yo(t[p]):Jo(t[p]);b(e[p],o,n,null,r,s,i,l)}c>a?Q(e,r,s,!0,!1,u):E(t,n,o,r,s,i,l,u)},D=(e,t,n,o,r,s,i,l)=>{let c=0;const a=t.length;let u=e.length-1,p=a-1;for(;c<=u&&c<=p;){const o=e[c],a=t[c]=l?Yo(t[c]):Jo(t[c]);if(!Do(o,a))break;b(o,a,n,null,r,s,i,l),c++}for(;c<=u&&c<=p;){const o=e[u],c=t[p]=l?Yo(t[p]):Jo(t[p]);if(!Do(o,c))break;b(o,c,n,null,r,s,i,l),u--,p--}if(c>u){if(c<=p){const e=p+1,u=e<a?t[e].el:o;for(;c<=p;)b(null,t[c]=l?Yo(t[c]):Jo(t[c]),n,u,r,s,i),c++}}else if(c>p)for(;c<=u;)W(e[c],r,s,!0),c++;else{const f=c,d=c,h=new Map;for(c=d;c<=p;c++){const e=t[c]=l?Yo(t[c]):Jo(t[c]);null!=e.key&&h.set(e.key,c)}let m,g=0;const y=p-d+1;let _=!1,x=0;const S=new Array(y);for(c=0;c<y;c++)S[c]=0;for(c=f;c<=u;c++){const o=e[c];if(g>=y){W(o,r,s,!0);continue}let a;if(null!=o.key)a=h.get(o.key);else for(m=d;m<=p;m++)if(0===S[m-d]&&Do(o,t[m])){a=m;break}void 0===a?W(o,r,s,!0):(S[a-d]=c+1,a>=x?x=a:_=!0,b(o,t[a],n,null,r,s,i,l),g++)}const C=_?function(e){const t=e.slice(),n=[0];let o,r,s,i,l;const c=e.length;for(o=0;o<c;o++){const c=e[o];if(0!==c){if(r=n[n.length-1],e[r]<c){t[o]=r,n.push(o);continue}for(s=0,i=n.length-1;s<i;)l=(s+i)/2|0,e[n[l]]<c?s=l+1:i=l;c<e[n[s]]&&(s>0&&(t[o]=n[s-1]),n[s]=o)}}s=n.length,i=n[s-1];for(;s-- >0;)n[s]=i,i=t[i];return n}(S):v;for(m=C.length-1,c=y-1;c>=0;c--){const e=d+c,l=t[e],u=e+1<a?t[e+1].el:o;0===S[c]?b(null,l,n,u,r,s,i):_&&(m<0||c!==C[m]?z(l,n,u,2):m--)}}},z=(e,t,o,r,s=null)=>{const{el:i,type:l,transition:c,children:a,shapeFlag:u}=e;if(6&u)return void z(e.component.subTree,t,o,r);if(128&u)return void e.suspense.move(t,o,r);if(64&u)return void l.move(e,t,o,te);if(l===Ao){n(i,t,o);for(let e=0;e<a.length;e++)z(a[e],t,o,r);return void n(e.anchor,t,o)}if(2!==r&&1&u&&c)if(0===r)c.beforeEnter(i),n(i,t,o),go(()=>c.enter(i),s);else{const{leave:e,delayLeave:r,afterLeave:s}=c,l=()=>n(i,t,o),a=()=>{e(i,()=>{l(),s&&s()})};r?r(i,l,a):a()}else n(i,t,o)},W=(e,t,n,o=!1,r=!1)=>{const{type:s,props:i,ref:l,children:c,dynamicChildren:a,shapeFlag:u,patchFlag:p,dirs:f}=e;if(null!=l&&t&&vo(l,null,t,n,null),256&u)return void t.ctx.deactivate(e);const d=1&u&&f;let h;if((h=i&&i.onVnodeBeforeUnmount)&&xo(h,t,e),6&u)Z(e.component,n,o);else{if(128&u)return void e.suspense.unmount(n,o);d&&io(e,null,t,"beforeUnmount"),a&&(s!==Ao||p>0&&64&p)?Q(a,t,n,!1,!0):!r&&16&u&&Q(c,t,n),64&u&&(o||!Co(e.props))&&e.type.remove(e,te),o&&G(e)}((h=i&&i.onVnodeUnmounted)||d)&&go(()=>{h&&xo(h,t,e),d&&io(e,null,t,"unmounted")},n)},G=e=>{const{type:t,el:n,anchor:r,transition:s}=e;if(t===Ao)return void Y(n,r);const i=()=>{o(n),s&&!s.persisted&&s.afterLeave&&s.afterLeave()};if(1&e.shapeFlag&&s&&!s.persisted){const{leave:t,delayLeave:o}=s,r=()=>t(n,i);o?o(e.el,i,r):r()}else i()},Y=(e,t)=>{let n;for(;e!==t;)n=f(e),o(e),e=n;o(t)},Z=(e,t,n)=>{const{bum:o,effects:r,update:s,subTree:i,um:l}=e;if(o&&q(o),r)for(let e=0;e<r.length;e++)oe(r[e]);s&&(oe(s),W(i,e,t,n)),l&&go(l,t),go(()=>{e.isUnmounted=!0},t),t&&t.pendingBranch&&!t.isUnmounted&&e.asyncDep&&!e.asyncResolved&&e.suspenseId===t.pendingId&&(t.deps--,0===t.deps&&t.resolve())},Q=(e,t,n,o=!1,r=!1,s=0)=>{for(let i=s;i<e.length;i++)W(e[i],t,n,o,r)},X=e=>6&e.shapeFlag?X(e.component.subTree):128&e.shapeFlag?e.suspense.next():f(e.anchor||e.el),ee=(e,t)=>{null==e?t._vnode&&W(t._vnode,null,null,!0):b(t._vnode||null,e,t),Vt(),t._vnode=e},te={p:b,um:W,m:z,r:G,mt:R,mc:E,pc:V,pbc:$,n:X,o:e};let re,se;return t&&([re,se]=t(te)),{render:ee,hydrate:re,createApp:ao(ee,re)}}function xo(e,t,n,o=null){yt(e,t,7,[n,o])}function So(e,t,n=!1){const o=e.children,r=t.children;if(N(o)&&N(r))for(let e=0;e<o.length;e++){const t=o[e];let s=r[e];1&s.shapeFlag&&!s.dynamicChildren&&((s.patchFlag<=0||32===s.patchFlag)&&(s=r[e]=Yo(r[e]),s.el=t.el),n||So(t,s))}}const Co=e=>e&&(e.disabled||""===e.disabled),ko=(e,t)=>{const n=e&&e.to;if(M(n)){if(t){return t(n)}return null}return n};function wo(e,t,n,{o:{insert:o},m:r},s=2){0===s&&o(e.targetAnchor,t,n);const{el:i,anchor:l,shapeFlag:c,children:a,props:u}=e,p=2===s;if(p&&o(i,t,n),(!p||Co(u))&&16&c)for(let e=0;e<a.length;e++)r(a[e],t,n,2);p&&o(l,t,n)}const To={__isTeleport:!0,process(e,t,n,o,r,s,i,l,c){const{mc:a,pc:u,pbc:p,o:{insert:f,querySelector:d,createText:h}}=c,m=Co(t.props),{shapeFlag:g,children:v}=t;if(null==e){const e=t.el=h(""),c=t.anchor=h("");f(e,n,o),f(c,n,o);const u=t.target=ko(t.props,d),p=t.targetAnchor=h("");u&&f(p,u);const y=(e,t)=>{16&g&&a(v,e,t,r,s,i,l)};m?y(n,c):u&&y(u,p)}else{t.el=e.el;const o=t.anchor=e.anchor,a=t.target=e.target,f=t.targetAnchor=e.targetAnchor,h=Co(e.props),g=h?n:a,v=h?o:f;if(t.dynamicChildren?(p(e.dynamicChildren,t.dynamicChildren,g,r,s,i),So(e,t,!0)):l||u(e,t,g,v,r,s,i),m)h||wo(t,n,o,c,1);else if((t.props&&t.props.to)!==(e.props&&e.props.to)){const e=t.target=ko(t.props,d);e&&wo(t,e,null,c,0)}else h&&wo(t,a,f,c,1)}},remove(e,{r:t,o:{remove:n}}){const{shapeFlag:o,children:r,anchor:s}=e;if(n(s),16&o)for(let e=0;e<r.length;e++)t(r[e])},move:wo,hydrate:function(e,t,n,o,r,{o:{nextSibling:s,parentNode:i,querySelector:l}},c){const a=t.target=ko(t.props,l);if(a){const l=a._lpa||a.firstChild;16&t.shapeFlag&&(Co(t.props)?(t.anchor=c(s(e),t,i(e),n,o,r),t.targetAnchor=l):(t.anchor=s(e),t.targetAnchor=c(l,t,a,n,o,r)),a._lpa=t.targetAnchor&&s(t.targetAnchor))}return t.anchor&&s(t.anchor)}},No="components";const Eo=Symbol();function Fo(e,t,n=!0){const o=Kt||mr;if(o){const n=o.type;if(e===No){const e=n.displayName||n.name;if(e&&(e===t||e===H(t)||e===W(H(t))))return n}return $o(o[e]||n[e],t)||$o(o.appContext[e],t)}}function $o(e,t){return e&&(e[t]||e[H(t)]||e[W(H(t))])}const Ao=Symbol(void 0),Mo=Symbol(void 0),Oo=Symbol(void 0),Ro=Symbol(void 0),Bo=[];let Po=null;function Io(e=!1){Bo.push(Po=e?null:[])}function Lo(){Bo.pop(),Po=Bo[Bo.length-1]||null}let Vo=1;function Uo(e,t,n,o,r){const s=Wo(e,t,n,o,r,!0);return s.dynamicChildren=Po||v,Lo(),Vo>0&&Po&&Po.push(s),s}function jo(e){return!!e&&!0===e.__v_isVNode}function Do(e,t){return e.type===t.type&&e.key===t.key}const Ho="__vInternal",zo=({key:e})=>null!=e?e:null,Ko=({ref:e})=>null!=e?N(e)?e:{i:Kt,r:e}:null,Wo=function(e,t=null,n=null,o=0,r=null,i=!1){e&&e!==Eo||(e=Oo);if(jo(e)){const o=Go(e,t,!0);return n&&Zo(o,n),o}l=e,A(l)&&"__vccOpts"in l&&(e=e.__vccOpts);var l;if(t){(et(t)||Ho in t)&&(t=C({},t));let{class:e,style:n}=t;e&&!M(e)&&(t.class=a(e)),R(n)&&(et(n)&&!N(n)&&(n=C({},n)),t.style=s(n))}const c=M(e)?1:(e=>e.__isSuspense)(e)?128:(e=>e.__isTeleport)(e)?64:R(e)?4:A(e)?2:0,u={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&zo(t),ref:t&&Ko(t),scopeId:cn,children:null,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetAnchor:null,staticCount:0,shapeFlag:c,patchFlag:o,dynamicProps:r,dynamicChildren:null,appContext:null};if(Zo(u,n),128&c){const{content:e,fallback:t}=function(e){const{shapeFlag:t,children:n}=e;let o,r;return 32&t?(o=tn(n.default),r=tn(n.fallback)):(o=tn(n),r=Jo(null)),{content:o,fallback:r}}(u);u.ssContent=e,u.ssFallback=t}Vo>0&&!i&&Po&&(o>0||6&c)&&32!==o&&Po.push(u);return u};function Go(e,t,n=!1){const{props:o,ref:r,patchFlag:s}=e,i=t?Qo(o||{},t):o;return{__v_isVNode:!0,__v_skip:!0,type:e.type,props:i,key:i&&zo(i),ref:t&&t.ref?n&&r?N(r)?r.concat(Ko(t)):[r,Ko(t)]:Ko(t):r,scopeId:e.scopeId,children:e.children,target:e.target,targetAnchor:e.targetAnchor,staticCount:e.staticCount,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==Ao?-1===s?16:16|s:s,dynamicProps:e.dynamicProps,dynamicChildren:e.dynamicChildren,appContext:e.appContext,dirs:e.dirs,transition:e.transition,component:e.component,suspense:e.suspense,ssContent:e.ssContent&&Go(e.ssContent),ssFallback:e.ssFallback&&Go(e.ssFallback),el:e.el,anchor:e.anchor}}function qo(e=" ",t=0){return Wo(Mo,null,e,t)}function Jo(e){return null==e||"boolean"==typeof e?Wo(Oo):N(e)?Wo(Ao,null,e):"object"==typeof e?null===e.el?e:Go(e):Wo(Mo,null,String(e))}function Yo(e){return null===e.el?e:Go(e)}function Zo(e,t){let n=0;const{shapeFlag:o}=e;if(null==t)t=null;else if(N(t))n=16;else if("object"==typeof t){if(1&o||64&o){const n=t.default;return void(n&&(n._c&&sn(1),Zo(e,n()),n._c&&sn(-1)))}{n=32;const o=t._;o||Ho in t?3===o&&Kt&&(1024&Kt.vnode.patchFlag?(t._=2,e.patchFlag|=1024):t._=1):t._ctx=Kt}}else A(t)?(t={default:t,_ctx:Kt},n=32):(t=String(t),64&o?(n=16,t=[qo(t)]):n=8);e.children=t,e.shapeFlag|=n}function Qo(...e){const t=C({},e[0]);for(let n=1;n<e.length;n++){const o=e[n];for(const e in o)if("class"===e)t.class!==o.class&&(t.class=a([t.class,o.class]));else if("style"===e)t.style=s([t.style,o.style]);else if(x(e)){const n=t[e],r=o[e];n!==r&&(t[e]=n?[].concat(n,o[e]):r)}else t[e]=o[e]}return t}function Xo(e,t){if(mr){let n=mr.provides;const o=mr.parent&&mr.parent.provides;o===n&&(n=mr.provides=Object.create(o)),n[e]=t}else;}function er(e,t,n=!1){const o=mr||Kt;if(o){const r=o.provides;if(e in r)return r[e];if(arguments.length>1)return n&&A(t)?t():t}}let tr=!1;function nr(e,t,n=[],o=[],r=[],s=!1){const{mixins:i,extends:l,data:c,computed:a,methods:u,watch:p,provide:f,inject:d,components:h,directives:m,beforeMount:g,mounted:v,beforeUpdate:b,updated:_,activated:x,deactivated:S,beforeUnmount:k,unmounted:w,render:T,renderTracked:E,renderTriggered:F,errorCaptured:$}=t,M=e.proxy,O=e.ctx,B=e.appContext.mixins;if(s&&T&&e.render===y&&(e.render=T),s||(tr=!0,or("beforeCreate","bc",t,e,B),tr=!1,ir(e,B,n,o,r)),l&&nr(e,l,n,o,r,!0),i&&ir(e,i,n,o,r),d)if(N(d))for(let e=0;e<d.length;e++){const t=d[e];O[t]=er(t)}else for(const e in d){const t=d[e];O[e]=R(t)?er(t.from||e,t.default,!0):er(t)}if(u)for(const e in u){const t=u[e];A(t)&&(O[e]=t.bind(M))}if(s?c&&n.push(c):(n.length&&n.forEach(t=>lr(e,t,M)),c&&lr(e,c,M)),a)for(const e in a){const t=a[e],n=Tr({get:A(t)?t.bind(M,M):A(t.get)?t.get.bind(M,M):y,set:!A(t)&&A(t.set)?t.set.bind(M):y});Object.defineProperty(O,e,{enumerable:!0,configurable:!0,get:()=>n.value,set:e=>n.value=e})}p&&o.push(p),!s&&o.length&&o.forEach(e=>{for(const t in e)cr(e[t],O,M,t)}),f&&r.push(f),!s&&r.length&&r.forEach(e=>{const t=A(e)?e.call(M):e;for(const e in t)Xo(e,t[e])}),s&&(h&&C(e.components||(e.components=C({},e.type.components)),h),m&&C(e.directives||(e.directives=C({},e.type.directives)),m)),s||or("created","c",t,e,B),g&&xn(g.bind(M)),v&&Sn(v.bind(M)),b&&Cn(b.bind(M)),_&&kn(_.bind(M)),x&&Jn(x.bind(M)),S&&Yn(S.bind(M)),$&&Fn($.bind(M)),E&&En(E.bind(M)),F&&Nn(F.bind(M)),k&&wn(k.bind(M)),w&&Tn(w.bind(M))}function or(e,t,n,o,r){sr(e,t,r,o);const{extends:s,mixins:i}=n;s&&rr(e,t,s,o),i&&sr(e,t,i,o);const l=n[e];l&&yt(l.bind(o.proxy),o,t)}function rr(e,t,n,o){n.extends&&rr(e,t,n.extends,o);const r=n[e];r&&yt(r.bind(o.proxy),o,t)}function sr(e,t,n,o){for(let r=0;r<n.length;r++){const s=n[r].mixins;s&&sr(e,t,s,o);const i=n[r][e];i&&yt(i.bind(o.proxy),o,t)}}function ir(e,t,n,o,r){for(let s=0;s<t.length;s++)nr(e,t[s],n,o,r,!0)}function lr(e,t,n){const o=t.call(n,n);R(o)&&(e.data===g?e.data=qe(o):C(e.data,o))}function cr(e,t,n,o){const r=o.includes(".")?function(e,t){const n=t.split(".");return()=>{let t=e;for(let e=0;e<n.length&&t;e++)t=t[n[e]];return t}}(n,o):()=>n[o];if(M(e)){const n=t[e];A(n)&&Mn(r,n)}else if(A(e))Mn(r,e.bind(n));else if(R(e))if(N(e))e.forEach(e=>cr(e,t,n,o));else{const o=A(e.handler)?e.handler.bind(n):t[e.handler];A(o)&&Mn(r,o,e)}}function ar(e,t,n){const o=n.appContext.config.optionMergeStrategies,{mixins:r,extends:s}=t;s&&ar(e,s,n),r&&r.forEach(t=>ar(e,t,n));for(const r in t)e[r]=o&&T(o,r)?o[r](e[r],t[r],n.proxy,r):t[r]}const ur=C(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>e.props,$attrs:e=>e.attrs,$slots:e=>e.slots,$refs:e=>e.refs,$parent:e=>e.parent&&e.parent.proxy,$root:e=>e.root&&e.root.proxy,$emit:e=>e.emit,$options:e=>function(e){const t=e.type,{__merged:n,mixins:o,extends:r}=t;if(n)return n;const s=e.appContext.mixins;if(!s.length&&!o&&!r)return t;const i={};return s.forEach(t=>ar(i,t,e)),ar(i,t,e),t.__merged=i}(e),$forceUpdate:e=>()=>Rt(e.update),$nextTick:e=>Ot.bind(e.proxy),$watch:e=>Rn.bind(e)}),pr={get({_:e},t){const{ctx:n,setupState:o,data:r,props:s,accessCache:i,type:l,appContext:c}=e;if("__v_skip"===t)return!0;let a;if("$"!==t[0]){const l=i[t];if(void 0!==l)switch(l){case 0:return o[t];case 1:return r[t];case 3:return n[t];case 2:return s[t]}else{if(o!==g&&T(o,t))return i[t]=0,o[t];if(r!==g&&T(r,t))return i[t]=1,r[t];if((a=e.propsOptions[0])&&T(a,t))return i[t]=2,s[t];if(n!==g&&T(n,t))return i[t]=3,n[t];tr||(i[t]=4)}}const u=ur[t];let p,f;return u?("$attrs"===t&&ue(e,0,t),u(e)):(p=l.__cssModules)&&(p=p[t])?p:n!==g&&T(n,t)?(i[t]=3,n[t]):(f=c.config.globalProperties,T(f,t)?f[t]:void 0)},set({_:e},t,n){const{data:o,setupState:r,ctx:s}=e;if(r!==g&&T(r,t))r[t]=n;else if(o!==g&&T(o,t))o[t]=n;else if(t in e.props)return!1;return("$"!==t[0]||!(t.slice(1)in e))&&(s[t]=n,!0)},has({_:{data:e,setupState:t,accessCache:n,ctx:o,appContext:r,propsOptions:s}},i){let l;return void 0!==n[i]||e!==g&&T(e,i)||t!==g&&T(t,i)||(l=s[0])&&T(l,i)||T(o,i)||T(ur,i)||T(r.config.globalProperties,i)}},fr=C({},pr,{get(e,t){if(t!==Symbol.unscopables)return pr.get(e,t,e)},has:(e,t)=>"_"!==t[0]&&!o(t)}),dr=lo();let hr=0;let mr=null;const gr=()=>mr||Kt,vr=e=>{mr=e};let yr,br=!1;function _r(e,t,n){A(t)?e.render=t:R(t)&&(e.setupState=at(t)),Sr(e)}function xr(e){yr=e}function Sr(e,t){const n=e.type;e.render||(yr&&n.template&&!n.render&&(n.render=yr(n.template,{isCustomElement:e.appContext.config.isCustomElement,delimiters:n.delimiters})),e.render=n.render||y,e.render._rc&&(e.withProxy=new Proxy(e.ctx,fr))),mr=e,nr(e,n),mr=null}function Cr(e){mr&&(mr.effects||(mr.effects=[])).push(e)}const kr=/(?:^|[-_])(\w)/g;function wr(e,t,n=!1){let o=A(t)&&t.displayName||t.name;if(!o&&t.__file){const e=t.__file.match(/([^/\\]+)\.vue$/);e&&(o=e[1])}if(!o&&e&&e.parent){const n=e=>{for(const n in e)if(e[n]===t)return n};o=n(e.components||e.parent.type.components)||n(e.appContext.components)}return o?o.replace(kr,e=>e.toUpperCase()).replace(/[-_]/g,""):n?"App":"Anonymous"}function Tr(e){const t=function(e){let t,n;return A(e)?(t=e,n=y):(t=e.get,n=e.set),new dt(t,n,A(e)||!e.set)}(e);return Cr(t.effect),t}function Nr(e){return A(e)?{setup:e,name:e.name}:e}function Er(e,{vnode:{props:t,children:n}}){return Wo(e,t,n)}function Fr(e,t,n){const o=arguments.length;return 2===o?R(t)&&!N(t)?jo(t)?Wo(e,null,[t]):Wo(e,t):Wo(e,null,t):(o>3?n=Array.prototype.slice.call(arguments,2):3===o&&jo(n)&&(n=[n]),Wo(e,t,n))}const $r=Symbol("");const Ar="3.0.1",Mr="http://www.w3.org/2000/svg",Or="undefined"!=typeof document?document:null;let Rr,Br;const Pr={insert:(e,t,n)=>{t.insertBefore(e,n||null)},remove:e=>{const t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,n)=>t?Or.createElementNS(Mr,e):Or.createElement(e,n?{is:n}:void 0),createText:e=>Or.createTextNode(e),createComment:e=>Or.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>Or.querySelector(e),setScopeId(e,t){e.setAttribute(t,"")},cloneNode:e=>e.cloneNode(!0),insertStaticContent(e,t,n,o){const r=o?Br||(Br=Or.createElementNS(Mr,"svg")):Rr||(Rr=Or.createElement("div"));r.innerHTML=e;const s=r.firstChild;let i=s,l=i;for(;i;)l=i,Pr.insert(i,t,n),i=r.firstChild;return[s,l]}};const Ir=/\s*!important$/;function Lr(e,t,n){if(N(n))n.forEach(n=>Lr(e,t,n));else if(t.startsWith("--"))e.setProperty(t,n);else{const o=function(e,t){const n=Ur[t];if(n)return n;let o=H(t);if("filter"!==o&&o in e)return Ur[t]=o;o=W(o);for(let n=0;n<Vr.length;n++){const r=Vr[n]+o;if(r in e)return Ur[t]=r}return t}(e,t);Ir.test(n)?e.setProperty(K(o),n.replace(Ir,""),"important"):e[o]=n}}const Vr=["Webkit","Moz","ms"],Ur={};const jr="http://www.w3.org/1999/xlink";let Dr=Date.now;"undefined"!=typeof document&&Dr()>document.createEvent("Event").timeStamp&&(Dr=()=>performance.now());let Hr=0;const zr=Promise.resolve(),Kr=()=>{Hr=0};function Wr(e,t,n,o){e.addEventListener(t,n,o)}function Gr(e,t,n,o,r=null){const s=e._vei||(e._vei={}),i=s[t];if(o&&i)i.value=o;else{const[n,l]=function(e){let t;if(qr.test(e)){let n;for(t={};n=e.match(qr);)e=e.slice(0,e.length-n[0].length),t[n[0].toLowerCase()]=!0}return[e.slice(2).toLowerCase(),t]}(t);if(o){Wr(e,n,s[t]=function(e,t){const n=e=>{(e.timeStamp||Dr())>=n.attached-1&&yt(function(e,t){if(N(t)){const n=e.stopImmediatePropagation;return e.stopImmediatePropagation=()=>{n.call(e),e._stopped=!0},t.map(e=>t=>!t._stopped&&e(t))}return t}(e,n.value),t,5,[e])};return n.value=e,n.attached=(()=>Hr||(zr.then(Kr),Hr=Dr()))(),n}(o,r),l)}else i&&(!function(e,t,n,o){e.removeEventListener(t,n,o)}(e,n,i,l),s[t]=void 0)}}const qr=/(?:Once|Passive|Capture)$/;const Jr=/^on[a-z]/;function Yr(e,t,n){if(128&e.shapeFlag){const o=e.suspense;e=o.activeBranch,o.pendingBranch&&!o.isHydrating&&o.effects.push(()=>{Yr(o.activeBranch,t,n)})}for(;e.component;)e=e.component.subTree;if(1&e.shapeFlag&&e.el){const o=e.el.style;for(const e in t)o.setProperty(`--${n}${e}`,lt(t[e]))}else e.type===Ao&&e.children.forEach(e=>Yr(e,t,n))}const Zr="transition",Qr="animation",Xr=(e,{slots:t})=>Fr(Ln,ns(e),t);Xr.displayName="Transition";const es={name:String,type:String,css:{type:Boolean,default:!0},duration:[String,Number,Object],enterFromClass:String,enterActiveClass:String,enterToClass:String,appearFromClass:String,appearActiveClass:String,appearToClass:String,leaveFromClass:String,leaveActiveClass:String,leaveToClass:String},ts=Xr.props=C({},Ln.props,es);function ns(e){let{name:t="v",type:n,css:o=!0,duration:r,enterFromClass:s=t+"-enter-from",enterActiveClass:i=t+"-enter-active",enterToClass:l=t+"-enter-to",appearFromClass:c=s,appearActiveClass:a=i,appearToClass:u=l,leaveFromClass:p=t+"-leave-from",leaveActiveClass:f=t+"-leave-active",leaveToClass:d=t+"-leave-to"}=e;const h={};for(const t in e)t in es||(h[t]=e[t]);if(!o)return h;const m=function(e){if(null==e)return null;if(R(e))return[os(e.enter),os(e.leave)];{const t=os(e);return[t,t]}}(r),g=m&&m[0],v=m&&m[1],{onBeforeEnter:y,onEnter:b,onEnterCancelled:_,onLeave:x,onLeaveCancelled:S,onBeforeAppear:k=y,onAppear:w=b,onAppearCancelled:T=_}=h,N=(e,t,n)=>{ss(e,t?u:l),ss(e,t?a:i),n&&n()},E=(e,t)=>{ss(e,d),ss(e,f),t&&t()},F=e=>(t,o)=>{const r=e?w:b,i=()=>N(t,e,o);r&&r(t,i),is(()=>{ss(t,e?c:s),rs(t,e?u:l),r&&r.length>1||(g?setTimeout(i,g):ls(t,n,i))})};return C(h,{onBeforeEnter(e){y&&y(e),rs(e,i),rs(e,s)},onBeforeAppear(e){k&&k(e),rs(e,a),rs(e,c)},onEnter:F(!1),onAppear:F(!0),onLeave(e,t){const o=()=>E(e,t);rs(e,f),rs(e,p),is(()=>{ss(e,p),rs(e,d),x&&x.length>1||(v?setTimeout(o,v):ls(e,n,o))}),x&&x(e,o)},onEnterCancelled(e){N(e,!1),_&&_(e)},onAppearCancelled(e){N(e,!0),T&&T(e)},onLeaveCancelled(e){E(e),S&&S(e)}})}function os(e){return Y(e)}function rs(e,t){t.split(/\s+/).forEach(t=>t&&e.classList.add(t)),(e._vtc||(e._vtc=new Set)).add(t)}function ss(e,t){t.split(/\s+/).forEach(t=>t&&e.classList.remove(t));const{_vtc:n}=e;n&&(n.delete(t),n.size||(e._vtc=void 0))}function is(e){requestAnimationFrame(()=>{requestAnimationFrame(e)})}function ls(e,t,n){const{type:o,timeout:r,propCount:s}=cs(e,t);if(!o)return n();const i=o+"end";let l=0;const c=()=>{e.removeEventListener(i,a),n()},a=t=>{t.target===e&&++l>=s&&c()};setTimeout(()=>{l<s&&c()},r+1),e.addEventListener(i,a)}function cs(e,t){const n=window.getComputedStyle(e),o=e=>(n[e]||"").split(", "),r=o("transitionDelay"),s=o("transitionDuration"),i=as(r,s),l=o("animationDelay"),c=o("animationDuration"),a=as(l,c);let u=null,p=0,f=0;t===Zr?i>0&&(u=Zr,p=i,f=s.length):t===Qr?a>0&&(u=Qr,p=a,f=c.length):(p=Math.max(i,a),u=p>0?i>a?Zr:Qr:null,f=u?u===Zr?s.length:c.length:0);return{type:u,timeout:p,propCount:f,hasTransform:u===Zr&&/\b(transform|all)(,|$)/.test(n.transitionProperty)}}function as(e,t){for(;e.length<t.length;)e=e.concat(e);return Math.max(...t.map((t,n)=>us(t)+us(e[n])))}function us(e){return 1e3*Number(e.slice(0,-1).replace(",","."))}const ps=new WeakMap,fs=new WeakMap,ds={name:"TransitionGroup",props:C({},ts,{tag:String,moveClass:String}),setup(e,{slots:t}){const n=gr(),o=Pn();let r,s;return kn(()=>{if(!r.length)return;const t=e.moveClass||(e.name||"v")+"-move";if(!function(e,t,n){const o=e.cloneNode();e._vtc&&e._vtc.forEach(e=>{e.split(/\s+/).forEach(e=>e&&o.classList.remove(e))});n.split(/\s+/).forEach(e=>e&&o.classList.add(e)),o.style.display="none";const r=1===t.nodeType?t:t.parentNode;r.appendChild(o);const{hasTransform:s}=cs(o);return r.removeChild(o),s}(r[0].el,n.vnode.el,t))return;r.forEach(hs),r.forEach(ms);const o=r.filter(gs);document,o.forEach(e=>{const n=e.el,o=n.style;rs(n,t),o.transform=o.webkitTransform=o.transitionDuration="";const r=n._moveCb=e=>{e&&e.target!==n||e&&!/transform$/.test(e.propertyName)||(n.removeEventListener("transitionend",r),n._moveCb=null,ss(n,t))};n.addEventListener("transitionend",r)})}),()=>{const i=tt(e),l=ns(i),c=i.tag||Ao;r=s,s=t.default?zn(t.default()):[];for(let e=0;e<s.length;e++){const t=s[e];null!=t.key&&Hn(t,Un(t,l,o,n))}if(r)for(let e=0;e<r.length;e++){const t=r[e];Hn(t,Un(t,l,o,n)),ps.set(t,t.el.getBoundingClientRect())}return Wo(c,null,s)}}};function hs(e){const t=e.el;t._moveCb&&t._moveCb(),t._enterCb&&t._enterCb()}function ms(e){fs.set(e,e.el.getBoundingClientRect())}function gs(e){const t=ps.get(e),n=fs.get(e),o=t.left-n.left,r=t.top-n.top;if(o||r){const t=e.el.style;return t.transform=t.webkitTransform=`translate(${o}px,${r}px)`,t.transitionDuration="0s",e}}const vs=e=>{const t=e.props["onUpdate:modelValue"];return N(t)?e=>q(t,e):t};function ys(e){e.target.composing=!0}function bs(e){const t=e.target;t.composing&&(t.composing=!1,function(e,t){const n=document.createEvent("HTMLEvents");n.initEvent(t,!0,!0),e.dispatchEvent(n)}(t,"input"))}const _s={created(e,{modifiers:{lazy:t,trim:n,number:o}},r){e._assign=vs(r);const s=o||"number"===e.type;Wr(e,t?"change":"input",t=>{if(t.target.composing)return;let o=e.value;n?o=o.trim():s&&(o=Y(o)),e._assign(o)}),n&&Wr(e,"change",()=>{e.value=e.value.trim()}),t||(Wr(e,"compositionstart",ys),Wr(e,"compositionend",bs),Wr(e,"change",bs))},mounted(e,{value:t}){e.value=null==t?"":t},beforeUpdate(e,{value:t,modifiers:{trim:n,number:o}},r){if(e._assign=vs(r),e.composing)return;if(document.activeElement===e){if(n&&e.value.trim()===t)return;if((o||"number"===e.type)&&Y(e.value)===t)return}const s=null==t?"":t;e.value!==s&&(e.value=s)}},xs={created(e,t,n){Ss(e,t,n),e._assign=vs(n),Wr(e,"change",()=>{const t=e._modelValue,n=Ts(e),o=e.checked,r=e._assign;if(N(t)){const e=h(t,n),s=-1!==e;if(o&&!s)r(t.concat(n));else if(!o&&s){const n=[...t];n.splice(e,1),r(n)}}else F(t)?o?t.add(n):t.delete(n):r(Ns(e,o))})},beforeUpdate(e,t,n){e._assign=vs(n),Ss(e,t,n)}};function Ss(e,{value:t,oldValue:n},o){e._modelValue=t,N(t)?e.checked=h(t,o.props.value)>-1:F(t)?e.checked=t.has(o.props.value):t!==n&&(e.checked=d(t,Ns(e,!0)))}const Cs={created(e,{value:t},n){e.checked=d(t,n.props.value),e._assign=vs(n),Wr(e,"change",()=>{e._assign(Ts(e))})},beforeUpdate(e,{value:t,oldValue:n},o){e._assign=vs(o),t!==n&&(e.checked=d(t,o.props.value))}},ks={created(e,{modifiers:{number:t}},n){Wr(e,"change",()=>{const n=Array.prototype.filter.call(e.options,e=>e.selected).map(e=>t?Y(Ts(e)):Ts(e));e._assign(e.multiple?n:n[0])}),e._assign=vs(n)},mounted(e,{value:t}){ws(e,t)},beforeUpdate(e,t,n){e._assign=vs(n)},updated(e,{value:t}){ws(e,t)}};function ws(e,t){const n=e.multiple;if(!n||N(t)||F(t)){for(let o=0,r=e.options.length;o<r;o++){const r=e.options[o],s=Ts(r);if(n)r.selected=N(t)?h(t,s)>-1:t.has(s);else if(d(Ts(r),t))return void(e.selectedIndex=o)}n||(e.selectedIndex=-1)}}function Ts(e){return"_value"in e?e._value:e.value}function Ns(e,t){const n=t?"_trueValue":"_falseValue";return n in e?e[n]:t}const Es={created(e,t,n){Fs(e,t,n,null,"created")},mounted(e,t,n){Fs(e,t,n,null,"mounted")},beforeUpdate(e,t,n,o){Fs(e,t,n,o,"beforeUpdate")},updated(e,t,n,o){Fs(e,t,n,o,"updated")}};function Fs(e,t,n,o,r){let s;switch(e.tagName){case"SELECT":s=ks;break;case"TEXTAREA":s=_s;break;default:switch(n.props&&n.props.type){case"checkbox":s=xs;break;case"radio":s=Cs;break;default:s=_s}}const i=s[r];i&&i(e,t,n,o)}const $s=["ctrl","shift","alt","meta"],As={stop:e=>e.stopPropagation(),prevent:e=>e.preventDefault(),self:e=>e.target!==e.currentTarget,ctrl:e=>!e.ctrlKey,shift:e=>!e.shiftKey,alt:e=>!e.altKey,meta:e=>!e.metaKey,left:e=>"button"in e&&0!==e.button,middle:e=>"button"in e&&1!==e.button,right:e=>"button"in e&&2!==e.button,exact:(e,t)=>$s.some(n=>e[n+"Key"]&&!t.includes(n))},Ms={esc:"escape",space:" ",up:"arrow-up",left:"arrow-left",right:"arrow-right",down:"arrow-down",delete:"backspace"},Os={beforeMount(e,{value:t},{transition:n}){e._vod="none"===e.style.display?"":e.style.display,n&&t?n.beforeEnter(e):Rs(e,t)},mounted(e,{value:t},{transition:n}){n&&t&&n.enter(e)},updated(e,{value:t,oldValue:n},{transition:o}){!t!=!n&&(o?t?(o.beforeEnter(e),Rs(e,!0),o.enter(e)):o.leave(e,()=>{Rs(e,!1)}):Rs(e,t))},beforeUnmount(e,{value:t}){Rs(e,t)}};function Rs(e,t){e.style.display=t?e._vod:"none"}const Bs=C({patchProp:(e,t,n,o,s=!1,i,l,c,a)=>{switch(t){case"class":!function(e,t,n){if(null==t&&(t=""),n)e.setAttribute("class",t);else{const n=e._vtc;n&&(t=(t?[t,...n]:[...n]).join(" ")),e.className=t}}(e,o,s);break;case"style":!function(e,t,n){const o=e.style;if(n)if(M(n))t!==n&&(o.cssText=n);else{for(const e in n)Lr(o,e,n[e]);if(t&&!M(t))for(const e in t)null==n[e]&&Lr(o,e,"")}else e.removeAttribute("style")}(e,n,o);break;default:x(t)?S(t)||Gr(e,t,0,o,l):function(e,t,n,o){if(o)return"innerHTML"===t||!!(t in e&&Jr.test(t)&&A(n));if("spellcheck"===t||"draggable"===t)return!1;if("form"===t&&"string"==typeof n)return!1;if("list"===t&&"INPUT"===e.tagName)return!1;if(Jr.test(t)&&M(n))return!1;return t in e}(e,t,o,s)?function(e,t,n,o,r,s,i){if("innerHTML"===t||"textContent"===t)return o&&i(o,r,s),void(e[t]=null==n?"":n);if("value"!==t||"PROGRESS"===e.tagName)if(""===n&&"boolean"==typeof e[t])e[t]=!0;else if(null==n&&"string"==typeof e[t])e[t]="",e.removeAttribute(t);else try{e[t]=n}catch(e){}else{e._value=n;const t=null==n?"":n;e.value!==t&&(e.value=t)}}(e,t,o,i,l,c,a):("true-value"===t?e._trueValue=o:"false-value"===t&&(e._falseValue=o),function(e,t,n,o){if(o&&t.startsWith("xlink:"))null==n?e.removeAttributeNS(jr,t.slice(6,t.length)):e.setAttributeNS(jr,t,n);else{const o=r(t);null==n||o&&!1===n?e.removeAttribute(t):e.setAttribute(t,o?"":n)}}(e,t,o,s))}},forcePatchProp:(e,t)=>"value"===t},Pr);let Ps,Is=!1;function Ls(){return Ps||(Ps=yo(Bs))}function Vs(){return Ps=Is?Ps:bo(Bs),Is=!0,Ps}function Us(e){if(M(e)){return document.querySelector(e)}return e}function js(e){throw e}function Ds(e,t,n,o){const r=new SyntaxError(String(e));return r.code=e,r.loc=t,r}const Hs=Symbol(""),zs=Symbol(""),Ks=Symbol(""),Ws=Symbol(""),Gs=Symbol(""),qs=Symbol(""),Js=Symbol(""),Ys=Symbol(""),Zs=Symbol(""),Qs=Symbol(""),Xs=Symbol(""),ei=Symbol(""),ti=Symbol(""),ni=Symbol(""),oi=Symbol(""),ri=Symbol(""),si=Symbol(""),ii=Symbol(""),li=Symbol(""),ci=Symbol(""),ai=Symbol(""),ui=Symbol(""),pi=Symbol(""),fi=Symbol(""),di=Symbol(""),hi=Symbol(""),mi=Symbol(""),gi=Symbol(""),vi={[Hs]:"Fragment",[zs]:"Teleport",[Ks]:"Suspense",[Ws]:"KeepAlive",[Gs]:"BaseTransition",[qs]:"openBlock",[Js]:"createBlock",[Ys]:"createVNode",[Zs]:"createCommentVNode",[Qs]:"createTextVNode",[Xs]:"createStaticVNode",[ei]:"resolveComponent",[ti]:"resolveDynamicComponent",[ni]:"resolveDirective",[oi]:"withDirectives",[ri]:"renderList",[si]:"renderSlot",[ii]:"createSlots",[li]:"toDisplayString",[ci]:"mergeProps",[ai]:"toHandlers",[ui]:"camelize",[pi]:"capitalize",[fi]:"setBlockTracking",[di]:"pushScopeId",[hi]:"popScopeId",[mi]:"withScopeId",[gi]:"withCtx"};const yi={source:"",start:{line:1,column:1,offset:0},end:{line:1,column:1,offset:0}};function bi(e,t,n,o,r,s,i,l=!1,c=!1,a=yi){return e&&(l?(e.helper(qs),e.helper(Js)):e.helper(Ys),i&&e.helper(oi)),{type:13,tag:t,props:n,children:o,patchFlag:r,dynamicProps:s,directives:i,isBlock:l,disableTracking:c,loc:a}}function _i(e,t=yi){return{type:17,loc:t,elements:e}}function xi(e,t=yi){return{type:15,loc:t,properties:e}}function Si(e,t){return{type:16,loc:yi,key:M(e)?Ci(e,!0):e,value:t}}function Ci(e,t,n=yi,o=!1){return{type:4,loc:n,isConstant:o,content:e,isStatic:t}}function ki(e,t=yi){return{type:8,loc:t,children:e}}function wi(e,t=[],n=yi){return{type:14,loc:n,callee:e,arguments:t}}function Ti(e,t,n=!1,o=!1,r=yi){return{type:18,params:e,returns:t,newline:n,isSlot:o,loc:r}}function Ni(e,t,n,o=!0){return{type:19,test:e,consequent:t,alternate:n,newline:o,loc:yi}}const Ei=e=>4===e.type&&e.isStatic,Fi=(e,t)=>e===t||e===K(t);function $i(e){return Fi(e,"Teleport")?zs:Fi(e,"Suspense")?Ks:Fi(e,"KeepAlive")?Ws:Fi(e,"BaseTransition")?Gs:void 0}const Ai=/^\d|[^\$\w]/,Mi=e=>!Ai.test(e),Oi=/^[A-Za-z_$][\w$]*(?:\.[A-Za-z_$][\w$]*|\[[^\]]+\])*$/,Ri=e=>!!e&&Oi.test(e.trim());function Bi(e,t,n){const o={source:e.source.substr(t,n),start:Pi(e.start,e.source,t),end:e.end};return null!=n&&(o.end=Pi(e.start,e.source,t+n)),o}function Pi(e,t,n=t.length){return Ii(C({},e),t,n)}function Ii(e,t,n=t.length){let o=0,r=-1;for(let e=0;e<n;e++)10===t.charCodeAt(e)&&(o++,r=e);return e.offset+=n,e.line+=o,e.column=-1===r?e.column+n:n-r,e}function Li(e,t,n=!1){for(let o=0;o<e.props.length;o++){const r=e.props[o];if(7===r.type&&(n||r.exp)&&(M(t)?r.name===t:t.test(r.name)))return r}}function Vi(e,t,n=!1,o=!1){for(let r=0;r<e.props.length;r++){const s=e.props[r];if(6===s.type){if(n)continue;if(s.name===t&&(s.value||o))return s}else if("bind"===s.name&&(s.exp||o)&&Ui(s.arg,t))return s}}function Ui(e,t){return!(!e||!Ei(e)||e.content!==t)}function ji(e){return 5===e.type||2===e.type}function Di(e){return 7===e.type&&"slot"===e.name}function Hi(e){return 1===e.type&&3===e.tagType}function zi(e){return 1===e.type&&2===e.tagType}function Ki(e,t,n){let o;const r=13===e.type?e.props:e.arguments[2];if(null==r||M(r))o=xi([t]);else if(14===r.type){const e=r.arguments[0];M(e)||15!==e.type?r.callee===ai?o=wi(n.helper(ci),[xi([t]),r]):r.arguments.unshift(xi([t])):e.properties.unshift(t),!o&&(o=r)}else if(15===r.type){let e=!1;if(4===t.key.type){const n=t.key.content;e=r.properties.some(e=>4===e.key.type&&e.key.content===n)}e||r.properties.unshift(t),o=r}else o=wi(n.helper(ci),[xi([t]),r]);13===e.type?e.props=o:e.arguments[2]=o}function Wi(e,t){return`_${t}_${e.replace(/[^\w]/g,"_")}`}const Gi=/&(gt|lt|amp|apos|quot);/g,qi={gt:">",lt:"<",amp:"&",apos:"'",quot:'"'},Ji={delimiters:["{{","}}"],getNamespace:()=>0,getTextMode:()=>0,isVoidTag:b,isPreTag:b,isCustomElement:b,decodeEntities:e=>e.replace(Gi,(e,t)=>qi[t]),onError:js,comments:!1};function Yi(e,t={}){const n=function(e,t){const n=C({},Ji);for(const e in t)n[e]=t[e]||Ji[e];return{options:n,column:1,line:1,offset:0,originalSource:e,source:e,inPre:!1,inVPre:!1}}(e,t),o=ul(n);return function(e,t=yi){return{type:0,children:e,helpers:[],components:[],directives:[],hoists:[],imports:[],cached:0,temps:0,codegenNode:void 0,loc:t}}(Zi(n,0,[]),pl(n,o))}function Zi(e,t,n){const o=fl(n),r=o?o.ns:0,s=[];for(;!vl(e,t,n);){const i=e.source;let l=void 0;if(0===t||1===t)if(!e.inVPre&&dl(i,e.options.delimiters[0]))l=ll(e,t);else if(0===t&&"<"===i[0])if(1===i.length);else if("!"===i[1])l=dl(i,"\x3c!--")?el(e):dl(i,"<!DOCTYPE")?tl(e):dl(i,"<![CDATA[")&&0!==r?Xi(e,n):tl(e);else if("/"===i[1])if(2===i.length);else{if(">"===i[2]){hl(e,3);continue}if(/[a-z]/i.test(i[2])){rl(e,1,o);continue}l=tl(e)}else/[a-z]/i.test(i[1])?l=nl(e,n):"?"===i[1]&&(l=tl(e));if(l||(l=cl(e,t)),N(l))for(let e=0;e<l.length;e++)Qi(s,l[e]);else Qi(s,l)}let i=!1;if(2!==t){for(let t=0;t<s.length;t++){const n=s[t];if(!e.inPre&&2===n.type)if(/[^\t\r\n\f ]/.test(n.content))n.content=n.content.replace(/[\t\r\n\f ]+/g," ");else{const e=s[t-1],o=s[t+1];!e||!o||3===e.type||3===o.type||1===e.type&&1===o.type&&/[\r\n]/.test(n.content)?(i=!0,s[t]=null):n.content=" "}3!==n.type||e.options.comments||(i=!0,s[t]=null)}if(e.inPre&&o&&e.options.isPreTag(o.tag)){const e=s[0];e&&2===e.type&&(e.content=e.content.replace(/^\r?\n/,""))}}return i?s.filter(Boolean):s}function Qi(e,t){if(2===t.type){const n=fl(e);if(n&&2===n.type&&n.loc.end.offset===t.loc.start.offset)return n.content+=t.content,n.loc.end=t.loc.end,void(n.loc.source+=t.loc.source)}e.push(t)}function Xi(e,t){hl(e,9);const n=Zi(e,3,t);return 0===e.source.length||hl(e,3),n}function el(e){const t=ul(e);let n;const o=/--(\!)?>/.exec(e.source);if(o){n=e.source.slice(4,o.index);const t=e.source.slice(0,o.index);let r=1,s=0;for(;-1!==(s=t.indexOf("\x3c!--",r));)hl(e,s-r+1),r=s+1;hl(e,o.index+o[0].length-r+1)}else n=e.source.slice(4),hl(e,e.source.length);return{type:3,content:n,loc:pl(e,t)}}function tl(e){const t=ul(e),n="?"===e.source[1]?1:2;let o;const r=e.source.indexOf(">");return-1===r?(o=e.source.slice(n),hl(e,e.source.length)):(o=e.source.slice(n,r),hl(e,r+1)),{type:3,content:o,loc:pl(e,t)}}function nl(e,t){const n=e.inPre,o=e.inVPre,r=fl(t),s=rl(e,0,r),i=e.inPre&&!n,l=e.inVPre&&!o;if(s.isSelfClosing||e.options.isVoidTag(s.tag))return s;t.push(s);const c=e.options.getTextMode(s,r),a=Zi(e,c,t);if(t.pop(),s.children=a,yl(e.source,s.tag))rl(e,1,r);else if(0===e.source.length&&"script"===s.tag.toLowerCase()){const e=a[0];e&&dl(e.loc.source,"\x3c!--")}return s.loc=pl(e,s.loc.start),i&&(e.inPre=!1),l&&(e.inVPre=!1),s}const ol=t("if,else,else-if,for,slot");function rl(e,t,n){const o=ul(e),r=/^<\/?([a-z][^\t\r\n\f />]*)/i.exec(e.source),s=r[1],i=e.options.getNamespace(s,n);hl(e,r[0].length),ml(e);const l=ul(e),c=e.source;let a=sl(e,t);e.options.isPreTag(s)&&(e.inPre=!0),!e.inVPre&&a.some(e=>7===e.type&&"pre"===e.name)&&(e.inVPre=!0,C(e,l),e.source=c,a=sl(e,t).filter(e=>"v-pre"!==e.name));let u=!1;0===e.source.length||(u=dl(e.source,"/>"),hl(e,u?2:1));let p=0;const f=e.options;if(!e.inVPre&&!f.isCustomElement(s)){const e=a.some(e=>7===e.type&&"is"===e.name);f.isNativeTag&&!e?f.isNativeTag(s)||(p=1):(e||$i(s)||f.isBuiltInComponent&&f.isBuiltInComponent(s)||/^[A-Z]/.test(s)||"component"===s)&&(p=1),"slot"===s?p=2:"template"===s&&a.some(e=>7===e.type&&ol(e.name))&&(p=3)}return{type:1,ns:i,tag:s,tagType:p,props:a,isSelfClosing:u,children:[],loc:pl(e,o),codegenNode:void 0}}function sl(e,t){const n=[],o=new Set;for(;e.source.length>0&&!dl(e.source,">")&&!dl(e.source,"/>");){if(dl(e.source,"/")){hl(e,1),ml(e);continue}const r=il(e,o);0===t&&n.push(r),/^[^\t\r\n\f />]/.test(e.source),ml(e)}return n}function il(e,t){const n=ul(e),o=/^[^\t\r\n\f />][^\t\r\n\f />=]*/.exec(e.source)[0];t.has(o),t.add(o);{const e=/["'<]/g;let t;for(;t=e.exec(o););}hl(e,o.length);let r=void 0;/^[\t\r\n\f ]*=/.test(e.source)&&(ml(e),hl(e,1),ml(e),r=function(e){const t=ul(e);let n;const o=e.source[0],r='"'===o||"'"===o;if(r){hl(e,1);const t=e.source.indexOf(o);-1===t?n=al(e,e.source.length,4):(n=al(e,t,4),hl(e,1))}else{const t=/^[^\t\r\n\f >]+/.exec(e.source);if(!t)return;const o=/["'<=`]/g;let r;for(;r=o.exec(t[0]););n=al(e,t[0].length,4)}return{content:n,isQuoted:r,loc:pl(e,t)}}(e));const s=pl(e,n);if(!e.inVPre&&/^(v-|:|@|#)/.test(o)){const t=/(?:^v-([a-z0-9-]+))?(?:(?::|^@|^#)(\[[^\]]+\]|[^\.]+))?(.+)?$/i.exec(o),i=t[1]||(dl(o,":")?"bind":dl(o,"@")?"on":"slot");let l;if(t[2]){const r="slot"===i,s=o.indexOf(t[2]),c=pl(e,gl(e,n,s),gl(e,n,s+t[2].length+(r&&t[3]||"").length));let a=t[2],u=!0;a.startsWith("[")?(u=!1,a.endsWith("]"),a=a.substr(1,a.length-2)):r&&(a+=t[3]||""),l={type:4,content:a,isStatic:u,isConstant:u,loc:c}}if(r&&r.isQuoted){const e=r.loc;e.start.offset++,e.start.column++,e.end=Pi(e.start,r.content),e.source=e.source.slice(1,-1)}return{type:7,name:i,exp:r&&{type:4,content:r.content,isStatic:!1,isConstant:!1,loc:r.loc},arg:l,modifiers:t[3]?t[3].substr(1).split("."):[],loc:s}}return{type:6,name:o,value:r&&{type:2,content:r.content,loc:r.loc},loc:s}}function ll(e,t){const[n,o]=e.options.delimiters,r=e.source.indexOf(o,n.length);if(-1===r)return;const s=ul(e);hl(e,n.length);const i=ul(e),l=ul(e),c=r-n.length,a=e.source.slice(0,c),u=al(e,c,t),p=u.trim(),f=u.indexOf(p);f>0&&Ii(i,a,f);return Ii(l,a,c-(u.length-p.length-f)),hl(e,o.length),{type:5,content:{type:4,isStatic:!1,isConstant:!1,content:p,loc:pl(e,i,l)},loc:pl(e,s)}}function cl(e,t){const n=["<",e.options.delimiters[0]];3===t&&n.push("]]>");let o=e.source.length;for(let t=0;t<n.length;t++){const r=e.source.indexOf(n[t],1);-1!==r&&o>r&&(o=r)}const r=ul(e);return{type:2,content:al(e,o,t),loc:pl(e,r)}}function al(e,t,n){const o=e.source.slice(0,t);return hl(e,t),2===n||3===n||-1===o.indexOf("&")?o:e.options.decodeEntities(o,4===n)}function ul(e){const{column:t,line:n,offset:o}=e;return{column:t,line:n,offset:o}}function pl(e,t,n){return{start:t,end:n=n||ul(e),source:e.originalSource.slice(t.offset,n.offset)}}function fl(e){return e[e.length-1]}function dl(e,t){return e.startsWith(t)}function hl(e,t){const{source:n}=e;Ii(e,n,t),e.source=n.slice(t)}function ml(e){const t=/^[\t\r\n\f ]+/.exec(e.source);t&&hl(e,t[0].length)}function gl(e,t,n){return Pi(t,e.originalSource.slice(t.offset,n),n)}function vl(e,t,n){const o=e.source;switch(t){case 0:if(dl(o,"</"))for(let e=n.length-1;e>=0;--e)if(yl(o,n[e].tag))return!0;break;case 1:case 2:{const e=fl(n);if(e&&yl(o,e.tag))return!0;break}case 3:if(dl(o,"]]>"))return!0}return!o}function yl(e,t){return dl(e,"</")&&e.substr(2,t.length).toLowerCase()===t.toLowerCase()&&/[\t\r\n\f />]/.test(e[2+t.length]||">")}function bl(e,t){xl(e,t,new Map,_l(e,e.children[0]))}function _l(e,t){const{children:n}=e;return 1===n.length&&1===t.type&&!zi(t)}function xl(e,t,n,o=!1){let r=!1,s=!1;const{children:i}=e;for(let e=0;e<i.length;e++){const l=i[e];if(1===l.type&&0===l.tagType){let e;if(!o&&(e=Sl(l,n))>0){2===e&&(s=!0),l.codegenNode.patchFlag="-1",l.codegenNode=t.hoist(l.codegenNode),r=!0;continue}{const e=l.codegenNode;if(13===e.type){const n=wl(e);if(!(n&&512!==n&&1!==n||Cl(l))){const n=kl(l);n&&(e.props=t.hoist(n))}}}}else if(12===l.type){const e=Sl(l.content,n);e>0&&(2===e&&(s=!0),l.codegenNode=t.hoist(l.codegenNode),r=!0)}if(1===l.type)xl(l,t,n);else if(11===l.type)xl(l,t,n,1===l.children.length);else if(9===l.type)for(let e=0;e<l.branches.length;e++)xl(l.branches[e],t,n,1===l.branches[e].children.length)}!s&&r&&t.transformHoist&&t.transformHoist(i,t,e)}function Sl(e,t=new Map){switch(e.type){case 1:if(0!==e.tagType)return 0;const n=t.get(e);if(void 0!==n)return n;const o=e.codegenNode;if(13!==o.type)return 0;if(wl(o)||Cl(e))return t.set(e,0),0;{let n=1;for(let o=0;o<e.children.length;o++){const r=Sl(e.children[o],t);if(0===r)return t.set(e,0),0;2===r&&(n=2)}if(2!==n)for(let t=0;t<e.props.length;t++){const o=e.props[t];7===o.type&&"bind"===o.name&&o.exp&&(8===o.exp.type||o.exp.isRuntimeConstant)&&(n=2)}return o.isBlock&&(o.isBlock=!1),t.set(e,n),n}case 2:case 3:return 1;case 9:case 11:case 10:return 0;case 5:case 12:return Sl(e.content,t);case 4:return e.isConstant?e.isRuntimeConstant?2:1:0;case 8:let r=1;for(let n=0;n<e.children.length;n++){const o=e.children[n];if(M(o)||O(o))continue;const s=Sl(o,t);if(0===s)return 0;2===s&&(r=2)}return r;default:return 0}}function Cl(e){const t=kl(e);if(t&&15===t.type){const{properties:e}=t;for(let t=0;t<e.length;t++){const{key:n,value:o}=e[t];if(4!==n.type||!n.isStatic||4!==o.type||!o.isStatic&&!o.isConstant)return!0}}return!1}function kl(e){const t=e.codegenNode;if(13===t.type)return t.props}function wl(e){const t=e.patchFlag;return t?parseInt(t,10):void 0}function Tl(e,{prefixIdentifiers:t=!1,hoistStatic:n=!1,cacheHandlers:o=!1,nodeTransforms:r=[],directiveTransforms:s={},transformHoist:i=null,isBuiltInComponent:l=y,isCustomElement:c=y,expressionPlugins:a=[],scopeId:u=null,ssr:p=!1,ssrCssVars:f="",bindingMetadata:d={},onError:h=js}){const m={prefixIdentifiers:t,hoistStatic:n,cacheHandlers:o,nodeTransforms:r,directiveTransforms:s,transformHoist:i,isBuiltInComponent:l,isCustomElement:c,expressionPlugins:a,scopeId:u,ssr:p,ssrCssVars:f,bindingMetadata:d,onError:h,root:e,helpers:new Set,components:new Set,directives:new Set,hoists:[],imports:new Set,temps:0,cached:0,identifiers:Object.create(null),scopes:{vFor:0,vSlot:0,vPre:0,vOnce:0},parent:null,currentNode:e,childIndex:0,helper:e=>(m.helpers.add(e),e),helperString:e=>"_"+vi[m.helper(e)],replaceNode(e){m.parent.children[m.childIndex]=m.currentNode=e},removeNode(e){const t=e?m.parent.children.indexOf(e):m.currentNode?m.childIndex:-1;e&&e!==m.currentNode?m.childIndex>t&&(m.childIndex--,m.onNodeRemoved()):(m.currentNode=null,m.onNodeRemoved()),m.parent.children.splice(t,1)},onNodeRemoved:()=>{},addIdentifiers(e){},removeIdentifiers(e){},hoist(e){m.hoists.push(e);const t=Ci("_hoisted_"+m.hoists.length,!1,e.loc,!0);return t.hoisted=e,t},cache:(e,t=!1)=>function(e,t,n=!1){return{type:20,index:e,value:t,isVNode:n,loc:yi}}(++m.cached,e,t)};return m}function Nl(e,t){const o=Tl(e,t);El(e,o),t.hoistStatic&&bl(e,o),t.ssr||function(e,t){const{helper:o}=t,{children:r}=e;if(1===r.length){const t=r[0];if(_l(e,t)&&t.codegenNode){const n=t.codegenNode;13===n.type&&(n.isBlock=!0,o(qs),o(Js)),e.codegenNode=n}else e.codegenNode=t}else r.length>1&&(e.codegenNode=bi(t,o(Hs),void 0,e.children,`64 /* ${n[64]} */`,void 0,void 0,!0))}(e,o),e.helpers=[...o.helpers],e.components=[...o.components],e.directives=[...o.directives],e.imports=[...o.imports],e.hoists=o.hoists,e.temps=o.temps,e.cached=o.cached}function El(e,t){t.currentNode=e;const{nodeTransforms:n}=t,o=[];for(let r=0;r<n.length;r++){const s=n[r](e,t);if(s&&(N(s)?o.push(...s):o.push(s)),!t.currentNode)return;e=t.currentNode}switch(e.type){case 3:t.ssr||t.helper(Zs);break;case 5:t.ssr||t.helper(li);break;case 9:for(let n=0;n<e.branches.length;n++)El(e.branches[n],t);break;case 10:case 11:case 1:case 0:!function(e,t){let n=0;const o=()=>{n--};for(;n<e.children.length;n++){const r=e.children[n];M(r)||(t.parent=e,t.childIndex=n,t.onNodeRemoved=o,El(r,t))}}(e,t)}t.currentNode=e;let r=o.length;for(;r--;)o[r]()}function Fl(e,t){const n=M(e)?t=>t===e:t=>e.test(t);return(e,o)=>{if(1===e.type){const{props:r}=e;if(3===e.tagType&&r.some(Di))return;const s=[];for(let i=0;i<r.length;i++){const l=r[i];if(7===l.type&&n(l.name)){r.splice(i,1),i--;const n=t(e,l,o);n&&s.push(n)}}return s}}}const $l="/*#__PURE__*/";function Al(e,t={}){const n=function(e,{mode:t="function",prefixIdentifiers:n="module"===t,sourceMap:o=!1,filename:r="template.vue.html",scopeId:s=null,optimizeImports:i=!1,runtimeGlobalName:l="Vue",runtimeModuleName:c="vue",ssr:a=!1}){const u={mode:t,prefixIdentifiers:n,sourceMap:o,filename:r,scopeId:s,optimizeImports:i,runtimeGlobalName:l,runtimeModuleName:c,ssr:a,source:e.loc.source,code:"",column:1,line:1,offset:0,indentLevel:0,pure:!1,map:void 0,helper:e=>"_"+vi[e],push(e,t){u.code+=e},indent(){p(++u.indentLevel)},deindent(e=!1){e?--u.indentLevel:p(--u.indentLevel)},newline(){p(u.indentLevel)}};function p(e){u.push("\n"+"  ".repeat(e))}return u}(e,t);t.onContextCreated&&t.onContextCreated(n);const{mode:o,push:r,prefixIdentifiers:s,indent:i,deindent:l,newline:c,ssr:a}=n,u=e.helpers.length>0,p=!s&&"module"!==o;!function(e,t){const{push:n,newline:o,runtimeGlobalName:r}=t,s=r,i=e=>`${vi[e]}: _${vi[e]}`;if(e.helpers.length>0&&(n(`const _Vue = ${s}\n`),e.hoists.length)){n(`const { ${[Ys,Zs,Qs,Xs].filter(t=>e.helpers.includes(t)).map(i).join(", ")} } = _Vue\n`)}(function(e,t){if(!e.length)return;t.pure=!0;const{push:n,newline:o}=t;o(),e.forEach((e,r)=>{e&&(n(`const _hoisted_${r+1} = `),Bl(e,t),o())}),t.pure=!1})(e.hoists,t),o(),n("return ")}(e,n);const f=t.bindingMetadata?", $props, $setup, $data, $options":"";if(r(a?`function ssrRender(_ctx, _push, _parent, _attrs${f}) {`:`function render(_ctx, _cache${f}) {`),i(),p&&(r("with (_ctx) {"),i(),u&&(r(`const { ${e.helpers.map(e=>`${vi[e]}: _${vi[e]}`).join(", ")} } = _Vue`),r("\n"),c())),e.components.length&&(Ml(e.components,"component",n),(e.directives.length||e.temps>0)&&c()),e.directives.length&&(Ml(e.directives,"directive",n),e.temps>0&&c()),e.temps>0){r("let ");for(let t=0;t<e.temps;t++)r(`${t>0?", ":""}_temp${t}`)}return(e.components.length||e.directives.length||e.temps)&&(r("\n"),c()),a||r("return "),e.codegenNode?Bl(e.codegenNode,n):r("null"),p&&(l(),r("}")),l(),r("}"),{ast:e,code:n.code,map:n.map?n.map.toJSON():void 0}}function Ml(e,t,{helper:n,push:o,newline:r}){const s=n("component"===t?ei:ni);for(let n=0;n<e.length;n++){const i=e[n];o(`const ${Wi(i,t)} = ${s}(${JSON.stringify(i)})`),n<e.length-1&&r()}}function Ol(e,t){const n=e.length>3||!1;t.push("["),n&&t.indent(),Rl(e,t,n),n&&t.deindent(),t.push("]")}function Rl(e,t,n=!1,o=!0){const{push:r,newline:s}=t;for(let i=0;i<e.length;i++){const l=e[i];M(l)?r(l):N(l)?Ol(l,t):Bl(l,t),i<e.length-1&&(n?(o&&r(","),s()):o&&r(", "))}}function Bl(e,t){if(M(e))t.push(e);else if(O(e))t.push(t.helper(e));else switch(e.type){case 1:case 9:case 11:Bl(e.codegenNode,t);break;case 2:!function(e,t){t.push(JSON.stringify(e.content),e)}(e,t);break;case 4:Pl(e,t);break;case 5:!function(e,t){const{push:n,helper:o,pure:r}=t;r&&n($l);n(o(li)+"("),Bl(e.content,t),n(")")}(e,t);break;case 12:Bl(e.codegenNode,t);break;case 8:Il(e,t);break;case 3:break;case 13:!function(e,t){const{push:n,helper:o,pure:r}=t,{tag:s,props:i,children:l,patchFlag:c,dynamicProps:a,directives:u,isBlock:p,disableTracking:f}=e;u&&n(o(oi)+"(");p&&n(`(${o(qs)}(${f?"true":""}), `);r&&n($l);n(o(p?Js:Ys)+"(",e),Rl(function(e){let t=e.length;for(;t--&&null==e[t];);return e.slice(0,t+1).map(e=>e||"null")}([s,i,l,c,a]),t),n(")"),p&&n(")");u&&(n(", "),Bl(u,t),n(")"))}(e,t);break;case 14:!function(e,t){const{push:n,helper:o,pure:r}=t,s=M(e.callee)?e.callee:o(e.callee);r&&n($l);n(s+"(",e),Rl(e.arguments,t),n(")")}(e,t);break;case 15:!function(e,t){const{push:n,indent:o,deindent:r,newline:s}=t,{properties:i}=e;if(!i.length)return void n("{}",e);const l=i.length>1||!1;n(l?"{":"{ "),l&&o();for(let e=0;e<i.length;e++){const{key:o,value:r}=i[e];Ll(o,t),n(": "),Bl(r,t),e<i.length-1&&(n(","),s())}l&&r(),n(l?"}":" }")}(e,t);break;case 17:!function(e,t){Ol(e.elements,t)}(e,t);break;case 18:!function(e,t){const{push:n,indent:o,deindent:r}=t,{params:s,returns:i,body:l,newline:c,isSlot:a}=e;a&&n(`_${vi[gi]}(`);n("(",e),N(s)?Rl(s,t):s&&Bl(s,t);n(") => "),(c||l)&&(n("{"),o());i?(c&&n("return "),N(i)?Ol(i,t):Bl(i,t)):l&&Bl(l,t);(c||l)&&(r(),n("}"));a&&n(")")}(e,t);break;case 19:!function(e,t){const{test:n,consequent:o,alternate:r,newline:s}=e,{push:i,indent:l,deindent:c,newline:a}=t;if(4===n.type){const e=!Mi(n.content);e&&i("("),Pl(n,t),e&&i(")")}else i("("),Bl(n,t),i(")");s&&l(),t.indentLevel++,s||i(" "),i("? "),Bl(o,t),t.indentLevel--,s&&a(),s||i(" "),i(": ");const u=19===r.type;u||t.indentLevel++;Bl(r,t),u||t.indentLevel--;s&&c(!0)}(e,t);break;case 20:!function(e,t){const{push:n,helper:o,indent:r,deindent:s,newline:i}=t;n(`_cache[${e.index}] || (`),e.isVNode&&(r(),n(o(fi)+"(-1),"),i());n(`_cache[${e.index}] = `),Bl(e.value,t),e.isVNode&&(n(","),i(),n(o(fi)+"(1),"),i(),n(`_cache[${e.index}]`),s());n(")")}(e,t)}}function Pl(e,t){const{content:n,isStatic:o}=e;t.push(o?JSON.stringify(n):n,e)}function Il(e,t){for(let n=0;n<e.children.length;n++){const o=e.children[n];M(o)?t.push(o):Bl(o,t)}}function Ll(e,t){const{push:n}=t;if(8===e.type)n("["),Il(e,t),n("]");else if(e.isStatic){n(Mi(e.content)?e.content:JSON.stringify(e.content),e)}else n(`[${e.content}]`,e)}const Vl=Fl(/^(if|else|else-if)$/,(e,t,n)=>function(e,t,n,o){if(!("else"===t.name||t.exp&&t.exp.content.trim())){t.exp=Ci("true",!1,t.exp?t.exp.loc:e.loc)}if("if"===t.name){const r=Ul(e,t),s={type:9,loc:e.loc,branches:[r]};if(n.replaceNode(s),o)return o(s,r,!0)}else{const r=n.parent.children;let s=r.indexOf(e);for(;s-- >=-1;){const i=r[s];if(!i||2!==i.type||i.content.trim().length){if(i&&9===i.type){n.removeNode();const r=Ul(e,t);i.branches.push(r);const s=o&&o(i,r,!1);El(r,n),s&&s(),n.currentNode=null}break}n.removeNode(i)}}}(e,t,n,(e,t,o)=>{const r=n.parent.children;let s=r.indexOf(e),i=0;for(;s-- >=0;){const e=r[s];e&&9===e.type&&(i+=e.branches.length)}return()=>{if(o)e.codegenNode=jl(t,i,n);else{(function(e){for(;;)if(19===e.type){if(19!==e.alternate.type)return e;e=e.alternate}else 20===e.type&&(e=e.value)}(e.codegenNode)).alternate=jl(t,i+e.branches.length-1,n)}}}));function Ul(e,t){return{type:10,loc:e.loc,condition:"else"===t.name?void 0:t.exp,children:3!==e.tagType||Li(e,"for")?[e]:e.children,userKey:Vi(e,"key")}}function jl(e,t,n){return e.condition?Ni(e.condition,Dl(e,t,n),wi(n.helper(Zs),['""',"true"])):Dl(e,t,n)}function Dl(e,t,o){const{helper:r}=o,s=Si("key",Ci(""+t,!1,yi,!0)),{children:i}=e,l=i[0];if(1!==i.length||1!==l.type){if(1===i.length&&11===l.type){const e=l.codegenNode;return Ki(e,s,o),e}return bi(o,r(Hs),xi([s]),i,`64 /* ${n[64]} */`,void 0,void 0,!0,!1,e.loc)}{const e=l.codegenNode;return 13===e.type&&(e.isBlock=!0,r(qs),r(Js)),Ki(e,s,o),e}}const Hl=Fl("for",(e,t,o)=>{const{helper:r}=o;return function(e,t,n,o){if(!t.exp)return;const r=Gl(t.exp);if(!r)return;const{scopes:s}=n,{source:i,value:l,key:c,index:a}=r,u={type:11,loc:t.loc,source:i,valueAlias:l,keyAlias:c,objectIndexAlias:a,parseResult:r,children:Hi(e)?e.children:[e]};n.replaceNode(u),s.vFor++;const p=o&&o(u);return()=>{s.vFor--,p&&p()}}(e,t,o,t=>{const s=wi(r(ri),[t.source]),i=Vi(e,"key"),l=i?Si("key",6===i.type?Ci(i.value.content,!0):i.exp):null,c=4===t.source.type&&t.source.isConstant,a=c?64:i?128:256;return t.codegenNode=bi(o,r(Hs),void 0,s,`${a} /* ${n[a]} */`,void 0,void 0,!0,!c,e.loc),()=>{let i;const a=Hi(e),{children:u}=t,p=1!==u.length||1!==u[0].type,f=zi(e)?e:a&&1===e.children.length&&zi(e.children[0])?e.children[0]:null;f?(i=f.codegenNode,a&&l&&Ki(i,l,o)):p?i=bi(o,r(Hs),l?xi([l]):void 0,e.children,`64 /* ${n[64]} */`,void 0,void 0,!0):(i=u[0].codegenNode,a&&l&&Ki(i,l,o),i.isBlock=!c,i.isBlock&&(r(qs),r(Js))),s.arguments.push(Ti(Jl(t.parseResult),i,!0))}})});const zl=/([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/,Kl=/,([^,\}\]]*)(?:,([^,\}\]]*))?$/,Wl=/^\(|\)$/g;function Gl(e,t){const n=e.loc,o=e.content,r=o.match(zl);if(!r)return;const[,s,i]=r,l={source:ql(n,i.trim(),o.indexOf(i,s.length)),value:void 0,key:void 0,index:void 0};let c=s.trim().replace(Wl,"").trim();const a=s.indexOf(c),u=c.match(Kl);if(u){c=c.replace(Kl,"").trim();const e=u[1].trim();let t;if(e&&(t=o.indexOf(e,a+c.length),l.key=ql(n,e,t)),u[2]){const r=u[2].trim();r&&(l.index=ql(n,r,o.indexOf(r,l.key?t+e.length:a+c.length)))}}return c&&(l.value=ql(n,c,a)),l}function ql(e,t,n){return Ci(t,!1,Bi(e,n,t.length))}function Jl({value:e,key:t,index:n}){const o=[];return e&&o.push(e),t&&(e||o.push(Ci("_",!1)),o.push(t)),n&&(t||(e||o.push(Ci("_",!1)),o.push(Ci("__",!1))),o.push(n)),o}const Yl=Ci("undefined",!1),Zl=(e,t)=>{if(1===e.type&&(1===e.tagType||3===e.tagType)){const n=Li(e,"slot");if(n){return t.scopes.vSlot++,()=>{t.scopes.vSlot--}}}},Ql=(e,t,n)=>Ti(e,t,!1,!0,t.length?t[0].loc:n);function Xl(e,t,n=Ql){t.helper(gi);const{children:o,loc:r}=e,s=[],i=[],l=(e,t)=>Si("default",n(e,t,r));let c=t.scopes.vSlot>0||t.scopes.vFor>0;const a=Li(e,"slot",!0);if(a){const{arg:e,exp:t}=a;e&&!Ei(e)&&(c=!0),s.push(Si(e||Ci("default",!0),n(t,o,r)))}let u=!1,p=!1;const f=[],d=new Set;for(let e=0;e<o.length;e++){const r=o[e];let l;if(!Hi(r)||!(l=Li(r,"slot",!0))){3!==r.type&&f.push(r);continue}if(a)break;u=!0;const{children:h,loc:m}=r,{arg:g=Ci("default",!0),exp:v}=l;let y;Ei(g)?y=g?g.content:"default":c=!0;const b=n(v,h,m);let _,x,S;if(_=Li(r,"if"))c=!0,i.push(Ni(_.exp,ec(g,b),Yl));else if(x=Li(r,/^else(-if)?$/,!0)){let t,n=e;for(;n--&&(t=o[n],3===t.type););if(t&&Hi(t)&&Li(t,"if")){o.splice(e,1),e--;let t=i[i.length-1];for(;19===t.alternate.type;)t=t.alternate;t.alternate=x.exp?Ni(x.exp,ec(g,b),Yl):ec(g,b)}}else if(S=Li(r,"for")){c=!0;const e=S.parseResult||Gl(S.exp);e&&i.push(wi(t.helper(ri),[e.source,Ti(Jl(e),ec(g,b),!0)]))}else{if(y){if(d.has(y))continue;d.add(y),"default"===y&&(p=!0)}s.push(Si(g,b))}}a||(u?f.length&&(p||s.push(l(void 0,f))):s.push(l(void 0,o)));const h=c?2:tc(e.children)?3:1;let m=xi(s.concat(Si("_",Ci(""+h,!1))),r);return i.length&&(m=wi(t.helper(ii),[m,_i(i)])),{slots:m,hasDynamicSlots:c}}function ec(e,t){return xi([Si("name",e),Si("fn",t)])}function tc(e){for(let t=0;t<e.length;t++){const n=e[t];if(1===n.type&&(2===n.tagType||0===n.tagType&&tc(n.children)))return!0}return!1}const nc=new WeakMap,oc=(e,t)=>{if(1===e.type&&(0===e.tagType||1===e.tagType))return function(){const{tag:n,props:o}=e,r=1===e.tagType,s=r?function(e,t,n=!1){const{tag:o}=e,r="component"===e.tag?Vi(e,"is"):Li(e,"is");if(r){const e=6===r.type?r.value&&Ci(r.value.content,!0):r.exp;if(e)return wi(t.helper(ti),[e])}const s=$i(o)||t.isBuiltInComponent(o);if(s)return n||t.helper(s),s;if("setup"===t.bindingMetadata[o])return`$setup[${JSON.stringify(o)}]`;return t.helper(ei),t.components.add(o),Wi(o,"component")}(e,t):`"${n}"`;let i,l,c,a,u,p,f=0,d=R(s)&&s.callee===ti||s===zs||s===Ks||!r&&("svg"===n||"foreignObject"===n||Vi(e,"key",!0));if(o.length>0){const n=rc(e,t);i=n.props,f=n.patchFlag,u=n.dynamicPropNames;const o=n.directives;p=o&&o.length?_i(o.map(e=>function(e,t){const n=[],o=nc.get(e);o?n.push(t.helperString(o)):(t.helper(ni),t.directives.add(e.name),n.push(Wi(e.name,"directive")));const{loc:r}=e;e.exp&&n.push(e.exp);e.arg&&(e.exp||n.push("void 0"),n.push(e.arg));if(Object.keys(e.modifiers).length){e.arg||(e.exp||n.push("void 0"),n.push("void 0"));const t=Ci("true",!1,r);n.push(xi(e.modifiers.map(e=>Si(e,t)),r))}return _i(n,e.loc)}(e,t))):void 0}if(e.children.length>0){s===Ws&&(d=!0,f|=1024);if(r&&s!==zs&&s!==Ws){const{slots:n,hasDynamicSlots:o}=Xl(e,t);l=n,o&&(f|=1024)}else if(1===e.children.length&&s!==zs){const t=e.children[0],n=t.type,o=5===n||8===n;o&&!Sl(t)&&(f|=1),l=o||2===n?t:e.children}else l=e.children}0!==f&&(c=String(f),u&&u.length&&(a=function(e){let t="[";for(let n=0,o=e.length;n<o;n++)t+=JSON.stringify(e[n]),n<o-1&&(t+=", ");return t+"]"}(u))),e.codegenNode=bi(t,s,i,l,c,a,p,!!d,!1,e.loc)}};function rc(e,t,n=e.props,o=!1){const{tag:r,loc:s}=e,i=1===e.tagType;let l=[];const c=[],a=[];let u=0,p=!1,f=!1,d=!1,h=!1,m=!1,g=!1;const v=[],y=({key:e,value:t})=>{if(Ei(e)){const n=e.content,o=x(n);if(i||!o||"onclick"===n.toLowerCase()||"onUpdate:modelValue"===n||U(n)||(h=!0),o&&U(n)&&(g=!0),20===t.type||(4===t.type||8===t.type)&&Sl(t)>0)return;"ref"===n?p=!0:"class"!==n||i?"style"!==n||i?"key"===n||v.includes(n)||v.push(n):d=!0:f=!0}else m=!0};for(let i=0;i<n.length;i++){const u=n[i];if(6===u.type){const{loc:e,name:t,value:n}=u;if("ref"===t&&(p=!0),"is"===t&&"component"===r)continue;l.push(Si(Ci(t,!0,Bi(e,0,t.length)),Ci(n?n.content:"",!0,n?n.loc:e)))}else{const{name:n,arg:i,exp:p,loc:f}=u,d="bind"===n,h="on"===n;if("slot"===n)continue;if("once"===n)continue;if("is"===n||d&&"component"===r&&Ui(i,"is"))continue;if(h&&o)continue;if(!i&&(d||h)){m=!0,p&&(l.length&&(c.push(xi(sc(l),s)),l=[]),c.push(d?p:{type:14,loc:f,callee:t.helper(ai),arguments:[p]}));continue}const g=t.directiveTransforms[n];if(g){const{props:n,needRuntime:r}=g(u,e,t);!o&&n.forEach(y),l.push(...n),r&&(a.push(u),O(r)&&nc.set(u,r))}else a.push(u)}}let b=void 0;return c.length?(l.length&&c.push(xi(sc(l),s)),b=c.length>1?wi(t.helper(ci),c,s):c[0]):l.length&&(b=xi(sc(l),s)),m?u|=16:(f&&(u|=2),d&&(u|=4),v.length&&(u|=8),h&&(u|=32)),0!==u&&32!==u||!(p||g||a.length>0)||(u|=512),{props:b,directives:a,patchFlag:u,dynamicPropNames:v}}function sc(e){const t=new Map,n=[];for(let o=0;o<e.length;o++){const r=e[o];if(8===r.key.type||!r.key.isStatic){n.push(r);continue}const s=r.key.content,i=t.get(s);i?("style"===s||"class"===s||s.startsWith("on"))&&ic(i,r):(t.set(s,r),n.push(r))}return n}function ic(e,t){17===e.value.type?e.value.elements.push(t.value):e.value=_i([e.value,t.value],e.loc)}const lc=(e,t)=>{if(zi(e)){const{children:n,loc:o}=e,{slotName:r,slotProps:s}=function(e,t){let n='"default"',o=void 0;const r=Vi(e,"name");r&&(6===r.type&&r.value?n=JSON.stringify(r.value.content):7===r.type&&r.exp&&(n=r.exp));const s=r?e.props.filter(e=>e!==r):e.props;if(s.length>0){const{props:n,directives:r}=rc(e,t,s);o=n}return{slotName:n,slotProps:o}}(e,t),i=[t.prefixIdentifiers?"_ctx.$slots":"$slots",r];s&&i.push(s),n.length&&(s||i.push("{}"),i.push(Ti([],n,!1,!1,o))),e.codegenNode=wi(t.helper(si),i,o)}};const cc=/^\s*([\w$_]+|\([^)]*?\))\s*=>|^\s*function(?:\s+[\w$]+)?\s*\(/,ac=(e,t,n,o)=>{const{loc:r,modifiers:s,arg:i}=e;let l;if(4===i.type)if(i.isStatic){l=Ci("on"+W(H(i.content)),!0,i.loc)}else l=ki([`"on" + ${n.helperString(pi)}(`,i,")"]);else l=i,l.children.unshift(`"on" + ${n.helperString(pi)}(`),l.children.push(")");let c=e.exp;c&&!c.content.trim()&&(c=void 0);let a=n.cacheHandlers&&!c;if(c){const e=Ri(c.content),t=!(e||cc.test(c.content)),n=c.content.includes(";");(t||a&&e)&&(c=ki([`${t?"$event":"(...args)"} => ${n?"{":"("}`,c,n?"}":")"]))}let u={props:[Si(l,c||Ci("() => {}",!1,r))]};return o&&(u=o(u)),a&&(u.props[0].value=n.cache(u.props[0].value)),u},uc=(e,t,n)=>{const{exp:o,modifiers:r,loc:s}=e,i=e.arg;return r.includes("camel")&&(4===i.type?i.content=i.isStatic?H(i.content):`${n.helperString(ui)}(${i.content})`:(i.children.unshift(n.helperString(ui)+"("),i.children.push(")"))),!o||4===o.type&&!o.content.trim()?{props:[Si(i,Ci("",!0,s))]}:{props:[Si(i,o)]}},pc=(e,t)=>{if(0===e.type||1===e.type||11===e.type||10===e.type)return()=>{const o=e.children;let r=void 0,s=!1;for(let e=0;e<o.length;e++){const t=o[e];if(ji(t)){s=!0;for(let n=e+1;n<o.length;n++){const s=o[n];if(!ji(s)){r=void 0;break}r||(r=o[e]={type:8,loc:t.loc,children:[t]}),r.children.push(" + ",s),o.splice(n,1),n--}}}if(s&&(1!==o.length||0!==e.type&&(1!==e.type||0!==e.tagType)))for(let e=0;e<o.length;e++){const r=o[e];if(ji(r)||8===r.type){const s=[];2===r.type&&" "===r.content||s.push(r),t.ssr||2===r.type||s.push(`1 /* ${n[1]} */`),o[e]={type:12,content:r,loc:r.loc,codegenNode:wi(t.helper(Qs),s)}}}}},fc=new WeakSet,dc=(e,t)=>{if(1===e.type&&Li(e,"once",!0)){if(fc.has(e))return;return fc.add(e),t.helper(fi),()=>{const e=t.currentNode;e.codegenNode&&(e.codegenNode=t.cache(e.codegenNode,!0))}}},hc=(e,t,n)=>{const{exp:o,arg:r}=e;if(!o)return mc();if(!Ri(4===o.type?o.content:o.loc.source))return mc();const s=r||Ci("modelValue",!0),i=r?Ei(r)?"onUpdate:"+r.content:ki(['"onUpdate:" + ',r]):"onUpdate:modelValue",l=[Si(s,e.exp),Si(i,ki(["$event => (",o," = $event)"]))];if(e.modifiers.length&&1===t.tagType){const t=e.modifiers.map(e=>(Mi(e)?e:JSON.stringify(e))+": true").join(", "),n=r?Ei(r)?r.content+"Modifiers":ki([r,' + "Modifiers"']):"modelModifiers";l.push(Si(n,Ci(`{ ${t} }`,!1,e.loc,!0)))}return mc(l)};function mc(e=[]){return{props:e}}function gc(e,t={}){const n=t.onError||js,o="module"===t.mode;!0===t.prefixIdentifiers?n(Ds(45)):o&&n(Ds(46));t.cacheHandlers&&n(Ds(47)),t.scopeId&&!o&&n(Ds(48));const r=M(e)?Yi(e,t):e,[s,i]=[[dc,Vl,Hl,lc,oc,Zl,pc],{on:ac,bind:uc,model:hc}];return Nl(r,C({},t,{prefixIdentifiers:false,nodeTransforms:[...s,...t.nodeTransforms||[]],directiveTransforms:C({},i,t.directiveTransforms||{})})),Al(r,C({},t,{prefixIdentifiers:false}))}const vc=Symbol(""),yc=Symbol(""),bc=Symbol(""),_c=Symbol(""),xc=Symbol(""),Sc=Symbol(""),Cc=Symbol(""),kc=Symbol(""),wc=Symbol(""),Tc=Symbol("");var Nc;let Ec;Nc={[vc]:"vModelRadio",[yc]:"vModelCheckbox",[bc]:"vModelText",[_c]:"vModelSelect",[xc]:"vModelDynamic",[Sc]:"withModifiers",[Cc]:"withKeys",[kc]:"vShow",[wc]:"Transition",[Tc]:"TransitionGroup"},Object.getOwnPropertySymbols(Nc).forEach(e=>{vi[e]=Nc[e]});const Fc=t("style,iframe,script,noscript",!0),$c={isVoidTag:f,isNativeTag:e=>u(e)||p(e),isPreTag:e=>"pre"===e,decodeEntities:function(e){return(Ec||(Ec=document.createElement("div"))).innerHTML=e,Ec.textContent},isBuiltInComponent:e=>Fi(e,"Transition")?wc:Fi(e,"TransitionGroup")?Tc:void 0,getNamespace(e,t){let n=t?t.ns:0;if(t&&2===n)if("annotation-xml"===t.tag){if("svg"===e)return 1;t.props.some(e=>6===e.type&&"encoding"===e.name&&null!=e.value&&("text/html"===e.value.content||"application/xhtml+xml"===e.value.content))&&(n=0)}else/^m(?:[ions]|text)$/.test(t.tag)&&"mglyph"!==e&&"malignmark"!==e&&(n=0);else t&&1===n&&("foreignObject"!==t.tag&&"desc"!==t.tag&&"title"!==t.tag||(n=0));if(0===n){if("svg"===e)return 1;if("math"===e)return 2}return n},getTextMode({tag:e,ns:t}){if(0===t){if("textarea"===e||"title"===e)return 1;if(Fc(e))return 2}return 0}},Ac=(e,t)=>{const n=c(e);return Ci(JSON.stringify(n),!1,t,!0)};const Mc=t("passive,once,capture"),Oc=t("stop,prevent,self,ctrl,shift,alt,meta,exact,middle"),Rc=t("left,right"),Bc=t("onkeyup,onkeydown,onkeypress",!0),Pc=(e,t)=>Ei(e)&&"onclick"===e.content.toLowerCase()?Ci(t,!0):4!==e.type?ki(["(",e,`) === "onClick" ? "${t}" : (`,e,")"]):e,Ic=(e,t)=>{1!==e.type||0!==e.tagType||"script"!==e.tag&&"style"!==e.tag||t.removeNode()},Lc=[e=>{1===e.type&&e.props.forEach((t,n)=>{6===t.type&&"style"===t.name&&t.value&&(e.props[n]={type:7,name:"bind",arg:Ci("style",!0,t.loc),exp:Ac(t.value.content,t.loc),modifiers:[],loc:t.loc})})}],Vc={cloak:()=>({props:[]}),html:(e,t,n)=>{const{exp:o,loc:r}=e;return t.children.length&&(t.children.length=0),{props:[Si(Ci("innerHTML",!0,r),o||Ci("",!0))]}},text:(e,t,n)=>{const{exp:o,loc:r}=e;return t.children.length&&(t.children.length=0),{props:[Si(Ci("textContent",!0,r),o||Ci("",!0))]}},model:(e,t,n)=>{const o=hc(e,t);if(!o.props.length||1===t.tagType)return o;const{tag:r}=t,s=n.isCustomElement(r);if("input"===r||"textarea"===r||"select"===r||s){let e=bc,i=!1;if("input"===r||s){const n=Vi(t,"type");if(n){if(7===n.type)e=xc;else if(n.value)switch(n.value.content){case"radio":e=vc;break;case"checkbox":e=yc;break;case"file":i=!0}}else(function(e){return e.props.some(e=>!(7!==e.type||"bind"!==e.name||e.arg&&4===e.arg.type&&e.arg.isStatic))})(t)&&(e=xc)}else"select"===r&&(e=_c);i||(o.needRuntime=n.helper(e))}return o.props=o.props.filter(e=>!(4===e.key.type&&"modelValue"===e.key.content)),o},on:(e,t,n)=>ac(e,0,n,t=>{const{modifiers:o}=e;if(!o.length)return t;let{key:r,value:s}=t.props[0];const{keyModifiers:i,nonKeyModifiers:l,eventOptionModifiers:c}=((e,t)=>{const n=[],o=[],r=[];for(let s=0;s<t.length;s++){const i=t[s];Mc(i)?r.push(i):Rc(i)?Ei(e)?Bc(e.content)?n.push(i):o.push(i):(n.push(i),o.push(i)):Oc(i)?o.push(i):n.push(i)}return{keyModifiers:n,nonKeyModifiers:o,eventOptionModifiers:r}})(r,o);if(l.includes("right")&&(r=Pc(r,"onContextmenu")),l.includes("middle")&&(r=Pc(r,"onMouseup")),l.length&&(s=wi(n.helper(Sc),[s,JSON.stringify(l)])),!i.length||Ei(r)&&!Bc(r.content)||(s=wi(n.helper(Cc),[s,JSON.stringify(i)])),c.length){const e=c.map(W).join("");r=Ei(r)?Ci(`${r.content}${e}`,!0):ki(["(",r,`) + "${e}"`])}return{props:[Si(r,s)]}}),show:(e,t,n)=>({props:[],needRuntime:n.helper(kc)})};const Uc=Object.create(null);function jc(e,t){if(!M(e)){if(!e.nodeType)return y;e=e.innerHTML}const n=e,o=Uc[n];if(o)return o;if("#"===e[0]){const t=document.querySelector(e);e=t?t.innerHTML:""}const{code:r}=function(e,t={}){return gc(e,C({},$c,t,{nodeTransforms:[Ic,...Lc,...t.nodeTransforms||[]],directiveTransforms:C({},Vc,t.directiveTransforms||{}),transformHoist:null}))}(e,C({hoistStatic:!0,onError(e){throw e}},t)),s=new Function(r)();return s._rc=!0,Uc[n]=s}return xr(jc),e.BaseTransition=Ln,e.Comment=Oo,e.Fragment=Ao,e.KeepAlive=Wn,e.Static=Ro,e.Suspense=Xt,e.Teleport=To,e.Text=Mo,e.Transition=Xr,e.TransitionGroup=ds,e.callWithAsyncErrorHandling=yt,e.callWithErrorHandling=vt,e.camelize=H,e.capitalize=W,e.cloneVNode=Go,e.compile=jc,e.computed=Tr,e.createApp=(...e)=>{const t=Ls().createApp(...e),{mount:n}=t;return t.mount=e=>{const o=Us(e);if(!o)return;const r=t._component;A(r)||r.render||r.template||(r.template=o.innerHTML),o.innerHTML="";const s=n(o);return o.removeAttribute("v-cloak"),o.setAttribute("data-v-app",""),s},t},e.createBlock=Uo,e.createCommentVNode=function(e="",t=!1){return t?(Io(),Uo(Oo,null,e)):Wo(Oo,null,e)},e.createHydrationRenderer=bo,e.createRenderer=yo,e.createSSRApp=(...e)=>{const t=Vs().createApp(...e),{mount:n}=t;return t.mount=e=>{const t=Us(e);if(t)return n(t,!0)},t},e.createSlots=function(e,t){for(let n=0;n<t.length;n++){const o=t[n];if(N(o))for(let t=0;t<o.length;t++)e[o[t].name]=o[t].fn;else o&&(e[o.name]=o.fn)}return e},e.createStaticVNode=function(e,t){const n=Wo(Ro,null,e);return n.staticCount=t,n},e.createTextVNode=qo,e.createVNode=Wo,e.customRef=function(e){return new ut(e)},e.defineAsyncComponent=function(e){A(e)&&(e={loader:e});const{loader:t,loadingComponent:n,errorComponent:o,delay:r=200,timeout:s,suspensible:i=!0,onError:l}=e;let c,a=null,u=0;const p=()=>{let e;return a||(e=a=t().catch(e=>{if(e=e instanceof Error?e:new Error(String(e)),l)return new Promise((t,n)=>{l(e,()=>t((u++,a=null,p())),()=>n(e),u+1)});throw e}).then(t=>e!==a&&a?a:(t&&(t.__esModule||"Module"===t[Symbol.toStringTag])&&(t=t.default),c=t,t)))};return Nr({__asyncLoader:p,name:"AsyncComponentWrapper",setup(){const e=mr;if(c)return()=>Er(c,e);const t=t=>{a=null,bt(t,e,13,!o)};if(i&&e.suspense)return p().then(t=>()=>Er(t,e)).catch(e=>(t(e),()=>o?Wo(o,{error:e}):null));const l=rt(!1),u=rt(),f=rt(!!r);return r&&setTimeout(()=>{f.value=!1},r),null!=s&&setTimeout(()=>{if(!l.value&&!u.value){const e=new Error(`Async component timed out after ${s}ms.`);t(e),u.value=e}},s),p().then(()=>{l.value=!0}).catch(e=>{t(e),u.value=e}),()=>l.value&&c?Er(c,e):u.value&&o?Wo(o,{error:u.value}):n&&!f.value?Wo(n):void 0}})},e.defineComponent=Nr,e.getCurrentInstance=gr,e.getTransitionRawChildren=zn,e.h=Fr,e.handleError=bt,e.hydrate=(...e)=>{Vs().hydrate(...e)},e.initCustomFormatter=function(){},e.inject=er,e.isProxy=et,e.isReactive=Qe,e.isReadonly=Xe,e.isRef=ot,e.isVNode=jo,e.markRaw=function(e){return J(e,"__v_skip",!0),e},e.mergeProps=Qo,e.nextTick=Ot,e.onActivated=Jn,e.onBeforeMount=xn,e.onBeforeUnmount=wn,e.onBeforeUpdate=Cn,e.onDeactivated=Yn,e.onErrorCaptured=Fn,e.onMounted=Sn,e.onRenderTracked=En,e.onRenderTriggered=Nn,e.onUnmounted=Tn,e.onUpdated=kn,e.openBlock=Io,e.popScopeId=pn,e.provide=Xo,e.proxyRefs=at,e.pushScopeId=un,e.queuePostFlushCb=It,e.reactive=qe,e.readonly=Ye,e.ref=rt,e.registerRuntimeCompiler=xr,e.render=(...e)=>{Ls().render(...e)},e.renderList=function(e,t){let n;if(N(e)||M(e)){n=new Array(e.length);for(let o=0,r=e.length;o<r;o++)n[o]=t(e[o],o)}else if("number"==typeof e){n=new Array(e);for(let o=0;o<e;o++)n[o]=t(o+1,o)}else if(R(e))if(e[Symbol.iterator])n=Array.from(e,t);else{const o=Object.keys(e);n=new Array(o.length);for(let r=0,s=o.length;r<s;r++){const s=o[r];n[r]=t(e[s],s,r)}}else n=[];return n},e.renderSlot=function(e,t,n={},o){let r=e[t];rn++;const s=(Io(),Uo(Ao,{key:n.key},r?r(n):o?o():[],1===e._?64:-2));return rn--,s},e.resolveComponent=function(e){return Fo(No,e)||e},e.resolveDirective=function(e){return Fo("directives",e)},e.resolveDynamicComponent=function(e){return M(e)?Fo(No,e,!1)||e:e||Eo},e.resolveTransitionHooks=Un,e.setBlockTracking=function(e){Vo+=e},e.setDevtoolsHook=function(t){e.devtools=t},e.setTransitionHooks=Hn,e.shallowReactive=Je,e.shallowReadonly=function(e){return Ze(e,!0,Ce,ze)},e.shallowRef=function(e){return it(e,!0)},e.ssrContextKey=$r,e.ssrUtils=null,e.toDisplayString=e=>null==e?"":R(e)?JSON.stringify(e,m,2):String(e),e.toHandlers=function(e){const t={};for(const n in e)t["on"+W(n)]=e[n];return t},e.toRaw=tt,e.toRef=ft,e.toRefs=function(e){const t=N(e)?new Array(e.length):{};for(const n in e)t[n]=ft(e,n);return t},e.transformVNodeArgs=function(e){},e.triggerRef=function(e){pe(tt(e),"set","value",void 0)},e.unref=lt,e.useCssModule=function(e="$style"){return g},e.useCssVars=function(e,t=!1){const n=gr();if(!n)return;const o=t&&n.type.__scopeId?n.type.__scopeId.replace(/^data-v-/,"")+"-":"",r=()=>Yr(n.subTree,e(n.proxy),o);Sn(()=>$n(r)),kn(r)},e.useSSRContext=()=>{},e.useTransitionState=Pn,e.vModelCheckbox=xs,e.vModelDynamic=Es,e.vModelRadio=Cs,e.vModelSelect=ks,e.vModelText=_s,e.vShow=Os,e.version=Ar,e.warn=function(e,...t){ce();const n=ht.length?ht[ht.length-1].component:null,o=n&&n.appContext.config.warnHandler,r=function(){let e=ht[ht.length-1];if(!e)return[];const t=[];for(;e;){const n=t[0];n&&n.vnode===e?n.recurseCount++:t.push({vnode:e,recurseCount:0});const o=e.component&&e.component.parent;e=o&&o.vnode}return t}();if(o)vt(o,n,11,[e+t.join(""),n&&n.proxy,r.map(({vnode:e})=>`at <${wr(n,e.type)}>`).join("\n"),r]);else{const n=["[Vue warn]: "+e,...t];r.length&&n.push("\n",...function(e){const t=[];return e.forEach((e,n)=>{t.push(...0===n?[]:["\n"],...function({vnode:e,recurseCount:t}){const n=t>0?`... (${t} recursive calls)`:"",o=" at <"+wr(e.component,e.type,!!e.component&&null==e.component.parent),r=">"+n;return e.props?[o,...mt(e.props),r]:[o+r]}(e))}),t}(r)),console.warn(...n)}ae()},e.watch=Mn,e.watchEffect=$n,e.withCtx=ln,e.withDirectives=function(e,t){if(null===Kt)return e;const n=Kt.proxy,o=e.dirs||(e.dirs=[]);for(let e=0;e<t.length;e++){let[r,s,i,l=g]=t[e];A(r)&&(r={mounted:r,updated:r}),o.push({dir:r,instance:n,value:s,oldValue:void 0,arg:i,modifiers:l})}return e},e.withKeys=(e,t)=>n=>{if(!("key"in n))return;const o=K(n.key);return t.some(e=>e===o||Ms[e]===o)?e(n):void 0},e.withModifiers=(e,t)=>(n,...o)=>{for(let e=0;e<t.length;e++){const o=As[t[e]];if(o&&o(n,t))return}return e(n,...o)},e.withScopeId=function(e){return t=>ln((function(){un(e);const n=t.apply(this,arguments);return pn(),n}))},e}({});
+var Vue=function(e){"use strict";function t(e,t){const n=Object.create(null),o=e.split(",");for(let r=0;r<o.length;r++)n[o[r]]=!0;return t?e=>!!n[e.toLowerCase()]:e=>!!n[e]}const n=t("Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt"),o=t("itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly");function r(e){return!!e||""===e}function s(e){if(N(e)){const t={};for(let n=0;n<e.length;n++){const o=e[n],r=A(o)?c(o):s(o);if(r)for(const e in r)t[e]=r[e]}return t}return A(e)||O(e)?e:void 0}const i=/;(?![^(]*\))/g,l=/:(.+)/;function c(e){const t={};return e.split(i).forEach((e=>{if(e){const n=e.split(l);n.length>1&&(t[n[0].trim()]=n[1].trim())}})),t}function a(e){let t="";if(A(e))t=e;else if(N(e))for(let n=0;n<e.length;n++){const o=a(e[n]);o&&(t+=o+" ")}else if(O(e))for(const n in e)e[n]&&(t+=n+" ");return t.trim()}const u=t("html,body,base,head,link,meta,style,title,address,article,aside,footer,header,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,summary,template,blockquote,iframe,tfoot"),p=t("svg,animate,animateMotion,animateTransform,circle,clipPath,color-profile,defs,desc,discard,ellipse,feBlend,feColorMatrix,feComponentTransfer,feComposite,feConvolveMatrix,feDiffuseLighting,feDisplacementMap,feDistanceLight,feDropShadow,feFlood,feFuncA,feFuncB,feFuncG,feFuncR,feGaussianBlur,feImage,feMerge,feMergeNode,feMorphology,feOffset,fePointLight,feSpecularLighting,feSpotLight,feTile,feTurbulence,filter,foreignObject,g,hatch,hatchpath,image,line,linearGradient,marker,mask,mesh,meshgradient,meshpatch,meshrow,metadata,mpath,path,pattern,polygon,polyline,radialGradient,rect,set,solidcolor,stop,switch,symbol,text,textPath,title,tspan,unknown,use,view"),f=t("area,base,br,col,embed,hr,img,input,link,meta,param,source,track,wbr");function d(e,t){if(e===t)return!0;let n=R(e),o=R(t);if(n||o)return!(!n||!o)&&e.getTime()===t.getTime();if(n=N(e),o=N(t),n||o)return!(!n||!o)&&function(e,t){if(e.length!==t.length)return!1;let n=!0;for(let o=0;n&&o<e.length;o++)n=d(e[o],t[o]);return n}(e,t);if(n=O(e),o=O(t),n||o){if(!n||!o)return!1;if(Object.keys(e).length!==Object.keys(t).length)return!1;for(const n in e){const o=e.hasOwnProperty(n),r=t.hasOwnProperty(n);if(o&&!r||!o&&r||!d(e[n],t[n]))return!1}}return String(e)===String(t)}function h(e,t){return e.findIndex((e=>d(e,t)))}const m=(e,t)=>t&&t.__v_isRef?m(e,t.value):E(t)?{[`Map(${t.size})`]:[...t.entries()].reduce(((e,[t,n])=>(e[`${t} =>`]=n,e)),{})}:$(t)?{[`Set(${t.size})`]:[...t.values()]}:!O(t)||N(t)||B(t)?t:String(t),g={},v=[],y=()=>{},b=()=>!1,_=/^on[^a-z]/,S=e=>_.test(e),x=e=>e.startsWith("onUpdate:"),C=Object.assign,w=(e,t)=>{const n=e.indexOf(t);n>-1&&e.splice(n,1)},k=Object.prototype.hasOwnProperty,T=(e,t)=>k.call(e,t),N=Array.isArray,E=e=>"[object Map]"===V(e),$=e=>"[object Set]"===V(e),R=e=>e instanceof Date,F=e=>"function"==typeof e,A=e=>"string"==typeof e,M=e=>"symbol"==typeof e,O=e=>null!==e&&"object"==typeof e,P=e=>O(e)&&F(e.then)&&F(e.catch),I=Object.prototype.toString,V=e=>I.call(e),B=e=>"[object Object]"===V(e),L=e=>A(e)&&"NaN"!==e&&"-"!==e[0]&&""+parseInt(e,10)===e,j=t(",key,ref,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"),U=e=>{const t=Object.create(null);return n=>t[n]||(t[n]=e(n))},H=/-(\w)/g,D=U((e=>e.replace(H,((e,t)=>t?t.toUpperCase():"")))),W=/\B([A-Z])/g,z=U((e=>e.replace(W,"-$1").toLowerCase())),K=U((e=>e.charAt(0).toUpperCase()+e.slice(1))),G=U((e=>e?`on${K(e)}`:"")),q=(e,t)=>!Object.is(e,t),J=(e,t)=>{for(let n=0;n<e.length;n++)e[n](t)},Z=(e,t,n)=>{Object.defineProperty(e,t,{configurable:!0,enumerable:!1,value:n})},Q=e=>{const t=parseFloat(e);return isNaN(t)?e:t};let X;const Y=[];class ee{constructor(e=!1){this.active=!0,this.effects=[],this.cleanups=[],!e&&X&&(this.parent=X,this.index=(X.scopes||(X.scopes=[])).push(this)-1)}run(e){if(this.active)try{return this.on(),e()}finally{this.off()}}on(){this.active&&(Y.push(this),X=this)}off(){this.active&&(Y.pop(),X=Y[Y.length-1])}stop(e){if(this.active){if(this.effects.forEach((e=>e.stop())),this.cleanups.forEach((e=>e())),this.scopes&&this.scopes.forEach((e=>e.stop(!0))),this.parent&&!e){const e=this.parent.scopes.pop();e&&e!==this&&(this.parent.scopes[this.index]=e,e.index=this.index)}this.active=!1}}}function te(e,t){(t=t||X)&&t.active&&t.effects.push(e)}const ne=e=>{const t=new Set(e);return t.w=0,t.n=0,t},oe=e=>(e.w&le)>0,re=e=>(e.n&le)>0,se=new WeakMap;let ie=0,le=1;const ce=[];let ae;const ue=Symbol(""),pe=Symbol("");class fe{constructor(e,t=null,n){this.fn=e,this.scheduler=t,this.active=!0,this.deps=[],te(this,n)}run(){if(!this.active)return this.fn();if(!ce.includes(this))try{return ce.push(ae=this),me.push(he),he=!0,le=1<<++ie,ie<=30?(({deps:e})=>{if(e.length)for(let t=0;t<e.length;t++)e[t].w|=le})(this):de(this),this.fn()}finally{ie<=30&&(e=>{const{deps:t}=e;if(t.length){let n=0;for(let o=0;o<t.length;o++){const r=t[o];oe(r)&&!re(r)?r.delete(e):t[n++]=r,r.w&=~le,r.n&=~le}t.length=n}})(this),le=1<<--ie,ve(),ce.pop();const e=ce.length;ae=e>0?ce[e-1]:void 0}}stop(){this.active&&(de(this),this.onStop&&this.onStop(),this.active=!1)}}function de(e){const{deps:t}=e;if(t.length){for(let n=0;n<t.length;n++)t[n].delete(e);t.length=0}}let he=!0;const me=[];function ge(){me.push(he),he=!1}function ve(){const e=me.pop();he=void 0===e||e}function ye(e,t,n){if(!be())return;let o=se.get(e);o||se.set(e,o=new Map);let r=o.get(n);r||o.set(n,r=ne()),_e(r)}function be(){return he&&void 0!==ae}function _e(e,t){let n=!1;ie<=30?re(e)||(e.n|=le,n=!oe(e)):n=!e.has(ae),n&&(e.add(ae),ae.deps.push(e))}function Se(e,t,n,o,r,s){const i=se.get(e);if(!i)return;let l=[];if("clear"===t)l=[...i.values()];else if("length"===n&&N(e))i.forEach(((e,t)=>{("length"===t||t>=o)&&l.push(e)}));else switch(void 0!==n&&l.push(i.get(n)),t){case"add":N(e)?L(n)&&l.push(i.get("length")):(l.push(i.get(ue)),E(e)&&l.push(i.get(pe)));break;case"delete":N(e)||(l.push(i.get(ue)),E(e)&&l.push(i.get(pe)));break;case"set":E(e)&&l.push(i.get(ue))}if(1===l.length)l[0]&&xe(l[0]);else{const e=[];for(const t of l)t&&e.push(...t);xe(ne(e))}}function xe(e,t){for(const n of N(e)?e:[...e])(n!==ae||n.allowRecurse)&&(n.scheduler?n.scheduler():n.run())}const Ce=t("__proto__,__v_isRef,__isVue"),we=new Set(Object.getOwnPropertyNames(Symbol).map((e=>Symbol[e])).filter(M)),ke=Fe(),Te=Fe(!1,!0),Ne=Fe(!0),Ee=Fe(!0,!0),$e=Re();function Re(){const e={};return["includes","indexOf","lastIndexOf"].forEach((t=>{e[t]=function(...e){const n=bt(this);for(let t=0,r=this.length;t<r;t++)ye(n,0,t+"");const o=n[t](...e);return-1===o||!1===o?n[t](...e.map(bt)):o}})),["push","pop","shift","unshift","splice"].forEach((t=>{e[t]=function(...e){ge();const n=bt(this)[t].apply(this,e);return ve(),n}})),e}function Fe(e=!1,t=!1){return function(n,o,r){if("__v_isReactive"===o)return!e;if("__v_isReadonly"===o)return e;if("__v_raw"===o&&r===(e?t?ut:at:t?ct:lt).get(n))return n;const s=N(n);if(!e&&s&&T($e,o))return Reflect.get($e,o,r);const i=Reflect.get(n,o,r);if(M(o)?we.has(o):Ce(o))return i;if(e||ye(n,0,o),t)return i;if(wt(i)){return!s||!L(o)?i.value:i}return O(i)?e?ht(i):ft(i):i}}function Ae(e=!1){return function(t,n,o,r){let s=t[n];if(!e&&(o=bt(o),s=bt(s),!N(t)&&wt(s)&&!wt(o)))return s.value=o,!0;const i=N(t)&&L(n)?Number(n)<t.length:T(t,n),l=Reflect.set(t,n,o,r);return t===bt(r)&&(i?q(o,s)&&Se(t,"set",n,o):Se(t,"add",n,o)),l}}const Me={get:ke,set:Ae(),deleteProperty:function(e,t){const n=T(e,t),o=Reflect.deleteProperty(e,t);return o&&n&&Se(e,"delete",t,void 0),o},has:function(e,t){const n=Reflect.has(e,t);return M(t)&&we.has(t)||ye(e,0,t),n},ownKeys:function(e){return ye(e,0,N(e)?"length":ue),Reflect.ownKeys(e)}},Oe={get:Ne,set:(e,t)=>!0,deleteProperty:(e,t)=>!0},Pe=C({},Me,{get:Te,set:Ae(!0)}),Ie=C({},Oe,{get:Ee}),Ve=e=>O(e)?ft(e):e,Be=e=>O(e)?ht(e):e,Le=e=>e,je=e=>Reflect.getPrototypeOf(e);function Ue(e,t,n=!1,o=!1){const r=bt(e=e.__v_raw),s=bt(t);t!==s&&!n&&ye(r,0,t),!n&&ye(r,0,s);const{has:i}=je(r),l=o?Le:n?Be:Ve;return i.call(r,t)?l(e.get(t)):i.call(r,s)?l(e.get(s)):void(e!==r&&e.get(t))}function He(e,t=!1){const n=this.__v_raw,o=bt(n),r=bt(e);return e!==r&&!t&&ye(o,0,e),!t&&ye(o,0,r),e===r?n.has(e):n.has(e)||n.has(r)}function De(e,t=!1){return e=e.__v_raw,!t&&ye(bt(e),0,ue),Reflect.get(e,"size",e)}function We(e){e=bt(e);const t=bt(this);return je(t).has.call(t,e)||(t.add(e),Se(t,"add",e,e)),this}function ze(e,t){t=bt(t);const n=bt(this),{has:o,get:r}=je(n);let s=o.call(n,e);s||(e=bt(e),s=o.call(n,e));const i=r.call(n,e);return n.set(e,t),s?q(t,i)&&Se(n,"set",e,t):Se(n,"add",e,t),this}function Ke(e){const t=bt(this),{has:n,get:o}=je(t);let r=n.call(t,e);r||(e=bt(e),r=n.call(t,e)),o&&o.call(t,e);const s=t.delete(e);return r&&Se(t,"delete",e,void 0),s}function Ge(){const e=bt(this),t=0!==e.size,n=e.clear();return t&&Se(e,"clear",void 0,void 0),n}function qe(e,t){return function(n,o){const r=this,s=r.__v_raw,i=bt(s),l=t?Le:e?Be:Ve;return!e&&ye(i,0,ue),s.forEach(((e,t)=>n.call(o,l(e),l(t),r)))}}function Je(e,t,n){return function(...o){const r=this.__v_raw,s=bt(r),i=E(s),l="entries"===e||e===Symbol.iterator&&i,c="keys"===e&&i,a=r[e](...o),u=n?Le:t?Be:Ve;return!t&&ye(s,0,c?pe:ue),{next(){const{value:e,done:t}=a.next();return t?{value:e,done:t}:{value:l?[u(e[0]),u(e[1])]:u(e),done:t}},[Symbol.iterator](){return this}}}}function Ze(e){return function(...t){return"delete"!==e&&this}}function Qe(){const e={get(e){return Ue(this,e)},get size(){return De(this)},has:He,add:We,set:ze,delete:Ke,clear:Ge,forEach:qe(!1,!1)},t={get(e){return Ue(this,e,!1,!0)},get size(){return De(this)},has:He,add:We,set:ze,delete:Ke,clear:Ge,forEach:qe(!1,!0)},n={get(e){return Ue(this,e,!0)},get size(){return De(this,!0)},has(e){return He.call(this,e,!0)},add:Ze("add"),set:Ze("set"),delete:Ze("delete"),clear:Ze("clear"),forEach:qe(!0,!1)},o={get(e){return Ue(this,e,!0,!0)},get size(){return De(this,!0)},has(e){return He.call(this,e,!0)},add:Ze("add"),set:Ze("set"),delete:Ze("delete"),clear:Ze("clear"),forEach:qe(!0,!0)};return["keys","values","entries",Symbol.iterator].forEach((r=>{e[r]=Je(r,!1,!1),n[r]=Je(r,!0,!1),t[r]=Je(r,!1,!0),o[r]=Je(r,!0,!0)})),[e,n,t,o]}const[Xe,Ye,et,tt]=Qe();function nt(e,t){const n=t?e?tt:et:e?Ye:Xe;return(t,o,r)=>"__v_isReactive"===o?!e:"__v_isReadonly"===o?e:"__v_raw"===o?t:Reflect.get(T(n,o)&&o in t?n:t,o,r)}const ot={get:nt(!1,!1)},rt={get:nt(!1,!0)},st={get:nt(!0,!1)},it={get:nt(!0,!0)},lt=new WeakMap,ct=new WeakMap,at=new WeakMap,ut=new WeakMap;function pt(e){return e.__v_skip||!Object.isExtensible(e)?0:function(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}((e=>V(e).slice(8,-1))(e))}function ft(e){return e&&e.__v_isReadonly?e:mt(e,!1,Me,ot,lt)}function dt(e){return mt(e,!1,Pe,rt,ct)}function ht(e){return mt(e,!0,Oe,st,at)}function mt(e,t,n,o,r){if(!O(e))return e;if(e.__v_raw&&(!t||!e.__v_isReactive))return e;const s=r.get(e);if(s)return s;const i=pt(e);if(0===i)return e;const l=new Proxy(e,2===i?o:n);return r.set(e,l),l}function gt(e){return vt(e)?gt(e.__v_raw):!(!e||!e.__v_isReactive)}function vt(e){return!(!e||!e.__v_isReadonly)}function yt(e){return gt(e)||vt(e)}function bt(e){const t=e&&e.__v_raw;return t?bt(t):e}function _t(e){return Z(e,"__v_skip",!0),e}function St(e){be()&&((e=bt(e)).dep||(e.dep=ne()),_e(e.dep))}function xt(e,t){(e=bt(e)).dep&&xe(e.dep)}const Ct=e=>O(e)?ft(e):e;function wt(e){return Boolean(e&&!0===e.__v_isRef)}function kt(e){return Nt(e)}class Tt{constructor(e,t=!1){this._shallow=t,this.dep=void 0,this.__v_isRef=!0,this._rawValue=t?e:bt(e),this._value=t?e:Ct(e)}get value(){return St(this),this._value}set value(e){e=this._shallow?e:bt(e),q(e,this._rawValue)&&(this._rawValue=e,this._value=this._shallow?e:Ct(e),xt(this))}}function Nt(e,t=!1){return wt(e)?e:new Tt(e,t)}function Et(e){return wt(e)?e.value:e}const $t={get:(e,t,n)=>Et(Reflect.get(e,t,n)),set:(e,t,n,o)=>{const r=e[t];return wt(r)&&!wt(n)?(r.value=n,!0):Reflect.set(e,t,n,o)}};function Rt(e){return gt(e)?e:new Proxy(e,$t)}class Ft{constructor(e){this.dep=void 0,this.__v_isRef=!0;const{get:t,set:n}=e((()=>St(this)),(()=>xt(this)));this._get=t,this._set=n}get value(){return this._get()}set value(e){this._set(e)}}class At{constructor(e,t){this._object=e,this._key=t,this.__v_isRef=!0}get value(){return this._object[this._key]}set value(e){this._object[this._key]=e}}function Mt(e,t){const n=e[t];return wt(n)?n:new At(e,t)}class Ot{constructor(e,t,n){this._setter=t,this.dep=void 0,this._dirty=!0,this.__v_isRef=!0,this.effect=new fe(e,(()=>{this._dirty||(this._dirty=!0,xt(this))})),this.__v_isReadonly=n}get value(){const e=bt(this);return St(e),e._dirty&&(e._dirty=!1,e._value=e.effect.run()),e._value}set value(e){this._setter(e)}}function Pt(e,t){let n,o;F(e)?(n=e,o=y):(n=e.get,o=e.set);return new Ot(n,o,F(e)||!e.set)}function It(e,t,...n){const o=e.vnode.props||g;let r=n;const s=t.startsWith("update:"),i=s&&t.slice(7);if(i&&i in o){const e=`${"modelValue"===i?"model":i}Modifiers`,{number:t,trim:s}=o[e]||g;s?r=n.map((e=>e.trim())):t&&(r=n.map(Q))}let l,c=o[l=G(t)]||o[l=G(D(t))];!c&&s&&(c=o[l=G(z(t))]),c&&Fr(c,e,6,r);const a=o[l+"Once"];if(a){if(e.emitted){if(e.emitted[l])return}else e.emitted={};e.emitted[l]=!0,Fr(a,e,6,r)}}function Vt(e,t,n=!1){const o=t.emitsCache,r=o.get(e);if(void 0!==r)return r;const s=e.emits;let i={},l=!1;if(!F(e)){const o=e=>{const n=Vt(e,t,!0);n&&(l=!0,C(i,n))};!n&&t.mixins.length&&t.mixins.forEach(o),e.extends&&o(e.extends),e.mixins&&e.mixins.forEach(o)}return s||l?(N(s)?s.forEach((e=>i[e]=null)):C(i,s),o.set(e,i),i):(o.set(e,null),null)}function Bt(e,t){return!(!e||!S(t))&&(t=t.slice(2).replace(/Once$/,""),T(e,t[0].toLowerCase()+t.slice(1))||T(e,z(t))||T(e,t))}let Lt=null,jt=null;function Ut(e){const t=Lt;return Lt=e,jt=e&&e.type.__scopeId||null,t}function Ht(e,t=Lt,n){if(!t)return e;if(e._n)return e;const o=(...n)=>{o._d&&jo(-1);const r=Ut(t),s=e(...n);return Ut(r),o._d&&jo(1),s};return o._n=!0,o._c=!0,o._d=!0,o}function Dt(e){const{type:t,vnode:n,proxy:o,withProxy:r,props:s,propsOptions:[i],slots:l,attrs:c,emit:a,render:u,renderCache:p,data:f,setupState:d,ctx:h,inheritAttrs:m}=e;let g;const v=Ut(e);try{let e;if(4&n.shapeFlag){const t=r||o;g=Yo(u.call(t,t,p,s,d,f,h)),e=c}else{const n=t;0,g=Yo(n(s,n.length>1?{attrs:c,slots:l,emit:a}:null)),e=t.props?c:zt(c)}let v=g;if(e&&!1!==m){const t=Object.keys(e),{shapeFlag:n}=v;t.length&&7&n&&(i&&t.some(x)&&(e=Kt(e,i)),v=Qo(v,e))}0,n.dirs&&(v.dirs=v.dirs?v.dirs.concat(n.dirs):n.dirs),n.transition&&(v.transition=n.transition),g=v}catch(y){Po.length=0,Ar(y,e,1),g=Jo(Mo)}return Ut(v),g}function Wt(e){let t;for(let n=0;n<e.length;n++){const o=e[n];if(!Do(o))return;if(o.type!==Mo||"v-if"===o.children){if(t)return;t=o}}return t}const zt=e=>{let t;for(const n in e)("class"===n||"style"===n||S(n))&&((t||(t={}))[n]=e[n]);return t},Kt=(e,t)=>{const n={};for(const o in e)x(o)&&o.slice(9)in t||(n[o]=e[o]);return n};function Gt(e,t,n){const o=Object.keys(t);if(o.length!==Object.keys(e).length)return!0;for(let r=0;r<o.length;r++){const s=o[r];if(t[s]!==e[s]&&!Bt(n,s))return!0}return!1}function qt({vnode:e,parent:t},n){for(;t&&t.subTree===e;)(e=t.vnode).el=n,t=t.parent}const Jt={name:"Suspense",__isSuspense:!0,process(e,t,n,o,r,s,i,l,c,a){null==e?function(e,t,n,o,r,s,i,l,c){const{p:a,o:{createElement:u}}=c,p=u("div"),f=e.suspense=Qt(e,r,o,t,p,n,s,i,l,c);a(null,f.pendingBranch=e.ssContent,p,null,o,f,s,i),f.deps>0?(Zt(e,"onPending"),Zt(e,"onFallback"),a(null,e.ssFallback,t,n,o,null,s,i),en(f,e.ssFallback)):f.resolve()}(t,n,o,r,s,i,l,c,a):function(e,t,n,o,r,s,i,l,{p:c,um:a,o:{createElement:u}}){const p=t.suspense=e.suspense;p.vnode=t,t.el=e.el;const f=t.ssContent,d=t.ssFallback,{activeBranch:h,pendingBranch:m,isInFallback:g,isHydrating:v}=p;if(m)p.pendingBranch=f,Wo(f,m)?(c(m,f,p.hiddenContainer,null,r,p,s,i,l),p.deps<=0?p.resolve():g&&(c(h,d,n,o,r,null,s,i,l),en(p,d))):(p.pendingId++,v?(p.isHydrating=!1,p.activeBranch=m):a(m,r,p),p.deps=0,p.effects.length=0,p.hiddenContainer=u("div"),g?(c(null,f,p.hiddenContainer,null,r,p,s,i,l),p.deps<=0?p.resolve():(c(h,d,n,o,r,null,s,i,l),en(p,d))):h&&Wo(f,h)?(c(h,f,n,o,r,p,s,i,l),p.resolve(!0)):(c(null,f,p.hiddenContainer,null,r,p,s,i,l),p.deps<=0&&p.resolve()));else if(h&&Wo(f,h))c(h,f,n,o,r,p,s,i,l),en(p,f);else if(Zt(t,"onPending"),p.pendingBranch=f,p.pendingId++,c(null,f,p.hiddenContainer,null,r,p,s,i,l),p.deps<=0)p.resolve();else{const{timeout:e,pendingId:t}=p;e>0?setTimeout((()=>{p.pendingId===t&&p.fallback(d)}),e):0===e&&p.fallback(d)}}(e,t,n,o,r,i,l,c,a)},hydrate:function(e,t,n,o,r,s,i,l,c){const a=t.suspense=Qt(t,o,n,e.parentNode,document.createElement("div"),null,r,s,i,l,!0),u=c(e,a.pendingBranch=t.ssContent,n,a,s,i);0===a.deps&&a.resolve();return u},create:Qt,normalize:function(e){const{shapeFlag:t,children:n}=e,o=32&t;e.ssContent=Xt(o?n.default:n),e.ssFallback=o?Xt(n.fallback):Jo(Comment)}};function Zt(e,t){const n=e.props&&e.props[t];F(n)&&n()}function Qt(e,t,n,o,r,s,i,l,c,a,u=!1){const{p:p,m:f,um:d,n:h,o:{parentNode:m,remove:g}}=a,v=Q(e.props&&e.props.timeout),y={vnode:e,parent:t,parentComponent:n,isSVG:i,container:o,hiddenContainer:r,anchor:s,deps:0,pendingId:0,timeout:"number"==typeof v?v:-1,activeBranch:null,pendingBranch:null,isInFallback:!0,isHydrating:u,isUnmounted:!1,effects:[],resolve(e=!1){const{vnode:t,activeBranch:n,pendingBranch:o,pendingId:r,effects:s,parentComponent:i,container:l}=y;if(y.isHydrating)y.isHydrating=!1;else if(!e){const e=n&&o.transition&&"out-in"===o.transition.mode;e&&(n.transition.afterLeave=()=>{r===y.pendingId&&f(o,l,t,0)});let{anchor:t}=y;n&&(t=h(n),d(n,i,y,!0)),e||f(o,l,t,0)}en(y,o),y.pendingBranch=null,y.isInFallback=!1;let c=y.parent,a=!1;for(;c;){if(c.pendingBranch){c.effects.push(...s),a=!0;break}c=c.parent}a||Zr(s),y.effects=[],Zt(t,"onResolve")},fallback(e){if(!y.pendingBranch)return;const{vnode:t,activeBranch:n,parentComponent:o,container:r,isSVG:s}=y;Zt(t,"onFallback");const i=h(n),a=()=>{y.isInFallback&&(p(null,e,r,i,o,null,s,l,c),en(y,e))},u=e.transition&&"out-in"===e.transition.mode;u&&(n.transition.afterLeave=a),y.isInFallback=!0,d(n,o,null,!0),u||a()},move(e,t,n){y.activeBranch&&f(y.activeBranch,e,t,n),y.container=e},next:()=>y.activeBranch&&h(y.activeBranch),registerDep(e,t){const n=!!y.pendingBranch;n&&y.deps++;const o=e.vnode.el;e.asyncDep.catch((t=>{Ar(t,e,0)})).then((r=>{if(e.isUnmounted||y.isUnmounted||y.pendingId!==e.suspenseId)return;e.asyncResolved=!0;const{vnode:s}=e;yr(e,r),o&&(s.el=o);const l=!o&&e.subTree.el;t(e,s,m(o||e.subTree.el),o?null:h(e.subTree),y,i,c),l&&g(l),qt(e,s.el),n&&0==--y.deps&&y.resolve()}))},unmount(e,t){y.isUnmounted=!0,y.activeBranch&&d(y.activeBranch,n,e,t),y.pendingBranch&&d(y.pendingBranch,n,e,t)}};return y}function Xt(e){let t;if(F(e)){const n=e._c;n&&(e._d=!1,Vo()),e=e(),n&&(e._d=!0,t=Io,Bo())}if(N(e)){const t=Wt(e);e=t}return e=Yo(e),t&&!e.dynamicChildren&&(e.dynamicChildren=t.filter((t=>t!==e))),e}function Yt(e,t){t&&t.pendingBranch?N(e)?t.effects.push(...e):t.effects.push(e):Zr(e)}function en(e,t){e.activeBranch=t;const{vnode:n,parentComponent:o}=e,r=n.el=t.el;o&&o.subTree===n&&(o.vnode.el=r,qt(o,r))}function tn(e,t){if(ur){let n=ur.provides;const o=ur.parent&&ur.parent.provides;o===n&&(n=ur.provides=Object.create(o)),n[e]=t}else;}function nn(e,t,n=!1){const o=ur||Lt;if(o){const r=null==o.parent?o.vnode.appContext&&o.vnode.appContext.provides:o.parent.provides;if(r&&e in r)return r[e];if(arguments.length>1)return n&&F(t)?t.call(o.proxy):t}}function on(){const e={isMounted:!1,isLeaving:!1,isUnmounting:!1,leavingVNodes:new Map};return En((()=>{e.isMounted=!0})),Fn((()=>{e.isUnmounting=!0})),e}const rn=[Function,Array],sn={name:"BaseTransition",props:{mode:String,appear:Boolean,persisted:Boolean,onBeforeEnter:rn,onEnter:rn,onAfterEnter:rn,onEnterCancelled:rn,onBeforeLeave:rn,onLeave:rn,onAfterLeave:rn,onLeaveCancelled:rn,onBeforeAppear:rn,onAppear:rn,onAfterAppear:rn,onAppearCancelled:rn},setup(e,{slots:t}){const n=pr(),o=on();let r;return()=>{const s=t.default&&fn(t.default(),!0);if(!s||!s.length)return;const i=bt(e),{mode:l}=i,c=s[0];if(o.isLeaving)return an(c);const a=un(c);if(!a)return an(c);const u=cn(a,i,o,n);pn(a,u);const p=n.subTree,f=p&&un(p);let d=!1;const{getTransitionKey:h}=a.type;if(h){const e=h();void 0===r?r=e:e!==r&&(r=e,d=!0)}if(f&&f.type!==Mo&&(!Wo(a,f)||d)){const e=cn(f,i,o,n);if(pn(f,e),"out-in"===l)return o.isLeaving=!0,e.afterLeave=()=>{o.isLeaving=!1,n.update()},an(c);"in-out"===l&&a.type!==Mo&&(e.delayLeave=(e,t,n)=>{ln(o,f)[String(f.key)]=f,e._leaveCb=()=>{t(),e._leaveCb=void 0,delete u.delayedLeave},u.delayedLeave=n})}return c}}};function ln(e,t){const{leavingVNodes:n}=e;let o=n.get(t.type);return o||(o=Object.create(null),n.set(t.type,o)),o}function cn(e,t,n,o){const{appear:r,mode:s,persisted:i=!1,onBeforeEnter:l,onEnter:c,onAfterEnter:a,onEnterCancelled:u,onBeforeLeave:p,onLeave:f,onAfterLeave:d,onLeaveCancelled:h,onBeforeAppear:m,onAppear:g,onAfterAppear:v,onAppearCancelled:y}=t,b=String(e.key),_=ln(n,e),S=(e,t)=>{e&&Fr(e,o,9,t)},x={mode:s,persisted:i,beforeEnter(t){let o=l;if(!n.isMounted){if(!r)return;o=m||l}t._leaveCb&&t._leaveCb(!0);const s=_[b];s&&Wo(e,s)&&s.el._leaveCb&&s.el._leaveCb(),S(o,[t])},enter(e){let t=c,o=a,s=u;if(!n.isMounted){if(!r)return;t=g||c,o=v||a,s=y||u}let i=!1;const l=e._enterCb=t=>{i||(i=!0,S(t?s:o,[e]),x.delayedLeave&&x.delayedLeave(),e._enterCb=void 0)};t?(t(e,l),t.length<=1&&l()):l()},leave(t,o){const r=String(e.key);if(t._enterCb&&t._enterCb(!0),n.isUnmounting)return o();S(p,[t]);let s=!1;const i=t._leaveCb=n=>{s||(s=!0,o(),S(n?h:d,[t]),t._leaveCb=void 0,_[r]===e&&delete _[r])};_[r]=e,f?(f(t,i),f.length<=1&&i()):i()},clone:e=>cn(e,t,n,o)};return x}function an(e){if(gn(e))return(e=Qo(e)).children=null,e}function un(e){return gn(e)?e.children?e.children[0]:void 0:e}function pn(e,t){6&e.shapeFlag&&e.component?pn(e.component.subTree,t):128&e.shapeFlag?(e.ssContent.transition=t.clone(e.ssContent),e.ssFallback.transition=t.clone(e.ssFallback)):e.transition=t}function fn(e,t=!1){let n=[],o=0;for(let r=0;r<e.length;r++){const s=e[r];s.type===Fo?(128&s.patchFlag&&o++,n=n.concat(fn(s.children,t))):(t||s.type!==Mo)&&n.push(s)}if(o>1)for(let r=0;r<n.length;r++)n[r].patchFlag=-2;return n}function dn(e){return F(e)?{setup:e,name:e.name}:e}const hn=e=>!!e.type.__asyncLoader;function mn(e,{vnode:{ref:t,props:n,children:o}}){const r=Jo(e,n,o);return r.ref=t,r}const gn=e=>e.type.__isKeepAlive,vn={name:"KeepAlive",__isKeepAlive:!0,props:{include:[String,RegExp,Array],exclude:[String,RegExp,Array],max:[String,Number]},setup(e,{slots:t}){const n=pr(),o=n.ctx;if(!o.renderer)return t.default;const r=new Map,s=new Set;let i=null;const l=n.suspense,{renderer:{p:c,m:a,um:u,o:{createElement:p}}}=o,f=p("div");function d(e){Cn(e),u(e,n,l)}function h(e){r.forEach(((t,n)=>{const o=wr(t.type);!o||e&&e(o)||m(n)}))}function m(e){const t=r.get(e);i&&t.type===i.type?i&&Cn(i):d(t),r.delete(e),s.delete(e)}o.activate=(e,t,n,o,r)=>{const s=e.component;a(e,t,n,0,l),c(s.vnode,e,t,n,s,l,o,e.slotScopeIds,r),mo((()=>{s.isDeactivated=!1,s.a&&J(s.a);const t=e.props&&e.props.onVnodeMounted;t&&_o(t,s.parent,e)}),l)},o.deactivate=e=>{const t=e.component;a(e,f,null,1,l),mo((()=>{t.da&&J(t.da);const n=e.props&&e.props.onVnodeUnmounted;n&&_o(n,t.parent,e),t.isDeactivated=!0}),l)},os((()=>[e.include,e.exclude]),(([e,t])=>{e&&h((t=>yn(e,t))),t&&h((e=>!yn(t,e)))}),{flush:"post",deep:!0});let g=null;const v=()=>{null!=g&&r.set(g,wn(n.subTree))};return En(v),Rn(v),Fn((()=>{r.forEach((e=>{const{subTree:t,suspense:o}=n,r=wn(t);if(e.type!==r.type)d(e);else{Cn(r);const e=r.component.da;e&&mo(e,o)}}))})),()=>{if(g=null,!t.default)return null;const n=t.default(),o=n[0];if(n.length>1)return i=null,n;if(!(Do(o)&&(4&o.shapeFlag||128&o.shapeFlag)))return i=null,o;let l=wn(o);const c=l.type,a=wr(hn(l)?l.type.__asyncResolved||{}:c),{include:u,exclude:p,max:f}=e;if(u&&(!a||!yn(u,a))||p&&a&&yn(p,a))return i=l,o;const d=null==l.key?c:l.key,h=r.get(d);return l.el&&(l=Qo(l),128&o.shapeFlag&&(o.ssContent=l)),g=d,h?(l.el=h.el,l.component=h.component,l.transition&&pn(l,l.transition),l.shapeFlag|=512,s.delete(d),s.add(d)):(s.add(d),f&&s.size>parseInt(f,10)&&m(s.values().next().value)),l.shapeFlag|=256,i=l,o}}};function yn(e,t){return N(e)?e.some((e=>yn(e,t))):A(e)?e.split(",").indexOf(t)>-1:!!e.test&&e.test(t)}function bn(e,t){Sn(e,"a",t)}function _n(e,t){Sn(e,"da",t)}function Sn(e,t,n=ur){const o=e.__wdc||(e.__wdc=()=>{let t=n;for(;t;){if(t.isDeactivated)return;t=t.parent}e()});if(kn(t,o,n),n){let e=n.parent;for(;e&&e.parent;)gn(e.parent.vnode)&&xn(o,t,n,e),e=e.parent}}function xn(e,t,n,o){const r=kn(t,e,o,!0);An((()=>{w(o[t],r)}),n)}function Cn(e){let t=e.shapeFlag;256&t&&(t-=256),512&t&&(t-=512),e.shapeFlag=t}function wn(e){return 128&e.shapeFlag?e.ssContent:e}function kn(e,t,n=ur,o=!1){if(n){const r=n[e]||(n[e]=[]),s=t.__weh||(t.__weh=(...o)=>{if(n.isUnmounted)return;ge(),fr(n);const r=Fr(t,n,e,o);return dr(),ve(),r});return o?r.unshift(s):r.push(s),s}}const Tn=e=>(t,n=ur)=>(!vr||"sp"===e)&&kn(e,t,n),Nn=Tn("bm"),En=Tn("m"),$n=Tn("bu"),Rn=Tn("u"),Fn=Tn("bum"),An=Tn("um"),Mn=Tn("sp"),On=Tn("rtg"),Pn=Tn("rtc");function In(e,t=ur){kn("ec",e,t)}let Vn=!0;function Bn(e){const t=Un(e),n=e.proxy,o=e.ctx;Vn=!1,t.beforeCreate&&Ln(t.beforeCreate,e,"bc");const{data:r,computed:s,methods:i,watch:l,provide:c,inject:a,created:u,beforeMount:p,mounted:f,beforeUpdate:d,updated:h,activated:m,deactivated:g,beforeUnmount:v,unmounted:b,render:_,renderTracked:S,renderTriggered:x,errorCaptured:C,serverPrefetch:w,expose:k,inheritAttrs:T,components:E,directives:$}=t;if(a&&function(e,t,n=y,o=!1){N(e)&&(e=zn(e));for(const r in e){const n=e[r];let s;s=O(n)?"default"in n?nn(n.from||r,n.default,!0):nn(n.from||r):nn(n),wt(s)&&o?Object.defineProperty(t,r,{enumerable:!0,configurable:!0,get:()=>s.value,set:e=>s.value=e}):t[r]=s}}(a,o,null,e.appContext.config.unwrapInjectedRef),i)for(const y in i){const e=i[y];F(e)&&(o[y]=e.bind(n))}if(r){const t=r.call(n,n);O(t)&&(e.data=ft(t))}if(Vn=!0,s)for(const N in s){const e=s[N],t=Pt({get:F(e)?e.bind(n,n):F(e.get)?e.get.bind(n,n):y,set:!F(e)&&F(e.set)?e.set.bind(n):y});Object.defineProperty(o,N,{enumerable:!0,configurable:!0,get:()=>t.value,set:e=>t.value=e})}if(l)for(const y in l)jn(l[y],o,n,y);if(c){const e=F(c)?c.call(n):c;Reflect.ownKeys(e).forEach((t=>{tn(t,e[t])}))}function R(e,t){N(t)?t.forEach((t=>e(t.bind(n)))):t&&e(t.bind(n))}if(u&&Ln(u,e,"c"),R(Nn,p),R(En,f),R($n,d),R(Rn,h),R(bn,m),R(_n,g),R(In,C),R(Pn,S),R(On,x),R(Fn,v),R(An,b),R(Mn,w),N(k))if(k.length){const t=e.exposed||(e.exposed={});k.forEach((e=>{Object.defineProperty(t,e,{get:()=>n[e],set:t=>n[e]=t})}))}else e.exposed||(e.exposed={});_&&e.render===y&&(e.render=_),null!=T&&(e.inheritAttrs=T),E&&(e.components=E),$&&(e.directives=$)}function Ln(e,t,n){Fr(N(e)?e.map((e=>e.bind(t.proxy))):e.bind(t.proxy),t,n)}function jn(e,t,n,o){const r=o.includes(".")?is(n,o):()=>n[o];if(A(e)){const n=t[e];F(n)&&os(r,n)}else if(F(e))os(r,e.bind(n));else if(O(e))if(N(e))e.forEach((e=>jn(e,t,n,o)));else{const o=F(e.handler)?e.handler.bind(n):t[e.handler];F(o)&&os(r,o,e)}}function Un(e){const t=e.type,{mixins:n,extends:o}=t,{mixins:r,optionsCache:s,config:{optionMergeStrategies:i}}=e.appContext,l=s.get(t);let c;return l?c=l:r.length||n||o?(c={},r.length&&r.forEach((e=>Hn(c,e,i,!0))),Hn(c,t,i)):c=t,s.set(t,c),c}function Hn(e,t,n,o=!1){const{mixins:r,extends:s}=t;s&&Hn(e,s,n,!0),r&&r.forEach((t=>Hn(e,t,n,!0)));for(const i in t)if(o&&"expose"===i);else{const o=Dn[i]||n&&n[i];e[i]=o?o(e[i],t[i]):t[i]}return e}const Dn={data:Wn,props:Gn,emits:Gn,methods:Gn,computed:Gn,beforeCreate:Kn,created:Kn,beforeMount:Kn,mounted:Kn,beforeUpdate:Kn,updated:Kn,beforeDestroy:Kn,destroyed:Kn,activated:Kn,deactivated:Kn,errorCaptured:Kn,serverPrefetch:Kn,components:Gn,directives:Gn,watch:function(e,t){if(!e)return t;if(!t)return e;const n=C(Object.create(null),e);for(const o in t)n[o]=Kn(e[o],t[o]);return n},provide:Wn,inject:function(e,t){return Gn(zn(e),zn(t))}};function Wn(e,t){return t?e?function(){return C(F(e)?e.call(this,this):e,F(t)?t.call(this,this):t)}:t:e}function zn(e){if(N(e)){const t={};for(let n=0;n<e.length;n++)t[e[n]]=e[n];return t}return e}function Kn(e,t){return e?[...new Set([].concat(e,t))]:t}function Gn(e,t){return e?C(C(Object.create(null),e),t):t}function qn(e,t,n,o){const[r,s]=e.propsOptions;let i,l=!1;if(t)for(let c in t){if(j(c))continue;const a=t[c];let u;r&&T(r,u=D(c))?s&&s.includes(u)?(i||(i={}))[u]=a:n[u]=a:Bt(e.emitsOptions,c)||a!==o[c]&&(o[c]=a,l=!0)}if(s){const t=bt(n),o=i||g;for(let i=0;i<s.length;i++){const l=s[i];n[l]=Jn(r,t,l,o[l],e,!T(o,l))}}return l}function Jn(e,t,n,o,r,s){const i=e[n];if(null!=i){const e=T(i,"default");if(e&&void 0===o){const e=i.default;if(i.type!==Function&&F(e)){const{propsDefaults:s}=r;n in s?o=s[n]:(fr(r),o=s[n]=e.call(null,t),dr())}else o=e}i[0]&&(s&&!e?o=!1:!i[1]||""!==o&&o!==z(n)||(o=!0))}return o}function Zn(e,t,n=!1){const o=t.propsCache,r=o.get(e);if(r)return r;const s=e.props,i={},l=[];let c=!1;if(!F(e)){const o=e=>{c=!0;const[n,o]=Zn(e,t,!0);C(i,n),o&&l.push(...o)};!n&&t.mixins.length&&t.mixins.forEach(o),e.extends&&o(e.extends),e.mixins&&e.mixins.forEach(o)}if(!s&&!c)return o.set(e,v),v;if(N(s))for(let u=0;u<s.length;u++){const e=D(s[u]);Qn(e)&&(i[e]=g)}else if(s)for(const u in s){const e=D(u);if(Qn(e)){const t=s[u],n=i[e]=N(t)||F(t)?{type:t}:t;if(n){const t=eo(Boolean,n.type),o=eo(String,n.type);n[0]=t>-1,n[1]=o<0||t<o,(t>-1||T(n,"default"))&&l.push(e)}}}const a=[i,l];return o.set(e,a),a}function Qn(e){return"$"!==e[0]}function Xn(e){const t=e&&e.toString().match(/^\s*function (\w+)/);return t?t[1]:null===e?"null":""}function Yn(e,t){return Xn(e)===Xn(t)}function eo(e,t){return N(t)?t.findIndex((t=>Yn(t,e))):F(t)&&Yn(t,e)?0:-1}const to=e=>"_"===e[0]||"$stable"===e,no=e=>N(e)?e.map(Yo):[Yo(e)],oo=(e,t,n)=>{const o=Ht(((...e)=>no(t(...e))),n);return o._c=!1,o},ro=(e,t,n)=>{const o=e._ctx;for(const r in e){if(to(r))continue;const n=e[r];if(F(n))t[r]=oo(0,n,o);else if(null!=n){const e=no(n);t[r]=()=>e}}},so=(e,t)=>{const n=no(t);e.slots.default=()=>n};function io(e,t,n,o){const r=e.dirs,s=t&&t.dirs;for(let i=0;i<r.length;i++){const l=r[i];s&&(l.oldValue=s[i].value);let c=l.dir[o];c&&(ge(),Fr(c,n,8,[e.el,l,e,t]),ve())}}function lo(){return{app:null,config:{isNativeTag:b,performance:!1,globalProperties:{},optionMergeStrategies:{},errorHandler:void 0,warnHandler:void 0,compilerOptions:{}},mixins:[],components:{},directives:{},provides:Object.create(null),optionsCache:new WeakMap,propsCache:new WeakMap,emitsCache:new WeakMap}}let co=0;function ao(e,t){return function(n,o=null){null==o||O(o)||(o=null);const r=lo(),s=new Set;let i=!1;const l=r.app={_uid:co++,_component:n,_props:o,_container:null,_context:r,_instance:null,version:fs,get config(){return r.config},set config(e){},use:(e,...t)=>(s.has(e)||(e&&F(e.install)?(s.add(e),e.install(l,...t)):F(e)&&(s.add(e),e(l,...t))),l),mixin:e=>(r.mixins.includes(e)||r.mixins.push(e),l),component:(e,t)=>t?(r.components[e]=t,l):r.components[e],directive:(e,t)=>t?(r.directives[e]=t,l):r.directives[e],mount(s,c,a){if(!i){const u=Jo(n,o);return u.appContext=r,c&&t?t(u,s):e(u,s,a),i=!0,l._container=s,s.__vue_app__=l,u.component.proxy}},unmount(){i&&(e(null,l._container),delete l._container.__vue_app__)},provide:(e,t)=>(r.provides[e]=t,l)};return l}}let uo=!1;const po=e=>/svg/.test(e.namespaceURI)&&"foreignObject"!==e.tagName,fo=e=>8===e.nodeType;function ho(e){const{mt:t,p:n,o:{patchProp:o,nextSibling:r,parentNode:s,remove:i,insert:l,createComment:c}}=e,a=(n,o,i,l,c,m=!1)=>{const g=fo(n)&&"["===n.data,v=()=>d(n,o,i,l,c,g),{type:y,ref:b,shapeFlag:_}=o,S=n.nodeType;o.el=n;let x=null;switch(y){case Ao:3!==S?x=v():(n.data!==o.children&&(uo=!0,n.data=o.children),x=r(n));break;case Mo:x=8!==S||g?v():r(n);break;case Oo:if(1===S){x=n;const e=!o.children.length;for(let t=0;t<o.staticCount;t++)e&&(o.children+=x.outerHTML),t===o.staticCount-1&&(o.anchor=x),x=r(x);return x}x=v();break;case Fo:x=g?f(n,o,i,l,c,m):v();break;default:if(1&_)x=1!==S||o.type.toLowerCase()!==n.tagName.toLowerCase()?v():u(n,o,i,l,c,m);else if(6&_){o.slotScopeIds=c;const e=s(n);if(t(o,e,null,i,l,po(e),m),x=g?h(n):r(n),hn(o)){let t;g?(t=Jo(Fo),t.anchor=x?x.previousSibling:e.lastChild):t=3===n.nodeType?Xo(""):Jo("div"),t.el=n,o.component.subTree=t}}else 64&_?x=8!==S?v():o.type.hydrate(n,o,i,l,c,m,e,p):128&_&&(x=o.type.hydrate(n,o,i,l,po(s(n)),c,m,e,a))}return null!=b&&bo(b,null,l,o),x},u=(e,t,n,r,s,l)=>{l=l||!!t.dynamicChildren;const{type:c,props:a,patchFlag:u,shapeFlag:f,dirs:d}=t,h="input"===c&&d||"option"===c;if(h||-1!==u){if(d&&io(t,null,n,"created"),a)if(h||!l||48&u)for(const t in a)(h&&t.endsWith("value")||S(t)&&!j(t))&&o(e,t,null,a[t]);else a.onClick&&o(e,"onClick",null,a.onClick);let c;if((c=a&&a.onVnodeBeforeMount)&&_o(c,n,t),d&&io(t,null,n,"beforeMount"),((c=a&&a.onVnodeMounted)||d)&&Yt((()=>{c&&_o(c,n,t),d&&io(t,null,n,"mounted")}),r),16&f&&(!a||!a.innerHTML&&!a.textContent)){let o=p(e.firstChild,t,e,n,r,s,l);for(;o;){uo=!0;const e=o;o=o.nextSibling,i(e)}}else 8&f&&e.textContent!==t.children&&(uo=!0,e.textContent=t.children)}return e.nextSibling},p=(e,t,o,r,s,i,l)=>{l=l||!!t.dynamicChildren;const c=t.children,u=c.length;for(let p=0;p<u;p++){const t=l?c[p]:c[p]=Yo(c[p]);if(e)e=a(e,t,r,s,i,l);else{if(t.type===Ao&&!t.children)continue;uo=!0,n(null,t,o,null,r,s,po(o),i)}}return e},f=(e,t,n,o,i,a)=>{const{slotScopeIds:u}=t;u&&(i=i?i.concat(u):u);const f=s(e),d=p(r(e),t,f,n,o,i,a);return d&&fo(d)&&"]"===d.data?r(t.anchor=d):(uo=!0,l(t.anchor=c("]"),f,d),d)},d=(e,t,o,l,c,a)=>{if(uo=!0,t.el=null,a){const t=h(e);for(;;){const n=r(e);if(!n||n===t)break;i(n)}}const u=r(e),p=s(e);return i(e),n(null,t,p,u,o,l,po(p),c),u},h=e=>{let t=0;for(;e;)if((e=r(e))&&fo(e)&&("["===e.data&&t++,"]"===e.data)){if(0===t)return r(e);t--}return e};return[(e,t)=>{if(!t.hasChildNodes())return n(null,e,t),void Xr();uo=!1,a(t.firstChild,e,null,null,null),Xr(),uo&&console.error("Hydration completed but contains mismatches.")},a]}const mo=Yt;function go(e){return yo(e)}function vo(e){return yo(e,ho)}function yo(e,t){const{insert:n,remove:o,patchProp:r,createElement:s,createText:i,createComment:l,setText:c,setElementText:a,parentNode:u,nextSibling:p,setScopeId:f=y,cloneNode:d,insertStaticContent:h}=e,m=(e,t,n,o=null,r=null,s=null,i=!1,l=null,c=!!t.dynamicChildren)=>{if(e===t)return;e&&!Wo(e,t)&&(o=X(e),W(e,r,s,!0),e=null),-2===t.patchFlag&&(c=!1,t.dynamicChildren=null);const{type:a,ref:u,shapeFlag:p}=t;switch(a){case Ao:b(e,t,n,o);break;case Mo:_(e,t,n,o);break;case Oo:null==e&&S(t,n,o,i);break;case Fo:F(e,t,n,o,r,s,i,l,c);break;default:1&p?x(e,t,n,o,r,s,i,l,c):6&p?A(e,t,n,o,r,s,i,l,c):(64&p||128&p)&&a.process(e,t,n,o,r,s,i,l,c,te)}null!=u&&r&&bo(u,e&&e.ref,s,t||e,!t)},b=(e,t,o,r)=>{if(null==e)n(t.el=i(t.children),o,r);else{const n=t.el=e.el;t.children!==e.children&&c(n,t.children)}},_=(e,t,o,r)=>{null==e?n(t.el=l(t.children||""),o,r):t.el=e.el},S=(e,t,n,o)=>{[e.el,e.anchor]=h(e.children,t,n,o)},x=(e,t,n,o,r,s,i,l,c)=>{i=i||"svg"===t.type,null==e?w(t,n,o,r,s,i,l,c):E(e,t,r,s,i,l,c)},w=(e,t,o,i,l,c,u,p)=>{let f,h;const{type:m,props:g,shapeFlag:v,transition:y,patchFlag:b,dirs:_}=e;if(e.el&&void 0!==d&&-1===b)f=e.el=d(e.el);else{if(f=e.el=s(e.type,c,g&&g.is,g),8&v?a(f,e.children):16&v&&N(e.children,f,null,i,l,c&&"foreignObject"!==m,u,p),_&&io(e,null,i,"created"),g){for(const t in g)"value"===t||j(t)||r(f,t,null,g[t],c,e.children,i,l,Q);"value"in g&&r(f,"value",null,g.value),(h=g.onVnodeBeforeMount)&&_o(h,i,e)}k(f,e,e.scopeId,u,i)}_&&io(e,null,i,"beforeMount");const S=(!l||l&&!l.pendingBranch)&&y&&!y.persisted;S&&y.beforeEnter(f),n(f,t,o),((h=g&&g.onVnodeMounted)||S||_)&&mo((()=>{h&&_o(h,i,e),S&&y.enter(f),_&&io(e,null,i,"mounted")}),l)},k=(e,t,n,o,r)=>{if(n&&f(e,n),o)for(let s=0;s<o.length;s++)f(e,o[s]);if(r){if(t===r.subTree){const t=r.vnode;k(e,t,t.scopeId,t.slotScopeIds,r.parent)}}},N=(e,t,n,o,r,s,i,l,c=0)=>{for(let a=c;a<e.length;a++){const c=e[a]=l?er(e[a]):Yo(e[a]);m(null,c,t,n,o,r,s,i,l)}},E=(e,t,n,o,s,i,l)=>{const c=t.el=e.el;let{patchFlag:u,dynamicChildren:p,dirs:f}=t;u|=16&e.patchFlag;const d=e.props||g,h=t.props||g;let m;(m=h.onVnodeBeforeUpdate)&&_o(m,n,t,e),f&&io(t,e,n,"beforeUpdate");const v=s&&"foreignObject"!==t.type;if(p?$(e.dynamicChildren,p,c,n,o,v,i):l||B(e,t,c,null,n,o,v,i,!1),u>0){if(16&u)R(c,t,d,h,n,o,s);else if(2&u&&d.class!==h.class&&r(c,"class",null,h.class,s),4&u&&r(c,"style",d.style,h.style,s),8&u){const i=t.dynamicProps;for(let t=0;t<i.length;t++){const l=i[t],a=d[l],u=h[l];u===a&&"value"!==l||r(c,l,a,u,s,e.children,n,o,Q)}}1&u&&e.children!==t.children&&a(c,t.children)}else l||null!=p||R(c,t,d,h,n,o,s);((m=h.onVnodeUpdated)||f)&&mo((()=>{m&&_o(m,n,t,e),f&&io(t,e,n,"updated")}),o)},$=(e,t,n,o,r,s,i)=>{for(let l=0;l<t.length;l++){const c=e[l],a=t[l],p=c.el&&(c.type===Fo||!Wo(c,a)||70&c.shapeFlag)?u(c.el):n;m(c,a,p,null,o,r,s,i,!0)}},R=(e,t,n,o,s,i,l)=>{if(n!==o){for(const c in o){if(j(c))continue;const a=o[c],u=n[c];a!==u&&"value"!==c&&r(e,c,u,a,l,t.children,s,i,Q)}if(n!==g)for(const c in n)j(c)||c in o||r(e,c,n[c],null,l,t.children,s,i,Q);"value"in o&&r(e,"value",n.value,o.value)}},F=(e,t,o,r,s,l,c,a,u)=>{const p=t.el=e?e.el:i(""),f=t.anchor=e?e.anchor:i("");let{patchFlag:d,dynamicChildren:h,slotScopeIds:m}=t;m&&(a=a?a.concat(m):m),null==e?(n(p,o,r),n(f,o,r),N(t.children,o,f,s,l,c,a,u)):d>0&&64&d&&h&&e.dynamicChildren?($(e.dynamicChildren,h,o,s,l,c,a),(null!=t.key||s&&t===s.subTree)&&So(e,t,!0)):B(e,t,o,f,s,l,c,a,u)},A=(e,t,n,o,r,s,i,l,c)=>{t.slotScopeIds=l,null==e?512&t.shapeFlag?r.ctx.activate(t,n,o,i,c):M(t,n,o,r,s,i,c):O(e,t,c)},M=(e,t,n,o,r,s,i)=>{const l=e.component=function(e,t,n){const o=e.type,r=(t?t.appContext:e.appContext)||cr,s={uid:ar++,vnode:e,type:o,parent:t,appContext:r,root:null,next:null,subTree:null,update:null,scope:new ee(!0),render:null,proxy:null,exposed:null,exposeProxy:null,withProxy:null,provides:t?t.provides:Object.create(r.provides),accessCache:null,renderCache:[],components:null,directives:null,propsOptions:Zn(o,r),emitsOptions:Vt(o,r),emit:null,emitted:null,propsDefaults:g,inheritAttrs:o.inheritAttrs,ctx:g,data:g,props:g,attrs:g,slots:g,refs:g,setupState:g,setupContext:null,suspense:n,suspenseId:n?n.pendingId:0,asyncDep:null,asyncResolved:!1,isMounted:!1,isUnmounted:!1,isDeactivated:!1,bc:null,c:null,bm:null,m:null,bu:null,u:null,um:null,bum:null,da:null,a:null,rtg:null,rtc:null,ec:null,sp:null};s.ctx={_:s},s.root=t?t.root:s,s.emit=It.bind(null,s),e.ce&&e.ce(s);return s}(e,o,r);if(gn(e)&&(l.ctx.renderer=te),function(e,t=!1){vr=t;const{props:n,children:o}=e.vnode,r=hr(e);(function(e,t,n,o=!1){const r={},s={};Z(s,zo,1),e.propsDefaults=Object.create(null),qn(e,t,r,s);for(const i in e.propsOptions[0])i in r||(r[i]=void 0);e.props=n?o?r:dt(r):e.type.props?r:s,e.attrs=s})(e,n,r,t),((e,t)=>{if(32&e.vnode.shapeFlag){const n=t._;n?(e.slots=bt(t),Z(t,"_",n)):ro(t,e.slots={})}else e.slots={},t&&so(e,t);Z(e.slots,zo,1)})(e,o);const s=r?function(e,t){const n=e.type;e.accessCache=Object.create(null),e.proxy=_t(new Proxy(e.ctx,ir));const{setup:o}=n;if(o){const n=e.setupContext=o.length>1?Sr(e):null;fr(e),ge();const r=Rr(o,e,0,[e.props,n]);if(ve(),dr(),P(r)){if(r.then(dr,dr),t)return r.then((t=>{yr(e,t)})).catch((t=>{Ar(t,e,0)}));e.asyncDep=r}else yr(e,r)}else _r(e)}(e,t):void 0;vr=!1}(l),l.asyncDep){if(r&&r.registerDep(l,I),!e.el){const e=l.subTree=Jo(Mo);_(null,e,t,n)}}else I(l,e,t,n,r,s,i)},O=(e,t,n)=>{const o=t.component=e.component;if(function(e,t,n){const{props:o,children:r,component:s}=e,{props:i,children:l,patchFlag:c}=t,a=s.emitsOptions;if(t.dirs||t.transition)return!0;if(!(n&&c>=0))return!(!r&&!l||l&&l.$stable)||o!==i&&(o?!i||Gt(o,i,a):!!i);if(1024&c)return!0;if(16&c)return o?Gt(o,i,a):!!i;if(8&c){const e=t.dynamicProps;for(let t=0;t<e.length;t++){const n=e[t];if(i[n]!==o[n]&&!Bt(a,n))return!0}}return!1}(e,t,n)){if(o.asyncDep&&!o.asyncResolved)return void V(o,t,n);o.next=t,function(e){const t=Pr.indexOf(e);t>Ir&&Pr.splice(t,1)}(o.update),o.update()}else t.component=e.component,t.el=e.el,o.vnode=t},I=(e,t,n,o,r,s,i)=>{const l=new fe((()=>{if(e.isMounted){let t,{next:n,bu:o,u:c,parent:a,vnode:p}=e,f=n;l.allowRecurse=!1,n?(n.el=p.el,V(e,n,i)):n=p,o&&J(o),(t=n.props&&n.props.onVnodeBeforeUpdate)&&_o(t,a,n,p),l.allowRecurse=!0;const d=Dt(e),h=e.subTree;e.subTree=d,m(h,d,u(h.el),X(h),e,r,s),n.el=d.el,null===f&&qt(e,d.el),c&&mo(c,r),(t=n.props&&n.props.onVnodeUpdated)&&mo((()=>_o(t,a,n,p)),r)}else{let i;const{el:c,props:a}=t,{bm:u,m:p,parent:f}=e,d=hn(t);if(l.allowRecurse=!1,u&&J(u),!d&&(i=a&&a.onVnodeBeforeMount)&&_o(i,f,t),l.allowRecurse=!0,c&&oe){const n=()=>{e.subTree=Dt(e),oe(c,e.subTree,e,r,null)};d?t.type.__asyncLoader().then((()=>!e.isUnmounted&&n())):n()}else{const i=e.subTree=Dt(e);m(null,i,n,o,e,r,s),t.el=i.el}if(p&&mo(p,r),!d&&(i=a&&a.onVnodeMounted)){const e=t;mo((()=>_o(i,f,e)),r)}256&t.shapeFlag&&e.a&&mo(e.a,r),e.isMounted=!0,t=n=o=null}}),(()=>Gr(e.update)),e.scope),c=e.update=l.run.bind(l);c.id=e.uid,l.allowRecurse=c.allowRecurse=!0,c()},V=(e,t,n)=>{t.component=e;const o=e.vnode.props;e.vnode=t,e.next=null,function(e,t,n,o){const{props:r,attrs:s,vnode:{patchFlag:i}}=e,l=bt(r),[c]=e.propsOptions;let a=!1;if(!(o||i>0)||16&i){let o;qn(e,t,r,s)&&(a=!0);for(const s in l)t&&(T(t,s)||(o=z(s))!==s&&T(t,o))||(c?!n||void 0===n[s]&&void 0===n[o]||(r[s]=Jn(c,l,s,void 0,e,!0)):delete r[s]);if(s!==l)for(const e in s)t&&T(t,e)||(delete s[e],a=!0)}else if(8&i){const n=e.vnode.dynamicProps;for(let o=0;o<n.length;o++){let i=n[o];const u=t[i];if(c)if(T(s,i))u!==s[i]&&(s[i]=u,a=!0);else{const t=D(i);r[t]=Jn(c,l,t,u,e,!1)}else u!==s[i]&&(s[i]=u,a=!0)}}a&&Se(e,"set","$attrs")}(e,t.props,o,n),((e,t,n)=>{const{vnode:o,slots:r}=e;let s=!0,i=g;if(32&o.shapeFlag){const e=t._;e?n&&1===e?s=!1:(C(r,t),n||1!==e||delete r._):(s=!t.$stable,ro(t,r)),i=t}else t&&(so(e,t),i={default:1});if(s)for(const l in r)to(l)||l in i||delete r[l]})(e,t.children,n),ge(),Qr(void 0,e.update),ve()},B=(e,t,n,o,r,s,i,l,c=!1)=>{const u=e&&e.children,p=e?e.shapeFlag:0,f=t.children,{patchFlag:d,shapeFlag:h}=t;if(d>0){if(128&d)return void U(u,f,n,o,r,s,i,l,c);if(256&d)return void L(u,f,n,o,r,s,i,l,c)}8&h?(16&p&&Q(u,r,s),f!==u&&a(n,f)):16&p?16&h?U(u,f,n,o,r,s,i,l,c):Q(u,r,s,!0):(8&p&&a(n,""),16&h&&N(f,n,o,r,s,i,l,c))},L=(e,t,n,o,r,s,i,l,c)=>{const a=(e=e||v).length,u=(t=t||v).length,p=Math.min(a,u);let f;for(f=0;f<p;f++){const o=t[f]=c?er(t[f]):Yo(t[f]);m(e[f],o,n,null,r,s,i,l,c)}a>u?Q(e,r,s,!0,!1,p):N(t,n,o,r,s,i,l,c,p)},U=(e,t,n,o,r,s,i,l,c)=>{let a=0;const u=t.length;let p=e.length-1,f=u-1;for(;a<=p&&a<=f;){const o=e[a],u=t[a]=c?er(t[a]):Yo(t[a]);if(!Wo(o,u))break;m(o,u,n,null,r,s,i,l,c),a++}for(;a<=p&&a<=f;){const o=e[p],a=t[f]=c?er(t[f]):Yo(t[f]);if(!Wo(o,a))break;m(o,a,n,null,r,s,i,l,c),p--,f--}if(a>p){if(a<=f){const e=f+1,p=e<u?t[e].el:o;for(;a<=f;)m(null,t[a]=c?er(t[a]):Yo(t[a]),n,p,r,s,i,l,c),a++}}else if(a>f)for(;a<=p;)W(e[a],r,s,!0),a++;else{const d=a,h=a,g=new Map;for(a=h;a<=f;a++){const e=t[a]=c?er(t[a]):Yo(t[a]);null!=e.key&&g.set(e.key,a)}let y,b=0;const _=f-h+1;let S=!1,x=0;const C=new Array(_);for(a=0;a<_;a++)C[a]=0;for(a=d;a<=p;a++){const o=e[a];if(b>=_){W(o,r,s,!0);continue}let u;if(null!=o.key)u=g.get(o.key);else for(y=h;y<=f;y++)if(0===C[y-h]&&Wo(o,t[y])){u=y;break}void 0===u?W(o,r,s,!0):(C[u-h]=a+1,u>=x?x=u:S=!0,m(o,t[u],n,null,r,s,i,l,c),b++)}const w=S?function(e){const t=e.slice(),n=[0];let o,r,s,i,l;const c=e.length;for(o=0;o<c;o++){const c=e[o];if(0!==c){if(r=n[n.length-1],e[r]<c){t[o]=r,n.push(o);continue}for(s=0,i=n.length-1;s<i;)l=s+i>>1,e[n[l]]<c?s=l+1:i=l;c<e[n[s]]&&(s>0&&(t[o]=n[s-1]),n[s]=o)}}s=n.length,i=n[s-1];for(;s-- >0;)n[s]=i,i=t[i];return n}(C):v;for(y=w.length-1,a=_-1;a>=0;a--){const e=h+a,p=t[e],f=e+1<u?t[e+1].el:o;0===C[a]?m(null,p,n,f,r,s,i,l,c):S&&(y<0||a!==w[y]?H(p,n,f,2):y--)}}},H=(e,t,o,r,s=null)=>{const{el:i,type:l,transition:c,children:a,shapeFlag:u}=e;if(6&u)return void H(e.component.subTree,t,o,r);if(128&u)return void e.suspense.move(t,o,r);if(64&u)return void l.move(e,t,o,te);if(l===Fo){n(i,t,o);for(let e=0;e<a.length;e++)H(a[e],t,o,r);return void n(e.anchor,t,o)}if(l===Oo)return void(({el:e,anchor:t},o,r)=>{let s;for(;e&&e!==t;)s=p(e),n(e,o,r),e=s;n(t,o,r)})(e,t,o);if(2!==r&&1&u&&c)if(0===r)c.beforeEnter(i),n(i,t,o),mo((()=>c.enter(i)),s);else{const{leave:e,delayLeave:r,afterLeave:s}=c,l=()=>n(i,t,o),a=()=>{e(i,(()=>{l(),s&&s()}))};r?r(i,l,a):a()}else n(i,t,o)},W=(e,t,n,o=!1,r=!1)=>{const{type:s,props:i,ref:l,children:c,dynamicChildren:a,shapeFlag:u,patchFlag:p,dirs:f}=e;if(null!=l&&bo(l,null,n,e,!0),256&u)return void t.ctx.deactivate(e);const d=1&u&&f,h=!hn(e);let m;if(h&&(m=i&&i.onVnodeBeforeUnmount)&&_o(m,t,e),6&u)q(e.component,n,o);else{if(128&u)return void e.suspense.unmount(n,o);d&&io(e,null,t,"beforeUnmount"),64&u?e.type.remove(e,t,n,r,te,o):a&&(s!==Fo||p>0&&64&p)?Q(a,t,n,!1,!0):(s===Fo&&384&p||!r&&16&u)&&Q(c,t,n),o&&K(e)}(h&&(m=i&&i.onVnodeUnmounted)||d)&&mo((()=>{m&&_o(m,t,e),d&&io(e,null,t,"unmounted")}),n)},K=e=>{const{type:t,el:n,anchor:r,transition:s}=e;if(t===Fo)return void G(n,r);if(t===Oo)return void(({el:e,anchor:t})=>{let n;for(;e&&e!==t;)n=p(e),o(e),e=n;o(t)})(e);const i=()=>{o(n),s&&!s.persisted&&s.afterLeave&&s.afterLeave()};if(1&e.shapeFlag&&s&&!s.persisted){const{leave:t,delayLeave:o}=s,r=()=>t(n,i);o?o(e.el,i,r):r()}else i()},G=(e,t)=>{let n;for(;e!==t;)n=p(e),o(e),e=n;o(t)},q=(e,t,n)=>{const{bum:o,scope:r,update:s,subTree:i,um:l}=e;o&&J(o),r.stop(),s&&(s.active=!1,W(i,e,t,n)),l&&mo(l,t),mo((()=>{e.isUnmounted=!0}),t),t&&t.pendingBranch&&!t.isUnmounted&&e.asyncDep&&!e.asyncResolved&&e.suspenseId===t.pendingId&&(t.deps--,0===t.deps&&t.resolve())},Q=(e,t,n,o=!1,r=!1,s=0)=>{for(let i=s;i<e.length;i++)W(e[i],t,n,o,r)},X=e=>6&e.shapeFlag?X(e.component.subTree):128&e.shapeFlag?e.suspense.next():p(e.anchor||e.el),Y=(e,t,n)=>{null==e?t._vnode&&W(t._vnode,null,null,!0):m(t._vnode||null,e,t,null,null,null,n),Xr(),t._vnode=e},te={p:m,um:W,m:H,r:K,mt:M,mc:N,pc:B,pbc:$,n:X,o:e};let ne,oe;return t&&([ne,oe]=t(te)),{render:Y,hydrate:ne,createApp:ao(Y,ne)}}function bo(e,t,n,o,r=!1){if(N(e))return void e.forEach(((e,s)=>bo(e,t&&(N(t)?t[s]:t),n,o,r)));if(hn(o)&&!r)return;const s=4&o.shapeFlag?xr(o.component)||o.component.proxy:o.el,i=r?null:s,{i:l,r:c}=e,a=t&&t.r,u=l.refs===g?l.refs={}:l.refs,p=l.setupState;if(null!=a&&a!==c&&(A(a)?(u[a]=null,T(p,a)&&(p[a]=null)):wt(a)&&(a.value=null)),A(c)){const e=()=>{u[c]=i,T(p,c)&&(p[c]=i)};i?(e.id=-1,mo(e,n)):e()}else if(wt(c)){const e=()=>{c.value=i};i?(e.id=-1,mo(e,n)):e()}else F(c)&&Rr(c,l,12,[i,u])}function _o(e,t,n,o=null){Fr(e,t,7,[n,o])}function So(e,t,n=!1){const o=e.children,r=t.children;if(N(o)&&N(r))for(let s=0;s<o.length;s++){const e=o[s];let t=r[s];1&t.shapeFlag&&!t.dynamicChildren&&((t.patchFlag<=0||32===t.patchFlag)&&(t=r[s]=er(r[s]),t.el=e.el),n||So(e,t))}}const xo=e=>e&&(e.disabled||""===e.disabled),Co=e=>"undefined"!=typeof SVGElement&&e instanceof SVGElement,wo=(e,t)=>{const n=e&&e.to;if(A(n)){if(t){return t(n)}return null}return n};function ko(e,t,n,{o:{insert:o},m:r},s=2){0===s&&o(e.targetAnchor,t,n);const{el:i,anchor:l,shapeFlag:c,children:a,props:u}=e,p=2===s;if(p&&o(i,t,n),(!p||xo(u))&&16&c)for(let f=0;f<a.length;f++)r(a[f],t,n,2);p&&o(l,t,n)}const To={__isTeleport:!0,process(e,t,n,o,r,s,i,l,c,a){const{mc:u,pc:p,pbc:f,o:{insert:d,querySelector:h,createText:m}}=a,g=xo(t.props);let{shapeFlag:v,children:y,dynamicChildren:b}=t;if(null==e){const e=t.el=m(""),a=t.anchor=m("");d(e,n,o),d(a,n,o);const p=t.target=wo(t.props,h),f=t.targetAnchor=m("");p&&(d(f,p),i=i||Co(p));const b=(e,t)=>{16&v&&u(y,e,t,r,s,i,l,c)};g?b(n,a):p&&b(p,f)}else{t.el=e.el;const o=t.anchor=e.anchor,u=t.target=e.target,d=t.targetAnchor=e.targetAnchor,m=xo(e.props),v=m?n:u,y=m?o:d;if(i=i||Co(u),b?(f(e.dynamicChildren,b,v,r,s,i,l),So(e,t,!0)):c||p(e,t,v,y,r,s,i,l,!1),g)m||ko(t,n,o,a,1);else if((t.props&&t.props.to)!==(e.props&&e.props.to)){const e=t.target=wo(t.props,h);e&&ko(t,e,null,a,0)}else m&&ko(t,u,d,a,1)}},remove(e,t,n,o,{um:r,o:{remove:s}},i){const{shapeFlag:l,children:c,anchor:a,targetAnchor:u,target:p,props:f}=e;if(p&&s(u),(i||!xo(f))&&(s(a),16&l))for(let d=0;d<c.length;d++){const e=c[d];r(e,t,n,!0,!!e.dynamicChildren)}},move:ko,hydrate:function(e,t,n,o,r,s,{o:{nextSibling:i,parentNode:l,querySelector:c}},a){const u=t.target=wo(t.props,c);if(u){const c=u._lpa||u.firstChild;16&t.shapeFlag&&(xo(t.props)?(t.anchor=a(i(e),t,l(e),n,o,r,s),t.targetAnchor=c):(t.anchor=i(e),t.targetAnchor=a(c,t,u,n,o,r,s)),u._lpa=t.targetAnchor&&i(t.targetAnchor))}return t.anchor&&i(t.anchor)}},No="components";const Eo=Symbol();function $o(e,t,n=!0,o=!1){const r=Lt||ur;if(r){const n=r.type;if(e===No){const e=wr(n);if(e&&(e===t||e===D(t)||e===K(D(t))))return n}const s=Ro(r[e]||n[e],t)||Ro(r.appContext[e],t);return!s&&o?n:s}}function Ro(e,t){return e&&(e[t]||e[D(t)]||e[K(D(t))])}const Fo=Symbol(void 0),Ao=Symbol(void 0),Mo=Symbol(void 0),Oo=Symbol(void 0),Po=[];let Io=null;function Vo(e=!1){Po.push(Io=e?null:[])}function Bo(){Po.pop(),Io=Po[Po.length-1]||null}let Lo=1;function jo(e){Lo+=e}function Uo(e){return e.dynamicChildren=Lo>0?Io||v:null,Bo(),Lo>0&&Io&&Io.push(e),e}function Ho(e,t,n,o,r){return Uo(Jo(e,t,n,o,r,!0))}function Do(e){return!!e&&!0===e.__v_isVNode}function Wo(e,t){return e.type===t.type&&e.key===t.key}const zo="__vInternal",Ko=({key:e})=>null!=e?e:null,Go=({ref:e})=>null!=e?A(e)||wt(e)||F(e)?{i:Lt,r:e}:e:null;function qo(e,t=null,n=null,o=0,r=null,s=(e===Fo?0:1),i=!1,l=!1){const c={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&Ko(t),ref:t&&Go(t),scopeId:jt,slotScopeIds:null,children:n,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetAnchor:null,staticCount:0,shapeFlag:s,patchFlag:o,dynamicProps:r,dynamicChildren:null,appContext:null};return l?(tr(c,n),128&s&&e.normalize(c)):n&&(c.shapeFlag|=A(n)?8:16),Lo>0&&!i&&Io&&(c.patchFlag>0||6&s)&&32!==c.patchFlag&&Io.push(c),c}const Jo=function(e,t=null,n=null,o=0,r=null,i=!1){e&&e!==Eo||(e=Mo);if(Do(e)){const o=Qo(e,t,!0);return n&&tr(o,n),o}l=e,F(l)&&"__vccOpts"in l&&(e=e.__vccOpts);var l;if(t){t=Zo(t);let{class:e,style:n}=t;e&&!A(e)&&(t.class=a(e)),O(n)&&(yt(n)&&!N(n)&&(n=C({},n)),t.style=s(n))}const c=A(e)?1:(e=>e.__isSuspense)(e)?128:(e=>e.__isTeleport)(e)?64:O(e)?4:F(e)?2:0;return qo(e,t,n,o,r,c,i,!0)};function Zo(e){return e?yt(e)||zo in e?C({},e):e:null}function Qo(e,t,n=!1){const{props:o,ref:r,patchFlag:s,children:i}=e,l=t?nr(o||{},t):o;return{__v_isVNode:!0,__v_skip:!0,type:e.type,props:l,key:l&&Ko(l),ref:t&&t.ref?n&&r?N(r)?r.concat(Go(t)):[r,Go(t)]:Go(t):r,scopeId:e.scopeId,slotScopeIds:e.slotScopeIds,children:i,target:e.target,targetAnchor:e.targetAnchor,staticCount:e.staticCount,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==Fo?-1===s?16:16|s:s,dynamicProps:e.dynamicProps,dynamicChildren:e.dynamicChildren,appContext:e.appContext,dirs:e.dirs,transition:e.transition,component:e.component,suspense:e.suspense,ssContent:e.ssContent&&Qo(e.ssContent),ssFallback:e.ssFallback&&Qo(e.ssFallback),el:e.el,anchor:e.anchor}}function Xo(e=" ",t=0){return Jo(Ao,null,e,t)}function Yo(e){return null==e||"boolean"==typeof e?Jo(Mo):N(e)?Jo(Fo,null,e.slice()):"object"==typeof e?er(e):Jo(Ao,null,String(e))}function er(e){return null===e.el||e.memo?e:Qo(e)}function tr(e,t){let n=0;const{shapeFlag:o}=e;if(null==t)t=null;else if(N(t))n=16;else if("object"==typeof t){if(65&o){const n=t.default;return void(n&&(n._c&&(n._d=!1),tr(e,n()),n._c&&(n._d=!0)))}{n=32;const o=t._;o||zo in t?3===o&&Lt&&(1===Lt.slots._?t._=1:(t._=2,e.patchFlag|=1024)):t._ctx=Lt}}else F(t)?(t={default:t,_ctx:Lt},n=32):(t=String(t),64&o?(n=16,t=[Xo(t)]):n=8);e.children=t,e.shapeFlag|=n}function nr(...e){const t={};for(let n=0;n<e.length;n++){const o=e[n];for(const e in o)if("class"===e)t.class!==o.class&&(t.class=a([t.class,o.class]));else if("style"===e)t.style=s([t.style,o.style]);else if(S(e)){const n=t[e],r=o[e];n!==r&&(t[e]=n?[].concat(n,r):r)}else""!==e&&(t[e]=o[e])}return t}function or(e){return e.some((e=>!Do(e)||e.type!==Mo&&!(e.type===Fo&&!or(e.children))))?e:null}const rr=e=>e?hr(e)?xr(e)||e.proxy:rr(e.parent):null,sr=C(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>e.props,$attrs:e=>e.attrs,$slots:e=>e.slots,$refs:e=>e.refs,$parent:e=>rr(e.parent),$root:e=>rr(e.root),$emit:e=>e.emit,$options:e=>Un(e),$forceUpdate:e=>()=>Gr(e.update),$nextTick:e=>Kr.bind(e.proxy),$watch:e=>ss.bind(e)}),ir={get({_:e},t){const{ctx:n,setupState:o,data:r,props:s,accessCache:i,type:l,appContext:c}=e;let a;if("$"!==t[0]){const l=i[t];if(void 0!==l)switch(l){case 0:return o[t];case 1:return r[t];case 3:return n[t];case 2:return s[t]}else{if(o!==g&&T(o,t))return i[t]=0,o[t];if(r!==g&&T(r,t))return i[t]=1,r[t];if((a=e.propsOptions[0])&&T(a,t))return i[t]=2,s[t];if(n!==g&&T(n,t))return i[t]=3,n[t];Vn&&(i[t]=4)}}const u=sr[t];let p,f;return u?("$attrs"===t&&ye(e,0,t),u(e)):(p=l.__cssModules)&&(p=p[t])?p:n!==g&&T(n,t)?(i[t]=3,n[t]):(f=c.config.globalProperties,T(f,t)?f[t]:void 0)},set({_:e},t,n){const{data:o,setupState:r,ctx:s}=e;if(r!==g&&T(r,t))r[t]=n;else if(o!==g&&T(o,t))o[t]=n;else if(T(e.props,t))return!1;return("$"!==t[0]||!(t.slice(1)in e))&&(s[t]=n,!0)},has({_:{data:e,setupState:t,accessCache:n,ctx:o,appContext:r,propsOptions:s}},i){let l;return void 0!==n[i]||e!==g&&T(e,i)||t!==g&&T(t,i)||(l=s[0])&&T(l,i)||T(o,i)||T(sr,i)||T(r.config.globalProperties,i)}},lr=C({},ir,{get(e,t){if(t!==Symbol.unscopables)return ir.get(e,t,e)},has:(e,t)=>"_"!==t[0]&&!n(t)}),cr=lo();let ar=0;let ur=null;const pr=()=>ur||Lt,fr=e=>{ur=e,e.scope.on()},dr=()=>{ur&&ur.scope.off(),ur=null};function hr(e){return 4&e.vnode.shapeFlag}let mr,gr,vr=!1;function yr(e,t,n){F(t)?e.render=t:O(t)&&(e.setupState=Rt(t)),_r(e)}function br(e){mr=e,gr=e=>{e.render._rc&&(e.withProxy=new Proxy(e.ctx,lr))}}function _r(e,t,n){const o=e.type;if(!e.render){if(mr&&!o.render){const t=o.template;if(t){const{isCustomElement:n,compilerOptions:r}=e.appContext.config,{delimiters:s,compilerOptions:i}=o,l=C(C({isCustomElement:n,delimiters:s},r),i);o.render=mr(t,l)}}e.render=o.render||y,gr&&gr(e)}fr(e),ge(),Bn(e),ve(),dr()}function Sr(e){const t=t=>{e.exposed=t||{}};let n;return{get attrs(){return n||(n=function(e){return new Proxy(e.attrs,{get:(t,n)=>(ye(e,0,"$attrs"),t[n])})}(e))},slots:e.slots,emit:e.emit,expose:t}}function xr(e){if(e.exposed)return e.exposeProxy||(e.exposeProxy=new Proxy(Rt(_t(e.exposed)),{get:(t,n)=>n in t?t[n]:n in sr?sr[n](e):void 0}))}const Cr=/(?:^|[-_])(\w)/g;function wr(e){return F(e)&&e.displayName||e.name}function kr(e,t,n=!1){let o=wr(t);if(!o&&t.__file){const e=t.__file.match(/([^/\\]+)\.\w+$/);e&&(o=e[1])}if(!o&&e&&e.parent){const n=e=>{for(const n in e)if(e[n]===t)return n};o=n(e.components||e.parent.type.components)||n(e.appContext.components)}return o?o.replace(Cr,(e=>e.toUpperCase())).replace(/[-_]/g,""):n?"App":"Anonymous"}const Tr=[];function Nr(e,...t){ge();const n=Tr.length?Tr[Tr.length-1].component:null,o=n&&n.appContext.config.warnHandler,r=function(){let e=Tr[Tr.length-1];if(!e)return[];const t=[];for(;e;){const n=t[0];n&&n.vnode===e?n.recurseCount++:t.push({vnode:e,recurseCount:0});const o=e.component&&e.component.parent;e=o&&o.vnode}return t}();if(o)Rr(o,n,11,[e+t.join(""),n&&n.proxy,r.map((({vnode:e})=>`at <${kr(n,e.type)}>`)).join("\n"),r]);else{const n=[`[Vue warn]: ${e}`,...t];r.length&&n.push("\n",...function(e){const t=[];return e.forEach(((e,n)=>{t.push(...0===n?[]:["\n"],...function({vnode:e,recurseCount:t}){const n=t>0?`... (${t} recursive calls)`:"",o=` at <${kr(e.component,e.type,!!e.component&&null==e.component.parent)}`,r=">"+n;return e.props?[o,...Er(e.props),r]:[o+r]}(e))})),t}(r)),console.warn(...n)}ve()}function Er(e){const t=[],n=Object.keys(e);return n.slice(0,3).forEach((n=>{t.push(...$r(n,e[n]))})),n.length>3&&t.push(" ..."),t}function $r(e,t,n){return A(t)?(t=JSON.stringify(t),n?t:[`${e}=${t}`]):"number"==typeof t||"boolean"==typeof t||null==t?n?t:[`${e}=${t}`]:wt(t)?(t=$r(e,bt(t.value),!0),n?t:[`${e}=Ref<`,t,">"]):F(t)?[`${e}=fn${t.name?`<${t.name}>`:""}`]:(t=bt(t),n?t:[`${e}=`,t])}function Rr(e,t,n,o){let r;try{r=o?e(...o):e()}catch(s){Ar(s,t,n)}return r}function Fr(e,t,n,o){if(F(e)){const r=Rr(e,t,n,o);return r&&P(r)&&r.catch((e=>{Ar(e,t,n)})),r}const r=[];for(let s=0;s<e.length;s++)r.push(Fr(e[s],t,n,o));return r}function Ar(e,t,n,o=!0){if(t){let o=t.parent;const r=t.proxy,s=n;for(;o;){const t=o.ec;if(t)for(let n=0;n<t.length;n++)if(!1===t[n](e,r,s))return;o=o.parent}const i=t.appContext.config.errorHandler;if(i)return void Rr(i,null,10,[e,r,s])}!function(e,t,n,o=!0){console.error(e)}(e,0,0,o)}let Mr=!1,Or=!1;const Pr=[];let Ir=0;const Vr=[];let Br=null,Lr=0;const jr=[];let Ur=null,Hr=0;const Dr=Promise.resolve();let Wr=null,zr=null;function Kr(e){const t=Wr||Dr;return e?t.then(this?e.bind(this):e):t}function Gr(e){Pr.length&&Pr.includes(e,Mr&&e.allowRecurse?Ir+1:Ir)||e===zr||(null==e.id?Pr.push(e):Pr.splice(function(e){let t=Ir+1,n=Pr.length;for(;t<n;){const o=t+n>>>1;Yr(Pr[o])<e?t=o+1:n=o}return t}(e.id),0,e),qr())}function qr(){Mr||Or||(Or=!0,Wr=Dr.then(es))}function Jr(e,t,n,o){N(e)?n.push(...e):t&&t.includes(e,e.allowRecurse?o+1:o)||n.push(e),qr()}function Zr(e){Jr(e,Ur,jr,Hr)}function Qr(e,t=null){if(Vr.length){for(zr=t,Br=[...new Set(Vr)],Vr.length=0,Lr=0;Lr<Br.length;Lr++)Br[Lr]();Br=null,Lr=0,zr=null,Qr(e,t)}}function Xr(e){if(jr.length){const e=[...new Set(jr)];if(jr.length=0,Ur)return void Ur.push(...e);for(Ur=e,Ur.sort(((e,t)=>Yr(e)-Yr(t))),Hr=0;Hr<Ur.length;Hr++)Ur[Hr]();Ur=null,Hr=0}}const Yr=e=>null==e.id?1/0:e.id;function es(e){Or=!1,Mr=!0,Qr(e),Pr.sort(((e,t)=>Yr(e)-Yr(t)));try{for(Ir=0;Ir<Pr.length;Ir++){const e=Pr[Ir];e&&!1!==e.active&&Rr(e,null,14)}}finally{Ir=0,Pr.length=0,Xr(),Mr=!1,Wr=null,(Pr.length||Vr.length||jr.length)&&es(e)}}function ts(e,t){return rs(e,null,{flush:"post"})}const ns={};function os(e,t,n){return rs(e,t,n)}function rs(e,t,{immediate:n,deep:o,flush:r}=g){const s=ur;let i,l,c=!1,a=!1;if(wt(e)?(i=()=>e.value,c=!!e._shallow):gt(e)?(i=()=>e,o=!0):N(e)?(a=!0,c=e.some(gt),i=()=>e.map((e=>wt(e)?e.value:gt(e)?ls(e):F(e)?Rr(e,s,2):void 0))):i=F(e)?t?()=>Rr(e,s,2):()=>{if(!s||!s.isUnmounted)return l&&l(),Fr(e,s,3,[u])}:y,t&&o){const e=i;i=()=>ls(e())}let u=e=>{l=h.onStop=()=>{Rr(e,s,4)}},p=a?[]:ns;const f=()=>{if(h.active)if(t){const e=h.run();(o||c||(a?e.some(((e,t)=>q(e,p[t]))):q(e,p)))&&(l&&l(),Fr(t,s,3,[e,p===ns?void 0:p,u]),p=e)}else h.run()};let d;f.allowRecurse=!!t,d="sync"===r?f:"post"===r?()=>mo(f,s&&s.suspense):()=>{!s||s.isMounted?function(e){Jr(e,Br,Vr,Lr)}(f):f()};const h=new fe(i,d);return t?n?f():p=h.run():"post"===r?mo(h.run.bind(h),s&&s.suspense):h.run(),()=>{h.stop(),s&&s.scope&&w(s.scope.effects,h)}}function ss(e,t,n){const o=this.proxy,r=A(e)?e.includes(".")?is(o,e):()=>o[e]:e.bind(o,o);let s;F(t)?s=t:(s=t.handler,n=t);const i=ur;fr(this);const l=rs(r,s.bind(o),n);return i?fr(i):dr(),l}function is(e,t){const n=t.split(".");return()=>{let t=e;for(let e=0;e<n.length&&t;e++)t=t[n[e]];return t}}function ls(e,t=new Set){if(!O(e)||e.__v_skip)return e;if((t=t||new Set).has(e))return e;if(t.add(e),wt(e))ls(e.value,t);else if(N(e))for(let n=0;n<e.length;n++)ls(e[n],t);else if($(e)||E(e))e.forEach((e=>{ls(e,t)}));else if(B(e))for(const n in e)ls(e[n],t);return e}function cs(){const e=pr();return e.setupContext||(e.setupContext=Sr(e))}function as(e,t,n){const o=arguments.length;return 2===o?O(t)&&!N(t)?Do(t)?Jo(e,null,[t]):Jo(e,t):Jo(e,null,t):(o>3?n=Array.prototype.slice.call(arguments,2):3===o&&Do(n)&&(n=[n]),Jo(e,t,n))}const us=Symbol("");function ps(e,t){const n=e.memo;if(n.length!=t.length)return!1;for(let o=0;o<n.length;o++)if(n[o]!==t[o])return!1;return Lo>0&&Io&&Io.push(e),!0}const fs="3.2.4",ds="undefined"!=typeof document?document:null,hs=new Map,ms={insert:(e,t,n)=>{t.insertBefore(e,n||null)},remove:e=>{const t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,n,o)=>{const r=t?ds.createElementNS("http://www.w3.org/2000/svg",e):ds.createElement(e,n?{is:n}:void 0);return"select"===e&&o&&null!=o.multiple&&r.setAttribute("multiple",o.multiple),r},createText:e=>ds.createTextNode(e),createComment:e=>ds.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>ds.querySelector(e),setScopeId(e,t){e.setAttribute(t,"")},cloneNode(e){const t=e.cloneNode(!0);return"_value"in e&&(t._value=e._value),t},insertStaticContent(e,t,n,o){const r=n?n.previousSibling:t.lastChild;let s=hs.get(e);if(!s){const t=ds.createElement("template");if(t.innerHTML=o?`<svg>${e}</svg>`:e,s=t.content,o){const e=s.firstChild;for(;e.firstChild;)s.appendChild(e.firstChild);s.removeChild(e)}hs.set(e,s)}return t.insertBefore(s.cloneNode(!0),n),[r?r.nextSibling:t.firstChild,n?n.previousSibling:t.lastChild]}};const gs=/\s*!important$/;function vs(e,t,n){if(N(n))n.forEach((n=>vs(e,t,n)));else if(t.startsWith("--"))e.setProperty(t,n);else{const o=function(e,t){const n=bs[t];if(n)return n;let o=D(t);if("filter"!==o&&o in e)return bs[t]=o;o=K(o);for(let r=0;r<ys.length;r++){const n=ys[r]+o;if(n in e)return bs[t]=n}return t}(e,t);gs.test(n)?e.setProperty(z(o),n.replace(gs,""),"important"):e[o]=n}}const ys=["Webkit","Moz","ms"],bs={};const _s="http://www.w3.org/1999/xlink";let Ss=Date.now,xs=!1;if("undefined"!=typeof window){Ss()>document.createEvent("Event").timeStamp&&(Ss=()=>performance.now());const e=navigator.userAgent.match(/firefox\/(\d+)/i);xs=!!(e&&Number(e[1])<=53)}let Cs=0;const ws=Promise.resolve(),ks=()=>{Cs=0};function Ts(e,t,n,o){e.addEventListener(t,n,o)}function Ns(e,t,n,o,r=null){const s=e._vei||(e._vei={}),i=s[t];if(o&&i)i.value=o;else{const[n,l]=function(e){let t;if(Es.test(e)){let n;for(t={};n=e.match(Es);)e=e.slice(0,e.length-n[0].length),t[n[0].toLowerCase()]=!0}return[z(e.slice(2)),t]}(t);if(o){Ts(e,n,s[t]=function(e,t){const n=e=>{const o=e.timeStamp||Ss();(xs||o>=n.attached-1)&&Fr(function(e,t){if(N(t)){const n=e.stopImmediatePropagation;return e.stopImmediatePropagation=()=>{n.call(e),e._stopped=!0},t.map((e=>t=>!t._stopped&&e(t)))}return t}(e,n.value),t,5,[e])};return n.value=e,n.attached=(()=>Cs||(ws.then(ks),Cs=Ss()))(),n}(o,r),l)}else i&&(!function(e,t,n,o){e.removeEventListener(t,n,o)}(e,n,i,l),s[t]=void 0)}}const Es=/(?:Once|Passive|Capture)$/;const $s=/^on[a-z]/;function Rs(e,t){const n=dn(e);class o extends As{constructor(e){super(n,e,t)}}return o.def=n,o}const Fs="undefined"!=typeof HTMLElement?HTMLElement:class{};class As extends Fs{constructor(e,t={},n){super(),this._def=e,this._props=t,this._instance=null,this._connected=!1,this._resolved=!1,this.shadowRoot&&n?n(this._createVNode(),this.shadowRoot):this.attachShadow({mode:"open"});for(let o=0;o<this.attributes.length;o++)this._setAttr(this.attributes[o].name);new MutationObserver((e=>{for(const t of e)this._setAttr(t.attributeName)})).observe(this,{attributes:!0})}connectedCallback(){this._connected=!0,this._instance||(this._resolveDef(),Ei(this._createVNode(),this.shadowRoot))}disconnectedCallback(){this._connected=!1,Kr((()=>{this._connected||(Ei(null,this.shadowRoot),this._instance=null)}))}_resolveDef(){if(this._resolved)return;const e=e=>{this._resolved=!0;for(const r of Object.keys(this))"_"!==r[0]&&this._setProp(r,this[r]);const{props:t,styles:n}=e,o=t?N(t)?t:Object.keys(t):[];for(const r of o.map(D))Object.defineProperty(this,r,{get(){return this._getProp(r)},set(e){this._setProp(r,e)}});this._applyStyles(n)},t=this._def.__asyncLoader;t?t().then(e):e(this._def)}_setAttr(e){this._setProp(D(e),Q(this.getAttribute(e)),!1)}_getProp(e){return this._props[e]}_setProp(e,t,n=!0){t!==this._props[e]&&(this._props[e]=t,this._instance&&Ei(this._createVNode(),this.shadowRoot),n&&(!0===t?this.setAttribute(z(e),""):"string"==typeof t||"number"==typeof t?this.setAttribute(z(e),t+""):t||this.removeAttribute(z(e))))}_createVNode(){const e=Jo(this._def,C({},this._props));return this._instance||(e.ce=e=>{this._instance=e,e.isCE=!0,e.emit=(e,...t)=>{this.dispatchEvent(new CustomEvent(e,{detail:t}))};let t=this;for(;t=t&&(t.parentNode||t.host);)if(t instanceof As){e.parent=t._instance;break}}),e}_applyStyles(e){e&&e.forEach((e=>{const t=document.createElement("style");t.textContent=e,this.shadowRoot.appendChild(t)}))}}function Ms(e,t){if(128&e.shapeFlag){const n=e.suspense;e=n.activeBranch,n.pendingBranch&&!n.isHydrating&&n.effects.push((()=>{Ms(n.activeBranch,t)}))}for(;e.component;)e=e.component.subTree;if(1&e.shapeFlag&&e.el)Os(e.el,t);else if(e.type===Fo)e.children.forEach((e=>Ms(e,t)));else if(e.type===Oo){let{el:n,anchor:o}=e;for(;n&&(Os(n,t),n!==o);)n=n.nextSibling}}function Os(e,t){if(1===e.nodeType){const n=e.style;for(const e in t)n.setProperty(`--${e}`,t[e])}}const Ps="transition",Is="animation",Vs=(e,{slots:t})=>as(sn,Hs(e),t);Vs.displayName="Transition";const Bs={name:String,type:String,css:{type:Boolean,default:!0},duration:[String,Number,Object],enterFromClass:String,enterActiveClass:String,enterToClass:String,appearFromClass:String,appearActiveClass:String,appearToClass:String,leaveFromClass:String,leaveActiveClass:String,leaveToClass:String},Ls=Vs.props=C({},sn.props,Bs),js=(e,t=[])=>{N(e)?e.forEach((e=>e(...t))):e&&e(...t)},Us=e=>!!e&&(N(e)?e.some((e=>e.length>1)):e.length>1);function Hs(e){const t={};for(const C in e)C in Bs||(t[C]=e[C]);if(!1===e.css)return t;const{name:n="v",type:o,duration:r,enterFromClass:s=`${n}-enter-from`,enterActiveClass:i=`${n}-enter-active`,enterToClass:l=`${n}-enter-to`,appearFromClass:c=s,appearActiveClass:a=i,appearToClass:u=l,leaveFromClass:p=`${n}-leave-from`,leaveActiveClass:f=`${n}-leave-active`,leaveToClass:d=`${n}-leave-to`}=e,h=function(e){if(null==e)return null;if(O(e))return[Ds(e.enter),Ds(e.leave)];{const t=Ds(e);return[t,t]}}(r),m=h&&h[0],g=h&&h[1],{onBeforeEnter:v,onEnter:y,onEnterCancelled:b,onLeave:_,onLeaveCancelled:S,onBeforeAppear:x=v,onAppear:w=y,onAppearCancelled:k=b}=t,T=(e,t,n)=>{zs(e,t?u:l),zs(e,t?a:i),n&&n()},N=(e,t)=>{zs(e,d),zs(e,f),t&&t()},E=e=>(t,n)=>{const r=e?w:y,i=()=>T(t,e,n);js(r,[t,i]),Ks((()=>{zs(t,e?c:s),Ws(t,e?u:l),Us(r)||qs(t,o,m,i)}))};return C(t,{onBeforeEnter(e){js(v,[e]),Ws(e,s),Ws(e,i)},onBeforeAppear(e){js(x,[e]),Ws(e,c),Ws(e,a)},onEnter:E(!1),onAppear:E(!0),onLeave(e,t){const n=()=>N(e,t);Ws(e,p),Xs(),Ws(e,f),Ks((()=>{zs(e,p),Ws(e,d),Us(_)||qs(e,o,g,n)})),js(_,[e,n])},onEnterCancelled(e){T(e,!1),js(b,[e])},onAppearCancelled(e){T(e,!0),js(k,[e])},onLeaveCancelled(e){N(e),js(S,[e])}})}function Ds(e){return Q(e)}function Ws(e,t){t.split(/\s+/).forEach((t=>t&&e.classList.add(t))),(e._vtc||(e._vtc=new Set)).add(t)}function zs(e,t){t.split(/\s+/).forEach((t=>t&&e.classList.remove(t)));const{_vtc:n}=e;n&&(n.delete(t),n.size||(e._vtc=void 0))}function Ks(e){requestAnimationFrame((()=>{requestAnimationFrame(e)}))}let Gs=0;function qs(e,t,n,o){const r=e._endId=++Gs,s=()=>{r===e._endId&&o()};if(n)return setTimeout(s,n);const{type:i,timeout:l,propCount:c}=Js(e,t);if(!i)return o();const a=i+"end";let u=0;const p=()=>{e.removeEventListener(a,f),s()},f=t=>{t.target===e&&++u>=c&&p()};setTimeout((()=>{u<c&&p()}),l+1),e.addEventListener(a,f)}function Js(e,t){const n=window.getComputedStyle(e),o=e=>(n[e]||"").split(", "),r=o("transitionDelay"),s=o("transitionDuration"),i=Zs(r,s),l=o("animationDelay"),c=o("animationDuration"),a=Zs(l,c);let u=null,p=0,f=0;t===Ps?i>0&&(u=Ps,p=i,f=s.length):t===Is?a>0&&(u=Is,p=a,f=c.length):(p=Math.max(i,a),u=p>0?i>a?Ps:Is:null,f=u?u===Ps?s.length:c.length:0);return{type:u,timeout:p,propCount:f,hasTransform:u===Ps&&/\b(transform|all)(,|$)/.test(n.transitionProperty)}}function Zs(e,t){for(;e.length<t.length;)e=e.concat(e);return Math.max(...t.map(((t,n)=>Qs(t)+Qs(e[n]))))}function Qs(e){return 1e3*Number(e.slice(0,-1).replace(",","."))}function Xs(){return document.body.offsetHeight}const Ys=new WeakMap,ei=new WeakMap,ti={name:"TransitionGroup",props:C({},Ls,{tag:String,moveClass:String}),setup(e,{slots:t}){const n=pr(),o=on();let r,s;return Rn((()=>{if(!r.length)return;const t=e.moveClass||`${e.name||"v"}-move`;if(!function(e,t,n){const o=e.cloneNode();e._vtc&&e._vtc.forEach((e=>{e.split(/\s+/).forEach((e=>e&&o.classList.remove(e)))}));n.split(/\s+/).forEach((e=>e&&o.classList.add(e))),o.style.display="none";const r=1===t.nodeType?t:t.parentNode;r.appendChild(o);const{hasTransform:s}=Js(o);return r.removeChild(o),s}(r[0].el,n.vnode.el,t))return;r.forEach(ni),r.forEach(oi);const o=r.filter(ri);Xs(),o.forEach((e=>{const n=e.el,o=n.style;Ws(n,t),o.transform=o.webkitTransform=o.transitionDuration="";const r=n._moveCb=e=>{e&&e.target!==n||e&&!/transform$/.test(e.propertyName)||(n.removeEventListener("transitionend",r),n._moveCb=null,zs(n,t))};n.addEventListener("transitionend",r)}))})),()=>{const i=bt(e),l=Hs(i);let c=i.tag||Fo;r=s,s=t.default?fn(t.default()):[];for(let e=0;e<s.length;e++){const t=s[e];null!=t.key&&pn(t,cn(t,l,o,n))}if(r)for(let e=0;e<r.length;e++){const t=r[e];pn(t,cn(t,l,o,n)),Ys.set(t,t.el.getBoundingClientRect())}return Jo(c,null,s)}}};function ni(e){const t=e.el;t._moveCb&&t._moveCb(),t._enterCb&&t._enterCb()}function oi(e){ei.set(e,e.el.getBoundingClientRect())}function ri(e){const t=Ys.get(e),n=ei.get(e),o=t.left-n.left,r=t.top-n.top;if(o||r){const t=e.el.style;return t.transform=t.webkitTransform=`translate(${o}px,${r}px)`,t.transitionDuration="0s",e}}const si=e=>{const t=e.props["onUpdate:modelValue"];return N(t)?e=>J(t,e):t};function ii(e){e.target.composing=!0}function li(e){const t=e.target;t.composing&&(t.composing=!1,function(e,t){const n=document.createEvent("HTMLEvents");n.initEvent(t,!0,!0),e.dispatchEvent(n)}(t,"input"))}const ci={created(e,{modifiers:{lazy:t,trim:n,number:o}},r){e._assign=si(r);const s=o||r.props&&"number"===r.props.type;Ts(e,t?"change":"input",(t=>{if(t.target.composing)return;let o=e.value;n?o=o.trim():s&&(o=Q(o)),e._assign(o)})),n&&Ts(e,"change",(()=>{e.value=e.value.trim()})),t||(Ts(e,"compositionstart",ii),Ts(e,"compositionend",li),Ts(e,"change",li))},mounted(e,{value:t}){e.value=null==t?"":t},beforeUpdate(e,{value:t,modifiers:{lazy:n,trim:o,number:r}},s){if(e._assign=si(s),e.composing)return;if(document.activeElement===e){if(n)return;if(o&&e.value.trim()===t)return;if((r||"number"===e.type)&&Q(e.value)===t)return}const i=null==t?"":t;e.value!==i&&(e.value=i)}},ai={deep:!0,created(e,t,n){e._assign=si(n),Ts(e,"change",(()=>{const t=e._modelValue,n=hi(e),o=e.checked,r=e._assign;if(N(t)){const e=h(t,n),s=-1!==e;if(o&&!s)r(t.concat(n));else if(!o&&s){const n=[...t];n.splice(e,1),r(n)}}else if($(t)){const e=new Set(t);o?e.add(n):e.delete(n),r(e)}else r(mi(e,o))}))},mounted:ui,beforeUpdate(e,t,n){e._assign=si(n),ui(e,t,n)}};function ui(e,{value:t,oldValue:n},o){e._modelValue=t,N(t)?e.checked=h(t,o.props.value)>-1:$(t)?e.checked=t.has(o.props.value):t!==n&&(e.checked=d(t,mi(e,!0)))}const pi={created(e,{value:t},n){e.checked=d(t,n.props.value),e._assign=si(n),Ts(e,"change",(()=>{e._assign(hi(e))}))},beforeUpdate(e,{value:t,oldValue:n},o){e._assign=si(o),t!==n&&(e.checked=d(t,o.props.value))}},fi={deep:!0,created(e,{value:t,modifiers:{number:n}},o){const r=$(t);Ts(e,"change",(()=>{const t=Array.prototype.filter.call(e.options,(e=>e.selected)).map((e=>n?Q(hi(e)):hi(e)));e._assign(e.multiple?r?new Set(t):t:t[0])})),e._assign=si(o)},mounted(e,{value:t}){di(e,t)},beforeUpdate(e,t,n){e._assign=si(n)},updated(e,{value:t}){di(e,t)}};function di(e,t){const n=e.multiple;if(!n||N(t)||$(t)){for(let o=0,r=e.options.length;o<r;o++){const r=e.options[o],s=hi(r);if(n)r.selected=N(t)?h(t,s)>-1:t.has(s);else if(d(hi(r),t))return void(e.selectedIndex!==o&&(e.selectedIndex=o))}n||-1===e.selectedIndex||(e.selectedIndex=-1)}}function hi(e){return"_value"in e?e._value:e.value}function mi(e,t){const n=t?"_trueValue":"_falseValue";return n in e?e[n]:t}const gi={created(e,t,n){vi(e,t,n,null,"created")},mounted(e,t,n){vi(e,t,n,null,"mounted")},beforeUpdate(e,t,n,o){vi(e,t,n,o,"beforeUpdate")},updated(e,t,n,o){vi(e,t,n,o,"updated")}};function vi(e,t,n,o,r){let s;switch(e.tagName){case"SELECT":s=fi;break;case"TEXTAREA":s=ci;break;default:switch(n.props&&n.props.type){case"checkbox":s=ai;break;case"radio":s=pi;break;default:s=ci}}const i=s[r];i&&i(e,t,n,o)}const yi=["ctrl","shift","alt","meta"],bi={stop:e=>e.stopPropagation(),prevent:e=>e.preventDefault(),self:e=>e.target!==e.currentTarget,ctrl:e=>!e.ctrlKey,shift:e=>!e.shiftKey,alt:e=>!e.altKey,meta:e=>!e.metaKey,left:e=>"button"in e&&0!==e.button,middle:e=>"button"in e&&1!==e.button,right:e=>"button"in e&&2!==e.button,exact:(e,t)=>yi.some((n=>e[`${n}Key`]&&!t.includes(n)))},_i={esc:"escape",space:" ",up:"arrow-up",left:"arrow-left",right:"arrow-right",down:"arrow-down",delete:"backspace"},Si={beforeMount(e,{value:t},{transition:n}){e._vod="none"===e.style.display?"":e.style.display,n&&t?n.beforeEnter(e):xi(e,t)},mounted(e,{value:t},{transition:n}){n&&t&&n.enter(e)},updated(e,{value:t,oldValue:n},{transition:o}){!t!=!n&&(o?t?(o.beforeEnter(e),xi(e,!0),o.enter(e)):o.leave(e,(()=>{xi(e,!1)})):xi(e,t))},beforeUnmount(e,{value:t}){xi(e,t)}};function xi(e,t){e.style.display=t?e._vod:"none"}const Ci=C({patchProp:(e,t,n,s,i=!1,l,c,a,u)=>{"class"===t?function(e,t,n){const o=e._vtc;o&&(t=(t?[t,...o]:[...o]).join(" ")),null==t?e.removeAttribute("class"):n?e.setAttribute("class",t):e.className=t}(e,s,i):"style"===t?function(e,t,n){const o=e.style;if(n)if(A(n)){if(t!==n){const t=o.display;o.cssText=n,"_vod"in e&&(o.display=t)}}else{for(const e in n)vs(o,e,n[e]);if(t&&!A(t))for(const e in t)null==n[e]&&vs(o,e,"")}else e.removeAttribute("style")}(e,n,s):S(t)?x(t)||Ns(e,t,0,s,c):("."===t[0]?(t=t.slice(1),1):"^"===t[0]?(t=t.slice(1),0):function(e,t,n,o){if(o)return"innerHTML"===t||"textContent"===t||!!(t in e&&$s.test(t)&&F(n));if("spellcheck"===t||"draggable"===t)return!1;if("form"===t)return!1;if("list"===t&&"INPUT"===e.tagName)return!1;if("type"===t&&"TEXTAREA"===e.tagName)return!1;if($s.test(t)&&A(n))return!1;return t in e}(e,t,s,i))?function(e,t,n,o,s,i,l){if("innerHTML"===t||"textContent"===t)return o&&l(o,s,i),void(e[t]=null==n?"":n);if("value"===t&&"PROGRESS"!==e.tagName){e._value=n;const o=null==n?"":n;return e.value!==o&&(e.value=o),void(null==n&&e.removeAttribute(t))}if(""===n||null==n){const o=typeof e[t];if("boolean"===o)return void(e[t]=r(n));if(null==n&&"string"===o)return e[t]="",void e.removeAttribute(t);if("number"===o){try{e[t]=0}catch(c){}return void e.removeAttribute(t)}}try{e[t]=n}catch(a){}}(e,t,s,l,c,a,u):("true-value"===t?e._trueValue=s:"false-value"===t&&(e._falseValue=s),function(e,t,n,s,i){if(s&&t.startsWith("xlink:"))null==n?e.removeAttributeNS(_s,t.slice(6,t.length)):e.setAttributeNS(_s,t,n);else{const s=o(t);null==n||s&&!r(n)?e.removeAttribute(t):e.setAttribute(t,s?"":n)}}(e,t,s,i))}},ms);let wi,ki=!1;function Ti(){return wi||(wi=go(Ci))}function Ni(){return wi=ki?wi:vo(Ci),ki=!0,wi}const Ei=(...e)=>{Ti().render(...e)},$i=(...e)=>{Ni().hydrate(...e)};function Ri(e){if(A(e)){return document.querySelector(e)}return e}function Fi(e){throw e}function Ai(e){}function Mi(e,t,n,o){const r=new SyntaxError(String(e));return r.code=e,r.loc=t,r}const Oi=Symbol(""),Pi=Symbol(""),Ii=Symbol(""),Vi=Symbol(""),Bi=Symbol(""),Li=Symbol(""),ji=Symbol(""),Ui=Symbol(""),Hi=Symbol(""),Di=Symbol(""),Wi=Symbol(""),zi=Symbol(""),Ki=Symbol(""),Gi=Symbol(""),qi=Symbol(""),Ji=Symbol(""),Zi=Symbol(""),Qi=Symbol(""),Xi=Symbol(""),Yi=Symbol(""),el=Symbol(""),tl=Symbol(""),nl=Symbol(""),ol=Symbol(""),rl=Symbol(""),sl=Symbol(""),il=Symbol(""),ll=Symbol(""),cl=Symbol(""),al=Symbol(""),ul=Symbol(""),pl=Symbol(""),fl=Symbol(""),dl=Symbol(""),hl=Symbol(""),ml=Symbol(""),gl=Symbol(""),vl=Symbol(""),yl=Symbol(""),bl=Symbol(""),_l={[Oi]:"Fragment",[Pi]:"Teleport",[Ii]:"Suspense",[Vi]:"KeepAlive",[Bi]:"BaseTransition",[Li]:"openBlock",[ji]:"createBlock",[Ui]:"createElementBlock",[Hi]:"createVNode",[Di]:"createElementVNode",[Wi]:"createCommentVNode",[zi]:"createTextVNode",[Ki]:"createStaticVNode",[Gi]:"resolveComponent",[qi]:"resolveDynamicComponent",[Ji]:"resolveDirective",[Zi]:"resolveFilter",[Qi]:"withDirectives",[Xi]:"renderList",[Yi]:"renderSlot",[el]:"createSlots",[tl]:"toDisplayString",[nl]:"mergeProps",[ol]:"normalizeClass",[rl]:"normalizeStyle",[sl]:"normalizeProps",[il]:"guardReactiveProps",[ll]:"toHandlers",[cl]:"camelize",[al]:"capitalize",[ul]:"toHandlerKey",[pl]:"setBlockTracking",[fl]:"pushScopeId",[dl]:"popScopeId",[hl]:"withScopeId",[ml]:"withCtx",[gl]:"unref",[vl]:"isRef",[yl]:"withMemo",[bl]:"isMemoSame"};const Sl={source:"",start:{line:1,column:1,offset:0},end:{line:1,column:1,offset:0}};function xl(e,t,n,o,r,s,i,l=!1,c=!1,a=!1,u=Sl){return e&&(l?(e.helper(Li),e.helper(Ql(e.inSSR,a))):e.helper(Zl(e.inSSR,a)),i&&e.helper(Qi)),{type:13,tag:t,props:n,children:o,patchFlag:r,dynamicProps:s,directives:i,isBlock:l,disableTracking:c,isComponent:a,loc:u}}function Cl(e,t=Sl){return{type:17,loc:t,elements:e}}function wl(e,t=Sl){return{type:15,loc:t,properties:e}}function kl(e,t){return{type:16,loc:Sl,key:A(e)?Tl(e,!0):e,value:t}}function Tl(e,t=!1,n=Sl,o=0){return{type:4,loc:n,content:e,isStatic:t,constType:t?3:o}}function Nl(e,t=Sl){return{type:8,loc:t,children:e}}function El(e,t=[],n=Sl){return{type:14,loc:n,callee:e,arguments:t}}function $l(e,t,n=!1,o=!1,r=Sl){return{type:18,params:e,returns:t,newline:n,isSlot:o,loc:r}}function Rl(e,t,n,o=!0){return{type:19,test:e,consequent:t,alternate:n,newline:o,loc:Sl}}const Fl=e=>4===e.type&&e.isStatic,Al=(e,t)=>e===t||e===z(t);function Ml(e){return Al(e,"Teleport")?Pi:Al(e,"Suspense")?Ii:Al(e,"KeepAlive")?Vi:Al(e,"BaseTransition")?Bi:void 0}const Ol=/^\d|[^\$\w]/,Pl=e=>!Ol.test(e),Il=/[A-Za-z_$\xA0-\uFFFF]/,Vl=/[\.\?\w$\xA0-\uFFFF]/,Bl=/\s+[.[]\s*|\s*[.[]\s+/g,Ll=e=>{e=e.trim().replace(Bl,(e=>e.trim()));let t=0,n=[],o=0,r=0,s=null;for(let i=0;i<e.length;i++){const l=e.charAt(i);switch(t){case 0:if("["===l)n.push(t),t=1,o++;else if("("===l)n.push(t),t=2,r++;else if(!(0===i?Il:Vl).test(l))return!1;break;case 1:"'"===l||'"'===l||"`"===l?(n.push(t),t=3,s=l):"["===l?o++:"]"===l&&(--o||(t=n.pop()));break;case 2:if("'"===l||'"'===l||"`"===l)n.push(t),t=3,s=l;else if("("===l)r++;else if(")"===l){if(i===e.length-1)return!1;--r||(t=n.pop())}break;case 3:l===s&&(t=n.pop(),s=null)}}return!o&&!r};function jl(e,t,n){const o={source:e.source.substr(t,n),start:Ul(e.start,e.source,t),end:e.end};return null!=n&&(o.end=Ul(e.start,e.source,t+n)),o}function Ul(e,t,n=t.length){return Hl(C({},e),t,n)}function Hl(e,t,n=t.length){let o=0,r=-1;for(let s=0;s<n;s++)10===t.charCodeAt(s)&&(o++,r=s);return e.offset+=n,e.line+=o,e.column=-1===r?e.column+n:n-r,e}function Dl(e,t,n=!1){for(let o=0;o<e.props.length;o++){const r=e.props[o];if(7===r.type&&(n||r.exp)&&(A(t)?r.name===t:t.test(r.name)))return r}}function Wl(e,t,n=!1,o=!1){for(let r=0;r<e.props.length;r++){const s=e.props[r];if(6===s.type){if(n)continue;if(s.name===t&&(s.value||o))return s}else if("bind"===s.name&&(s.exp||o)&&zl(s.arg,t))return s}}function zl(e,t){return!(!e||!Fl(e)||e.content!==t)}function Kl(e){return 5===e.type||2===e.type}function Gl(e){return 7===e.type&&"slot"===e.name}function ql(e){return 1===e.type&&3===e.tagType}function Jl(e){return 1===e.type&&2===e.tagType}function Zl(e,t){return e||t?Hi:Di}function Ql(e,t){return e||t?ji:Ui}const Xl=new Set([sl,il]);function Yl(e,t=[]){if(e&&!A(e)&&14===e.type){const n=e.callee;if(!A(n)&&Xl.has(n))return Yl(e.arguments[0],t.concat(e))}return[e,t]}function ec(e,t,n){let o;let r,s=13===e.type?e.props:e.arguments[2],i=[];if(s&&!A(s)&&14===s.type){const e=Yl(s);s=e[0],i=e[1],r=i[i.length-1]}if(null==s||A(s))o=wl([t]);else if(14===s.type){const e=s.arguments[0];A(e)||15!==e.type?s.callee===ll?o=El(n.helper(nl),[wl([t]),s]):s.arguments.unshift(wl([t])):e.properties.unshift(t),!o&&(o=s)}else if(15===s.type){let e=!1;if(4===t.key.type){const n=t.key.content;e=s.properties.some((e=>4===e.key.type&&e.key.content===n))}e||s.properties.unshift(t),o=s}else o=El(n.helper(nl),[wl([t]),s]),r&&r.callee===il&&(r=i[i.length-2]);13===e.type?r?r.arguments[0]=o:e.props=o:r?r.arguments[0]=o:e.arguments[2]=o}function tc(e,t){return`_${t}_${e.replace(/[^\w]/g,"_")}`}function nc(e,{helper:t,removeHelper:n,inSSR:o}){e.isBlock||(e.isBlock=!0,n(Zl(o,e.isComponent)),t(Li),t(Ql(o,e.isComponent)))}const oc=/&(gt|lt|amp|apos|quot);/g,rc={gt:">",lt:"<",amp:"&",apos:"'",quot:'"'},sc={delimiters:["{{","}}"],getNamespace:()=>0,getTextMode:()=>0,isVoidTag:b,isPreTag:b,isCustomElement:b,decodeEntities:e=>e.replace(oc,((e,t)=>rc[t])),onError:Fi,onWarn:Ai,comments:!1};function ic(e,t={}){const n=function(e,t){const n=C({},sc);let o;for(o in t)n[o]=void 0===t[o]?sc[o]:t[o];return{options:n,column:1,line:1,offset:0,originalSource:e,source:e,inPre:!1,inVPre:!1,onWarn:n.onWarn}}(e,t),o=_c(n);return function(e,t=Sl){return{type:0,children:e,helpers:[],components:[],directives:[],hoists:[],imports:[],cached:0,temps:0,codegenNode:void 0,loc:t}}(lc(n,0,[]),Sc(n,o))}function lc(e,t,n){const o=xc(n),r=o?o.ns:0,s=[];for(;!Nc(e,t,n);){const i=e.source;let l;if(0===t||1===t)if(!e.inVPre&&Cc(i,e.options.delimiters[0]))l=vc(e,t);else if(0===t&&"<"===i[0])if(1===i.length);else if("!"===i[1])l=Cc(i,"\x3c!--")?uc(e):Cc(i,"<!DOCTYPE")?pc(e):Cc(i,"<![CDATA[")&&0!==r?ac(e,n):pc(e);else if("/"===i[1])if(2===i.length);else{if(">"===i[2]){wc(e,3);continue}if(/[a-z]/i.test(i[2])){hc(e,1,o);continue}l=pc(e)}else/[a-z]/i.test(i[1])?l=fc(e,n):"?"===i[1]&&(l=pc(e));if(l||(l=yc(e,t)),N(l))for(let e=0;e<l.length;e++)cc(s,l[e]);else cc(s,l)}let i=!1;if(2!==t&&1!==t){const t="preserve"!==e.options.whitespace;for(let n=0;n<s.length;n++){const o=s[n];if(e.inPre||2!==o.type)3!==o.type||e.options.comments||(i=!0,s[n]=null);else if(/[^\t\r\n\f ]/.test(o.content))t&&(o.content=o.content.replace(/[\t\r\n\f ]+/g," "));else{const e=s[n-1],r=s[n+1];!e||!r||t&&(3===e.type||3===r.type||1===e.type&&1===r.type&&/[\r\n]/.test(o.content))?(i=!0,s[n]=null):o.content=" "}}if(e.inPre&&o&&e.options.isPreTag(o.tag)){const e=s[0];e&&2===e.type&&(e.content=e.content.replace(/^\r?\n/,""))}}return i?s.filter(Boolean):s}function cc(e,t){if(2===t.type){const n=xc(e);if(n&&2===n.type&&n.loc.end.offset===t.loc.start.offset)return n.content+=t.content,n.loc.end=t.loc.end,void(n.loc.source+=t.loc.source)}e.push(t)}function ac(e,t){wc(e,9);const n=lc(e,3,t);return 0===e.source.length||wc(e,3),n}function uc(e){const t=_c(e);let n;const o=/--(\!)?>/.exec(e.source);if(o){n=e.source.slice(4,o.index);const t=e.source.slice(0,o.index);let r=1,s=0;for(;-1!==(s=t.indexOf("\x3c!--",r));)wc(e,s-r+1),r=s+1;wc(e,o.index+o[0].length-r+1)}else n=e.source.slice(4),wc(e,e.source.length);return{type:3,content:n,loc:Sc(e,t)}}function pc(e){const t=_c(e),n="?"===e.source[1]?1:2;let o;const r=e.source.indexOf(">");return-1===r?(o=e.source.slice(n),wc(e,e.source.length)):(o=e.source.slice(n,r),wc(e,r+1)),{type:3,content:o,loc:Sc(e,t)}}function fc(e,t){const n=e.inPre,o=e.inVPre,r=xc(t),s=hc(e,0,r),i=e.inPre&&!n,l=e.inVPre&&!o;if(s.isSelfClosing||e.options.isVoidTag(s.tag))return i&&(e.inPre=!1),l&&(e.inVPre=!1),s;t.push(s);const c=e.options.getTextMode(s,r),a=lc(e,c,t);if(t.pop(),s.children=a,Ec(e.source,s.tag))hc(e,1,r);else if(0===e.source.length&&"script"===s.tag.toLowerCase()){const e=a[0];e&&Cc(e.loc.source,"\x3c!--")}return s.loc=Sc(e,s.loc.start),i&&(e.inPre=!1),l&&(e.inVPre=!1),s}const dc=t("if,else,else-if,for,slot");function hc(e,t,n){const o=_c(e),r=/^<\/?([a-z][^\t\r\n\f />]*)/i.exec(e.source),s=r[1],i=e.options.getNamespace(s,n);wc(e,r[0].length),kc(e);const l=_c(e),c=e.source;e.options.isPreTag(s)&&(e.inPre=!0);let a=mc(e,t);0===t&&!e.inVPre&&a.some((e=>7===e.type&&"pre"===e.name))&&(e.inVPre=!0,C(e,l),e.source=c,a=mc(e,t).filter((e=>"v-pre"!==e.name)));let u=!1;if(0===e.source.length||(u=Cc(e.source,"/>"),wc(e,u?2:1)),1===t)return;let p=0;return e.inVPre||("slot"===s?p=2:"template"===s?a.some((e=>7===e.type&&dc(e.name)))&&(p=3):function(e,t,n){const o=n.options;if(o.isCustomElement(e))return!1;if("component"===e||/^[A-Z]/.test(e)||Ml(e)||o.isBuiltInComponent&&o.isBuiltInComponent(e)||o.isNativeTag&&!o.isNativeTag(e))return!0;for(let r=0;r<t.length;r++){const e=t[r];if(6===e.type){if("is"===e.name&&e.value&&e.value.content.startsWith("vue:"))return!0}else{if("is"===e.name)return!0;"bind"===e.name&&zl(e.arg,"is")}}}(s,a,e)&&(p=1)),{type:1,ns:i,tag:s,tagType:p,props:a,isSelfClosing:u,children:[],loc:Sc(e,o),codegenNode:void 0}}function mc(e,t){const n=[],o=new Set;for(;e.source.length>0&&!Cc(e.source,">")&&!Cc(e.source,"/>");){if(Cc(e.source,"/")){wc(e,1),kc(e);continue}const r=gc(e,o);0===t&&n.push(r),/^[^\t\r\n\f />]/.test(e.source),kc(e)}return n}function gc(e,t){const n=_c(e),o=/^[^\t\r\n\f />][^\t\r\n\f />=]*/.exec(e.source)[0];t.has(o),t.add(o);{const e=/["'<]/g;let t;for(;t=e.exec(o););}let r;wc(e,o.length),/^[\t\r\n\f ]*=/.test(e.source)&&(kc(e),wc(e,1),kc(e),r=function(e){const t=_c(e);let n;const o=e.source[0],r='"'===o||"'"===o;if(r){wc(e,1);const t=e.source.indexOf(o);-1===t?n=bc(e,e.source.length,4):(n=bc(e,t,4),wc(e,1))}else{const t=/^[^\t\r\n\f >]+/.exec(e.source);if(!t)return;const o=/["'<=`]/g;let r;for(;r=o.exec(t[0]););n=bc(e,t[0].length,4)}return{content:n,isQuoted:r,loc:Sc(e,t)}}(e));const s=Sc(e,n);if(!e.inVPre&&/^(v-|:|\.|@|#)/.test(o)){const t=/(?:^v-([a-z0-9-]+))?(?:(?::|^\.|^@|^#)(\[[^\]]+\]|[^\.]+))?(.+)?$/i.exec(o);let i,l=Cc(o,"."),c=t[1]||(l||Cc(o,":")?"bind":Cc(o,"@")?"on":"slot");if(t[2]){const r="slot"===c,s=o.lastIndexOf(t[2]),l=Sc(e,Tc(e,n,s),Tc(e,n,s+t[2].length+(r&&t[3]||"").length));let a=t[2],u=!0;a.startsWith("[")?(u=!1,a.endsWith("]"),a=a.substr(1,a.length-2)):r&&(a+=t[3]||""),i={type:4,content:a,isStatic:u,constType:u?3:0,loc:l}}if(r&&r.isQuoted){const e=r.loc;e.start.offset++,e.start.column++,e.end=Ul(e.start,r.content),e.source=e.source.slice(1,-1)}const a=t[3]?t[3].substr(1).split("."):[];return l&&a.push("prop"),{type:7,name:c,exp:r&&{type:4,content:r.content,isStatic:!1,constType:0,loc:r.loc},arg:i,modifiers:a,loc:s}}return{type:6,name:o,value:r&&{type:2,content:r.content,loc:r.loc},loc:s}}function vc(e,t){const[n,o]=e.options.delimiters,r=e.source.indexOf(o,n.length);if(-1===r)return;const s=_c(e);wc(e,n.length);const i=_c(e),l=_c(e),c=r-n.length,a=e.source.slice(0,c),u=bc(e,c,t),p=u.trim(),f=u.indexOf(p);f>0&&Hl(i,a,f);return Hl(l,a,c-(u.length-p.length-f)),wc(e,o.length),{type:5,content:{type:4,isStatic:!1,constType:0,content:p,loc:Sc(e,i,l)},loc:Sc(e,s)}}function yc(e,t){const n=["<",e.options.delimiters[0]];3===t&&n.push("]]>");let o=e.source.length;for(let s=0;s<n.length;s++){const t=e.source.indexOf(n[s],1);-1!==t&&o>t&&(o=t)}const r=_c(e);return{type:2,content:bc(e,o,t),loc:Sc(e,r)}}function bc(e,t,n){const o=e.source.slice(0,t);return wc(e,t),2===n||3===n||-1===o.indexOf("&")?o:e.options.decodeEntities(o,4===n)}function _c(e){const{column:t,line:n,offset:o}=e;return{column:t,line:n,offset:o}}function Sc(e,t,n){return{start:t,end:n=n||_c(e),source:e.originalSource.slice(t.offset,n.offset)}}function xc(e){return e[e.length-1]}function Cc(e,t){return e.startsWith(t)}function wc(e,t){const{source:n}=e;Hl(e,n,t),e.source=n.slice(t)}function kc(e){const t=/^[\t\r\n\f ]+/.exec(e.source);t&&wc(e,t[0].length)}function Tc(e,t,n){return Ul(t,e.originalSource.slice(t.offset,n),n)}function Nc(e,t,n){const o=e.source;switch(t){case 0:if(Cc(o,"</"))for(let e=n.length-1;e>=0;--e)if(Ec(o,n[e].tag))return!0;break;case 1:case 2:{const e=xc(n);if(e&&Ec(o,e.tag))return!0;break}case 3:if(Cc(o,"]]>"))return!0}return!o}function Ec(e,t){return Cc(e,"</")&&e.substr(2,t.length).toLowerCase()===t.toLowerCase()&&/[\t\r\n\f />]/.test(e[2+t.length]||">")}function $c(e,t){Fc(e,t,Rc(e,e.children[0]))}function Rc(e,t){const{children:n}=e;return 1===n.length&&1===t.type&&!Jl(t)}function Fc(e,t,n=!1){let o=!0;const{children:r}=e,s=r.length;let i=0;for(let l=0;l<r.length;l++){const e=r[l];if(1===e.type&&0===e.tagType){const r=n?0:Ac(e,t);if(r>0){if(r<3&&(o=!1),r>=2){e.codegenNode.patchFlag="-1",e.codegenNode=t.hoist(e.codegenNode),i++;continue}}else{const n=e.codegenNode;if(13===n.type){const o=Vc(n);if((!o||512===o||1===o)&&Pc(e,t)>=2){const o=Ic(e);o&&(n.props=t.hoist(o))}n.dynamicProps&&(n.dynamicProps=t.hoist(n.dynamicProps))}}}else if(12===e.type){const n=Ac(e.content,t);n>0&&(n<3&&(o=!1),n>=2&&(e.codegenNode=t.hoist(e.codegenNode),i++))}if(1===e.type){const n=1===e.tagType;n&&t.scopes.vSlot++,Fc(e,t),n&&t.scopes.vSlot--}else if(11===e.type)Fc(e,t,1===e.children.length);else if(9===e.type)for(let n=0;n<e.branches.length;n++)Fc(e.branches[n],t,1===e.branches[n].children.length)}o&&i&&t.transformHoist&&t.transformHoist(r,t,e),i&&i===s&&1===e.type&&0===e.tagType&&e.codegenNode&&13===e.codegenNode.type&&N(e.codegenNode.children)&&(e.codegenNode.children=t.hoist(Cl(e.codegenNode.children)))}function Ac(e,t){const{constantCache:n}=t;switch(e.type){case 1:if(0!==e.tagType)return 0;const o=n.get(e);if(void 0!==o)return o;const r=e.codegenNode;if(13!==r.type)return 0;if(Vc(r))return n.set(e,0),0;{let o=3;const s=Pc(e,t);if(0===s)return n.set(e,0),0;s<o&&(o=s);for(let r=0;r<e.children.length;r++){const s=Ac(e.children[r],t);if(0===s)return n.set(e,0),0;s<o&&(o=s)}if(o>1)for(let r=0;r<e.props.length;r++){const s=e.props[r];if(7===s.type&&"bind"===s.name&&s.exp){const r=Ac(s.exp,t);if(0===r)return n.set(e,0),0;r<o&&(o=r)}}return r.isBlock&&(t.removeHelper(Li),t.removeHelper(Ql(t.inSSR,r.isComponent)),r.isBlock=!1,t.helper(Zl(t.inSSR,r.isComponent))),n.set(e,o),o}case 2:case 3:return 3;case 9:case 11:case 10:return 0;case 5:case 12:return Ac(e.content,t);case 4:return e.constType;case 8:let s=3;for(let n=0;n<e.children.length;n++){const o=e.children[n];if(A(o)||M(o))continue;const r=Ac(o,t);if(0===r)return 0;r<s&&(s=r)}return s;default:return 0}}const Mc=new Set([ol,rl,sl,il]);function Oc(e,t){if(14===e.type&&!A(e.callee)&&Mc.has(e.callee)){const n=e.arguments[0];if(4===n.type)return Ac(n,t);if(14===n.type)return Oc(n,t)}return 0}function Pc(e,t){let n=3;const o=Ic(e);if(o&&15===o.type){const{properties:e}=o;for(let o=0;o<e.length;o++){const{key:r,value:s}=e[o],i=Ac(r,t);if(0===i)return i;let l;if(i<n&&(n=i),l=4===s.type?Ac(s,t):14===s.type?Oc(s,t):0,0===l)return l;l<n&&(n=l)}}return n}function Ic(e){const t=e.codegenNode;if(13===t.type)return t.props}function Vc(e){const t=e.patchFlag;return t?parseInt(t,10):void 0}function Bc(e,{filename:t="",prefixIdentifiers:n=!1,hoistStatic:o=!1,cacheHandlers:r=!1,nodeTransforms:s=[],directiveTransforms:i={},transformHoist:l=null,isBuiltInComponent:c=y,isCustomElement:a=y,expressionPlugins:u=[],scopeId:p=null,slotted:f=!0,ssr:d=!1,inSSR:h=!1,ssrCssVars:m="",bindingMetadata:v=g,inline:b=!1,isTS:_=!1,onError:S=Fi,onWarn:x=Ai,compatConfig:C}){const w=t.replace(/\?.*$/,"").match(/([^/\\]+)\.\w+$/),k={selfName:w&&K(D(w[1])),prefixIdentifiers:n,hoistStatic:o,cacheHandlers:r,nodeTransforms:s,directiveTransforms:i,transformHoist:l,isBuiltInComponent:c,isCustomElement:a,expressionPlugins:u,scopeId:p,slotted:f,ssr:d,inSSR:h,ssrCssVars:m,bindingMetadata:v,inline:b,isTS:_,onError:S,onWarn:x,compatConfig:C,root:e,helpers:new Map,components:new Set,directives:new Set,hoists:[],imports:[],constantCache:new Map,temps:0,cached:0,identifiers:Object.create(null),scopes:{vFor:0,vSlot:0,vPre:0,vOnce:0},parent:null,currentNode:e,childIndex:0,inVOnce:!1,helper(e){const t=k.helpers.get(e)||0;return k.helpers.set(e,t+1),e},removeHelper(e){const t=k.helpers.get(e);if(t){const n=t-1;n?k.helpers.set(e,n):k.helpers.delete(e)}},helperString:e=>`_${_l[k.helper(e)]}`,replaceNode(e){k.parent.children[k.childIndex]=k.currentNode=e},removeNode(e){const t=e?k.parent.children.indexOf(e):k.currentNode?k.childIndex:-1;e&&e!==k.currentNode?k.childIndex>t&&(k.childIndex--,k.onNodeRemoved()):(k.currentNode=null,k.onNodeRemoved()),k.parent.children.splice(t,1)},onNodeRemoved:()=>{},addIdentifiers(e){},removeIdentifiers(e){},hoist(e){A(e)&&(e=Tl(e)),k.hoists.push(e);const t=Tl(`_hoisted_${k.hoists.length}`,!1,e.loc,2);return t.hoisted=e,t},cache:(e,t=!1)=>function(e,t,n=!1){return{type:20,index:e,value:t,isVNode:n,loc:Sl}}(k.cached++,e,t)};return k}function Lc(e,t){const n=Bc(e,t);jc(e,n),t.hoistStatic&&$c(e,n),t.ssr||function(e,t){const{helper:n}=t,{children:o}=e;if(1===o.length){const n=o[0];if(Rc(e,n)&&n.codegenNode){const o=n.codegenNode;13===o.type&&nc(o,t),e.codegenNode=o}else e.codegenNode=n}else if(o.length>1){let o=64;e.codegenNode=xl(t,n(Oi),void 0,e.children,o+"",void 0,void 0,!0,void 0,!1)}}(e,n),e.helpers=[...n.helpers.keys()],e.components=[...n.components],e.directives=[...n.directives],e.imports=n.imports,e.hoists=n.hoists,e.temps=n.temps,e.cached=n.cached}function jc(e,t){t.currentNode=e;const{nodeTransforms:n}=t,o=[];for(let s=0;s<n.length;s++){const r=n[s](e,t);if(r&&(N(r)?o.push(...r):o.push(r)),!t.currentNode)return;e=t.currentNode}switch(e.type){case 3:t.ssr||t.helper(Wi);break;case 5:t.ssr||t.helper(tl);break;case 9:for(let n=0;n<e.branches.length;n++)jc(e.branches[n],t);break;case 10:case 11:case 1:case 0:!function(e,t){let n=0;const o=()=>{n--};for(;n<e.children.length;n++){const r=e.children[n];A(r)||(t.parent=e,t.childIndex=n,t.onNodeRemoved=o,jc(r,t))}}(e,t)}t.currentNode=e;let r=o.length;for(;r--;)o[r]()}function Uc(e,t){const n=A(e)?t=>t===e:t=>e.test(t);return(e,o)=>{if(1===e.type){const{props:r}=e;if(3===e.tagType&&r.some(Gl))return;const s=[];for(let i=0;i<r.length;i++){const l=r[i];if(7===l.type&&n(l.name)){r.splice(i,1),i--;const n=t(e,l,o);n&&s.push(n)}}return s}}}const Hc="/*#__PURE__*/";function Dc(e,t={}){const n=function(e,{mode:t="function",prefixIdentifiers:n="module"===t,sourceMap:o=!1,filename:r="template.vue.html",scopeId:s=null,optimizeImports:i=!1,runtimeGlobalName:l="Vue",runtimeModuleName:c="vue",ssr:a=!1,isTS:u=!1,inSSR:p=!1}){const f={mode:t,prefixIdentifiers:n,sourceMap:o,filename:r,scopeId:s,optimizeImports:i,runtimeGlobalName:l,runtimeModuleName:c,ssr:a,isTS:u,inSSR:p,source:e.loc.source,code:"",column:1,line:1,offset:0,indentLevel:0,pure:!1,map:void 0,helper:e=>`_${_l[e]}`,push(e,t){f.code+=e},indent(){d(++f.indentLevel)},deindent(e=!1){e?--f.indentLevel:d(--f.indentLevel)},newline(){d(f.indentLevel)}};function d(e){f.push("\n"+"  ".repeat(e))}return f}(e,t);t.onContextCreated&&t.onContextCreated(n);const{mode:o,push:r,prefixIdentifiers:s,indent:i,deindent:l,newline:c,ssr:a}=n,u=e.helpers.length>0,p=!s&&"module"!==o;!function(e,t){const{push:n,newline:o,runtimeGlobalName:r}=t,s=r,i=e=>`${_l[e]}: _${_l[e]}`;if(e.helpers.length>0&&(n(`const _Vue = ${s}\n`),e.hoists.length)){n(`const { ${[Hi,Di,Wi,zi,Ki].filter((t=>e.helpers.includes(t))).map(i).join(", ")} } = _Vue\n`)}(function(e,t){if(!e.length)return;t.pure=!0;const{push:n,newline:o}=t;o(),e.forEach(((e,r)=>{e&&(n(`const _hoisted_${r+1} = `),Gc(e,t),o())})),t.pure=!1})(e.hoists,t),o(),n("return ")}(e,n);if(r(`function ${a?"ssrRender":"render"}(${(a?["_ctx","_push","_parent","_attrs"]:["_ctx","_cache"]).join(", ")}) {`),i(),p&&(r("with (_ctx) {"),i(),u&&(r(`const { ${e.helpers.map((e=>`${_l[e]}: _${_l[e]}`)).join(", ")} } = _Vue`),r("\n"),c())),e.components.length&&(Wc(e.components,"component",n),(e.directives.length||e.temps>0)&&c()),e.directives.length&&(Wc(e.directives,"directive",n),e.temps>0&&c()),e.temps>0){r("let ");for(let t=0;t<e.temps;t++)r(`${t>0?", ":""}_temp${t}`)}return(e.components.length||e.directives.length||e.temps)&&(r("\n"),c()),a||r("return "),e.codegenNode?Gc(e.codegenNode,n):r("null"),p&&(l(),r("}")),l(),r("}"),{ast:e,code:n.code,preamble:"",map:n.map?n.map.toJSON():void 0}}function Wc(e,t,{helper:n,push:o,newline:r,isTS:s}){const i=n("component"===t?Gi:Ji);for(let l=0;l<e.length;l++){let n=e[l];const c=n.endsWith("__self");c&&(n=n.slice(0,-6)),o(`const ${tc(n,t)} = ${i}(${JSON.stringify(n)}${c?", true":""})${s?"!":""}`),l<e.length-1&&r()}}function zc(e,t){const n=e.length>3||!1;t.push("["),n&&t.indent(),Kc(e,t,n),n&&t.deindent(),t.push("]")}function Kc(e,t,n=!1,o=!0){const{push:r,newline:s}=t;for(let i=0;i<e.length;i++){const l=e[i];A(l)?r(l):N(l)?zc(l,t):Gc(l,t),i<e.length-1&&(n?(o&&r(","),s()):o&&r(", "))}}function Gc(e,t){if(A(e))t.push(e);else if(M(e))t.push(t.helper(e));else switch(e.type){case 1:case 9:case 11:Gc(e.codegenNode,t);break;case 2:!function(e,t){t.push(JSON.stringify(e.content),e)}(e,t);break;case 4:qc(e,t);break;case 5:!function(e,t){const{push:n,helper:o,pure:r}=t;r&&n(Hc);n(`${o(tl)}(`),Gc(e.content,t),n(")")}(e,t);break;case 12:Gc(e.codegenNode,t);break;case 8:Jc(e,t);break;case 3:!function(e,t){const{push:n,helper:o,pure:r}=t;r&&n(Hc);n(`${o(Wi)}(${JSON.stringify(e.content)})`,e)}(e,t);break;case 13:!function(e,t){const{push:n,helper:o,pure:r}=t,{tag:s,props:i,children:l,patchFlag:c,dynamicProps:a,directives:u,isBlock:p,disableTracking:f,isComponent:d}=e;u&&n(o(Qi)+"(");p&&n(`(${o(Li)}(${f?"true":""}), `);r&&n(Hc);const h=p?Ql(t.inSSR,d):Zl(t.inSSR,d);n(o(h)+"(",e),Kc(function(e){let t=e.length;for(;t--&&null==e[t];);return e.slice(0,t+1).map((e=>e||"null"))}([s,i,l,c,a]),t),n(")"),p&&n(")");u&&(n(", "),Gc(u,t),n(")"))}(e,t);break;case 14:!function(e,t){const{push:n,helper:o,pure:r}=t,s=A(e.callee)?e.callee:o(e.callee);r&&n(Hc);n(s+"(",e),Kc(e.arguments,t),n(")")}(e,t);break;case 15:!function(e,t){const{push:n,indent:o,deindent:r,newline:s}=t,{properties:i}=e;if(!i.length)return void n("{}",e);const l=i.length>1||!1;n(l?"{":"{ "),l&&o();for(let c=0;c<i.length;c++){const{key:e,value:o}=i[c];Zc(e,t),n(": "),Gc(o,t),c<i.length-1&&(n(","),s())}l&&r(),n(l?"}":" }")}(e,t);break;case 17:!function(e,t){zc(e.elements,t)}(e,t);break;case 18:!function(e,t){const{push:n,indent:o,deindent:r}=t,{params:s,returns:i,body:l,newline:c,isSlot:a}=e;a&&n(`_${_l[ml]}(`);n("(",e),N(s)?Kc(s,t):s&&Gc(s,t);n(") => "),(c||l)&&(n("{"),o());i?(c&&n("return "),N(i)?zc(i,t):Gc(i,t)):l&&Gc(l,t);(c||l)&&(r(),n("}"));a&&n(")")}(e,t);break;case 19:!function(e,t){const{test:n,consequent:o,alternate:r,newline:s}=e,{push:i,indent:l,deindent:c,newline:a}=t;if(4===n.type){const e=!Pl(n.content);e&&i("("),qc(n,t),e&&i(")")}else i("("),Gc(n,t),i(")");s&&l(),t.indentLevel++,s||i(" "),i("? "),Gc(o,t),t.indentLevel--,s&&a(),s||i(" "),i(": ");const u=19===r.type;u||t.indentLevel++;Gc(r,t),u||t.indentLevel--;s&&c(!0)}(e,t);break;case 20:!function(e,t){const{push:n,helper:o,indent:r,deindent:s,newline:i}=t;n(`_cache[${e.index}] || (`),e.isVNode&&(r(),n(`${o(pl)}(-1),`),i());n(`_cache[${e.index}] = `),Gc(e.value,t),e.isVNode&&(n(","),i(),n(`${o(pl)}(1),`),i(),n(`_cache[${e.index}]`),s());n(")")}(e,t);break;case 21:Kc(e.body,t,!0,!1)}}function qc(e,t){const{content:n,isStatic:o}=e;t.push(o?JSON.stringify(n):n,e)}function Jc(e,t){for(let n=0;n<e.children.length;n++){const o=e.children[n];A(o)?t.push(o):Gc(o,t)}}function Zc(e,t){const{push:n}=t;if(8===e.type)n("["),Jc(e,t),n("]");else if(e.isStatic){n(Pl(e.content)?e.content:JSON.stringify(e.content),e)}else n(`[${e.content}]`,e)}const Qc=Uc(/^(if|else|else-if)$/,((e,t,n)=>function(e,t,n,o){if(!("else"===t.name||t.exp&&t.exp.content.trim())){t.exp=Tl("true",!1,t.exp?t.exp.loc:e.loc)}if("if"===t.name){const r=Xc(e,t),s={type:9,loc:e.loc,branches:[r]};if(n.replaceNode(s),o)return o(s,r,!0)}else{const r=n.parent.children;let s=r.indexOf(e);for(;s-- >=-1;){const i=r[s];if(!i||2!==i.type||i.content.trim().length){if(i&&9===i.type){n.removeNode();const r=Xc(e,t);i.branches.push(r);const s=o&&o(i,r,!1);jc(r,n),s&&s(),n.currentNode=null}break}n.removeNode(i)}}}(e,t,n,((e,t,o)=>{const r=n.parent.children;let s=r.indexOf(e),i=0;for(;s-- >=0;){const e=r[s];e&&9===e.type&&(i+=e.branches.length)}return()=>{if(o)e.codegenNode=Yc(t,i,n);else{(function(e){for(;;)if(19===e.type){if(19!==e.alternate.type)return e;e=e.alternate}else 20===e.type&&(e=e.value)}(e.codegenNode)).alternate=Yc(t,i+e.branches.length-1,n)}}}))));function Xc(e,t){return{type:10,loc:e.loc,condition:"else"===t.name?void 0:t.exp,children:3!==e.tagType||Dl(e,"for")?[e]:e.children,userKey:Wl(e,"key")}}function Yc(e,t,n){return e.condition?Rl(e.condition,ea(e,t,n),El(n.helper(Wi),['""',"true"])):ea(e,t,n)}function ea(e,t,n){const{helper:o}=n,r=kl("key",Tl(`${t}`,!1,Sl,2)),{children:s}=e,i=s[0];if(1!==s.length||1!==i.type){if(1===s.length&&11===i.type){const e=i.codegenNode;return ec(e,r,n),e}{let t=64;return xl(n,o(Oi),wl([r]),s,t+"",void 0,void 0,!0,!1,!1,e.loc)}}{const e=i.codegenNode,t=14===(l=e).type&&l.callee===yl?l.arguments[1].returns:l;return 13===t.type&&nc(t,n),ec(t,r,n),e}var l}const ta=Uc("for",((e,t,n)=>{const{helper:o,removeHelper:r}=n;return function(e,t,n,o){if(!t.exp)return;const r=sa(t.exp);if(!r)return;const{scopes:s}=n,{source:i,value:l,key:c,index:a}=r,u={type:11,loc:t.loc,source:i,valueAlias:l,keyAlias:c,objectIndexAlias:a,parseResult:r,children:ql(e)?e.children:[e]};n.replaceNode(u),s.vFor++;const p=o&&o(u);return()=>{s.vFor--,p&&p()}}(e,t,n,(t=>{const s=El(o(Xi),[t.source]),i=Dl(e,"memo"),l=Wl(e,"key"),c=l&&(6===l.type?Tl(l.value.content,!0):l.exp),a=l?kl("key",c):null,u=4===t.source.type&&t.source.constType>0,p=u?64:l?128:256;return t.codegenNode=xl(n,o(Oi),void 0,s,p+"",void 0,void 0,!0,!u,!1,e.loc),()=>{let l;const p=ql(e),{children:f}=t,d=1!==f.length||1!==f[0].type,h=Jl(e)?e:p&&1===e.children.length&&Jl(e.children[0])?e.children[0]:null;if(h?(l=h.codegenNode,p&&a&&ec(l,a,n)):d?l=xl(n,o(Oi),a?wl([a]):void 0,e.children,"64",void 0,void 0,!0,void 0,!1):(l=f[0].codegenNode,p&&a&&ec(l,a,n),l.isBlock!==!u&&(l.isBlock?(r(Li),r(Ql(n.inSSR,l.isComponent))):r(Zl(n.inSSR,l.isComponent))),l.isBlock=!u,l.isBlock?(o(Li),o(Ql(n.inSSR,l.isComponent))):o(Zl(n.inSSR,l.isComponent))),i){const e=$l(la(t.parseResult,[Tl("_cached")]));e.body={type:21,body:[Nl(["const _memo = (",i.exp,")"]),Nl(["if (_cached",...c?[" && _cached.key === ",c]:[],` && ${n.helperString(bl)}(_cached, _memo)) return _cached`]),Nl(["const _item = ",l]),Tl("_item.memo = _memo"),Tl("return _item")],loc:Sl},s.arguments.push(e,Tl("_cache"),Tl(String(n.cached++)))}else s.arguments.push($l(la(t.parseResult),l,!0))}}))}));const na=/([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/,oa=/,([^,\}\]]*)(?:,([^,\}\]]*))?$/,ra=/^\(|\)$/g;function sa(e,t){const n=e.loc,o=e.content,r=o.match(na);if(!r)return;const[,s,i]=r,l={source:ia(n,i.trim(),o.indexOf(i,s.length)),value:void 0,key:void 0,index:void 0};let c=s.trim().replace(ra,"").trim();const a=s.indexOf(c),u=c.match(oa);if(u){c=c.replace(oa,"").trim();const e=u[1].trim();let t;if(e&&(t=o.indexOf(e,a+c.length),l.key=ia(n,e,t)),u[2]){const r=u[2].trim();r&&(l.index=ia(n,r,o.indexOf(r,l.key?t+e.length:a+c.length)))}}return c&&(l.value=ia(n,c,a)),l}function ia(e,t,n){return Tl(t,!1,jl(e,n,t.length))}function la({value:e,key:t,index:n},o=[]){return function(e){let t=e.length;for(;t--&&!e[t];);return e.slice(0,t+1).map(((e,t)=>e||Tl("_".repeat(t+1),!1)))}([e,t,n,...o])}const ca=Tl("undefined",!1),aa=(e,t)=>{if(1===e.type&&(1===e.tagType||3===e.tagType)){const n=Dl(e,"slot");if(n)return t.scopes.vSlot++,()=>{t.scopes.vSlot--}}},ua=(e,t,n)=>$l(e,t,!1,!0,t.length?t[0].loc:n);function pa(e,t,n=ua){t.helper(ml);const{children:o,loc:r}=e,s=[],i=[];let l=t.scopes.vSlot>0||t.scopes.vFor>0;const c=Dl(e,"slot",!0);if(c){const{arg:e,exp:t}=c;e&&!Fl(e)&&(l=!0),s.push(kl(e||Tl("default",!0),n(t,o,r)))}let a=!1,u=!1;const p=[],f=new Set;for(let m=0;m<o.length;m++){const e=o[m];let r;if(!ql(e)||!(r=Dl(e,"slot",!0))){3!==e.type&&p.push(e);continue}if(c)break;a=!0;const{children:d,loc:h}=e,{arg:g=Tl("default",!0),exp:v}=r;let y;Fl(g)?y=g?g.content:"default":l=!0;const b=n(v,d,h);let _,S,x;if(_=Dl(e,"if"))l=!0,i.push(Rl(_.exp,fa(g,b),ca));else if(S=Dl(e,/^else(-if)?$/,!0)){let e,t=m;for(;t--&&(e=o[t],3===e.type););if(e&&ql(e)&&Dl(e,"if")){o.splice(m,1),m--;let e=i[i.length-1];for(;19===e.alternate.type;)e=e.alternate;e.alternate=S.exp?Rl(S.exp,fa(g,b),ca):fa(g,b)}}else if(x=Dl(e,"for")){l=!0;const e=x.parseResult||sa(x.exp);e&&i.push(El(t.helper(Xi),[e.source,$l(la(e),fa(g,b),!0)]))}else{if(y){if(f.has(y))continue;f.add(y),"default"===y&&(u=!0)}s.push(kl(g,b))}}if(!c){const e=(e,t)=>kl("default",n(e,t,r));a?p.length&&p.some((e=>ha(e)))&&(u||s.push(e(void 0,p))):s.push(e(void 0,o))}const d=l?2:da(e.children)?3:1;let h=wl(s.concat(kl("_",Tl(d+"",!1))),r);return i.length&&(h=El(t.helper(el),[h,Cl(i)])),{slots:h,hasDynamicSlots:l}}function fa(e,t){return wl([kl("name",e),kl("fn",t)])}function da(e){for(let t=0;t<e.length;t++){const n=e[t];switch(n.type){case 1:if(2===n.tagType||da(n.children))return!0;break;case 9:if(da(n.branches))return!0;break;case 10:case 11:if(da(n.children))return!0}}return!1}function ha(e){return 2!==e.type&&12!==e.type||(2===e.type?!!e.content.trim():ha(e.content))}const ma=new WeakMap,ga=(e,t)=>function(){if(1!==(e=t.currentNode).type||0!==e.tagType&&1!==e.tagType)return;const{tag:n,props:o}=e,r=1===e.tagType;let s=r?function(e,t,n=!1){let{tag:o}=e;const r=_a(o),s=Wl(e,"is");if(s)if(r){const e=6===s.type?s.value&&Tl(s.value.content,!0):s.exp;if(e)return El(t.helper(qi),[e])}else 6===s.type&&s.value.content.startsWith("vue:")&&(o=s.value.content.slice(4));const i=!r&&Dl(e,"is");if(i&&i.exp)return El(t.helper(qi),[i.exp]);const l=Ml(o)||t.isBuiltInComponent(o);if(l)return n||t.helper(l),l;return t.helper(Gi),t.components.add(o),tc(o,"component")}(e,t):`"${n}"`;let i,l,c,a,u,p,f=0,d=O(s)&&s.callee===qi||s===Pi||s===Ii||!r&&("svg"===n||"foreignObject"===n||Wl(e,"key",!0));if(o.length>0){const n=va(e,t);i=n.props,f=n.patchFlag,u=n.dynamicPropNames;const o=n.directives;p=o&&o.length?Cl(o.map((e=>function(e,t){const n=[],o=ma.get(e);o?n.push(t.helperString(o)):(t.helper(Ji),t.directives.add(e.name),n.push(tc(e.name,"directive")));const{loc:r}=e;e.exp&&n.push(e.exp);e.arg&&(e.exp||n.push("void 0"),n.push(e.arg));if(Object.keys(e.modifiers).length){e.arg||(e.exp||n.push("void 0"),n.push("void 0"));const t=Tl("true",!1,r);n.push(wl(e.modifiers.map((e=>kl(e,t))),r))}return Cl(n,e.loc)}(e,t)))):void 0}if(e.children.length>0){s===Vi&&(d=!0,f|=1024);if(r&&s!==Pi&&s!==Vi){const{slots:n,hasDynamicSlots:o}=pa(e,t);l=n,o&&(f|=1024)}else if(1===e.children.length&&s!==Pi){const n=e.children[0],o=n.type,r=5===o||8===o;r&&0===Ac(n,t)&&(f|=1),l=r||2===o?n:e.children}else l=e.children}0!==f&&(c=String(f),u&&u.length&&(a=function(e){let t="[";for(let n=0,o=e.length;n<o;n++)t+=JSON.stringify(e[n]),n<o-1&&(t+=", ");return t+"]"}(u))),e.codegenNode=xl(t,s,i,l,c,a,p,!!d,!1,r,e.loc)};function va(e,t,n=e.props,o=!1){const{tag:r,loc:s}=e,i=1===e.tagType;let l=[];const c=[],a=[];let u=0,p=!1,f=!1,d=!1,h=!1,m=!1,g=!1;const v=[],y=({key:e,value:n})=>{if(Fl(e)){const o=e.content,r=S(o);if(i||!r||"onclick"===o.toLowerCase()||"onUpdate:modelValue"===o||j(o)||(h=!0),r&&j(o)&&(g=!0),20===n.type||(4===n.type||8===n.type)&&Ac(n,t)>0)return;"ref"===o?p=!0:"class"===o?f=!0:"style"===o?d=!0:"key"===o||v.includes(o)||v.push(o),!i||"class"!==o&&"style"!==o||v.includes(o)||v.push(o)}else m=!0};for(let _=0;_<n.length;_++){const i=n[_];if(6===i.type){const{loc:e,name:t,value:n}=i;let o=!0;if("ref"===t&&(p=!0),"is"===t&&(_a(r)||n&&n.content.startsWith("vue:")))continue;l.push(kl(Tl(t,!0,jl(e,0,t.length)),Tl(n?n.content:"",o,n?n.loc:e)))}else{const{name:n,arg:u,exp:p,loc:f}=i,d="bind"===n,h="on"===n;if("slot"===n)continue;if("once"===n||"memo"===n)continue;if("is"===n||d&&zl(u,"is")&&_a(r))continue;if(h&&o)continue;if(!u&&(d||h)){m=!0,p&&(l.length&&(c.push(wl(ya(l),s)),l=[]),c.push(d?p:{type:14,loc:f,callee:t.helper(ll),arguments:[p]}));continue}const g=t.directiveTransforms[n];if(g){const{props:n,needRuntime:r}=g(i,e,t);!o&&n.forEach(y),l.push(...n),r&&(a.push(i),M(r)&&ma.set(i,r))}else a.push(i)}}let b;if(c.length?(l.length&&c.push(wl(ya(l),s)),b=c.length>1?El(t.helper(nl),c,s):c[0]):l.length&&(b=wl(ya(l),s)),m?u|=16:(f&&!i&&(u|=2),d&&!i&&(u|=4),v.length&&(u|=8),h&&(u|=32)),0!==u&&32!==u||!(p||g||a.length>0)||(u|=512),!t.inSSR&&b)switch(b.type){case 15:let e=-1,n=-1,o=!1;for(let t=0;t<b.properties.length;t++){const r=b.properties[t].key;Fl(r)?"class"===r.content?e=t:"style"===r.content&&(n=t):r.isHandlerKey||(o=!0)}const r=b.properties[e],s=b.properties[n];o?b=El(t.helper(sl),[b]):(r&&!Fl(r.value)&&(r.value=El(t.helper(ol),[r.value])),!s||Fl(s.value)||!d&&17!==s.value.type||(s.value=El(t.helper(rl),[s.value])));break;case 14:break;default:b=El(t.helper(sl),[El(t.helper(il),[b])])}return{props:b,directives:a,patchFlag:u,dynamicPropNames:v}}function ya(e){const t=new Map,n=[];for(let o=0;o<e.length;o++){const r=e[o];if(8===r.key.type||!r.key.isStatic){n.push(r);continue}const s=r.key.content,i=t.get(s);i?("style"===s||"class"===s||s.startsWith("on"))&&ba(i,r):(t.set(s,r),n.push(r))}return n}function ba(e,t){17===e.value.type?e.value.elements.push(t.value):e.value=Cl([e.value,t.value],e.loc)}function _a(e){return e[0].toLowerCase()+e.slice(1)==="component"}const Sa=(e,t)=>{if(Jl(e)){const{children:n,loc:o}=e,{slotName:r,slotProps:s}=function(e,t){let n,o='"default"';const r=[];for(let s=0;s<e.props.length;s++){const t=e.props[s];6===t.type?t.value&&("name"===t.name?o=JSON.stringify(t.value.content):(t.name=D(t.name),r.push(t))):"bind"===t.name&&zl(t.arg,"name")?t.exp&&(o=t.exp):("bind"===t.name&&t.arg&&Fl(t.arg)&&(t.arg.content=D(t.arg.content)),r.push(t))}if(r.length>0){const{props:o,directives:s}=va(e,t,r);n=o}return{slotName:o,slotProps:n}}(e,t),i=[t.prefixIdentifiers?"_ctx.$slots":"$slots",r];s&&i.push(s),n.length&&(s||i.push("{}"),i.push($l([],n,!1,!1,o))),t.scopeId&&!t.slotted&&(s||i.push("{}"),n.length||i.push("undefined"),i.push("true")),e.codegenNode=El(t.helper(Yi),i,o)}};const xa=/^\s*([\w$_]+|\([^)]*?\))\s*=>|^\s*function(?:\s+[\w$]+)?\s*\(/,Ca=(e,t,n,o)=>{const{loc:r,modifiers:s,arg:i}=e;let l;if(4===i.type)if(i.isStatic){l=Tl(G(D(i.content)),!0,i.loc)}else l=Nl([`${n.helperString(ul)}(`,i,")"]);else l=i,l.children.unshift(`${n.helperString(ul)}(`),l.children.push(")");let c=e.exp;c&&!c.content.trim()&&(c=void 0);let a=n.cacheHandlers&&!c&&!n.inVOnce;if(c){const e=Ll(c.content),t=!(e||xa.test(c.content)),n=c.content.includes(";");(t||a&&e)&&(c=Nl([`${t?"$event":"(...args)"} => ${n?"{":"("}`,c,n?"}":")"]))}let u={props:[kl(l,c||Tl("() => {}",!1,r))]};return o&&(u=o(u)),a&&(u.props[0].value=n.cache(u.props[0].value)),u.props.forEach((e=>e.key.isHandlerKey=!0)),u},wa=(e,t,n)=>{const{exp:o,modifiers:r,loc:s}=e,i=e.arg;return 4!==i.type?(i.children.unshift("("),i.children.push(') || ""')):i.isStatic||(i.content=`${i.content} || ""`),r.includes("camel")&&(4===i.type?i.content=i.isStatic?D(i.content):`${n.helperString(cl)}(${i.content})`:(i.children.unshift(`${n.helperString(cl)}(`),i.children.push(")"))),n.inSSR||(r.includes("prop")&&ka(i,"."),r.includes("attr")&&ka(i,"^")),!o||4===o.type&&!o.content.trim()?{props:[kl(i,Tl("",!0,s))]}:{props:[kl(i,o)]}},ka=(e,t)=>{4===e.type?e.content=e.isStatic?t+e.content:`\`${t}\${${e.content}}\``:(e.children.unshift(`'${t}' + (`),e.children.push(")"))},Ta=(e,t)=>{if(0===e.type||1===e.type||11===e.type||10===e.type)return()=>{const n=e.children;let o,r=!1;for(let e=0;e<n.length;e++){const t=n[e];if(Kl(t)){r=!0;for(let r=e+1;r<n.length;r++){const s=n[r];if(!Kl(s)){o=void 0;break}o||(o=n[e]={type:8,loc:t.loc,children:[t]}),o.children.push(" + ",s),n.splice(r,1),r--}}}if(r&&(1!==n.length||0!==e.type&&(1!==e.type||0!==e.tagType||e.props.find((e=>7===e.type&&!t.directiveTransforms[e.name])))))for(let e=0;e<n.length;e++){const o=n[e];if(Kl(o)||8===o.type){const r=[];2===o.type&&" "===o.content||r.push(o),t.ssr||0!==Ac(o,t)||r.push("1"),n[e]={type:12,content:o,loc:o.loc,codegenNode:El(t.helper(zi),r)}}}}},Na=new WeakSet,Ea=(e,t)=>{if(1===e.type&&Dl(e,"once",!0)){if(Na.has(e)||t.inVOnce)return;return Na.add(e),t.inVOnce=!0,t.helper(pl),()=>{t.inVOnce=!1;const e=t.currentNode;e.codegenNode&&(e.codegenNode=t.cache(e.codegenNode,!0))}}},$a=(e,t,n)=>{const{exp:o,arg:r}=e;if(!o)return Ra();const s=o.loc.source,i=4===o.type?o.content:s;if(!i.trim()||!Ll(i))return Ra();const l=r||Tl("modelValue",!0),c=r?Fl(r)?`onUpdate:${r.content}`:Nl(['"onUpdate:" + ',r]):"onUpdate:modelValue";let a;a=Nl([`${n.isTS?"($event: any)":"$event"} => (`,o," = $event)"]);const u=[kl(l,e.exp),kl(c,a)];if(e.modifiers.length&&1===t.tagType){const t=e.modifiers.map((e=>(Pl(e)?e:JSON.stringify(e))+": true")).join(", "),n=r?Fl(r)?`${r.content}Modifiers`:Nl([r,' + "Modifiers"']):"modelModifiers";u.push(kl(n,Tl(`{ ${t} }`,!1,e.loc,2)))}return Ra(u)};function Ra(e=[]){return{props:e}}const Fa=new WeakSet,Aa=(e,t)=>{if(1===e.type){const n=Dl(e,"memo");if(!n||Fa.has(e))return;return Fa.add(e),()=>{const o=e.codegenNode||t.currentNode.codegenNode;o&&13===o.type&&(1!==e.tagType&&nc(o,t),e.codegenNode=El(t.helper(yl),[n.exp,$l(void 0,o),"_cache",String(t.cached++)]))}}};function Ma(e,t={}){const n=t.onError||Fi,o="module"===t.mode;!0===t.prefixIdentifiers?n(Mi(45)):o&&n(Mi(46));t.cacheHandlers&&n(Mi(47)),t.scopeId&&!o&&n(Mi(48));const r=A(e)?ic(e,t):e,[s,i]=[[Ea,Qc,Aa,ta,Sa,ga,aa,Ta],{on:Ca,bind:wa,model:$a}];return Lc(r,C({},t,{prefixIdentifiers:false,nodeTransforms:[...s,...t.nodeTransforms||[]],directiveTransforms:C({},i,t.directiveTransforms||{})})),Dc(r,C({},t,{prefixIdentifiers:false}))}const Oa=Symbol(""),Pa=Symbol(""),Ia=Symbol(""),Va=Symbol(""),Ba=Symbol(""),La=Symbol(""),ja=Symbol(""),Ua=Symbol(""),Ha=Symbol(""),Da=Symbol("");var Wa;let za;Wa={[Oa]:"vModelRadio",[Pa]:"vModelCheckbox",[Ia]:"vModelText",[Va]:"vModelSelect",[Ba]:"vModelDynamic",[La]:"withModifiers",[ja]:"withKeys",[Ua]:"vShow",[Ha]:"Transition",[Da]:"TransitionGroup"},Object.getOwnPropertySymbols(Wa).forEach((e=>{_l[e]=Wa[e]}));const Ka=t("style,iframe,script,noscript",!0),Ga={isVoidTag:f,isNativeTag:e=>u(e)||p(e),isPreTag:e=>"pre"===e,decodeEntities:function(e,t=!1){return za||(za=document.createElement("div")),t?(za.innerHTML=`<div foo="${e.replace(/"/g,"&quot;")}">`,za.children[0].getAttribute("foo")):(za.innerHTML=e,za.textContent)},isBuiltInComponent:e=>Al(e,"Transition")?Ha:Al(e,"TransitionGroup")?Da:void 0,getNamespace(e,t){let n=t?t.ns:0;if(t&&2===n)if("annotation-xml"===t.tag){if("svg"===e)return 1;t.props.some((e=>6===e.type&&"encoding"===e.name&&null!=e.value&&("text/html"===e.value.content||"application/xhtml+xml"===e.value.content)))&&(n=0)}else/^m(?:[ions]|text)$/.test(t.tag)&&"mglyph"!==e&&"malignmark"!==e&&(n=0);else t&&1===n&&("foreignObject"!==t.tag&&"desc"!==t.tag&&"title"!==t.tag||(n=0));if(0===n){if("svg"===e)return 1;if("math"===e)return 2}return n},getTextMode({tag:e,ns:t}){if(0===t){if("textarea"===e||"title"===e)return 1;if(Ka(e))return 2}return 0}},qa=(e,t)=>{const n=c(e);return Tl(JSON.stringify(n),!1,t,3)};const Ja=t("passive,once,capture"),Za=t("stop,prevent,self,ctrl,shift,alt,meta,exact,middle"),Qa=t("left,right"),Xa=t("onkeyup,onkeydown,onkeypress",!0),Ya=(e,t)=>Fl(e)&&"onclick"===e.content.toLowerCase()?Tl(t,!0):4!==e.type?Nl(["(",e,`) === "onClick" ? "${t}" : (`,e,")"]):e,eu=(e,t)=>{1!==e.type||0!==e.tagType||"script"!==e.tag&&"style"!==e.tag||t.removeNode()},tu=[e=>{1===e.type&&e.props.forEach(((t,n)=>{6===t.type&&"style"===t.name&&t.value&&(e.props[n]={type:7,name:"bind",arg:Tl("style",!0,t.loc),exp:qa(t.value.content,t.loc),modifiers:[],loc:t.loc})}))}],nu={cloak:()=>({props:[]}),html:(e,t,n)=>{const{exp:o,loc:r}=e;return t.children.length&&(t.children.length=0),{props:[kl(Tl("innerHTML",!0,r),o||Tl("",!0))]}},text:(e,t,n)=>{const{exp:o,loc:r}=e;return t.children.length&&(t.children.length=0),{props:[kl(Tl("textContent",!0),o?El(n.helperString(tl),[o],r):Tl("",!0))]}},model:(e,t,n)=>{const o=$a(e,t,n);if(!o.props.length||1===t.tagType)return o;const{tag:r}=t,s=n.isCustomElement(r);if("input"===r||"textarea"===r||"select"===r||s){let e=Ia,i=!1;if("input"===r||s){const n=Wl(t,"type");if(n){if(7===n.type)e=Ba;else if(n.value)switch(n.value.content){case"radio":e=Oa;break;case"checkbox":e=Pa;break;case"file":i=!0}}else(function(e){return e.props.some((e=>!(7!==e.type||"bind"!==e.name||e.arg&&4===e.arg.type&&e.arg.isStatic)))})(t)&&(e=Ba)}else"select"===r&&(e=Va);i||(o.needRuntime=n.helper(e))}return o.props=o.props.filter((e=>!(4===e.key.type&&"modelValue"===e.key.content))),o},on:(e,t,n)=>Ca(e,0,n,(t=>{const{modifiers:o}=e;if(!o.length)return t;let{key:r,value:s}=t.props[0];const{keyModifiers:i,nonKeyModifiers:l,eventOptionModifiers:c}=((e,t,n,o)=>{const r=[],s=[],i=[];for(let l=0;l<t.length;l++){const n=t[l];Ja(n)?i.push(n):Qa(n)?Fl(e)?Xa(e.content)?r.push(n):s.push(n):(r.push(n),s.push(n)):Za(n)?s.push(n):r.push(n)}return{keyModifiers:r,nonKeyModifiers:s,eventOptionModifiers:i}})(r,o);if(l.includes("right")&&(r=Ya(r,"onContextmenu")),l.includes("middle")&&(r=Ya(r,"onMouseup")),l.length&&(s=El(n.helper(La),[s,JSON.stringify(l)])),!i.length||Fl(r)&&!Xa(r.content)||(s=El(n.helper(ja),[s,JSON.stringify(i)])),c.length){const e=c.map(K).join("");r=Fl(r)?Tl(`${r.content}${e}`,!0):Nl(["(",r,`) + "${e}"`])}return{props:[kl(r,s)]}})),show:(e,t,n)=>({props:[],needRuntime:n.helper(Ua)})};const ou=Object.create(null);function ru(e,t){if(!A(e)){if(!e.nodeType)return y;e=e.innerHTML}const n=e,o=ou[n];if(o)return o;if("#"===e[0]){const t=document.querySelector(e);e=t?t.innerHTML:""}const{code:r}=function(e,t={}){return Ma(e,C({},Ga,t,{nodeTransforms:[eu,...tu,...t.nodeTransforms||[]],directiveTransforms:C({},nu,t.directiveTransforms||{}),transformHoist:null}))}(e,C({hoistStatic:!0,onError:void 0,onWarn:y},t)),s=new Function(r)();return s._rc=!0,ou[n]=s}return br(ru),e.$computed=function(){},e.$fromRefs=function(){return null},e.$raw=function(){return null},e.$ref=function(){},e.$shallowRef=function(e){return e},e.BaseTransition=sn,e.Comment=Mo,e.EffectScope=ee,e.Fragment=Fo,e.KeepAlive=vn,e.ReactiveEffect=fe,e.Static=Oo,e.Suspense=Jt,e.Teleport=To,e.Text=Ao,e.Transition=Vs,e.TransitionGroup=ti,e.VueElement=As,e.callWithAsyncErrorHandling=Fr,e.callWithErrorHandling=Rr,e.camelize=D,e.capitalize=K,e.cloneVNode=Qo,e.compatUtils=null,e.compile=ru,e.computed=Pt,e.createApp=(...e)=>{const t=Ti().createApp(...e),{mount:n}=t;return t.mount=e=>{const o=Ri(e);if(!o)return;const r=t._component;F(r)||r.render||r.template||(r.template=o.innerHTML),o.innerHTML="";const s=n(o,!1,o instanceof SVGElement);return o instanceof Element&&(o.removeAttribute("v-cloak"),o.setAttribute("data-v-app","")),s},t},e.createBlock=Ho,e.createCommentVNode=function(e="",t=!1){return t?(Vo(),Ho(Mo,null,e)):Jo(Mo,null,e)},e.createElementBlock=function(e,t,n,o,r,s){return Uo(qo(e,t,n,o,r,s,!0))},e.createElementVNode=qo,e.createHydrationRenderer=vo,e.createRenderer=go,e.createSSRApp=(...e)=>{const t=Ni().createApp(...e),{mount:n}=t;return t.mount=e=>{const t=Ri(e);if(t)return n(t,!0,t instanceof SVGElement)},t},e.createSlots=function(e,t){for(let n=0;n<t.length;n++){const o=t[n];if(N(o))for(let t=0;t<o.length;t++)e[o[t].name]=o[t].fn;else o&&(e[o.name]=o.fn)}return e},e.createStaticVNode=function(e,t){const n=Jo(Oo,null,e);return n.staticCount=t,n},e.createTextVNode=Xo,e.createVNode=Jo,e.customRef=function(e){return new Ft(e)},e.defineAsyncComponent=function(e){F(e)&&(e={loader:e});const{loader:t,loadingComponent:n,errorComponent:o,delay:r=200,timeout:s,suspensible:i=!0,onError:l}=e;let c,a=null,u=0;const p=()=>{let e;return a||(e=a=t().catch((e=>{if(e=e instanceof Error?e:new Error(String(e)),l)return new Promise(((t,n)=>{l(e,(()=>t((u++,a=null,p()))),(()=>n(e)),u+1)}));throw e})).then((t=>e!==a&&a?a:(t&&(t.__esModule||"Module"===t[Symbol.toStringTag])&&(t=t.default),c=t,t))))};return dn({name:"AsyncComponentWrapper",__asyncLoader:p,get __asyncResolved(){return c},setup(){const e=ur;if(c)return()=>mn(c,e);const t=t=>{a=null,Ar(t,e,13,!o)};if(i&&e.suspense)return p().then((t=>()=>mn(t,e))).catch((e=>(t(e),()=>o?Jo(o,{error:e}):null)));const l=kt(!1),u=kt(),f=kt(!!r);return r&&setTimeout((()=>{f.value=!1}),r),null!=s&&setTimeout((()=>{if(!l.value&&!u.value){const e=new Error(`Async component timed out after ${s}ms.`);t(e),u.value=e}}),s),p().then((()=>{l.value=!0,e.parent&&gn(e.parent.vnode)&&Gr(e.parent.update)})).catch((e=>{t(e),u.value=e})),()=>l.value&&c?mn(c,e):u.value&&o?Jo(o,{error:u.value}):n&&!f.value?Jo(n):void 0}})},e.defineComponent=dn,e.defineCustomElement=Rs,e.defineEmits=function(){return null},e.defineExpose=function(e){},e.defineProps=function(){return null},e.defineSSRCustomElement=e=>Rs(e,$i),e.effect=function(e,t){e.effect&&(e=e.effect.fn);const n=new fe(e);t&&(C(n,t),t.scope&&te(n,t.scope)),t&&t.lazy||n.run();const o=n.run.bind(n);return o.effect=n,o},e.effectScope=function(e){return new ee(e)},e.getCurrentInstance=pr,e.getCurrentScope=function(){return X},e.getTransitionRawChildren=fn,e.guardReactiveProps=Zo,e.h=as,e.handleError=Ar,e.hydrate=$i,e.initCustomFormatter=function(){},e.inject=nn,e.isMemoSame=ps,e.isProxy=yt,e.isReactive=gt,e.isReadonly=vt,e.isRef=wt,e.isRuntimeOnly=()=>!mr,e.isVNode=Do,e.markRaw=_t,e.mergeDefaults=function(e,t){for(const n in t){const o=e[n];o?o.default=t[n]:null===o&&(e[n]={default:t[n]})}return e},e.mergeProps=nr,e.nextTick=Kr,e.normalizeClass=a,e.normalizeProps=function(e){if(!e)return null;let{class:t,style:n}=e;return t&&!A(t)&&(e.class=a(t)),n&&(e.style=s(n)),e},e.normalizeStyle=s,e.onActivated=bn,e.onBeforeMount=Nn,e.onBeforeUnmount=Fn,e.onBeforeUpdate=$n,e.onDeactivated=_n,e.onErrorCaptured=In,e.onMounted=En,e.onRenderTracked=Pn,e.onRenderTriggered=On,e.onScopeDispose=function(e){X&&X.cleanups.push(e)},e.onServerPrefetch=Mn,e.onUnmounted=An,e.onUpdated=Rn,e.openBlock=Vo,e.popScopeId=function(){jt=null},e.provide=tn,e.proxyRefs=Rt,e.pushScopeId=function(e){jt=e},e.queuePostFlushCb=Zr,e.reactive=ft,e.readonly=ht,e.ref=kt,e.registerRuntimeCompiler=br,e.render=Ei,e.renderList=function(e,t,n,o){let r;const s=n&&n[o];if(N(e)||A(e)){r=new Array(e.length);for(let n=0,o=e.length;n<o;n++)r[n]=t(e[n],n,void 0,s&&s[n])}else if("number"==typeof e){r=new Array(e);for(let n=0;n<e;n++)r[n]=t(n+1,n,void 0,s&&s[n])}else if(O(e))if(e[Symbol.iterator])r=Array.from(e,((e,n)=>t(e,n,void 0,s&&s[n])));else{const n=Object.keys(e);r=new Array(n.length);for(let o=0,i=n.length;o<i;o++){const i=n[o];r[o]=t(e[i],i,o,s&&s[o])}}else r=[];return n&&(n[o]=r),r},e.renderSlot=function(e,t,n={},o,r){if(Lt.isCE)return Jo("slot","default"===t?null:{name:t},o&&o());let s=e[t];s&&s._c&&(s._d=!1),Vo();const i=s&&or(s(n)),l=Ho(Fo,{key:n.key||`_${t}`},i||(o?o():[]),i&&1===e._?64:-2);return!r&&l.scopeId&&(l.slotScopeIds=[l.scopeId+"-s"]),s&&s._c&&(s._d=!0),l},e.resolveComponent=function(e,t){return $o(No,e,!0,t)||e},e.resolveDirective=function(e){return $o("directives",e)},e.resolveDynamicComponent=function(e){return A(e)?$o(No,e,!1)||e:e||Eo},e.resolveFilter=null,e.resolveTransitionHooks=cn,e.setBlockTracking=jo,e.setDevtoolsHook=function(t){e.devtools=t},e.setTransitionHooks=pn,e.shallowReactive=dt,e.shallowReadonly=function(e){return mt(e,!0,Ie,it,ut)},e.shallowRef=function(e){return Nt(e,!0)},e.ssrContextKey=us,e.ssrUtils=null,e.stop=function(e){e.effect.stop()},e.toDisplayString=e=>null==e?"":N(e)||O(e)&&(e.toString===I||!F(e.toString))?JSON.stringify(e,m,2):String(e),e.toHandlerKey=G,e.toHandlers=function(e){const t={};for(const n in e)t[G(n)]=e[n];return t},e.toRaw=bt,e.toRef=Mt,e.toRefs=function(e){const t=N(e)?new Array(e.length):{};for(const n in e)t[n]=Mt(e,n);return t},e.transformVNodeArgs=function(e){},e.triggerRef=function(e){xt(e)},e.unref=Et,e.useAttrs=function(){return cs().attrs},e.useCssModule=function(e="$style"){return g},e.useCssVars=function(e){const t=pr();if(!t)return;const n=()=>Ms(t.subTree,e(t.proxy));ts(n),En((()=>{const e=new MutationObserver(n);e.observe(t.subTree.el.parentNode,{childList:!0}),An((()=>e.disconnect()))}))},e.useSSRContext=()=>{},e.useSlots=function(){return cs().slots},e.useTransitionState=on,e.vModelCheckbox=ai,e.vModelDynamic=gi,e.vModelRadio=pi,e.vModelSelect=fi,e.vModelText=ci,e.vShow=Si,e.version=fs,e.warn=Nr,e.watch=os,e.watchEffect=function(e,t){return rs(e,null,t)},e.watchPostEffect=ts,e.watchSyncEffect=function(e,t){return rs(e,null,{flush:"sync"})},e.withAsyncContext=function(e){const t=pr();let n=e();return dr(),P(n)&&(n=n.catch((e=>{throw fr(t),e}))),[n,()=>fr(t)]},e.withCtx=Ht,e.withDefaults=function(e,t){return null},e.withDirectives=function(e,t){if(null===Lt)return e;const n=Lt.proxy,o=e.dirs||(e.dirs=[]);for(let r=0;r<t.length;r++){let[e,s,i,l=g]=t[r];F(e)&&(e={mounted:e,updated:e}),e.deep&&ls(s),o.push({dir:e,instance:n,value:s,oldValue:void 0,arg:i,modifiers:l})}return e},e.withKeys=(e,t)=>n=>{if(!("key"in n))return;const o=z(n.key);return t.some((e=>e===o||_i[e]===o))?e(n):void 0},e.withMemo=function(e,t,n,o){const r=n[o];if(r&&ps(r,e))return r;const s=t();return s.memo=e.slice(),n[o]=s},e.withModifiers=(e,t)=>(n,...o)=>{for(let e=0;e<t.length;e++){const o=bi[t[e]];if(o&&o(n,t))return}return e(n,...o)},e.withScopeId=e=>Ht,Object.defineProperty(e,"__esModule",{value:!0}),e}({});
diff --git a/paquet.xml b/paquet.xml
index 84e5f93..e6c7de4 100644
--- a/paquet.xml
+++ b/paquet.xml
@@ -1,7 +1,7 @@
 <paquet
 	prefix="gamutable"
 	categorie="outil"
-	version="3.1.2"
+	version="3.1.3"
 	etat="dev"
 	compatibilite="[3.2.0-dev;4.0.*]"
 	logo="prive/themes/spip/images/gamutable-xx.svg"