@vue/compat 3.3.3 → 3.3.5

package/dist/vue.runtime.esm-bundler.js

@@ -7,8 +7,8 @@ function makeMap(str, expectsLowerCase) {
   return expectsLowerCase ? (val) => !!map[val.toLowerCase()] : (val) => !!map[val];
 }
 
-const EMPTY_OBJ = process.env.NODE_ENV !== "production" ? Object.freeze({}) : {};
-const EMPTY_ARR = process.env.NODE_ENV !== "production" ? Object.freeze([]) : [];
+const EMPTY_OBJ = !!(process.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
+const EMPTY_ARR = !!(process.env.NODE_ENV !== "production") ? Object.freeze([]) : [];
 const NOOP = () => {
 };
 const NO = () => false;
@@ -34,7 +34,7 @@ const isString = (val) => typeof val === "string";
 const isSymbol = (val) => typeof val === "symbol";
 const isObject = (val) => val !== null && typeof val === "object";
 const isPromise = (val) => {
-  return isObject(val) && isFunction(val.then) && isFunction(val.catch);
+  return (isObject(val) || isFunction(val)) && isFunction(val.then) && isFunction(val.catch);
 };
 const objectToString = Object.prototype.toString;
 const toTypeString = (value) => objectToString.call(value);
@@ -65,12 +65,13 @@ const hyphenateRE = /\B([A-Z])/g;
 const hyphenate = cacheStringFunction(
   (str) => str.replace(hyphenateRE, "-$1").toLowerCase()
 );
-const capitalize = cacheStringFunction(
-  (str) => str.charAt(0).toUpperCase() + str.slice(1)
-);
-const toHandlerKey = cacheStringFunction(
-  (str) => str ? `on${capitalize(str)}` : ``
-);
+const capitalize = cacheStringFunction((str) => {
+  return str.charAt(0).toUpperCase() + str.slice(1);
+});
+const toHandlerKey = cacheStringFunction((str) => {
+  const s = str ? `on${capitalize(str)}` : ``;
+  return s;
+});
 const hasChanged = (value, oldValue) => !Object.is(value, oldValue);
 const invokeArrayFns = (fns, arg) => {
   for (let i = 0; i < fns.length; i++) {
@@ -97,8 +98,8 @@ const getGlobalThis = () => {
   return _globalThis || (_globalThis = typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : {});
 };
 
-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,BigInt,console";
-const isGloballyWhitelisted = /* @__PURE__ */ makeMap(GLOBALS_WHITE_LISTED);
+const GLOBALS_ALLOWED = "Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt,console";
+const isGloballyAllowed = /* @__PURE__ */ makeMap(GLOBALS_ALLOWED);
 
 function normalizeStyle(value) {
   if (isArray(value)) {
@@ -113,9 +114,7 @@ function normalizeStyle(value) {
       }
     }
     return res;
-  } else if (isString(value)) {
-    return value;
-  } else if (isObject(value)) {
+  } else if (isString(value) || isObject(value)) {
     return value;
   }
 }
@@ -290,7 +289,7 @@ class EffectScope {
       } finally {
         activeEffectScope = currentEffectScope;
       }
-    } else if (process.env.NODE_ENV !== "production") {
+    } else if (!!(process.env.NODE_ENV !== "production")) {
       warn$1(`cannot run an inactive effect scope.`);
     }
   }
@@ -348,7 +347,7 @@ function getCurrentScope() {
 function onScopeDispose(fn) {
   if (activeEffectScope) {
     activeEffectScope.cleanups.push(fn);
-  } else if (process.env.NODE_ENV !== "production") {
+  } else if (!!(process.env.NODE_ENV !== "production")) {
     warn$1(
       `onScopeDispose() is called when there is no active effect scope to be associated with.`
     );
@@ -393,8 +392,8 @@ let effectTrackDepth = 0;
 let trackOpBit = 1;
 const maxMarkerBits = 30;
 let activeEffect;
-const ITERATE_KEY = Symbol(process.env.NODE_ENV !== "production" ? "iterate" : "");
-const MAP_KEY_ITERATE_KEY = Symbol(process.env.NODE_ENV !== "production" ? "Map key iterate" : "");
+const ITERATE_KEY = Symbol(!!(process.env.NODE_ENV !== "production") ? "iterate" : "");
+const MAP_KEY_ITERATE_KEY = Symbol(!!(process.env.NODE_ENV !== "production") ? "Map key iterate" : "");
 class ReactiveEffect {
   constructor(fn, scheduler = null, scope) {
     this.fn = fn;
@@ -462,7 +461,7 @@ function cleanupEffect(effect2) {
   }
 }
 function effect(fn, options) {
-  if (fn.effect) {
+  if (fn.effect instanceof ReactiveEffect) {
     fn = fn.effect.fn;
   }
   const _effect = new ReactiveEffect(fn);
@@ -501,7 +500,7 @@ function track(target, type, key) {
     if (!dep) {
       depsMap.set(key, dep = createDep());
     }
-    const eventInfo = process.env.NODE_ENV !== "production" ? { effect: activeEffect, target, type, key } : void 0;
+    const eventInfo = !!(process.env.NODE_ENV !== "production") ? { effect: activeEffect, target, type, key } : void 0;
     trackEffects(dep, eventInfo);
   }
 }
@@ -518,7 +517,7 @@ function trackEffects(dep, debuggerEventExtraInfo) {
   if (shouldTrack2) {
     dep.add(activeEffect);
     activeEffect.deps.push(dep);
-    if (process.env.NODE_ENV !== "production" && activeEffect.onTrack) {
+    if (!!(process.env.NODE_ENV !== "production") && activeEffect.onTrack) {
       activeEffect.onTrack(
         extend(
           {
@@ -575,10 +574,10 @@ function trigger(target, type, key, newValue, oldValue, oldTarget) {
         break;
     }
   }
-  const eventInfo = process.env.NODE_ENV !== "production" ? { target, type, key, newValue, oldValue, oldTarget } : void 0;
+  const eventInfo = !!(process.env.NODE_ENV !== "production") ? { target, type, key, newValue, oldValue, oldTarget } : void 0;
   if (deps.length === 1) {
     if (deps[0]) {
-      if (process.env.NODE_ENV !== "production") {
+      if (!!(process.env.NODE_ENV !== "production")) {
         triggerEffects(deps[0], eventInfo);
       } else {
         triggerEffects(deps[0]);
@@ -591,7 +590,7 @@ function trigger(target, type, key, newValue, oldValue, oldTarget) {
         effects.push(...dep);
       }
     }
-    if (process.env.NODE_ENV !== "production") {
+    if (!!(process.env.NODE_ENV !== "production")) {
       triggerEffects(createDep(effects), eventInfo);
     } else {
       triggerEffects(createDep(effects));
@@ -613,7 +612,7 @@ function triggerEffects(dep, debuggerEventExtraInfo) {
 }
 function triggerEffect(effect2, debuggerEventExtraInfo) {
   if (effect2 !== activeEffect || effect2.allowRecurse) {
-    if (process.env.NODE_ENV !== "production" && effect2.onTrigger) {
+    if (!!(process.env.NODE_ENV !== "production") && effect2.onTrigger) {
       effect2.onTrigger(extend({ effect: effect2 }, debuggerEventExtraInfo));
     }
     if (effect2.scheduler) {
@@ -632,10 +631,6 @@ const isNonTrackableKeys = /* @__PURE__ */ makeMap(`__proto__,__v_isRef,__isVue`
 const builtInSymbols = new Set(
   /* @__PURE__ */ Object.getOwnPropertyNames(Symbol).filter((key) => key !== "arguments" && key !== "caller").map((key) => Symbol[key]).filter(isSymbol)
 );
-const get$1 = /* @__PURE__ */ createGetter();
-const shallowGet = /* @__PURE__ */ createGetter(false, true);
-const readonlyGet = /* @__PURE__ */ createGetter(true);
-const shallowReadonlyGet = /* @__PURE__ */ createGetter(true, true);
 const arrayInstrumentations = /* @__PURE__ */ createArrayInstrumentations();
 function createArrayInstrumentations() {
   const instrumentations = {};
@@ -668,8 +663,13 @@ function hasOwnProperty(key) {
   track(obj, "has", key);
   return obj.hasOwnProperty(key);
 }
-function createGetter(isReadonly2 = false, shallow = false) {
-  return function get2(target, key, receiver) {
+class BaseReactiveHandler {
+  constructor(_isReadonly = false, _shallow = false) {
+    this._isReadonly = _isReadonly;
+    this._shallow = _shallow;
+  }
+  get(target, key, receiver) {
+    const isReadonly2 = this._isReadonly, shallow = this._shallow;
     if (key === "__v_isReactive") {
       return !isReadonly2;
     } else if (key === "__v_isReadonly") {
@@ -705,17 +705,18 @@ function createGetter(isReadonly2 = false, shallow = false) {
       return isReadonly2 ? readonly(res) : reactive(res);
     }
     return res;
-  };
+  }
 }
-const set$1 = /* @__PURE__ */ createSetter();
-const shallowSet = /* @__PURE__ */ createSetter(true);
-function createSetter(shallow = false) {
-  return function set2(target, key, value, receiver) {
+class MutableReactiveHandler extends BaseReactiveHandler {
+  constructor(shallow = false) {
+    super(false, shallow);
+  }
+  set(target, key, value, receiver) {
     let oldValue = target[key];
     if (isReadonly(oldValue) && isRef(oldValue) && !isRef(value)) {
       return false;
     }
-    if (!shallow) {
+    if (!this._shallow) {
       if (!isShallow(value) && !isReadonly(value)) {
         oldValue = toRaw(oldValue);
         value = toRaw(value);
@@ -735,48 +736,47 @@ function createSetter(shallow = false) {
       }
     }
     return result;
-  };
-}
-function deleteProperty(target, key) {
-  const hadKey = hasOwn(target, key);
-  const oldValue = target[key];
-  const result = Reflect.deleteProperty(target, key);
-  if (result && hadKey) {
-    trigger(target, "delete", key, void 0, oldValue);
   }
-  return result;
-}
-function has$1(target, key) {
-  const result = Reflect.has(target, key);
-  if (!isSymbol(key) || !builtInSymbols.has(key)) {
-    track(target, "has", key);
+  deleteProperty(target, key) {
+    const hadKey = hasOwn(target, key);
+    const oldValue = target[key];
+    const result = Reflect.deleteProperty(target, key);
+    if (result && hadKey) {
+      trigger(target, "delete", key, void 0, oldValue);
+    }
+    return result;
+  }
+  has(target, key) {
+    const result = Reflect.has(target, key);
+    if (!isSymbol(key) || !builtInSymbols.has(key)) {
+      track(target, "has", key);
+    }
+    return result;
+  }
+  ownKeys(target) {
+    track(
+      target,
+      "iterate",
+      isArray(target) ? "length" : ITERATE_KEY
+    );
+    return Reflect.ownKeys(target);
   }
-  return result;
-}
-function ownKeys(target) {
-  track(target, "iterate", isArray(target) ? "length" : ITERATE_KEY);
-  return Reflect.ownKeys(target);
 }
-const mutableHandlers = {
-  get: get$1,
-  set: set$1,
-  deleteProperty,
-  has: has$1,
-  ownKeys
-};
-const readonlyHandlers = {
-  get: readonlyGet,
+class ReadonlyReactiveHandler extends BaseReactiveHandler {
+  constructor(shallow = false) {
+    super(true, shallow);
+  }
   set(target, key) {
-    if (process.env.NODE_ENV !== "production") {
+    if (!!(process.env.NODE_ENV !== "production")) {
       warn$1(
         `Set operation on key "${String(key)}" failed: target is readonly.`,
         target
       );
     }
     return true;
-  },
+  }
   deleteProperty(target, key) {
-    if (process.env.NODE_ENV !== "production") {
+    if (!!(process.env.NODE_ENV !== "production")) {
       warn$1(
         `Delete operation on key "${String(key)}" failed: target is readonly.`,
         target
@@ -784,22 +784,13 @@ const readonlyHandlers = {
     }
     return true;
   }
-};
-const shallowReactiveHandlers = /* @__PURE__ */ extend(
-  {},
-  mutableHandlers,
-  {
-    get: shallowGet,
-    set: shallowSet
-  }
-);
-const shallowReadonlyHandlers = /* @__PURE__ */ extend(
-  {},
-  readonlyHandlers,
-  {
-    get: shallowReadonlyGet
-  }
+}
+const mutableHandlers = /* @__PURE__ */ new MutableReactiveHandler();
+const readonlyHandlers = /* @__PURE__ */ new ReadonlyReactiveHandler();
+const shallowReactiveHandlers = /* @__PURE__ */ new MutableReactiveHandler(
+  true
 );
+const shallowReadonlyHandlers = /* @__PURE__ */ new ReadonlyReactiveHandler(true);
 
 const toShallow = (value) => value;
 const getProto = (v) => Reflect.getPrototypeOf(v);
@@ -808,7 +799,7 @@ function get(target, key, isReadonly = false, isShallow = false) {
   const rawTarget = toRaw(target);
   const rawKey = toRaw(key);
   if (!isReadonly) {
-    if (key !== rawKey) {
+    if (hasChanged(key, rawKey)) {
       track(rawTarget, "get", key);
     }
     track(rawTarget, "get", rawKey);
@@ -828,7 +819,7 @@ function has(key, isReadonly = false) {
   const rawTarget = toRaw(target);
   const rawKey = toRaw(key);
   if (!isReadonly) {
-    if (key !== rawKey) {
+    if (hasChanged(key, rawKey)) {
       track(rawTarget, "has", key);
     }
     track(rawTarget, "has", rawKey);
@@ -859,7 +850,7 @@ function set(key, value) {
   if (!hadKey) {
     key = toRaw(key);
     hadKey = has2.call(target, key);
-  } else if (process.env.NODE_ENV !== "production") {
+  } else if (!!(process.env.NODE_ENV !== "production")) {
     checkIdentityKeys(target, has2, key);
   }
   const oldValue = get2.call(target, key);
@@ -878,7 +869,7 @@ function deleteEntry(key) {
   if (!hadKey) {
     key = toRaw(key);
     hadKey = has2.call(target, key);
-  } else if (process.env.NODE_ENV !== "production") {
+  } else if (!!(process.env.NODE_ENV !== "production")) {
     checkIdentityKeys(target, has2, key);
   }
   const oldValue = get2 ? get2.call(target, key) : void 0;
@@ -891,7 +882,7 @@ function deleteEntry(key) {
 function clear() {
   const target = toRaw(this);
   const hadItems = target.size !== 0;
-  const oldTarget = process.env.NODE_ENV !== "production" ? isMap(target) ? new Map(target) : new Set(target) : void 0;
+  const oldTarget = !!(process.env.NODE_ENV !== "production") ? isMap(target) ? new Map(target) : new Set(target) : void 0;
   const result = target.clear();
   if (hadItems) {
     trigger(target, "clear", void 0, void 0, oldTarget);
@@ -942,7 +933,7 @@ function createIterableMethod(method, isReadonly, isShallow) {
 }
 function createReadonlyMethod(type) {
   return function(...args) {
-    if (process.env.NODE_ENV !== "production") {
+    if (!!(process.env.NODE_ENV !== "production")) {
       const key = args[0] ? `on key "${args[0]}" ` : ``;
       console.warn(
         `${capitalize(type)} operation ${key}failed: target is readonly.`,
@@ -1150,7 +1141,7 @@ function shallowReadonly(target) {
 }
 function createReactiveObject(target, isReadonly2, baseHandlers, collectionHandlers, proxyMap) {
   if (!isObject(target)) {
-    if (process.env.NODE_ENV !== "production") {
+    if (!!(process.env.NODE_ENV !== "production")) {
       console.warn(`value cannot be made reactive: ${String(target)}`);
     }
     return target;
@@ -1202,7 +1193,7 @@ const toReadonly = (value) => isObject(value) ? readonly(value) : value;
 function trackRefValue(ref2) {
   if (shouldTrack && activeEffect) {
     ref2 = toRaw(ref2);
-    if (process.env.NODE_ENV !== "production") {
+    if (!!(process.env.NODE_ENV !== "production")) {
       trackEffects(ref2.dep || (ref2.dep = createDep()), {
         target: ref2,
         type: "get",
@@ -1217,7 +1208,7 @@ function triggerRefValue(ref2, newVal) {
   ref2 = toRaw(ref2);
   const dep = ref2.dep;
   if (dep) {
-    if (process.env.NODE_ENV !== "production") {
+    if (!!(process.env.NODE_ENV !== "production")) {
       triggerEffects(dep, {
         target: ref2,
         type: "set",
@@ -1267,7 +1258,7 @@ class RefImpl {
   }
 }
 function triggerRef(ref2) {
-  triggerRefValue(ref2, process.env.NODE_ENV !== "production" ? ref2.value : void 0);
+  triggerRefValue(ref2, !!(process.env.NODE_ENV !== "production") ? ref2.value : void 0);
 }
 function unref(ref2) {
   return isRef(ref2) ? ref2.value : ref2;
@@ -1312,7 +1303,7 @@ function customRef(factory) {
   return new CustomRefImpl(factory);
 }
 function toRefs(object) {
-  if (process.env.NODE_ENV !== "production" && !isProxy(object)) {
+  if (!!(process.env.NODE_ENV !== "production") && !isProxy(object)) {
     console.warn(`toRefs() expects a reactive object but received a plain one.`);
   }
   const ret = isArray(object) ? new Array(object.length) : {};
@@ -1362,11 +1353,7 @@ function toRef(source, key, defaultValue) {
 }
 function propertyToRef(source, key, defaultValue) {
   const val = source[key];
-  return isRef(val) ? val : new ObjectRefImpl(
-    source,
-    key,
-    defaultValue
-  );
+  return isRef(val) ? val : new ObjectRefImpl(source, key, defaultValue);
 }
 
 class ComputedRefImpl {
@@ -1405,7 +1392,7 @@ function computed$1(getterOrOptions, debugOptions, isSSR = false) {
   const onlyGetter = isFunction(getterOrOptions);
   if (onlyGetter) {
     getter = getterOrOptions;
-    setter = process.env.NODE_ENV !== "production" ? () => {
+    setter = !!(process.env.NODE_ENV !== "production") ? () => {
       console.warn("Write operation failed: computed value is readonly");
     } : NOOP;
   } else {
@@ -1413,7 +1400,7 @@ function computed$1(getterOrOptions, debugOptions, isSSR = false) {
     setter = getterOrOptions.set;
   }
   const cRef = new ComputedRefImpl(getter, setter, onlyGetter || !setter, isSSR);
-  if (process.env.NODE_ENV !== "production" && debugOptions && !isSSR) {
+  if (!!(process.env.NODE_ENV !== "production") && debugOptions && !isSSR) {
     cRef.effect.onTrack = debugOptions.onTrack;
     cRef.effect.onTrigger = debugOptions.onTrigger;
   }
@@ -1428,7 +1415,7 @@ function popWarningContext() {
   stack.pop();
 }
 function warn(msg, ...args) {
-  if (!(process.env.NODE_ENV !== "production"))
+  if (!!!(process.env.NODE_ENV !== "production"))
     return;
   pauseTracking();
   const instance = stack.length ? stack[stack.length - 1].component : null;
@@ -1527,7 +1514,7 @@ function formatProp(key, value, raw) {
   }
 }
 function assertNumber(val, type) {
-  if (!(process.env.NODE_ENV !== "production"))
+  if (!!!(process.env.NODE_ENV !== "production"))
     return;
   if (val === void 0) {
     return;
@@ -1599,7 +1586,7 @@ function handleError(err, instance, type, throwInDev = true) {
   if (instance) {
     let cur = instance.parent;
     const exposedInstance = instance.proxy;
-    const errorInfo = process.env.NODE_ENV !== "production" ? ErrorTypeStrings[type] : type;
+    const errorInfo = !!(process.env.NODE_ENV !== "production") ? ErrorTypeStrings[type] : type;
     while (cur) {
       const errorCapturedHooks = cur.ec;
       if (errorCapturedHooks) {
@@ -1625,7 +1612,7 @@ function handleError(err, instance, type, throwInDev = true) {
   logError(err, type, contextVNode, throwInDev);
 }
 function logError(err, type, contextVNode, throwInDev = true) {
-  if (process.env.NODE_ENV !== "production") {
+  if (!!(process.env.NODE_ENV !== "production")) {
     const info = ErrorTypeStrings[type];
     if (contextVNode) {
       pushWarningContext(contextVNode);
@@ -1707,13 +1694,13 @@ function queuePostFlushCb(cb) {
   queueFlush();
 }
 function flushPreFlushCbs(seen, i = isFlushing ? flushIndex + 1 : 0) {
-  if (process.env.NODE_ENV !== "production") {
+  if (!!(process.env.NODE_ENV !== "production")) {
     seen = seen || /* @__PURE__ */ new Map();
   }
   for (; i < queue.length; i++) {
     const cb = queue[i];
     if (cb && cb.pre) {
-      if (process.env.NODE_ENV !== "production" && checkRecursiveUpdates(seen, cb)) {
+      if (!!(process.env.NODE_ENV !== "production") && checkRecursiveUpdates(seen, cb)) {
         continue;
       }
       queue.splice(i, 1);
@@ -1731,12 +1718,12 @@ function flushPostFlushCbs(seen) {
       return;
     }
     activePostFlushCbs = deduped;
-    if (process.env.NODE_ENV !== "production") {
+    if (!!(process.env.NODE_ENV !== "production")) {
       seen = seen || /* @__PURE__ */ new Map();
     }
     activePostFlushCbs.sort((a, b) => getId(a) - getId(b));
     for (postFlushIndex = 0; postFlushIndex < activePostFlushCbs.length; postFlushIndex++) {
-      if (process.env.NODE_ENV !== "production" && checkRecursiveUpdates(seen, activePostFlushCbs[postFlushIndex])) {
+      if (!!(process.env.NODE_ENV !== "production") && checkRecursiveUpdates(seen, activePostFlushCbs[postFlushIndex])) {
         continue;
       }
       activePostFlushCbs[postFlushIndex]();
@@ -1759,16 +1746,16 @@ const comparator = (a, b) => {
 function flushJobs(seen) {
   isFlushPending = false;
   isFlushing = true;
-  if (process.env.NODE_ENV !== "production") {
+  if (!!(process.env.NODE_ENV !== "production")) {
     seen = seen || /* @__PURE__ */ new Map();
   }
   queue.sort(comparator);
-  const check = process.env.NODE_ENV !== "production" ? (job) => checkRecursiveUpdates(seen, job) : NOOP;
+  const check = !!(process.env.NODE_ENV !== "production") ? (job) => checkRecursiveUpdates(seen, job) : NOOP;
   try {
     for (flushIndex = 0; flushIndex < queue.length; flushIndex++) {
       const job = queue[flushIndex];
       if (job && job.active !== false) {
-        if (process.env.NODE_ENV !== "production" && check(job)) {
+        if (!!(process.env.NODE_ENV !== "production") && check(job)) {
           continue;
         }
         callWithErrorHandling(job, null, 14);
@@ -1805,7 +1792,7 @@ function checkRecursiveUpdates(seen, fn) {
 
 let isHmrUpdating = false;
 const hmrDirtyComponents = /* @__PURE__ */ new Set();
-if (process.env.NODE_ENV !== "production") {
+if (!!(process.env.NODE_ENV !== "production")) {
   getGlobalThis().__VUE_HMR_RUNTIME__ = {
     createRecord: tryWrap(createRecord),
     rerender: tryWrap(rerender),
@@ -2218,7 +2205,7 @@ const deprecationData = {
 const instanceWarned = /* @__PURE__ */ Object.create(null);
 const warnCount = /* @__PURE__ */ Object.create(null);
 function warnDeprecation(key, instance, ...args) {
-  if (!(process.env.NODE_ENV !== "production")) {
+  if (!!!(process.env.NODE_ENV !== "production")) {
     return;
   }
   instance = instance || getCurrentInstance();
@@ -2256,7 +2243,7 @@ const globalCompatConfig = {
   MODE: 2
 };
 function configureCompat$1(config) {
-  if (process.env.NODE_ENV !== "production") {
+  if (!!(process.env.NODE_ENV !== "production")) {
     validateCompatConfig(config);
   }
   extend(globalCompatConfig, config);
@@ -2312,19 +2299,19 @@ function isCompatEnabled(key, instance, enableForBuiltIn = false) {
 function assertCompatEnabled(key, instance, ...args) {
   if (!isCompatEnabled(key, instance)) {
     throw new Error(`${key} compat has been disabled.`);
-  } else if (process.env.NODE_ENV !== "production") {
+  } else if (!!(process.env.NODE_ENV !== "production")) {
     warnDeprecation(key, instance, ...args);
   }
 }
 function softAssertCompatEnabled(key, instance, ...args) {
-  if (process.env.NODE_ENV !== "production") {
+  if (!!(process.env.NODE_ENV !== "production")) {
     warnDeprecation(key, instance, ...args);
   }
   return isCompatEnabled(key, instance);
 }
 function checkCompatEnabled(key, instance, ...args) {
   const enabled = isCompatEnabled(key, instance);
-  if (process.env.NODE_ENV !== "production" && enabled) {
+  if (!!(process.env.NODE_ENV !== "production") && enabled) {
     warnDeprecation(key, instance, ...args);
   }
   return enabled;
@@ -2416,7 +2403,7 @@ function convertLegacyVModelProps(vnode) {
     )) {
       return;
     }
-    if (process.env.NODE_ENV !== "production" && !warnedTypes.has(comp)) {
+    if (!!(process.env.NODE_ENV !== "production") && !warnedTypes.has(comp)) {
       pushWarningContext(vnode);
       warnDeprecation("COMPONENT_V_MODEL", { type }, comp);
       popWarningContext();
@@ -2466,7 +2453,7 @@ function emit(instance, event, ...rawArgs) {
   if (instance.isUnmounted)
     return;
   const props = instance.vnode.props || EMPTY_OBJ;
-  if (process.env.NODE_ENV !== "production") {
+  if (!!(process.env.NODE_ENV !== "production")) {
     const {
       emitsOptions,
       propsOptions: [propsOptions]
@@ -2504,10 +2491,10 @@ function emit(instance, event, ...rawArgs) {
       args = rawArgs.map(looseToNumber);
     }
   }
-  if (process.env.NODE_ENV !== "production" || __VUE_PROD_DEVTOOLS__) {
+  if (!!(process.env.NODE_ENV !== "production") || __VUE_PROD_DEVTOOLS__) {
     devtoolsComponentEmit(instance, event, args);
   }
-  if (process.env.NODE_ENV !== "production") {
+  if (!!(process.env.NODE_ENV !== "production")) {
     const lowerCaseEvent = event.toLowerCase();
     if (lowerCaseEvent !== event && props[toHandlerKey(lowerCaseEvent)]) {
       warn(
@@ -2644,7 +2631,7 @@ function withCtx(fn, ctx = currentRenderingInstance, isNonScopedSlot) {
         setBlockTracking(1);
       }
     }
-    if (process.env.NODE_ENV !== "production" || __VUE_PROD_DEVTOOLS__) {
+    if (!!(process.env.NODE_ENV !== "production") || __VUE_PROD_DEVTOOLS__) {
       devtoolsComponentUpdated(ctx);
     }
     return res;
@@ -2683,7 +2670,7 @@ function renderComponentRoot(instance) {
   let result;
   let fallthroughAttrs;
   const prev = setCurrentRenderingInstance(instance);
-  if (process.env.NODE_ENV !== "production") {
+  if (!!(process.env.NODE_ENV !== "production")) {
     accessedAttrs = false;
   }
   try {
@@ -2703,13 +2690,13 @@ function renderComponentRoot(instance) {
       fallthroughAttrs = attrs;
     } else {
       const render2 = Component;
-      if (process.env.NODE_ENV !== "production" && attrs === props) {
+      if (!!(process.env.NODE_ENV !== "production") && attrs === props) {
         markAttrsAccessed();
       }
       result = normalizeVNode(
         render2.length > 1 ? render2(
           props,
-          process.env.NODE_ENV !== "production" ? {
+          !!(process.env.NODE_ENV !== "production") ? {
             get attrs() {
               markAttrsAccessed();
               return attrs;
@@ -2732,7 +2719,7 @@ function renderComponentRoot(instance) {
   }
   let root = result;
   let setRoot = void 0;
-  if (process.env.NODE_ENV !== "production" && result.patchFlag > 0 && result.patchFlag & 2048) {
+  if (!!(process.env.NODE_ENV !== "production") && result.patchFlag > 0 && result.patchFlag & 2048) {
     [root, setRoot] = getChildRoot(result);
   }
   if (fallthroughAttrs && inheritAttrs !== false) {
@@ -2747,7 +2734,7 @@ function renderComponentRoot(instance) {
           );
         }
         root = cloneVNode(root, fallthroughAttrs);
-      } else if (process.env.NODE_ENV !== "production" && !accessedAttrs && root.type !== Comment) {
+      } else if (!!(process.env.NODE_ENV !== "production") && !accessedAttrs && root.type !== Comment) {
         const allAttrs = Object.keys(attrs);
         const eventAttrs = [];
         const extraAttrs = [];
@@ -2777,7 +2764,7 @@ function renderComponentRoot(instance) {
   if (isCompatEnabled("INSTANCE_ATTRS_CLASS_STYLE", instance) && vnode.shapeFlag & 4 && root.shapeFlag & (1 | 6)) {
     const { class: cls, style } = vnode.props || {};
     if (cls || style) {
-      if (process.env.NODE_ENV !== "production" && inheritAttrs === false) {
+      if (!!(process.env.NODE_ENV !== "production") && inheritAttrs === false) {
         warnDeprecation(
           "INSTANCE_ATTRS_CLASS_STYLE",
           instance,
@@ -2791,7 +2778,7 @@ function renderComponentRoot(instance) {
     }
   }
   if (vnode.dirs) {
-    if (process.env.NODE_ENV !== "production" && !isElementRoot(root)) {
+    if (!!(process.env.NODE_ENV !== "production") && !isElementRoot(root)) {
       warn(
         `Runtime directive used on component with non-element root node. The directives will not function as intended.`
       );
@@ -2800,14 +2787,14 @@ function renderComponentRoot(instance) {
     root.dirs = root.dirs ? root.dirs.concat(vnode.dirs) : vnode.dirs;
   }
   if (vnode.transition) {
-    if (process.env.NODE_ENV !== "production" && !isElementRoot(root)) {
+    if (!!(process.env.NODE_ENV !== "production") && !isElementRoot(root)) {
       warn(
         `Component inside <Transition> renders non-element root node that cannot be animated.`
       );
     }
     root.transition = vnode.transition;
   }
-  if (process.env.NODE_ENV !== "production" && setRoot) {
+  if (!!(process.env.NODE_ENV !== "production") && setRoot) {
     setRoot(root);
   } else {
     result = root;
@@ -2879,7 +2866,7 @@ function shouldUpdateComponent(prevVNode, nextVNode, optimized) {
   const { props: prevProps, children: prevChildren, component } = prevVNode;
   const { props: nextProps, children: nextChildren, patchFlag } = nextVNode;
   const emits = component.emitsOptions;
-  if (process.env.NODE_ENV !== "production" && (prevChildren || nextChildren) && isHmrUpdating) {
+  if (!!(process.env.NODE_ENV !== "production") && (prevChildren || nextChildren) && isHmrUpdating) {
     return true;
   }
   if (nextVNode.dirs || nextVNode.transition) {
@@ -3191,7 +3178,7 @@ function patchSuspense(n1, n2, container, anchor, parentComponent, isSVG, slotSc
 }
 let hasWarned = false;
 function createSuspenseBoundary(vnode, parentSuspense, parentComponent, container, hiddenContainer, anchor, isSVG, slotScopeIds, optimized, rendererInternals, isHydrating = false) {
-  if (process.env.NODE_ENV !== "production" && true && !hasWarned) {
+  if (!!(process.env.NODE_ENV !== "production") && true && !hasWarned) {
     hasWarned = true;
     console[console.info ? "info" : "log"](
       `<Suspense> is an experimental feature and its API will likely change.`
@@ -3213,7 +3200,7 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
     }
   }
   const timeout = vnode.props ? toNumber(vnode.props.timeout) : void 0;
-  if (process.env.NODE_ENV !== "production") {
+  if (!!(process.env.NODE_ENV !== "production")) {
     assertNumber(timeout, `Suspense timeout`);
   }
   const suspense = {
@@ -3234,7 +3221,7 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
     isUnmounted: false,
     effects: [],
     resolve(resume = false, sync = false) {
-      if (process.env.NODE_ENV !== "production") {
+      if (!!(process.env.NODE_ENV !== "production")) {
         if (!resume && !suspense.pendingBranch) {
           throw new Error(
             `suspense.resolve() is called without a pending branch.`
@@ -3365,7 +3352,7 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
         }
         instance.asyncResolved = true;
         const { vnode: vnode2 } = instance;
-        if (process.env.NODE_ENV !== "production") {
+        if (!!(process.env.NODE_ENV !== "production")) {
           pushWarningContext(vnode2);
         }
         handleSetupResult(instance, asyncSetupResult, false);
@@ -3391,7 +3378,7 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
           remove(placeholder);
         }
         updateHOCHostEl(instance, vnode2.el);
-        if (process.env.NODE_ENV !== "production") {
+        if (!!(process.env.NODE_ENV !== "production")) {
           popWarningContext();
         }
         if (isInPendingSuspense && --suspense.deps === 0) {
@@ -3474,7 +3461,7 @@ function normalizeSuspenseSlot(s) {
   }
   if (isArray(s)) {
     const singleChild = filterSingleRoot(s);
-    if (process.env.NODE_ENV !== "production" && !singleChild) {
+    if (!!(process.env.NODE_ENV !== "production") && !singleChild) {
       warn(`<Suspense> slots expect a single root node.`);
     }
     s = singleChild;
@@ -3555,19 +3542,19 @@ function watchPostEffect(effect, options) {
   return doWatch(
     effect,
     null,
-    process.env.NODE_ENV !== "production" ? extend({}, options, { flush: "post" }) : { flush: "post" }
+    !!(process.env.NODE_ENV !== "production") ? extend({}, options, { flush: "post" }) : { flush: "post" }
   );
 }
 function watchSyncEffect(effect, options) {
   return doWatch(
     effect,
     null,
-    process.env.NODE_ENV !== "production" ? extend({}, options, { flush: "sync" }) : { flush: "sync" }
+    !!(process.env.NODE_ENV !== "production") ? extend({}, options, { flush: "sync" }) : { flush: "sync" }
   );
 }
 const INITIAL_WATCHER_VALUE = {};
 function watch(source, cb, options) {
-  if (process.env.NODE_ENV !== "production" && !isFunction(cb)) {
+  if (!!(process.env.NODE_ENV !== "production") && !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.`
     );
@@ -3576,7 +3563,7 @@ function watch(source, cb, options) {
 }
 function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EMPTY_OBJ) {
   var _a;
-  if (process.env.NODE_ENV !== "production" && !cb) {
+  if (!!(process.env.NODE_ENV !== "production") && !cb) {
     if (immediate !== void 0) {
       warn(
         `watch() "immediate" option is only respected when using the watch(source, callback, options?) signature.`
@@ -3616,7 +3603,7 @@ function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EM
       } else if (isFunction(s)) {
         return callWithErrorHandling(s, instance, 2);
       } else {
-        process.env.NODE_ENV !== "production" && warnInvalidSource(s);
+        !!(process.env.NODE_ENV !== "production") && warnInvalidSource(s);
       }
     });
   } else if (isFunction(source)) {
@@ -3639,7 +3626,8 @@ function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EM
       };
     }
   } else {
-    getter = NOOP(process.env.NODE_ENV !== "production") && warnInvalidSource(source);
+    getter = NOOP;
+    !!(process.env.NODE_ENV !== "production") && warnInvalidSource(source);
   }
   if (cb && !deep) {
     const baseGetter = getter;
@@ -3687,9 +3675,7 @@ function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EM
     }
     if (cb) {
       const newValue = effect.run();
-      if (deep || forceTrigger || (isMultiSource ? newValue.some(
-        (v, i) => hasChanged(v, oldValue[i])
-      ) : hasChanged(newValue, oldValue)) || isArray(newValue) && isCompatEnabled("WATCH_ARRAY", instance)) {
+      if (deep || forceTrigger || (isMultiSource ? newValue.some((v, i) => hasChanged(v, oldValue[i])) : hasChanged(newValue, oldValue)) || isArray(newValue) && isCompatEnabled("WATCH_ARRAY", instance)) {
         if (cleanup) {
           cleanup();
         }
@@ -3718,7 +3704,7 @@ function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EM
     scheduler = () => queueJob(job);
   }
   const effect = new ReactiveEffect(getter, scheduler);
-  if (process.env.NODE_ENV !== "production") {
+  if (!!(process.env.NODE_ENV !== "production")) {
     effect.onTrack = onTrack;
     effect.onTrigger = onTrigger;
   }
@@ -3811,7 +3797,7 @@ function validateDirectiveName(name) {
 function withDirectives(vnode, directives) {
   const internalInstance = currentRenderingInstance;
   if (internalInstance === null) {
-    process.env.NODE_ENV !== "production" && warn(`withDirectives can only be used inside render functions.`);
+    !!(process.env.NODE_ENV !== "production") && warn(`withDirectives can only be used inside render functions.`);
     return vnode;
   }
   const instance = getExposeProxy(internalInstance) || internalInstance.proxy;
@@ -3865,6 +3851,8 @@ function invokeDirectiveHook(vnode, prevVNode, instance, name) {
   }
 }
 
+const leaveCbKey = Symbol("_leaveCb");
+const enterCbKey$1 = Symbol("_enterCb");
 function useTransitionState() {
   const state = {
     isMounted: false,
@@ -3918,7 +3906,7 @@ const BaseTransitionImpl = {
         let hasFound = false;
         for (const c of children) {
           if (c.type !== Comment) {
-            if (process.env.NODE_ENV !== "production" && hasFound) {
+            if (!!(process.env.NODE_ENV !== "production") && hasFound) {
               warn(
                 "<transition> can only be used on a single element or component. Use <transition-group> for lists."
               );
@@ -3926,14 +3914,14 @@ const BaseTransitionImpl = {
             }
             child = c;
             hasFound = true;
-            if (!(process.env.NODE_ENV !== "production"))
+            if (!!!(process.env.NODE_ENV !== "production"))
               break;
           }
         }
       }
       const rawProps = toRaw(props);
       const { mode } = rawProps;
-      if (process.env.NODE_ENV !== "production" && mode && mode !== "in-out" && mode !== "out-in" && mode !== "default") {
+      if (!!(process.env.NODE_ENV !== "production") && mode && mode !== "in-out" && mode !== "out-in" && mode !== "default") {
         warn(`invalid <transition> mode: ${mode}`);
       }
       if (state.isLeaving) {
@@ -3987,9 +3975,9 @@ const BaseTransitionImpl = {
               oldInnerChild
             );
             leavingVNodesCache[String(oldInnerChild.key)] = oldInnerChild;
-            el._leaveCb = () => {
+            el[leaveCbKey] = () => {
               earlyRemove();
-              el._leaveCb = void 0;
+              el[leaveCbKey] = void 0;
               delete enterHooks.delayedLeave;
             };
             enterHooks.delayedLeave = delayedLeave;
@@ -4063,15 +4051,15 @@ function resolveTransitionHooks(vnode, props, state, instance) {
           return;
         }
       }
-      if (el._leaveCb) {
-        el._leaveCb(
+      if (el[leaveCbKey]) {
+        el[leaveCbKey](
           true
           /* cancelled */
         );
       }
       const leavingVNode = leavingVNodesCache[key];
-      if (leavingVNode && isSameVNodeType(vnode, leavingVNode) && leavingVNode.el._leaveCb) {
-        leavingVNode.el._leaveCb();
+      if (leavingVNode && isSameVNodeType(vnode, leavingVNode) && leavingVNode.el[leaveCbKey]) {
+        leavingVNode.el[leaveCbKey]();
       }
       callHook(hook, [el]);
     },
@@ -4089,7 +4077,7 @@ function resolveTransitionHooks(vnode, props, state, instance) {
         }
       }
       let called = false;
-      const done = el._enterCb = (cancelled) => {
+      const done = el[enterCbKey$1] = (cancelled) => {
         if (called)
           return;
         called = true;
@@ -4101,7 +4089,7 @@ function resolveTransitionHooks(vnode, props, state, instance) {
         if (hooks.delayedLeave) {
           hooks.delayedLeave();
         }
-        el._enterCb = void 0;
+        el[enterCbKey$1] = void 0;
       };
       if (hook) {
         callAsyncHook(hook, [el, done]);
@@ -4111,8 +4099,8 @@ function resolveTransitionHooks(vnode, props, state, instance) {
     },
     leave(el, remove) {
       const key2 = String(vnode.key);
-      if (el._enterCb) {
-        el._enterCb(
+      if (el[enterCbKey$1]) {
+        el[enterCbKey$1](
           true
           /* cancelled */
         );
@@ -4122,7 +4110,7 @@ function resolveTransitionHooks(vnode, props, state, instance) {
       }
       callHook(onBeforeLeave, [el]);
       let called = false;
-      const done = el._leaveCb = (cancelled) => {
+      const done = el[leaveCbKey] = (cancelled) => {
         if (called)
           return;
         called = true;
@@ -4132,7 +4120,7 @@ function resolveTransitionHooks(vnode, props, state, instance) {
         } else {
           callHook(onAfterLeave, [el]);
         }
-        el._leaveCb = void 0;
+        el[leaveCbKey] = void 0;
         if (leavingVNodesCache[key2] === vnode) {
           delete leavingVNodesCache[key2];
         }
@@ -4194,6 +4182,8 @@ function getTransitionRawChildren(children, keepComment = false, parentKey) {
   return ret;
 }
 
+/*! #__NO_SIDE_EFFECTS__ */
+// @__NO_SIDE_EFFECTS__
 function defineComponent(options, extraOptions) {
   return isFunction(options) ? (
     // #8326: extend call and options.name access are considered side-effects
@@ -4203,6 +4193,8 @@ function defineComponent(options, extraOptions) {
 }
 
 const isAsyncWrapper = (i) => !!i.type.__asyncLoader;
+/*! #__NO_SIDE_EFFECTS__ */
+// @__NO_SIDE_EFFECTS__
 function defineAsyncComponent(source) {
   if (isFunction(source)) {
     source = { loader: source };
@@ -4242,7 +4234,7 @@ function defineAsyncComponent(source) {
       if (thisRequest !== pendingRequest && pendingRequest) {
         return pendingRequest;
       }
-      if (process.env.NODE_ENV !== "production" && !comp) {
+      if (!!(process.env.NODE_ENV !== "production") && !comp) {
         warn(
           `Async component loader resolved to undefined. If you are using retry(), make sure to return its return value.`
         );
@@ -4250,7 +4242,7 @@ function defineAsyncComponent(source) {
       if (comp && (comp.__esModule || comp[Symbol.toStringTag] === "Module")) {
         comp = comp.default;
       }
-      if (process.env.NODE_ENV !== "production" && comp && !isObject(comp) && !isFunction(comp)) {
+      if (!!(process.env.NODE_ENV !== "production") && comp && !isObject(comp) && !isFunction(comp)) {
         throw new Error(`Invalid async component load result: ${comp}`);
       }
       resolvedComp = comp;
@@ -4363,7 +4355,7 @@ const KeepAliveImpl = {
     const cache = /* @__PURE__ */ new Map();
     const keys = /* @__PURE__ */ new Set();
     let current = null;
-    if (process.env.NODE_ENV !== "production" || __VUE_PROD_DEVTOOLS__) {
+    if (!!(process.env.NODE_ENV !== "production") || __VUE_PROD_DEVTOOLS__) {
       instance.__v_cache = cache;
     }
     const parentSuspense = instance.suspense;
@@ -4400,7 +4392,7 @@ const KeepAliveImpl = {
           invokeVNodeHook(vnodeHook, instance2.parent, vnode);
         }
       }, parentSuspense);
-      if (process.env.NODE_ENV !== "production" || __VUE_PROD_DEVTOOLS__) {
+      if (!!(process.env.NODE_ENV !== "production") || __VUE_PROD_DEVTOOLS__) {
         devtoolsComponentAdded(instance2);
       }
     };
@@ -4417,7 +4409,7 @@ const KeepAliveImpl = {
         }
         instance2.isDeactivated = true;
       }, parentSuspense);
-      if (process.env.NODE_ENV !== "production" || __VUE_PROD_DEVTOOLS__) {
+      if (!!(process.env.NODE_ENV !== "production") || __VUE_PROD_DEVTOOLS__) {
         devtoolsComponentAdded(instance2);
       }
     };
@@ -4481,7 +4473,7 @@ const KeepAliveImpl = {
       const children = slots.default();
       const rawVNode = children[0];
       if (children.length > 1) {
-        if (process.env.NODE_ENV !== "production") {
+        if (!!(process.env.NODE_ENV !== "production")) {
           warn(`KeepAlive should contain exactly one component child.`);
         }
         current = null;
@@ -4612,7 +4604,7 @@ function injectHook(type, hook, target = currentInstance, prepend = false) {
       hooks.push(wrappedHook);
     }
     return wrappedHook;
-  } else if (process.env.NODE_ENV !== "production") {
+  } else if (!!(process.env.NODE_ENV !== "production")) {
     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.` )
@@ -4718,13 +4710,13 @@ function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false
     if (!res && maybeSelfReference) {
       return Component;
     }
-    if (process.env.NODE_ENV !== "production" && warnMissing && !res) {
+    if (!!(process.env.NODE_ENV !== "production") && warnMissing && !res) {
       const extra = type === COMPONENTS ? `
 If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.` : ``;
       warn(`Failed to resolve ${type.slice(0, -1)}: ${name}${extra}`);
     }
     return res;
-  } else if (process.env.NODE_ENV !== "production") {
+  } else if (!!(process.env.NODE_ENV !== "production")) {
     warn(
       `resolve${capitalize(type.slice(0, -1))} can only be used in render() or setup().`
     );
@@ -4994,7 +4986,7 @@ function renderList(source, renderItem, cache, index) {
       ret[i] = renderItem(source[i], i, void 0, cached && cached[i]);
     }
   } else if (typeof source === "number") {
-    if (process.env.NODE_ENV !== "production" && !Number.isInteger(source)) {
+    if (!!(process.env.NODE_ENV !== "production") && !Number.isInteger(source)) {
       warn(`The v-for range expect an integer value but got ${source}.`);
     }
     ret = new Array(source);
@@ -5050,7 +5042,7 @@ function renderSlot(slots, name, props = {}, fallback, noSlotted) {
     return createVNode("slot", props, fallback && fallback());
   }
   let slot = slots[name];
-  if (process.env.NODE_ENV !== "production" && slot && slot.length > 1) {
+  if (!!(process.env.NODE_ENV !== "production") && 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.`
     );
@@ -5093,7 +5085,7 @@ function ensureValidVNode(vnodes) {
 
 function toHandlers(obj, preserveCaseIfNecessary) {
   const ret = {};
-  if (process.env.NODE_ENV !== "production" && !isObject(obj)) {
+  if (!!(process.env.NODE_ENV !== "production") && !isObject(obj)) {
     warn(`v-on with no argument expects an object value.`);
     return ret;
   }
@@ -5221,6 +5213,7 @@ function legacyPrependModifier(value, symbol) {
 function installCompatInstanceProperties(map) {
   const set = (target, key, val) => {
     target[key] = val;
+    return target[key];
   };
   const del = (target, key) => {
     delete target[key];
@@ -5251,7 +5244,7 @@ function installCompatInstanceProperties(map) {
       if (isCompatEnabled("RENDER_FUNCTION", i) && i.render && i.render._compatWrapped) {
         return new Proxy(i.slots, legacySlotProxyHandlers);
       }
-      return process.env.NODE_ENV !== "production" ? shallowReadonly(i.slots) : i.slots;
+      return !!(process.env.NODE_ENV !== "production") ? shallowReadonly(i.slots) : i.slots;
     },
     $scopedSlots: (i) => {
       assertCompatEnabled("INSTANCE_SCOPED_SLOTS", i);
@@ -5326,10 +5319,10 @@ const publicPropertiesMap = (
     $: (i) => i,
     $el: (i) => i.vnode.el,
     $data: (i) => i.data,
-    $props: (i) => process.env.NODE_ENV !== "production" ? shallowReadonly(i.props) : i.props,
-    $attrs: (i) => process.env.NODE_ENV !== "production" ? shallowReadonly(i.attrs) : i.attrs,
-    $slots: (i) => process.env.NODE_ENV !== "production" ? shallowReadonly(i.slots) : i.slots,
-    $refs: (i) => process.env.NODE_ENV !== "production" ? shallowReadonly(i.refs) : i.refs,
+    $props: (i) => !!(process.env.NODE_ENV !== "production") ? shallowReadonly(i.props) : i.props,
+    $attrs: (i) => !!(process.env.NODE_ENV !== "production") ? shallowReadonly(i.attrs) : i.attrs,
+    $slots: (i) => !!(process.env.NODE_ENV !== "production") ? shallowReadonly(i.slots) : i.slots,
+    $refs: (i) => !!(process.env.NODE_ENV !== "production") ? shallowReadonly(i.refs) : i.refs,
     $parent: (i) => getPublicInstance(i.parent),
     $root: (i) => getPublicInstance(i.root),
     $emit: (i) => i.emit,
@@ -5347,7 +5340,7 @@ const hasSetupBinding = (state, key) => state !== EMPTY_OBJ && !state.__isScript
 const PublicInstanceProxyHandlers = {
   get({ _: instance }, key) {
     const { ctx, setupState, data, props, accessCache, type, appContext } = instance;
-    if (process.env.NODE_ENV !== "production" && key === "__isVue") {
+    if (!!(process.env.NODE_ENV !== "production") && key === "__isVue") {
       return true;
     }
     let normalizedProps;
@@ -5388,8 +5381,9 @@ const PublicInstanceProxyHandlers = {
     let cssModule, globalProperties;
     if (publicGetter) {
       if (key === "$attrs") {
-        track(instance, "get", key)(process.env.NODE_ENV !== "production") && markAttrsAccessed();
-      } else if (process.env.NODE_ENV !== "production" && key === "$slots") {
+        track(instance, "get", key);
+        !!(process.env.NODE_ENV !== "production") && markAttrsAccessed();
+      } else if (!!(process.env.NODE_ENV !== "production") && key === "$slots") {
         track(instance, "get", key);
       }
       return publicGetter(instance);
@@ -5414,7 +5408,7 @@ const PublicInstanceProxyHandlers = {
           return isFunction(val) ? Object.assign(val.bind(instance.proxy), val) : val;
         }
       }
-    } else if (process.env.NODE_ENV !== "production" && currentRenderingInstance && (!isString(key) || // #1091 avoid internal isRef/isVNode checks on component instance leading
+    } else if (!!(process.env.NODE_ENV !== "production") && currentRenderingInstance && (!isString(key) || // #1091 avoid internal isRef/isVNode checks on component instance leading
     // to infinite warning loop
     key.indexOf("__v") !== 0)) {
       if (data !== EMPTY_OBJ && isReservedPrefix(key[0]) && hasOwn(data, key)) {
@@ -5435,23 +5429,23 @@ const PublicInstanceProxyHandlers = {
     if (hasSetupBinding(setupState, key)) {
       setupState[key] = value;
       return true;
-    } else if (process.env.NODE_ENV !== "production" && setupState.__isScriptSetup && hasOwn(setupState, key)) {
+    } else if (!!(process.env.NODE_ENV !== "production") && setupState.__isScriptSetup && hasOwn(setupState, key)) {
       warn(`Cannot mutate <script setup> binding "${key}" from Options API.`);
       return false;
     } else if (data !== EMPTY_OBJ && hasOwn(data, key)) {
       data[key] = value;
       return true;
     } else if (hasOwn(instance.props, key)) {
-      process.env.NODE_ENV !== "production" && warn(`Attempting to mutate prop "${key}". Props are readonly.`);
+      !!(process.env.NODE_ENV !== "production") && warn(`Attempting to mutate prop "${key}". Props are readonly.`);
       return false;
     }
     if (key[0] === "$" && key.slice(1) in instance) {
-      process.env.NODE_ENV !== "production" && warn(
+      !!(process.env.NODE_ENV !== "production") && warn(
         `Attempting to mutate public property "${key}". Properties starting with $ are reserved and readonly.`
       );
       return false;
     } else {
-      if (process.env.NODE_ENV !== "production" && key in instance.appContext.config.globalProperties) {
+      if (!!(process.env.NODE_ENV !== "production") && key in instance.appContext.config.globalProperties) {
         Object.defineProperty(ctx, key, {
           enumerable: true,
           configurable: true,
@@ -5478,7 +5472,7 @@ const PublicInstanceProxyHandlers = {
     return Reflect.defineProperty(target, key, descriptor);
   }
 };
-if (process.env.NODE_ENV !== "production" && true) {
+if (!!(process.env.NODE_ENV !== "production") && true) {
   PublicInstanceProxyHandlers.ownKeys = (target) => {
     warn(
       `Avoid app logic that relies on enumerating keys on a component instance. The keys will be empty in production mode to avoid performance overhead.`
@@ -5497,8 +5491,8 @@ const RuntimeCompiledPublicInstanceProxyHandlers = /* @__PURE__ */ extend(
       return PublicInstanceProxyHandlers.get(target, key, target);
     },
     has(_, key) {
-      const has = key[0] !== "_" && !isGloballyWhitelisted(key);
-      if (process.env.NODE_ENV !== "production" && !has && PublicInstanceProxyHandlers.has(_, key)) {
+      const has = key[0] !== "_" && !isGloballyAllowed(key);
+      if (!!(process.env.NODE_ENV !== "production") && !has && PublicInstanceProxyHandlers.has(_, key)) {
         warn(
           `Property ${JSON.stringify(
             key
@@ -5571,7 +5565,7 @@ function deepMergeData(to, from) {
     const toVal = to[key];
     const fromVal = from[key];
     if (key in to && isPlainObject(toVal) && isPlainObject(fromVal)) {
-      process.env.NODE_ENV !== "production" && warnDeprecation("OPTIONS_DATA_MERGE", null, key);
+      !!(process.env.NODE_ENV !== "production") && warnDeprecation("OPTIONS_DATA_MERGE", null, key);
       deepMergeData(toVal, fromVal);
     } else {
       to[key] = fromVal;
@@ -5584,40 +5578,40 @@ const warnRuntimeUsage = (method) => warn(
   `${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.`
 );
 function defineProps() {
-  if (process.env.NODE_ENV !== "production") {
+  if (!!(process.env.NODE_ENV !== "production")) {
     warnRuntimeUsage(`defineProps`);
   }
   return null;
 }
 function defineEmits() {
-  if (process.env.NODE_ENV !== "production") {
+  if (!!(process.env.NODE_ENV !== "production")) {
     warnRuntimeUsage(`defineEmits`);
   }
   return null;
 }
 function defineExpose(exposed) {
-  if (process.env.NODE_ENV !== "production") {
+  if (!!(process.env.NODE_ENV !== "production")) {
     warnRuntimeUsage(`defineExpose`);
   }
 }
 function defineOptions(options) {
-  if (process.env.NODE_ENV !== "production") {
+  if (!!(process.env.NODE_ENV !== "production")) {
     warnRuntimeUsage(`defineOptions`);
   }
 }
 function defineSlots() {
-  if (process.env.NODE_ENV !== "production") {
+  if (!!(process.env.NODE_ENV !== "production")) {
     warnRuntimeUsage(`defineSlots`);
   }
   return null;
 }
 function defineModel() {
-  if (process.env.NODE_ENV !== "production") {
+  if (!!(process.env.NODE_ENV !== "production")) {
     warnRuntimeUsage("defineModel");
   }
 }
 function withDefaults(props, defaults) {
-  if (process.env.NODE_ENV !== "production") {
+  if (!!(process.env.NODE_ENV !== "production")) {
     warnRuntimeUsage(`withDefaults`);
   }
   return null;
@@ -5630,11 +5624,11 @@ function useAttrs() {
 }
 function useModel(props, name, options) {
   const i = getCurrentInstance();
-  if (process.env.NODE_ENV !== "production" && !i) {
+  if (!!(process.env.NODE_ENV !== "production") && !i) {
     warn(`useModel() called without active instance.`);
     return ref();
   }
-  if (process.env.NODE_ENV !== "production" && !i.propsOptions[0][name]) {
+  if (!!(process.env.NODE_ENV !== "production") && !i.propsOptions[0][name]) {
     warn(`useModel() called with prop "${name}" which is not declared.`);
     return ref();
   }
@@ -5664,7 +5658,7 @@ function useModel(props, name, options) {
 }
 function getContext() {
   const i = getCurrentInstance();
-  if (process.env.NODE_ENV !== "production" && !i) {
+  if (!!(process.env.NODE_ENV !== "production") && !i) {
     warn(`useContext() called without active instance.`);
   }
   return i.setupContext || (i.setupContext = createSetupContext(i));
@@ -5689,7 +5683,7 @@ function mergeDefaults(raw, defaults) {
       }
     } else if (opt === null) {
       opt = props[key] = { default: defaults[key] };
-    } else if (process.env.NODE_ENV !== "production") {
+    } else if (!!(process.env.NODE_ENV !== "production")) {
       warn(`props default key "${key}" has no corresponding declaration.`);
     }
     if (opt && defaults[`__skip_${key}`]) {
@@ -5719,7 +5713,7 @@ function createPropsRestProxy(props, excludedKeys) {
 }
 function withAsyncContext(getAwaitable) {
   const ctx = getCurrentInstance();
-  if (process.env.NODE_ENV !== "production" && !ctx) {
+  if (!!(process.env.NODE_ENV !== "production") && !ctx) {
     warn(
       `withAsyncContext called without active current instance. This is likely a bug.`
     );
@@ -5787,8 +5781,8 @@ function applyOptions(instance) {
     directives,
     filters
   } = options;
-  const checkDuplicateProperties = process.env.NODE_ENV !== "production" ? createDuplicateChecker() : null;
-  if (process.env.NODE_ENV !== "production") {
+  const checkDuplicateProperties = !!(process.env.NODE_ENV !== "production") ? createDuplicateChecker() : null;
+  if (!!(process.env.NODE_ENV !== "production")) {
     const [propsOptions] = instance.propsOptions;
     if (propsOptions) {
       for (const key in propsOptions) {
@@ -5803,7 +5797,7 @@ function applyOptions(instance) {
     for (const key in methods) {
       const methodHandler = methods[key];
       if (isFunction(methodHandler)) {
-        if (process.env.NODE_ENV !== "production") {
+        if (!!(process.env.NODE_ENV !== "production")) {
           Object.defineProperty(ctx, key, {
             value: methodHandler.bind(publicThis),
             configurable: true,
@@ -5813,10 +5807,10 @@ function applyOptions(instance) {
         } else {
           ctx[key] = methodHandler.bind(publicThis);
         }
-        if (process.env.NODE_ENV !== "production") {
+        if (!!(process.env.NODE_ENV !== "production")) {
           checkDuplicateProperties("Methods" /* METHODS */, key);
         }
-      } else if (process.env.NODE_ENV !== "production") {
+      } else if (!!(process.env.NODE_ENV !== "production")) {
         warn(
           `Method "${key}" has type "${typeof methodHandler}" in the component definition. Did you reference the function correctly?`
         );
@@ -5824,22 +5818,22 @@ function applyOptions(instance) {
     }
   }
   if (dataOptions) {
-    if (process.env.NODE_ENV !== "production" && !isFunction(dataOptions)) {
+    if (!!(process.env.NODE_ENV !== "production") && !isFunction(dataOptions)) {
       warn(
         `The data option must be a function. Plain object usage is no longer supported.`
       );
     }
     const data = dataOptions.call(publicThis, publicThis);
-    if (process.env.NODE_ENV !== "production" && isPromise(data)) {
+    if (!!(process.env.NODE_ENV !== "production") && 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)) {
-      process.env.NODE_ENV !== "production" && warn(`data() should return an object.`);
+      !!(process.env.NODE_ENV !== "production") && warn(`data() should return an object.`);
     } else {
       instance.data = reactive(data);
-      if (process.env.NODE_ENV !== "production") {
+      if (!!(process.env.NODE_ENV !== "production")) {
         for (const key in data) {
           checkDuplicateProperties("Data" /* DATA */, key);
           if (!isReservedPrefix(key[0])) {
@@ -5859,10 +5853,10 @@ function applyOptions(instance) {
     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 (process.env.NODE_ENV !== "production" && get === NOOP) {
+      if (!!(process.env.NODE_ENV !== "production") && get === NOOP) {
         warn(`Computed property "${key}" has no getter.`);
       }
-      const set = !isFunction(opt) && isFunction(opt.set) ? opt.set.bind(publicThis) : process.env.NODE_ENV !== "production" ? () => {
+      const set = !isFunction(opt) && isFunction(opt.set) ? opt.set.bind(publicThis) : !!(process.env.NODE_ENV !== "production") ? () => {
         warn(
           `Write operation failed: computed property "${key}" is readonly.`
         );
@@ -5877,7 +5871,7 @@ function applyOptions(instance) {
         get: () => c.value,
         set: (v) => c.value = v
       });
-      if (process.env.NODE_ENV !== "production") {
+      if (!!(process.env.NODE_ENV !== "production")) {
         checkDuplicateProperties("Computed" /* COMPUTED */, key);
       }
     }
@@ -5981,7 +5975,7 @@ function resolveInjections(injectOptions, ctx, checkDuplicateProperties = NOOP)
     } else {
       ctx[key] = injected;
     }
-    if (process.env.NODE_ENV !== "production") {
+    if (!!(process.env.NODE_ENV !== "production")) {
       checkDuplicateProperties("Inject" /* INJECT */, key);
     }
   }
@@ -5999,7 +5993,7 @@ function createWatcher(raw, ctx, publicThis, key) {
     const handler = ctx[raw];
     if (isFunction(handler)) {
       watch(getter, handler);
-    } else if (process.env.NODE_ENV !== "production") {
+    } else if (!!(process.env.NODE_ENV !== "production")) {
       warn(`Invalid watch handler specified by key "${raw}"`, handler);
     }
   } else if (isFunction(raw)) {
@@ -6011,11 +6005,11 @@ function createWatcher(raw, ctx, publicThis, key) {
       const handler = isFunction(raw.handler) ? raw.handler.bind(publicThis) : ctx[raw.handler];
       if (isFunction(handler)) {
         watch(getter, handler, raw);
-      } else if (process.env.NODE_ENV !== "production") {
+      } else if (!!(process.env.NODE_ENV !== "production")) {
         warn(`Invalid watch handler specified by key "${raw.handler}"`, handler);
       }
     }
-  } else if (process.env.NODE_ENV !== "production") {
+  } else if (!!(process.env.NODE_ENV !== "production")) {
     warn(`Invalid watch option: "${key}"`, raw);
   }
 }
@@ -6068,7 +6062,7 @@ function mergeOptions(to, from, strats, asMixin = false) {
   }
   for (const key in from) {
     if (asMixin && key === "expose") {
-      process.env.NODE_ENV !== "production" && warn(
+      !!(process.env.NODE_ENV !== "production") && warn(
         `"expose" option is ignored when declared in mixins or extends. It should only be declared in the base component itself.`
       );
     } else {
@@ -6236,7 +6230,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
       return vm;
     }
   }
-  Vue.version = `2.6.14-compat:${"3.3.3"}`;
+  Vue.version = `2.6.14-compat:${"3.3.5"}`;
   Vue.config = singletonApp.config;
   Vue.use = (p, ...options) => {
     if (p && isFunction(p.install)) {
@@ -6337,7 +6331,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
     }
   };
   const util = {
-    warn: process.env.NODE_ENV !== "production" ? warn : NOOP,
+    warn: !!(process.env.NODE_ENV !== "production") ? warn : NOOP,
     extend,
     mergeOptions: (parent, child, vm) => mergeOptions(
       parent,
@@ -6364,7 +6358,7 @@ function installAppCompatProperties(app, context, render) {
   installCompatMount(app, context, render);
   installLegacyAPIs(app);
   applySingletonAppMutations(app);
-  if (process.env.NODE_ENV !== "production")
+  if (!!(process.env.NODE_ENV !== "production"))
     installLegacyConfigWarnings(app.config);
 }
 function installFilterMethod(app, context) {
@@ -6374,7 +6368,7 @@ function installFilterMethod(app, context) {
     if (!filter) {
       return context.filters[name];
     }
-    if (process.env.NODE_ENV !== "production" && context.filters[name]) {
+    if (!!(process.env.NODE_ENV !== "production") && context.filters[name]) {
       warn(`Filter "${name}" has already been registered.`);
     }
     context.filters[name] = filter;
@@ -6386,7 +6380,7 @@ function installLegacyAPIs(app) {
     // so that app.use() can work with legacy plugins that extend prototypes
     prototype: {
       get() {
-        process.env.NODE_ENV !== "production" && warnDeprecation("GLOBAL_PROTOTYPE", null);
+        !!(process.env.NODE_ENV !== "production") && warnDeprecation("GLOBAL_PROTOTYPE", null);
         return app.config.globalProperties;
       }
     },
@@ -6444,7 +6438,7 @@ function applySingletonPrototype(app, Ctor) {
       }
     }
   }
-  if (process.env.NODE_ENV !== "production" && hasPrototypeAugmentations) {
+  if (!!(process.env.NODE_ENV !== "production") && hasPrototypeAugmentations) {
     warnDeprecation("GLOBAL_PROTOTYPE", null);
   }
 }
@@ -6466,14 +6460,14 @@ function installCompatMount(app, context, render) {
     vnode.isCompatRoot = true;
     instance.ctx._compat_mount = (selectorOrEl) => {
       if (isMounted) {
-        process.env.NODE_ENV !== "production" && warn(`Root instance is already mounted.`);
+        !!(process.env.NODE_ENV !== "production") && warn(`Root instance is already mounted.`);
         return;
       }
       let container;
       if (typeof selectorOrEl === "string") {
         const result = document.querySelector(selectorOrEl);
         if (!result) {
-          process.env.NODE_ENV !== "production" && warn(
+          !!(process.env.NODE_ENV !== "production") && warn(
             `Failed to mount root instance: selector "${selectorOrEl}" returned null.`
           );
           return;
@@ -6483,7 +6477,7 @@ function installCompatMount(app, context, render) {
         container = selectorOrEl || document.createElement("div");
       }
       const isSVG = container instanceof SVGElement;
-      if (process.env.NODE_ENV !== "production") {
+      if (!!(process.env.NODE_ENV !== "production")) {
         context.reload = () => {
           const cloned = cloneVNode(vnode);
           cloned.component = null;
@@ -6491,7 +6485,7 @@ function installCompatMount(app, context, render) {
         };
       }
       if (hasNoRender && instance.render === emptyRender) {
-        if (process.env.NODE_ENV !== "production") {
+        if (!!(process.env.NODE_ENV !== "production")) {
           for (let i = 0; i < container.attributes.length; i++) {
             const attr = container.attributes[i];
             if (attr.name !== "v-cloak" && /^(v-|:|@)/.test(attr.name)) {
@@ -6518,7 +6512,7 @@ function installCompatMount(app, context, render) {
       isMounted = true;
       app._container = container;
       container.__vue_app__ = app;
-      if (process.env.NODE_ENV !== "production" || __VUE_PROD_DEVTOOLS__) {
+      if (!!(process.env.NODE_ENV !== "production") || __VUE_PROD_DEVTOOLS__) {
         devtoolsInitApp(app, version);
       }
       return instance.proxy;
@@ -6526,7 +6520,7 @@ function installCompatMount(app, context, render) {
     instance.ctx._compat_destroy = () => {
       if (isMounted) {
         render(null, app._container);
-        if (process.env.NODE_ENV !== "production" || __VUE_PROD_DEVTOOLS__) {
+        if (!!(process.env.NODE_ENV !== "production") || __VUE_PROD_DEVTOOLS__) {
           devtoolsUnmountApp(app);
         }
         delete app._container.__vue_app__;
@@ -6634,18 +6628,18 @@ function createAppAPI(render, hydrate) {
       rootComponent = extend({}, rootComponent);
     }
     if (rootProps != null && !isObject(rootProps)) {
-      process.env.NODE_ENV !== "production" && warn(`root props passed to app.mount() must be an object.`);
+      !!(process.env.NODE_ENV !== "production") && warn(`root props passed to app.mount() must be an object.`);
       rootProps = null;
     }
     const context = createAppContext();
-    if (process.env.NODE_ENV !== "production") {
+    if (!!(process.env.NODE_ENV !== "production")) {
       Object.defineProperty(context.config, "unwrapInjectedRef", {
         get() {
           return true;
         },
         set() {
           warn(
-            `app.config.unwrapInjectedRef has been deprecated. 3.3 now alawys unwraps injected refs in Options API.`
+            `app.config.unwrapInjectedRef has been deprecated. 3.3 now always unwraps injected refs in Options API.`
           );
         }
       });
@@ -6664,7 +6658,7 @@ function createAppAPI(render, hydrate) {
         return context.config;
       },
       set config(v) {
-        if (process.env.NODE_ENV !== "production") {
+        if (!!(process.env.NODE_ENV !== "production")) {
           warn(
             `app.config cannot be replaced. Modify individual options instead.`
           );
@@ -6672,14 +6666,14 @@ function createAppAPI(render, hydrate) {
       },
       use(plugin, ...options) {
         if (installedPlugins.has(plugin)) {
-          process.env.NODE_ENV !== "production" && warn(`Plugin has already been applied to target app.`);
+          !!(process.env.NODE_ENV !== "production") && warn(`Plugin has already been applied to target app.`);
         } else if (plugin && isFunction(plugin.install)) {
           installedPlugins.add(plugin);
           plugin.install(app, ...options);
         } else if (isFunction(plugin)) {
           installedPlugins.add(plugin);
           plugin(app, ...options);
-        } else if (process.env.NODE_ENV !== "production") {
+        } else if (!!(process.env.NODE_ENV !== "production")) {
           warn(
             `A plugin must either be a function or an object with an "install" function.`
           );
@@ -6690,37 +6684,37 @@ function createAppAPI(render, hydrate) {
         if (__VUE_OPTIONS_API__) {
           if (!context.mixins.includes(mixin)) {
             context.mixins.push(mixin);
-          } else if (process.env.NODE_ENV !== "production") {
+          } else if (!!(process.env.NODE_ENV !== "production")) {
             warn(
               "Mixin has already been applied to target app" + (mixin.name ? `: ${mixin.name}` : "")
             );
           }
-        } else if (process.env.NODE_ENV !== "production") {
+        } else if (!!(process.env.NODE_ENV !== "production")) {
           warn("Mixins are only available in builds supporting Options API");
         }
         return app;
       },
       component(name, component) {
-        if (process.env.NODE_ENV !== "production") {
+        if (!!(process.env.NODE_ENV !== "production")) {
           validateComponentName(name, context.config);
         }
         if (!component) {
           return context.components[name];
         }
-        if (process.env.NODE_ENV !== "production" && context.components[name]) {
+        if (!!(process.env.NODE_ENV !== "production") && context.components[name]) {
           warn(`Component "${name}" has already been registered in target app.`);
         }
         context.components[name] = component;
         return app;
       },
       directive(name, directive) {
-        if (process.env.NODE_ENV !== "production") {
+        if (!!(process.env.NODE_ENV !== "production")) {
           validateDirectiveName(name);
         }
         if (!directive) {
           return context.directives[name];
         }
-        if (process.env.NODE_ENV !== "production" && context.directives[name]) {
+        if (!!(process.env.NODE_ENV !== "production") && context.directives[name]) {
           warn(`Directive "${name}" has already been registered in target app.`);
         }
         context.directives[name] = directive;
@@ -6728,18 +6722,15 @@ function createAppAPI(render, hydrate) {
       },
       mount(rootContainer, isHydrate, isSVG) {
         if (!isMounted) {
-          if (process.env.NODE_ENV !== "production" && rootContainer.__vue_app__) {
+          if (!!(process.env.NODE_ENV !== "production") && rootContainer.__vue_app__) {
             warn(
               `There is already an app instance mounted on the host container.
  If you want to mount another app on the same host container, you need to unmount the previous app by calling \`app.unmount()\` first.`
             );
           }
-          const vnode = createVNode(
-            rootComponent,
-            rootProps
-          );
+          const vnode = createVNode(rootComponent, rootProps);
           vnode.appContext = context;
-          if (process.env.NODE_ENV !== "production") {
+          if (!!(process.env.NODE_ENV !== "production")) {
             context.reload = () => {
               render(cloneVNode(vnode), rootContainer, isSVG);
             };
@@ -6752,12 +6743,12 @@ function createAppAPI(render, hydrate) {
           isMounted = true;
           app._container = rootContainer;
           rootContainer.__vue_app__ = app;
-          if (process.env.NODE_ENV !== "production" || __VUE_PROD_DEVTOOLS__) {
+          if (!!(process.env.NODE_ENV !== "production") || __VUE_PROD_DEVTOOLS__) {
             app._instance = vnode.component;
             devtoolsInitApp(app, version);
           }
           return getExposeProxy(vnode.component) || vnode.component.proxy;
-        } else if (process.env.NODE_ENV !== "production") {
+        } else if (!!(process.env.NODE_ENV !== "production")) {
           warn(
             `App has already been mounted.
 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)\``
@@ -6767,17 +6758,17 @@ If you want to remount the same app, move your app creation logic into a factory
       unmount() {
         if (isMounted) {
           render(null, app._container);
-          if (process.env.NODE_ENV !== "production" || __VUE_PROD_DEVTOOLS__) {
+          if (!!(process.env.NODE_ENV !== "production") || __VUE_PROD_DEVTOOLS__) {
             app._instance = null;
             devtoolsUnmountApp(app);
           }
           delete app._container.__vue_app__;
-        } else if (process.env.NODE_ENV !== "production") {
+        } else if (!!(process.env.NODE_ENV !== "production")) {
           warn(`Cannot unmount an app that is not mounted.`);
         }
       },
       provide(key, value) {
-        if (process.env.NODE_ENV !== "production" && key in context.provides) {
+        if (!!(process.env.NODE_ENV !== "production") && key in context.provides) {
           warn(
             `App already provides property with key "${String(key)}". It will be overwritten with the new value.`
           );
@@ -6804,7 +6795,7 @@ let currentApp = null;
 
 function provide(key, value) {
   if (!currentInstance) {
-    if (process.env.NODE_ENV !== "production") {
+    if (!!(process.env.NODE_ENV !== "production")) {
       warn(`provide() can only be used inside setup().`);
     }
   } else {
@@ -6824,10 +6815,10 @@ function inject(key, defaultValue, treatDefaultAsFactory = false) {
       return provides[key];
     } else if (arguments.length > 1) {
       return treatDefaultAsFactory && isFunction(defaultValue) ? defaultValue.call(instance && instance.proxy) : defaultValue;
-    } else if (process.env.NODE_ENV !== "production") {
+    } else if (!!(process.env.NODE_ENV !== "production")) {
       warn(`injection "${String(key)}" not found.`);
     }
-  } else if (process.env.NODE_ENV !== "production") {
+  } else if (!!(process.env.NODE_ENV !== "production")) {
     warn(`inject() can only be used inside setup() or functional components.`);
   }
 }
@@ -6840,7 +6831,7 @@ function createPropsDefaultThis(instance, rawProps, propKey) {
     {},
     {
       get(_, key) {
-        process.env.NODE_ENV !== "production" && warnDeprecation("PROPS_DEFAULT_THIS", null, propKey);
+        !!(process.env.NODE_ENV !== "production") && warnDeprecation("PROPS_DEFAULT_THIS", null, propKey);
         if (key === "$options") {
           return resolveMergedOptions(instance);
         }
@@ -6889,7 +6880,7 @@ function initProps(instance, rawProps, isStateful, isSSR = false) {
       props[key] = void 0;
     }
   }
-  if (process.env.NODE_ENV !== "production") {
+  if (!!(process.env.NODE_ENV !== "production")) {
     validateProps(rawProps || {}, props, instance);
   }
   if (isStateful) {
@@ -6923,7 +6914,7 @@ function updateProps(instance, rawProps, rawPrevProps, optimized) {
     // always force full diff in dev
     // - #1942 if hmr is enabled with sfc component
     // - vite#872 non-sfc component used by sfc component
-    !(process.env.NODE_ENV !== "production" && isInHmrContext(instance)) && (optimized || patchFlag > 0) && !(patchFlag & 16)
+    !(!!(process.env.NODE_ENV !== "production") && isInHmrContext(instance)) && (optimized || patchFlag > 0) && !(patchFlag & 16)
   ) {
     if (patchFlag & 8) {
       const propsToUpdate = instance.vnode.dynamicProps;
@@ -7007,7 +6998,7 @@ function updateProps(instance, rawProps, rawPrevProps, optimized) {
   if (hasAttrsChanged) {
     trigger(instance, "set", "$attrs");
   }
-  if (process.env.NODE_ENV !== "production") {
+  if (!!(process.env.NODE_ENV !== "production")) {
     validateProps(rawProps || {}, props, instance);
   }
 }
@@ -7143,7 +7134,7 @@ function normalizePropsOptions(comp, appContext, asMixin = false) {
   }
   if (isArray(raw)) {
     for (let i = 0; i < raw.length; i++) {
-      if (process.env.NODE_ENV !== "production" && !isString(raw[i])) {
+      if (!!(process.env.NODE_ENV !== "production") && !isString(raw[i])) {
         warn(`props must be strings when using array syntax.`, raw[i]);
       }
       const normalizedKey = camelize(raw[i]);
@@ -7152,7 +7143,7 @@ function normalizePropsOptions(comp, appContext, asMixin = false) {
       }
     }
   } else if (raw) {
-    if (process.env.NODE_ENV !== "production" && !isObject(raw)) {
+    if (!!(process.env.NODE_ENV !== "production") && !isObject(raw)) {
       warn(`invalid props options`, raw);
     }
     for (const key in raw) {
@@ -7181,7 +7172,7 @@ function normalizePropsOptions(comp, appContext, asMixin = false) {
 function validatePropName(key) {
   if (key[0] !== "$") {
     return true;
-  } else if (process.env.NODE_ENV !== "production") {
+  } else if (!!(process.env.NODE_ENV !== "production")) {
     warn(`Invalid prop name: "${key}" is a reserved property.`);
   }
   return false;
@@ -7308,7 +7299,7 @@ const normalizeSlot = (key, rawSlot, ctx) => {
     return rawSlot;
   }
   const normalized = withCtx((...args) => {
-    if (process.env.NODE_ENV !== "production" && currentInstance) {
+    if (!!(process.env.NODE_ENV !== "production") && 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.`
       );
@@ -7327,7 +7318,7 @@ const normalizeObjectSlots = (rawSlots, slots, instance) => {
     if (isFunction(value)) {
       slots[key] = normalizeSlot(key, value, ctx);
     } else if (value != null) {
-      if (process.env.NODE_ENV !== "production" && !isCompatEnabled("RENDER_FUNCTION", instance)) {
+      if (!!(process.env.NODE_ENV !== "production") && !isCompatEnabled("RENDER_FUNCTION", instance)) {
         warn(
           `Non-function value encountered for slot "${key}". Prefer function slots for better performance.`
         );
@@ -7338,7 +7329,7 @@ const normalizeObjectSlots = (rawSlots, slots, instance) => {
   }
 };
 const normalizeVNodeSlots = (instance, children) => {
-  if (process.env.NODE_ENV !== "production" && !isKeepAlive(instance.vnode) && !isCompatEnabled("RENDER_FUNCTION", instance)) {
+  if (!!(process.env.NODE_ENV !== "production") && !isKeepAlive(instance.vnode) && !isCompatEnabled("RENDER_FUNCTION", instance)) {
     warn(
       `Non-function value encountered for default slot. Prefer function slots for better performance.`
     );
@@ -7374,7 +7365,7 @@ const updateSlots = (instance, children, optimized) => {
   if (vnode.shapeFlag & 32) {
     const type = children._;
     if (type) {
-      if (process.env.NODE_ENV !== "production" && isHmrUpdating) {
+      if (!!(process.env.NODE_ENV !== "production") && isHmrUpdating) {
         extend(slots, children);
         trigger(instance, "set", "$slots");
       } else if (optimized && type === 1) {
@@ -7422,7 +7413,7 @@ function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
   const refValue = vnode.shapeFlag & 4 ? getExposeProxy(vnode.component) || vnode.component.proxy : vnode.el;
   const value = isUnmount ? null : refValue;
   const { i: owner, r: ref } = rawRef;
-  if (process.env.NODE_ENV !== "production" && !owner) {
+  if (!!(process.env.NODE_ENV !== "production") && !owner) {
     warn(
       `Missing ref owner context. ref cannot be used on hoisted vnodes. A vnode with ref must be created inside the render function.`
     );
@@ -7477,7 +7468,7 @@ function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
           ref.value = value;
           if (rawRef.k)
             refs[rawRef.k] = value;
-        } else if (process.env.NODE_ENV !== "production") {
+        } else if (!!(process.env.NODE_ENV !== "production")) {
           warn("Invalid template ref type:", ref, `(${typeof ref})`);
         }
       };
@@ -7487,7 +7478,7 @@ function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
       } else {
         doSet();
       }
-    } else if (process.env.NODE_ENV !== "production") {
+    } else if (!!(process.env.NODE_ENV !== "production")) {
       warn("Invalid template ref type:", ref, `(${typeof ref})`);
     }
   }
@@ -7512,7 +7503,7 @@ function createHydrationFunctions(rendererInternals) {
   } = rendererInternals;
   const hydrate = (vnode, container) => {
     if (!container.hasChildNodes()) {
-      process.env.NODE_ENV !== "production" && warn(
+      !!(process.env.NODE_ENV !== "production") && warn(
         `Attempting to hydrate existing markup but container is empty. Performing full mount instead.`
       );
       patch(null, vnode, container);
@@ -7557,10 +7548,13 @@ function createHydrationFunctions(rendererInternals) {
           }
         } else {
           if (node.data !== vnode.children) {
-            hasMismatch = true(process.env.NODE_ENV !== "production") && warn(
+            hasMismatch = true;
+            !!(process.env.NODE_ENV !== "production") && warn(
               `Hydration text mismatch:
-- Client: ${JSON.stringify(node.data)}
-- Server: ${JSON.stringify(vnode.children)}`
+- Server rendered: ${JSON.stringify(
+                node.data
+              )}
+- Client rendered: ${JSON.stringify(vnode.children)}`
             );
             node.data = vnode.children;
           }
@@ -7677,7 +7671,7 @@ function createHydrationFunctions(rendererInternals) {
             rendererInternals,
             hydrateNode
           );
-        } else if (process.env.NODE_ENV !== "production") {
+        } else if (!!(process.env.NODE_ENV !== "production")) {
           warn("Invalid HostVNode type:", type, `(${typeof type})`);
         }
     }
@@ -7690,7 +7684,7 @@ function createHydrationFunctions(rendererInternals) {
     optimized = optimized || !!vnode.dynamicChildren;
     const { type, props, patchFlag, shapeFlag, dirs } = vnode;
     const forcePatchValue = type === "input" && dirs || type === "option";
-    if (process.env.NODE_ENV !== "production" || forcePatchValue || patchFlag !== -1) {
+    if (!!(process.env.NODE_ENV !== "production") || forcePatchValue || patchFlag !== -1) {
       if (dirs) {
         invokeDirectiveHook(vnode, null, parentComponent, "created");
       }
@@ -7748,7 +7742,7 @@ function createHydrationFunctions(rendererInternals) {
         let hasWarned = false;
         while (next) {
           hasMismatch = true;
-          if (process.env.NODE_ENV !== "production" && !hasWarned) {
+          if (!!(process.env.NODE_ENV !== "production") && !hasWarned) {
             warn(
               `Hydration children mismatch in <${vnode.type}>: server rendered element contains more child nodes than client vdom.`
             );
@@ -7760,10 +7754,11 @@ function createHydrationFunctions(rendererInternals) {
         }
       } else if (shapeFlag & 8) {
         if (el.textContent !== vnode.children) {
-          hasMismatch = true(process.env.NODE_ENV !== "production") && warn(
+          hasMismatch = true;
+          !!(process.env.NODE_ENV !== "production") && warn(
             `Hydration text content mismatch in <${vnode.type}>:
-- Client: ${el.textContent}
-- Server: ${vnode.children}`
+- Server rendered: ${el.textContent}
+- Client rendered: ${vnode.children}`
           );
           el.textContent = vnode.children;
         }
@@ -7791,7 +7786,7 @@ function createHydrationFunctions(rendererInternals) {
         continue;
       } else {
         hasMismatch = true;
-        if (process.env.NODE_ENV !== "production" && !hasWarned) {
+        if (!!(process.env.NODE_ENV !== "production") && !hasWarned) {
           warn(
             `Hydration children mismatch in <${container.tagName.toLowerCase()}>: server rendered element contains fewer child nodes than client vdom.`
           );
@@ -7835,7 +7830,8 @@ function createHydrationFunctions(rendererInternals) {
     }
   };
   const handleMismatch = (node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragment) => {
-    hasMismatch = true(process.env.NODE_ENV !== "production") && warn(
+    hasMismatch = true;
+    !!(process.env.NODE_ENV !== "production") && warn(
       `Hydration node mismatch:
 - Client vnode:`,
       vnode.type,
@@ -7898,7 +7894,7 @@ function startMeasure(instance, type) {
   if (instance.appContext.config.performance && isSupported()) {
     perf.mark(`vue-${type}-${instance.uid}`);
   }
-  if (process.env.NODE_ENV !== "production" || __VUE_PROD_DEVTOOLS__) {
+  if (!!(process.env.NODE_ENV !== "production") || __VUE_PROD_DEVTOOLS__) {
     devtoolsPerfStart(instance, type, isSupported() ? perf.now() : Date.now());
   }
 }
@@ -7915,7 +7911,7 @@ function endMeasure(instance, type) {
     perf.clearMarks(startTag);
     perf.clearMarks(endTag);
   }
-  if (process.env.NODE_ENV !== "production" || __VUE_PROD_DEVTOOLS__) {
+  if (!!(process.env.NODE_ENV !== "production") || __VUE_PROD_DEVTOOLS__) {
     devtoolsPerfEnd(instance, type, isSupported() ? perf.now() : Date.now());
   }
 }
@@ -7935,14 +7931,14 @@ function isSupported() {
 function initFeatureFlags() {
   const needWarn = [];
   if (typeof __VUE_OPTIONS_API__ !== "boolean") {
-    process.env.NODE_ENV !== "production" && needWarn.push(`__VUE_OPTIONS_API__`);
+    !!(process.env.NODE_ENV !== "production") && needWarn.push(`__VUE_OPTIONS_API__`);
     getGlobalThis().__VUE_OPTIONS_API__ = true;
   }
   if (typeof __VUE_PROD_DEVTOOLS__ !== "boolean") {
-    process.env.NODE_ENV !== "production" && needWarn.push(`__VUE_PROD_DEVTOOLS__`);
+    !!(process.env.NODE_ENV !== "production") && needWarn.push(`__VUE_PROD_DEVTOOLS__`);
     getGlobalThis().__VUE_PROD_DEVTOOLS__ = false;
   }
-  if (process.env.NODE_ENV !== "production" && needWarn.length) {
+  if (!!(process.env.NODE_ENV !== "production") && needWarn.length) {
     const multi = needWarn.length > 1;
     console.warn(
       `Feature flag${multi ? `s` : ``} ${needWarn.join(", ")} ${multi ? `are` : `is`} not explicitly defined. You are running the esm-bundler build of Vue, which expects these compile-time feature flags to be globally injected via the bundler config in order to get better tree-shaking in the production bundle.
@@ -7965,7 +7961,7 @@ function baseCreateRenderer(options, createHydrationFns) {
   }
   const target = getGlobalThis();
   target.__VUE__ = true;
-  if (process.env.NODE_ENV !== "production" || __VUE_PROD_DEVTOOLS__) {
+  if (!!(process.env.NODE_ENV !== "production") || __VUE_PROD_DEVTOOLS__) {
     setDevtoolsHook(target.__VUE_DEVTOOLS_GLOBAL_HOOK__, target);
   }
   const {
@@ -7982,7 +7978,7 @@ function baseCreateRenderer(options, createHydrationFns) {
     setScopeId: hostSetScopeId = NOOP,
     insertStaticContent: hostInsertStaticContent
   } = options;
-  const patch = (n1, n2, container, anchor = null, parentComponent = null, parentSuspense = null, isSVG = false, slotScopeIds = null, optimized = process.env.NODE_ENV !== "production" && isHmrUpdating ? false : !!n2.dynamicChildren) => {
+  const patch = (n1, n2, container, anchor = null, parentComponent = null, parentSuspense = null, isSVG = false, slotScopeIds = null, optimized = !!(process.env.NODE_ENV !== "production") && isHmrUpdating ? false : !!n2.dynamicChildren) => {
     if (n1 === n2) {
       return;
     }
@@ -8006,7 +8002,7 @@ function baseCreateRenderer(options, createHydrationFns) {
       case Static:
         if (n1 == null) {
           mountStaticNode(n2, container, anchor, isSVG);
-        } else if (process.env.NODE_ENV !== "production") {
+        } else if (!!(process.env.NODE_ENV !== "production")) {
           patchStaticNode(n1, n2, container, isSVG);
         }
         break;
@@ -8074,7 +8070,7 @@ function baseCreateRenderer(options, createHydrationFns) {
             optimized,
             internals
           );
-        } else if (process.env.NODE_ENV !== "production") {
+        } else if (!!(process.env.NODE_ENV !== "production")) {
           warn("Invalid VNode type:", type, `(${typeof type})`);
         }
     }
@@ -8226,7 +8222,7 @@ function baseCreateRenderer(options, createHydrationFns) {
         invokeVNodeHook(vnodeHook, parentComponent, vnode);
       }
     }
-    if (process.env.NODE_ENV !== "production" || __VUE_PROD_DEVTOOLS__) {
+    if (!!(process.env.NODE_ENV !== "production") || __VUE_PROD_DEVTOOLS__) {
       Object.defineProperty(el, "__vnode", {
         value: vnode,
         enumerable: false
@@ -8263,7 +8259,7 @@ function baseCreateRenderer(options, createHydrationFns) {
     }
     if (parentComponent) {
       let subTree = parentComponent.subTree;
-      if (process.env.NODE_ENV !== "production" && subTree.patchFlag > 0 && subTree.patchFlag & 2048) {
+      if (!!(process.env.NODE_ENV !== "production") && subTree.patchFlag > 0 && subTree.patchFlag & 2048) {
         subTree = filterSingleRoot(subTree.children) || subTree;
       }
       if (vnode === subTree) {
@@ -8309,7 +8305,7 @@ function baseCreateRenderer(options, createHydrationFns) {
       invokeDirectiveHook(n2, n1, parentComponent, "beforeUpdate");
     }
     parentComponent && toggleRecurse(parentComponent, true);
-    if (process.env.NODE_ENV !== "production" && isHmrUpdating) {
+    if (!!(process.env.NODE_ENV !== "production") && isHmrUpdating) {
       patchFlag = 0;
       optimized = false;
       dynamicChildren = null;
@@ -8325,7 +8321,7 @@ function baseCreateRenderer(options, createHydrationFns) {
         areChildrenSVG,
         slotScopeIds
       );
-      if (process.env.NODE_ENV !== "production") {
+      if (!!(process.env.NODE_ENV !== "production")) {
         traverseStaticChildren(n1, n2);
       }
     } else if (!optimized) {
@@ -8484,7 +8480,7 @@ function baseCreateRenderer(options, createHydrationFns) {
     const fragmentStartAnchor = n2.el = n1 ? n1.el : hostCreateText("");
     const fragmentEndAnchor = n2.anchor = n1 ? n1.anchor : hostCreateText("");
     let { patchFlag, dynamicChildren, slotScopeIds: fragmentSlotScopeIds } = n2;
-    if (process.env.NODE_ENV !== "production" && // #5523 dev root fragment may inherit directives
+    if (!!(process.env.NODE_ENV !== "production") && // #5523 dev root fragment may inherit directives
     (isHmrUpdating || patchFlag & 2048)) {
       patchFlag = 0;
       optimized = false;
@@ -8519,7 +8515,7 @@ function baseCreateRenderer(options, createHydrationFns) {
           isSVG,
           slotScopeIds
         );
-        if (process.env.NODE_ENV !== "production") {
+        if (!!(process.env.NODE_ENV !== "production")) {
           traverseStaticChildren(n1, n2);
         } else if (
           // #2080 if the stable fragment has a key, it's a <template v-for> that may
@@ -8583,10 +8579,10 @@ function baseCreateRenderer(options, createHydrationFns) {
       parentComponent,
       parentSuspense
     ));
-    if (process.env.NODE_ENV !== "production" && instance.type.__hmrId) {
+    if (!!(process.env.NODE_ENV !== "production") && instance.type.__hmrId) {
       registerHMR(instance);
     }
-    if (process.env.NODE_ENV !== "production") {
+    if (!!(process.env.NODE_ENV !== "production")) {
       pushWarningContext(initialVNode);
       startMeasure(instance, `mount`);
     }
@@ -8594,11 +8590,11 @@ function baseCreateRenderer(options, createHydrationFns) {
       instance.ctx.renderer = internals;
     }
     if (!compatMountInstance) {
-      if (process.env.NODE_ENV !== "production") {
+      if (!!(process.env.NODE_ENV !== "production")) {
         startMeasure(instance, `init`);
       }
       setupComponent(instance);
-      if (process.env.NODE_ENV !== "production") {
+      if (!!(process.env.NODE_ENV !== "production")) {
         endMeasure(instance, `init`);
       }
     }
@@ -8619,7 +8615,7 @@ function baseCreateRenderer(options, createHydrationFns) {
       isSVG,
       optimized
     );
-    if (process.env.NODE_ENV !== "production") {
+    if (!!(process.env.NODE_ENV !== "production")) {
       popWarningContext();
       endMeasure(instance, `mount`);
     }
@@ -8628,11 +8624,11 @@ function baseCreateRenderer(options, createHydrationFns) {
     const instance = n2.component = n1.component;
     if (shouldUpdateComponent(n1, n2, optimized)) {
       if (instance.asyncDep && !instance.asyncResolved) {
-        if (process.env.NODE_ENV !== "production") {
+        if (!!(process.env.NODE_ENV !== "production")) {
           pushWarningContext(n2);
         }
         updateComponentPreRender(instance, n2, optimized);
-        if (process.env.NODE_ENV !== "production") {
+        if (!!(process.env.NODE_ENV !== "production")) {
           popWarningContext();
         }
         return;
@@ -8666,14 +8662,14 @@ function baseCreateRenderer(options, createHydrationFns) {
         toggleRecurse(instance, true);
         if (el && hydrateNode) {
           const hydrateSubTree = () => {
-            if (process.env.NODE_ENV !== "production") {
+            if (!!(process.env.NODE_ENV !== "production")) {
               startMeasure(instance, `render`);
             }
             instance.subTree = renderComponentRoot(instance);
-            if (process.env.NODE_ENV !== "production") {
+            if (!!(process.env.NODE_ENV !== "production")) {
               endMeasure(instance, `render`);
             }
-            if (process.env.NODE_ENV !== "production") {
+            if (!!(process.env.NODE_ENV !== "production")) {
               startMeasure(instance, `hydrate`);
             }
             hydrateNode(
@@ -8683,7 +8679,7 @@ function baseCreateRenderer(options, createHydrationFns) {
               parentSuspense,
               null
             );
-            if (process.env.NODE_ENV !== "production") {
+            if (!!(process.env.NODE_ENV !== "production")) {
               endMeasure(instance, `hydrate`);
             }
           };
@@ -8699,14 +8695,14 @@ function baseCreateRenderer(options, createHydrationFns) {
             hydrateSubTree();
           }
         } else {
-          if (process.env.NODE_ENV !== "production") {
+          if (!!(process.env.NODE_ENV !== "production")) {
             startMeasure(instance, `render`);
           }
           const subTree = instance.subTree = renderComponentRoot(instance);
-          if (process.env.NODE_ENV !== "production") {
+          if (!!(process.env.NODE_ENV !== "production")) {
             endMeasure(instance, `render`);
           }
-          if (process.env.NODE_ENV !== "production") {
+          if (!!(process.env.NODE_ENV !== "production")) {
             startMeasure(instance, `patch`);
           }
           patch(
@@ -8718,7 +8714,7 @@ function baseCreateRenderer(options, createHydrationFns) {
             parentSuspense,
             isSVG
           );
-          if (process.env.NODE_ENV !== "production") {
+          if (!!(process.env.NODE_ENV !== "production")) {
             endMeasure(instance, `patch`);
           }
           initialVNode.el = subTree.el;
@@ -8749,7 +8745,7 @@ function baseCreateRenderer(options, createHydrationFns) {
           }
         }
         instance.isMounted = true;
-        if (process.env.NODE_ENV !== "production" || __VUE_PROD_DEVTOOLS__) {
+        if (!!(process.env.NODE_ENV !== "production") || __VUE_PROD_DEVTOOLS__) {
           devtoolsComponentAdded(instance);
         }
         initialVNode = container = anchor = null;
@@ -8757,7 +8753,7 @@ function baseCreateRenderer(options, createHydrationFns) {
         let { next, bu, u, parent, vnode } = instance;
         let originNext = next;
         let vnodeHook;
-        if (process.env.NODE_ENV !== "production") {
+        if (!!(process.env.NODE_ENV !== "production")) {
           pushWarningContext(next || instance.vnode);
         }
         toggleRecurse(instance, false);
@@ -8777,16 +8773,16 @@ function baseCreateRenderer(options, createHydrationFns) {
           instance.emit("hook:beforeUpdate");
         }
         toggleRecurse(instance, true);
-        if (process.env.NODE_ENV !== "production") {
+        if (!!(process.env.NODE_ENV !== "production")) {
           startMeasure(instance, `render`);
         }
         const nextTree = renderComponentRoot(instance);
-        if (process.env.NODE_ENV !== "production") {
+        if (!!(process.env.NODE_ENV !== "production")) {
           endMeasure(instance, `render`);
         }
         const prevTree = instance.subTree;
         instance.subTree = nextTree;
-        if (process.env.NODE_ENV !== "production") {
+        if (!!(process.env.NODE_ENV !== "production")) {
           startMeasure(instance, `patch`);
         }
         patch(
@@ -8800,7 +8796,7 @@ function baseCreateRenderer(options, createHydrationFns) {
           parentSuspense,
           isSVG
         );
-        if (process.env.NODE_ENV !== "production") {
+        if (!!(process.env.NODE_ENV !== "production")) {
           endMeasure(instance, `patch`);
         }
         next.el = nextTree.el;
@@ -8822,10 +8818,10 @@ function baseCreateRenderer(options, createHydrationFns) {
             parentSuspense
           );
         }
-        if (process.env.NODE_ENV !== "production" || __VUE_PROD_DEVTOOLS__) {
+        if (!!(process.env.NODE_ENV !== "production") || __VUE_PROD_DEVTOOLS__) {
           devtoolsComponentUpdated(instance);
         }
-        if (process.env.NODE_ENV !== "production") {
+        if (!!(process.env.NODE_ENV !== "production")) {
           popWarningContext();
         }
       }
@@ -8839,7 +8835,7 @@ function baseCreateRenderer(options, createHydrationFns) {
     const update = instance.update = () => effect.run();
     update.id = instance.uid;
     toggleRecurse(instance, true);
-    if (process.env.NODE_ENV !== "production") {
+    if (!!(process.env.NODE_ENV !== "production")) {
       effect.onTrack = instance.rtc ? (e) => invokeArrayFns(instance.rtc, e) : void 0;
       effect.onTrigger = instance.rtg ? (e) => invokeArrayFns(instance.rtg, e) : void 0;
       update.ownerInstance = instance;
@@ -9055,7 +9051,7 @@ function baseCreateRenderer(options, createHydrationFns) {
       for (i = s2; i <= e2; i++) {
         const nextChild = c2[i] = optimized ? cloneIfMounted(c2[i]) : normalizeVNode(c2[i]);
         if (nextChild.key != null) {
-          if (process.env.NODE_ENV !== "production" && keyToNewIndexMap.has(nextChild.key)) {
+          if (!!(process.env.NODE_ENV !== "production") && keyToNewIndexMap.has(nextChild.key)) {
             warn(
               `Duplicate keys found during update:`,
               JSON.stringify(nextChild.key),
@@ -9261,7 +9257,7 @@ function baseCreateRenderer(options, createHydrationFns) {
   const remove = (vnode) => {
     const { type, el, anchor, transition } = vnode;
     if (type === Fragment) {
-      if (process.env.NODE_ENV !== "production" && vnode.patchFlag > 0 && vnode.patchFlag & 2048 && transition && !transition.persisted) {
+      if (!!(process.env.NODE_ENV !== "production") && vnode.patchFlag > 0 && vnode.patchFlag & 2048 && transition && !transition.persisted) {
         vnode.children.forEach((child) => {
           if (child.type === Comment) {
             hostRemove(child.el);
@@ -9306,7 +9302,7 @@ function baseCreateRenderer(options, createHydrationFns) {
     hostRemove(end);
   };
   const unmountComponent = (instance, parentSuspense, doRemove) => {
-    if (process.env.NODE_ENV !== "production" && instance.type.__hmrId) {
+    if (!!(process.env.NODE_ENV !== "production") && instance.type.__hmrId) {
       unregisterHMR(instance);
     }
     const { bum, scope, update, subTree, um } = instance;
@@ -9339,7 +9335,7 @@ function baseCreateRenderer(options, createHydrationFns) {
         parentSuspense.resolve();
       }
     }
-    if (process.env.NODE_ENV !== "production" || __VUE_PROD_DEVTOOLS__) {
+    if (!!(process.env.NODE_ENV !== "production") || __VUE_PROD_DEVTOOLS__) {
       devtoolsComponentRemoved(instance);
     }
   };
@@ -9415,7 +9411,7 @@ function traverseStaticChildren(n1, n2, shallow = false) {
       if (c2.type === Text) {
         c2.el = c1.el;
       }
-      if (process.env.NODE_ENV !== "production" && c2.type === Comment && !c2.el) {
+      if (!!(process.env.NODE_ENV !== "production") && c2.type === Comment && !c2.el) {
         c2.el = c1.el;
       }
     }
@@ -9469,21 +9465,21 @@ const resolveTarget = (props, select) => {
   const targetSelector = props && props.to;
   if (isString(targetSelector)) {
     if (!select) {
-      process.env.NODE_ENV !== "production" && warn(
+      !!(process.env.NODE_ENV !== "production") && warn(
         `Current renderer does not support string target for Teleports. (missing querySelector renderer option)`
       );
       return null;
     } else {
       const target = select(targetSelector);
       if (!target) {
-        process.env.NODE_ENV !== "production" && warn(
+        !!(process.env.NODE_ENV !== "production") && warn(
           `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.`
         );
       }
       return target;
     }
   } else {
-    if (process.env.NODE_ENV !== "production" && !targetSelector && !isTeleportDisabled(props)) {
+    if (!!(process.env.NODE_ENV !== "production") && !targetSelector && !isTeleportDisabled(props)) {
       warn(`Invalid Teleport target: ${targetSelector}`);
     }
     return targetSelector;
@@ -9500,13 +9496,13 @@ const TeleportImpl = {
     } = internals;
     const disabled = isTeleportDisabled(n2.props);
     let { shapeFlag, children, dynamicChildren } = n2;
-    if (process.env.NODE_ENV !== "production" && isHmrUpdating) {
+    if (!!(process.env.NODE_ENV !== "production") && isHmrUpdating) {
       optimized = false;
       dynamicChildren = null;
     }
     if (n1 == null) {
-      const placeholder = n2.el = process.env.NODE_ENV !== "production" ? createComment("teleport start") : createText("");
-      const mainAnchor = n2.anchor = process.env.NODE_ENV !== "production" ? createComment("teleport end") : createText("");
+      const placeholder = n2.el = !!(process.env.NODE_ENV !== "production") ? createComment("teleport start") : createText("");
+      const mainAnchor = n2.anchor = !!(process.env.NODE_ENV !== "production") ? createComment("teleport end") : createText("");
       insert(placeholder, container, anchor);
       insert(mainAnchor, container, anchor);
       const target = n2.target = resolveTarget(n2.props, querySelector);
@@ -9514,7 +9510,7 @@ const TeleportImpl = {
       if (target) {
         insert(targetAnchor, target);
         isSVG = isSVG || isTargetSVG(target);
-      } else if (process.env.NODE_ENV !== "production" && !disabled) {
+      } else if (!!(process.env.NODE_ENV !== "production") && !disabled) {
         warn("Invalid Teleport target on mount:", target, `(${typeof target})`);
       }
       const mount = (container2, anchor2) => {
@@ -9578,6 +9574,10 @@ const TeleportImpl = {
             internals,
             1
           );
+        } else {
+          if (n2.props && n1.props && n2.props.to !== n1.props.to) {
+            n2.props.to = n1.props.to;
+          }
         }
       } else {
         if ((n2.props && n2.props.to) !== (n1.props && n1.props.to)) {
@@ -9593,7 +9593,7 @@ const TeleportImpl = {
               internals,
               0
             );
-          } else if (process.env.NODE_ENV !== "production") {
+          } else if (!!(process.env.NODE_ENV !== "production")) {
             warn(
               "Invalid Teleport target on update:",
               target,
@@ -9830,7 +9830,7 @@ function isVNode(value) {
   return value ? value.__v_isVNode === true : false;
 }
 function isSameVNodeType(n1, n2) {
-  if (process.env.NODE_ENV !== "production" && n2.shapeFlag & 6 && hmrDirtyComponents.has(n2.type)) {
+  if (!!(process.env.NODE_ENV !== "production") && n2.shapeFlag & 6 && hmrDirtyComponents.has(n2.type)) {
     n1.shapeFlag &= ~256;
     n2.shapeFlag &= ~512;
     return false;
@@ -9895,7 +9895,7 @@ function createBaseVNode(type, props = null, children = null, patchFlag = 0, dyn
   } else if (children) {
     vnode.shapeFlag |= isString(children) ? 8 : 16;
   }
-  if (process.env.NODE_ENV !== "production" && vnode.key !== vnode.key) {
+  if (!!(process.env.NODE_ENV !== "production") && vnode.key !== vnode.key) {
     warn(`VNode created with invalid key (NaN). VNode type:`, vnode.type);
   }
   if (isBlockTreeEnabled > 0 && // avoid a block node from tracking itself
@@ -9915,10 +9915,10 @@ function createBaseVNode(type, props = null, children = null, patchFlag = 0, dyn
   }
   return vnode;
 }
-const createVNode = process.env.NODE_ENV !== "production" ? createVNodeWithArgsTransform : _createVNode;
+const createVNode = !!(process.env.NODE_ENV !== "production") ? createVNodeWithArgsTransform : _createVNode;
 function _createVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, isBlockNode = false) {
   if (!type || type === NULL_DYNAMIC_COMPONENT) {
-    if (process.env.NODE_ENV !== "production" && !type) {
+    if (!!(process.env.NODE_ENV !== "production") && !type) {
       warn(`Invalid vnode type when creating vnode: ${type}.`);
     }
     type = Comment;
@@ -9963,7 +9963,7 @@ function _createVNode(type, props = null, children = null, patchFlag = 0, dynami
     }
   }
   const shapeFlag = isString(type) ? 1 : isSuspense(type) ? 128 : isTeleport(type) ? 64 : isObject(type) ? 4 : isFunction(type) ? 2 : 0;
-  if (process.env.NODE_ENV !== "production" && shapeFlag & 4 && isProxy(type)) {
+  if (!!(process.env.NODE_ENV !== "production") && shapeFlag & 4 && isProxy(type)) {
     type = toRaw(type);
     warn(
       `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\`.`,
@@ -10005,7 +10005,7 @@ function cloneVNode(vnode, extraProps, mergeRef = false) {
     ) : ref,
     scopeId: vnode.scopeId,
     slotScopeIds: vnode.slotScopeIds,
-    children: process.env.NODE_ENV !== "production" && patchFlag === -1 && isArray(children) ? children.map(deepCloneVNode) : children,
+    children: !!(process.env.NODE_ENV !== "production") && patchFlag === -1 && isArray(children) ? children.map(deepCloneVNode) : children,
     target: vnode.target,
     targetAnchor: vnode.targetAnchor,
     staticCount: vnode.staticCount,
@@ -10232,7 +10232,7 @@ function createComponentInstance(vnode, parent, suspense) {
     ec: null,
     sp: null
   };
-  if (process.env.NODE_ENV !== "production") {
+  if (!!(process.env.NODE_ENV !== "production")) {
     instance.ctx = createDevRenderContext(instance);
   } else {
     instance.ctx = { _: instance };
@@ -10296,7 +10296,7 @@ function setupComponent(instance, isSSR = false) {
 function setupStatefulComponent(instance, isSSR) {
   var _a;
   const Component = instance.type;
-  if (process.env.NODE_ENV !== "production") {
+  if (!!(process.env.NODE_ENV !== "production")) {
     if (Component.name) {
       validateComponentName(Component.name, instance.appContext.config);
     }
@@ -10320,7 +10320,7 @@ function setupStatefulComponent(instance, isSSR) {
   }
   instance.accessCache = /* @__PURE__ */ Object.create(null);
   instance.proxy = markRaw(new Proxy(instance.ctx, PublicInstanceProxyHandlers));
-  if (process.env.NODE_ENV !== "production") {
+  if (!!(process.env.NODE_ENV !== "production")) {
     exposePropsOnRenderContext(instance);
   }
   const { setup } = Component;
@@ -10332,7 +10332,7 @@ function setupStatefulComponent(instance, isSSR) {
       setup,
       instance,
       0,
-      [process.env.NODE_ENV !== "production" ? shallowReadonly(instance.props) : instance.props, setupContext]
+      [!!(process.env.NODE_ENV !== "production") ? shallowReadonly(instance.props) : instance.props, setupContext]
     );
     resetTracking();
     unsetCurrentInstance();
@@ -10346,7 +10346,7 @@ function setupStatefulComponent(instance, isSSR) {
         });
       } else {
         instance.asyncDep = setupResult;
-        if (process.env.NODE_ENV !== "production" && !instance.suspense) {
+        if (!!(process.env.NODE_ENV !== "production") && !instance.suspense) {
           const name = (_a = Component.name) != null ? _a : "Anonymous";
           warn(
             `Component <${name}>: setup function returned a promise, but no <Suspense> boundary was found in the parent component tree. A component with async setup() must be nested in a <Suspense> in order to be rendered.`
@@ -10368,19 +10368,19 @@ function handleSetupResult(instance, setupResult, isSSR) {
       instance.render = setupResult;
     }
   } else if (isObject(setupResult)) {
-    if (process.env.NODE_ENV !== "production" && isVNode(setupResult)) {
+    if (!!(process.env.NODE_ENV !== "production") && isVNode(setupResult)) {
       warn(
         `setup() should not return VNodes directly - return a render function instead.`
       );
     }
-    if (process.env.NODE_ENV !== "production" || __VUE_PROD_DEVTOOLS__) {
+    if (!!(process.env.NODE_ENV !== "production") || __VUE_PROD_DEVTOOLS__) {
       instance.devtoolsRawSetupState = setupResult;
     }
     instance.setupState = proxyRefs(setupResult);
-    if (process.env.NODE_ENV !== "production") {
+    if (!!(process.env.NODE_ENV !== "production")) {
       exposeSetupStateOnRenderContext(instance);
     }
-  } else if (process.env.NODE_ENV !== "production" && setupResult !== void 0) {
+  } else if (!!(process.env.NODE_ENV !== "production") && setupResult !== void 0) {
     warn(
       `setup() should return an object. Received: ${setupResult === null ? "null" : typeof setupResult}`
     );
@@ -10402,7 +10402,7 @@ function finishComponentSetup(instance, isSSR, skipOptions) {
   const Component = instance.type;
   {
     convertLegacyRenderFn(instance);
-    if (process.env.NODE_ENV !== "production" && Component.compatConfig) {
+    if (!!(process.env.NODE_ENV !== "production") && Component.compatConfig) {
       validateCompatConfig(Component.compatConfig);
     }
   }
@@ -10410,7 +10410,7 @@ function finishComponentSetup(instance, isSSR, skipOptions) {
     if (!isSSR && compile && !Component.render) {
       const template = instance.vnode.props && instance.vnode.props["inline-template"] || Component.template || resolveMergedOptions(instance).template;
       if (template) {
-        if (process.env.NODE_ENV !== "production") {
+        if (!!(process.env.NODE_ENV !== "production")) {
           startMeasure(instance, `compile`);
         }
         const { isCustomElement, compilerOptions } = instance.appContext.config;
@@ -10432,7 +10432,7 @@ function finishComponentSetup(instance, isSSR, skipOptions) {
           }
         }
         Component.render = compile(template, finalCompilerOptions);
-        if (process.env.NODE_ENV !== "production") {
+        if (!!(process.env.NODE_ENV !== "production")) {
           endMeasure(instance, `compile`);
         }
       }
@@ -10445,11 +10445,14 @@ function finishComponentSetup(instance, isSSR, skipOptions) {
   if (__VUE_OPTIONS_API__ && !skipOptions) {
     setCurrentInstance(instance);
     pauseTracking();
-    applyOptions(instance);
-    resetTracking();
-    unsetCurrentInstance();
+    try {
+      applyOptions(instance);
+    } finally {
+      resetTracking();
+      unsetCurrentInstance();
+    }
   }
-  if (process.env.NODE_ENV !== "production" && !Component.render && instance.render === NOOP && !isSSR) {
+  if (!!(process.env.NODE_ENV !== "production") && !Component.render && instance.render === NOOP && !isSSR) {
     if (!compile && Component.template) {
       warn(
         `Component provided template option but runtime compilation is not supported in this build of Vue.` + (` Configure your bundler to alias "vue" to "vue/dist/vue.esm-bundler.js".` )
@@ -10463,7 +10466,7 @@ function finishComponentSetup(instance, isSSR, skipOptions) {
 function getAttrsProxy(instance) {
   return instance.attrsProxy || (instance.attrsProxy = new Proxy(
     instance.attrs,
-    process.env.NODE_ENV !== "production" ? {
+    !!(process.env.NODE_ENV !== "production") ? {
       get(target, key) {
         markAttrsAccessed();
         track(instance, "get", "$attrs");
@@ -10495,7 +10498,7 @@ function getSlotsProxy(instance) {
 }
 function createSetupContext(instance) {
   const expose = (exposed) => {
-    if (process.env.NODE_ENV !== "production") {
+    if (!!(process.env.NODE_ENV !== "production")) {
       if (instance.exposed) {
         warn(`expose() should be called only once per setup().`);
       }
@@ -10517,7 +10520,7 @@ function createSetupContext(instance) {
     }
     instance.exposed = exposed || {};
   };
-  if (process.env.NODE_ENV !== "production") {
+  if (!!(process.env.NODE_ENV !== "production")) {
     return Object.freeze({
       get attrs() {
         return getAttrsProxy(instance);
@@ -10618,7 +10621,7 @@ const useSSRContext = () => {
   {
     const ctx = inject(ssrContextKey);
     if (!ctx) {
-      process.env.NODE_ENV !== "production" && warn(
+      !!(process.env.NODE_ENV !== "production") && warn(
         `Server rendering context not provided. Make sure to only call useSSRContext() conditionally in the server build.`
       );
     }
@@ -10627,7 +10630,7 @@ const useSSRContext = () => {
 };
 
 function initCustomFormatter() {
-  if (!(process.env.NODE_ENV !== "production") || typeof window === "undefined") {
+  if (!!!(process.env.NODE_ENV !== "production") || typeof window === "undefined") {
     return;
   }
   const vueStyle = { style: "color:#3ba776" };
@@ -10827,7 +10830,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.3.3";
+const version = "3.3.5";
 const _ssrUtils = {
   createComponentInstance,
   setupComponent,
@@ -10914,934 +10917,996 @@ const nodeOps = {
   }
 };
 
-function patchClass(el, value, isSVG) {
-  const transitionClasses = el._vtc;
-  if (transitionClasses) {
-    value = (value ? [value, ...transitionClasses] : [...transitionClasses]).join(" ");
-  }
-  if (value == null) {
-    el.removeAttribute("class");
-  } else if (isSVG) {
-    el.setAttribute("class", value);
-  } else {
-    el.className = value;
-  }
+const TRANSITION = "transition";
+const ANIMATION = "animation";
+const vtcKey = Symbol("_vtc");
+const Transition = (props, { slots }) => h(BaseTransition, resolveTransitionProps(props), slots);
+Transition.displayName = "Transition";
+{
+  Transition.__isBuiltIn = true;
 }
-
-function patchStyle(el, prev, next) {
-  const style = el.style;
-  const isCssString = isString(next);
-  if (next && !isCssString) {
-    if (prev && !isString(prev)) {
-      for (const key in prev) {
-        if (next[key] == null) {
-          setStyle(style, key, "");
-        }
-      }
-    }
-    for (const key in next) {
-      setStyle(style, key, next[key]);
-    }
-  } else {
-    const currentDisplay = style.display;
-    if (isCssString) {
-      if (prev !== next) {
-        style.cssText = next;
-      }
-    } else if (prev) {
-      el.removeAttribute("style");
-    }
-    if ("_vod" in el) {
-      style.display = currentDisplay;
-    }
+const DOMTransitionPropsValidators = {
+  name: String,
+  type: String,
+  css: {
+    type: Boolean,
+    default: true
+  },
+  duration: [String, Number, Object],
+  enterFromClass: String,
+  enterActiveClass: String,
+  enterToClass: String,
+  appearFromClass: String,
+  appearActiveClass: String,
+  appearToClass: String,
+  leaveFromClass: String,
+  leaveActiveClass: String,
+  leaveToClass: String
+};
+const TransitionPropsValidators = Transition.props = /* @__PURE__ */ extend(
+  {},
+  BaseTransitionPropsValidators,
+  DOMTransitionPropsValidators
+);
+const callHook = (hook, args = []) => {
+  if (isArray(hook)) {
+    hook.forEach((h2) => h2(...args));
+  } else if (hook) {
+    hook(...args);
   }
-}
-const semicolonRE = /[^\\];\s*$/;
-const importantRE = /\s*!important$/;
-function setStyle(style, name, val) {
-  if (isArray(val)) {
-    val.forEach((v) => setStyle(style, name, v));
-  } else {
-    if (val == null)
-      val = "";
-    if (process.env.NODE_ENV !== "production") {
-      if (semicolonRE.test(val)) {
-        warn(
-          `Unexpected semicolon at the end of '${name}' style value: '${val}'`
-        );
-      }
-    }
-    if (name.startsWith("--")) {
-      style.setProperty(name, val);
-    } else {
-      const prefixed = autoPrefix(style, name);
-      if (importantRE.test(val)) {
-        style.setProperty(
-          hyphenate(prefixed),
-          val.replace(importantRE, ""),
-          "important"
-        );
-      } else {
-        style[prefixed] = val;
-      }
+};
+const hasExplicitCallback = (hook) => {
+  return hook ? isArray(hook) ? hook.some((h2) => h2.length > 1) : hook.length > 1 : false;
+};
+function resolveTransitionProps(rawProps) {
+  const baseProps = {};
+  for (const key in rawProps) {
+    if (!(key in DOMTransitionPropsValidators)) {
+      baseProps[key] = rawProps[key];
     }
   }
-}
-const prefixes = ["Webkit", "Moz", "ms"];
-const prefixCache = {};
-function autoPrefix(style, rawName) {
-  const cached = prefixCache[rawName];
-  if (cached) {
-    return cached;
-  }
-  let name = camelize(rawName);
-  if (name !== "filter" && name in style) {
-    return prefixCache[rawName] = name;
-  }
-  name = capitalize(name);
-  for (let i = 0; i < prefixes.length; i++) {
-    const prefixed = prefixes[i] + name;
-    if (prefixed in style) {
-      return prefixCache[rawName] = prefixed;
-    }
+  if (rawProps.css === false) {
+    return baseProps;
   }
-  return rawName;
-}
-
-const xlinkNS = "http://www.w3.org/1999/xlink";
-function patchAttr(el, key, value, isSVG, instance) {
-  if (isSVG && key.startsWith("xlink:")) {
-    if (value == null) {
-      el.removeAttributeNS(xlinkNS, key.slice(6, key.length));
-    } else {
-      el.setAttributeNS(xlinkNS, key, value);
-    }
-  } else {
-    if (compatCoerceAttr(el, key, value, instance)) {
-      return;
+  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 legacyClassEnabled = compatUtils.isCompatEnabled("TRANSITION_CLASSES", null);
+  let legacyEnterFromClass;
+  let legacyAppearFromClass;
+  let legacyLeaveFromClass;
+  if (legacyClassEnabled) {
+    const toLegacyClass = (cls) => cls.replace(/-from$/, "");
+    if (!rawProps.enterFromClass) {
+      legacyEnterFromClass = toLegacyClass(enterFromClass);
     }
-    const isBoolean = isSpecialBooleanAttr(key);
-    if (value == null || isBoolean && !includeBooleanAttr(value)) {
-      el.removeAttribute(key);
-    } else {
-      el.setAttribute(key, isBoolean ? "" : value);
+    if (!rawProps.appearFromClass) {
+      legacyAppearFromClass = toLegacyClass(appearFromClass);
     }
-  }
-}
-const isEnumeratedAttr = /* @__PURE__ */ makeMap("contenteditable,draggable,spellcheck") ;
-function compatCoerceAttr(el, key, value, instance = null) {
-  if (isEnumeratedAttr(key)) {
-    const v2CoercedValue = value === null ? "false" : typeof value !== "boolean" && value !== void 0 ? "true" : null;
-    if (v2CoercedValue && compatUtils.softAssertCompatEnabled(
-      "ATTR_ENUMERATED_COERCION",
-      instance,
-      key,
-      value,
-      v2CoercedValue
-    )) {
-      el.setAttribute(key, v2CoercedValue);
-      return true;
+    if (!rawProps.leaveFromClass) {
+      legacyLeaveFromClass = toLegacyClass(leaveFromClass);
     }
-  } else if (value === false && !isSpecialBooleanAttr(key) && compatUtils.softAssertCompatEnabled(
-    "ATTR_FALSE_VALUE",
-    instance,
-    key
-  )) {
-    el.removeAttribute(key);
-    return true;
   }
-  return false;
-}
-
-function patchDOMProp(el, key, value, prevChildren, parentComponent, parentSuspense, unmountChildren) {
-  if (key === "innerHTML" || key === "textContent") {
-    if (prevChildren) {
-      unmountChildren(prevChildren, parentComponent, parentSuspense);
-    }
-    el[key] = value == null ? "" : value;
-    return;
-  }
-  const tag = el.tagName;
-  if (key === "value" && tag !== "PROGRESS" && // custom elements may use _value internally
-  !tag.includes("-")) {
-    el._value = value;
-    const oldValue = tag === "OPTION" ? el.getAttribute("value") : el.value;
-    const newValue = value == null ? "" : value;
-    if (oldValue !== newValue) {
-      el.value = newValue;
-    }
-    if (value == null) {
-      el.removeAttribute(key);
-    }
-    return;
-  }
-  let needRemove = false;
-  if (value === "" || value == null) {
-    const type = typeof el[key];
-    if (type === "boolean") {
-      value = includeBooleanAttr(value);
-    } else if (value == null && type === "string") {
-      value = "";
-      needRemove = true;
-    } else if (type === "number") {
-      value = 0;
-      needRemove = true;
-    }
-  } else {
-    if (value === false && compatUtils.isCompatEnabled(
-      "ATTR_FALSE_VALUE",
-      parentComponent
-    )) {
-      const type = typeof el[key];
-      if (type === "string" || type === "number") {
-        process.env.NODE_ENV !== "production" && compatUtils.warnDeprecation(
-          "ATTR_FALSE_VALUE",
-          parentComponent,
-          key
-        );
-        value = type === "number" ? 0 : "";
-        needRemove = true;
+  const durations = normalizeDuration(duration);
+  const enterDuration = durations && durations[0];
+  const leaveDuration = durations && durations[1];
+  const {
+    onBeforeEnter,
+    onEnter,
+    onEnterCancelled,
+    onLeave,
+    onLeaveCancelled,
+    onBeforeAppear = onBeforeEnter,
+    onAppear = onEnter,
+    onAppearCancelled = onEnterCancelled
+  } = baseProps;
+  const finishEnter = (el, isAppear, done) => {
+    removeTransitionClass(el, isAppear ? appearToClass : enterToClass);
+    removeTransitionClass(el, isAppear ? appearActiveClass : enterActiveClass);
+    done && done();
+  };
+  const finishLeave = (el, done) => {
+    el._isLeaving = false;
+    removeTransitionClass(el, leaveFromClass);
+    removeTransitionClass(el, leaveToClass);
+    removeTransitionClass(el, leaveActiveClass);
+    done && done();
+  };
+  const makeEnterHook = (isAppear) => {
+    return (el, done) => {
+      const hook = isAppear ? onAppear : onEnter;
+      const resolve = () => finishEnter(el, isAppear, done);
+      callHook(hook, [el, resolve]);
+      nextFrame(() => {
+        removeTransitionClass(el, isAppear ? appearFromClass : enterFromClass);
+        if (legacyClassEnabled) {
+          const legacyClass = isAppear ? legacyAppearFromClass : legacyEnterFromClass;
+          if (legacyClass) {
+            removeTransitionClass(el, legacyClass);
+          }
+        }
+        addTransitionClass(el, isAppear ? appearToClass : enterToClass);
+        if (!hasExplicitCallback(hook)) {
+          whenTransitionEnds(el, type, enterDuration, resolve);
+        }
+      });
+    };
+  };
+  return extend(baseProps, {
+    onBeforeEnter(el) {
+      callHook(onBeforeEnter, [el]);
+      addTransitionClass(el, enterFromClass);
+      if (legacyClassEnabled && legacyEnterFromClass) {
+        addTransitionClass(el, legacyEnterFromClass);
       }
+      addTransitionClass(el, enterActiveClass);
+    },
+    onBeforeAppear(el) {
+      callHook(onBeforeAppear, [el]);
+      addTransitionClass(el, appearFromClass);
+      if (legacyClassEnabled && legacyAppearFromClass) {
+        addTransitionClass(el, legacyAppearFromClass);
+      }
+      addTransitionClass(el, appearActiveClass);
+    },
+    onEnter: makeEnterHook(false),
+    onAppear: makeEnterHook(true),
+    onLeave(el, done) {
+      el._isLeaving = true;
+      const resolve = () => finishLeave(el, done);
+      addTransitionClass(el, leaveFromClass);
+      if (legacyClassEnabled && legacyLeaveFromClass) {
+        addTransitionClass(el, legacyLeaveFromClass);
+      }
+      forceReflow();
+      addTransitionClass(el, leaveActiveClass);
+      nextFrame(() => {
+        if (!el._isLeaving) {
+          return;
+        }
+        removeTransitionClass(el, leaveFromClass);
+        if (legacyClassEnabled && legacyLeaveFromClass) {
+          removeTransitionClass(el, legacyLeaveFromClass);
+        }
+        addTransitionClass(el, leaveToClass);
+        if (!hasExplicitCallback(onLeave)) {
+          whenTransitionEnds(el, type, leaveDuration, resolve);
+        }
+      });
+      callHook(onLeave, [el, resolve]);
+    },
+    onEnterCancelled(el) {
+      finishEnter(el, false);
+      callHook(onEnterCancelled, [el]);
+    },
+    onAppearCancelled(el) {
+      finishEnter(el, true);
+      callHook(onAppearCancelled, [el]);
+    },
+    onLeaveCancelled(el) {
+      finishLeave(el);
+      callHook(onLeaveCancelled, [el]);
     }
+  });
+}
+function normalizeDuration(duration) {
+  if (duration == null) {
+    return null;
+  } else if (isObject(duration)) {
+    return [NumberOf(duration.enter), NumberOf(duration.leave)];
+  } else {
+    const n = NumberOf(duration);
+    return [n, n];
   }
-  try {
-    el[key] = value;
-  } catch (e) {
-    if (process.env.NODE_ENV !== "production" && !needRemove) {
-      warn(
-        `Failed setting prop "${key}" on <${tag.toLowerCase()}>: value ${value} is invalid.`,
-        e
-      );
-    }
-  }
-  needRemove && el.removeAttribute(key);
 }
-
-function addEventListener(el, event, handler, options) {
-  el.addEventListener(event, handler, options);
+function NumberOf(val) {
+  const res = toNumber(val);
+  if (!!(process.env.NODE_ENV !== "production")) {
+    assertNumber(res, "<transition> explicit duration");
+  }
+  return res;
 }
-function removeEventListener(el, event, handler, options) {
-  el.removeEventListener(event, handler, options);
+function addTransitionClass(el, cls) {
+  cls.split(/\s+/).forEach((c) => c && el.classList.add(c));
+  (el[vtcKey] || (el[vtcKey] = /* @__PURE__ */ new Set())).add(cls);
 }
-function patchEvent(el, rawName, prevValue, nextValue, instance = null) {
-  const invokers = el._vei || (el._vei = {});
-  const existingInvoker = invokers[rawName];
-  if (nextValue && existingInvoker) {
-    existingInvoker.value = nextValue;
-  } else {
-    const [name, options] = parseName(rawName);
-    if (nextValue) {
-      const invoker = invokers[rawName] = createInvoker(nextValue, instance);
-      addEventListener(el, name, invoker, options);
-    } else if (existingInvoker) {
-      removeEventListener(el, name, existingInvoker, options);
-      invokers[rawName] = void 0;
+function removeTransitionClass(el, cls) {
+  cls.split(/\s+/).forEach((c) => c && el.classList.remove(c));
+  const _vtc = el[vtcKey];
+  if (_vtc) {
+    _vtc.delete(cls);
+    if (!_vtc.size) {
+      el[vtcKey] = void 0;
     }
   }
 }
-const optionsModifierRE = /(?:Once|Passive|Capture)$/;
-function parseName(name) {
-  let options;
-  if (optionsModifierRE.test(name)) {
-    options = {};
-    let m;
-    while (m = name.match(optionsModifierRE)) {
-      name = name.slice(0, name.length - m[0].length);
-      options[m[0].toLowerCase()] = true;
+function nextFrame(cb) {
+  requestAnimationFrame(() => {
+    requestAnimationFrame(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 event = name[2] === ":" ? name.slice(3) : hyphenate(name.slice(2));
-  return [event, options];
-}
-let cachedNow = 0;
-const p = /* @__PURE__ */ Promise.resolve();
-const getNow = () => cachedNow || (p.then(() => cachedNow = 0), cachedNow = Date.now());
-function createInvoker(initialValue, instance) {
-  const invoker = (e) => {
-    if (!e._vts) {
-      e._vts = Date.now();
-    } else if (e._vts <= invoker.attached) {
-      return;
+  const { type, timeout, propCount } = getTransitionInfo(el, expectedType);
+  if (!type) {
+    return resolve();
+  }
+  const endEvent = type + "end";
+  let ended = 0;
+  const end = () => {
+    el.removeEventListener(endEvent, onEnd);
+    resolveIfNotStale();
+  };
+  const onEnd = (e) => {
+    if (e.target === el && ++ended >= propCount) {
+      end();
     }
-    callWithAsyncErrorHandling(
-      patchStopImmediatePropagation(e, invoker.value),
-      instance,
-      5,
-      [e]
-    );
   };
-  invoker.value = initialValue;
-  invoker.attached = getNow();
-  return invoker;
+  setTimeout(() => {
+    if (ended < propCount) {
+      end();
+    }
+  }, timeout + 1);
+  el.addEventListener(endEvent, onEnd);
 }
-function patchStopImmediatePropagation(e, value) {
-  if (isArray(value)) {
-    const originalStop = e.stopImmediatePropagation;
-    e.stopImmediatePropagation = () => {
-      originalStop.call(e);
-      e._stopped = true;
-    };
-    return value.map((fn) => (e2) => !e2._stopped && fn && fn(e2));
+function getTransitionInfo(el, expectedType) {
+  const styles = window.getComputedStyle(el);
+  const getStyleProperties = (key) => (styles[key] || "").split(", ");
+  const transitionDelays = getStyleProperties(`${TRANSITION}Delay`);
+  const transitionDurations = getStyleProperties(`${TRANSITION}Duration`);
+  const transitionTimeout = getTimeout(transitionDelays, transitionDurations);
+  const animationDelays = getStyleProperties(`${ANIMATION}Delay`);
+  const animationDurations = getStyleProperties(`${ANIMATION}Duration`);
+  const animationTimeout = getTimeout(animationDelays, animationDurations);
+  let type = null;
+  let timeout = 0;
+  let propCount = 0;
+  if (expectedType === TRANSITION) {
+    if (transitionTimeout > 0) {
+      type = TRANSITION;
+      timeout = transitionTimeout;
+      propCount = transitionDurations.length;
+    }
+  } else if (expectedType === ANIMATION) {
+    if (animationTimeout > 0) {
+      type = ANIMATION;
+      timeout = animationTimeout;
+      propCount = animationDurations.length;
+    }
   } else {
-    return value;
+    timeout = Math.max(transitionTimeout, animationTimeout);
+    type = timeout > 0 ? transitionTimeout > animationTimeout ? TRANSITION : ANIMATION : null;
+    propCount = type ? type === TRANSITION ? transitionDurations.length : animationDurations.length : 0;
+  }
+  const hasTransform = type === TRANSITION && /\b(transform|all)(,|$)/.test(
+    getStyleProperties(`${TRANSITION}Property`).toString()
+  );
+  return {
+    type,
+    timeout,
+    propCount,
+    hasTransform
+  };
+}
+function getTimeout(delays, durations) {
+  while (delays.length < durations.length) {
+    delays = delays.concat(delays);
   }
+  return Math.max(...durations.map((d, i) => toMs(d) + toMs(delays[i])));
+}
+function toMs(s) {
+  if (s === "auto")
+    return 0;
+  return Number(s.slice(0, -1).replace(",", ".")) * 1e3;
+}
+function forceReflow() {
+  return document.body.offsetHeight;
 }
 
-const nativeOnRE = /^on[a-z]/;
-const patchProp = (el, key, prevValue, nextValue, isSVG = false, prevChildren, parentComponent, parentSuspense, unmountChildren) => {
-  if (key === "class") {
-    patchClass(el, nextValue, isSVG);
-  } else if (key === "style") {
-    patchStyle(el, prevValue, nextValue);
-  } else if (isOn(key)) {
-    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
-    );
+function patchClass(el, value, isSVG) {
+  const transitionClasses = el[vtcKey];
+  if (transitionClasses) {
+    value = (value ? [value, ...transitionClasses] : [...transitionClasses]).join(" ");
+  }
+  if (value == null) {
+    el.removeAttribute("class");
+  } else if (isSVG) {
+    el.setAttribute("class", value);
   } else {
-    if (key === "true-value") {
-      el._trueValue = nextValue;
-    } else if (key === "false-value") {
-      el._falseValue = nextValue;
-    }
-    patchAttr(el, key, nextValue, isSVG, parentComponent);
+    el.className = value;
   }
-};
-function shouldSetAsProp(el, key, value, isSVG) {
-  if (isSVG) {
-    if (key === "innerHTML" || key === "textContent") {
-      return true;
+}
+
+const vShowOldKey = Symbol("_vod");
+const vShow = {
+  beforeMount(el, { value }, { transition }) {
+    el[vShowOldKey] = el.style.display === "none" ? "" : el.style.display;
+    if (transition && value) {
+      transition.beforeEnter(el);
+    } else {
+      setDisplay(el, value);
     }
-    if (key in el && nativeOnRE.test(key) && isFunction(value)) {
-      return true;
+  },
+  mounted(el, { value }, { transition }) {
+    if (transition && value) {
+      transition.enter(el);
     }
-    return false;
-  }
-  if (key === "spellcheck" || key === "draggable" || key === "translate") {
-    return false;
-  }
-  if (key === "form") {
-    return false;
-  }
-  if (key === "list" && el.tagName === "INPUT") {
-    return false;
-  }
-  if (key === "type" && el.tagName === "TEXTAREA") {
-    return false;
-  }
-  if (nativeOnRE.test(key) && isString(value)) {
-    return false;
+  },
+  updated(el, { value, oldValue }, { transition }) {
+    if (!value === !oldValue)
+      return;
+    if (transition) {
+      if (value) {
+        transition.beforeEnter(el);
+        setDisplay(el, true);
+        transition.enter(el);
+      } else {
+        transition.leave(el, () => {
+          setDisplay(el, false);
+        });
+      }
+    } else {
+      setDisplay(el, value);
+    }
+  },
+  beforeUnmount(el, { value }) {
+    setDisplay(el, value);
   }
-  return key in el;
+};
+function setDisplay(el, value) {
+  el.style.display = value ? el[vShowOldKey] : "none";
+}
+function initVShowForSSR() {
+  vShow.getSSRProps = ({ value }) => {
+    if (!value) {
+      return { style: { display: "none" } };
+    }
+  };
 }
 
-function defineCustomElement(options, hydrate2) {
-  const Comp = defineComponent(options);
-  class VueCustomElement extends VueElement {
-    constructor(initialProps) {
-      super(Comp, initialProps, hydrate2);
+function patchStyle(el, prev, next) {
+  const style = el.style;
+  const isCssString = isString(next);
+  if (next && !isCssString) {
+    if (prev && !isString(prev)) {
+      for (const key in prev) {
+        if (next[key] == null) {
+          setStyle(style, key, "");
+        }
+      }
+    }
+    for (const key in next) {
+      setStyle(style, key, next[key]);
+    }
+  } else {
+    const currentDisplay = style.display;
+    if (isCssString) {
+      if (prev !== next) {
+        style.cssText = next;
+      }
+    } else if (prev) {
+      el.removeAttribute("style");
+    }
+    if (vShowOldKey in el) {
+      style.display = currentDisplay;
     }
   }
-  VueCustomElement.def = Comp;
-  return VueCustomElement;
 }
-const defineSSRCustomElement = (options) => {
-  return defineCustomElement(options, hydrate);
-};
-const BaseClass = typeof HTMLElement !== "undefined" ? HTMLElement : class {
-};
-class VueElement extends BaseClass {
-  constructor(_def, _props = {}, hydrate2) {
-    super();
-    this._def = _def;
-    this._props = _props;
-    /**
-     * @internal
-     */
-    this._instance = null;
-    this._connected = false;
-    this._resolved = false;
-    this._numberProps = null;
-    if (this.shadowRoot && hydrate2) {
-      hydrate2(this._createVNode(), this.shadowRoot);
-    } else {
-      if (process.env.NODE_ENV !== "production" && this.shadowRoot) {
+const semicolonRE = /[^\\];\s*$/;
+const importantRE = /\s*!important$/;
+function setStyle(style, name, val) {
+  if (isArray(val)) {
+    val.forEach((v) => setStyle(style, name, v));
+  } else {
+    if (val == null)
+      val = "";
+    if (!!(process.env.NODE_ENV !== "production")) {
+      if (semicolonRE.test(val)) {
         warn(
-          `Custom element has pre-rendered declarative shadow root but is not defined as hydratable. Use \`defineSSRCustomElement\`.`
+          `Unexpected semicolon at the end of '${name}' style value: '${val}'`
         );
       }
-      this.attachShadow({ mode: "open" });
-      if (!this._def.__asyncLoader) {
-        this._resolveProps(this._def);
-      }
     }
-  }
-  connectedCallback() {
-    this._connected = true;
-    if (!this._instance) {
-      if (this._resolved) {
-        this._update();
+    if (name.startsWith("--")) {
+      style.setProperty(name, val);
+    } else {
+      const prefixed = autoPrefix(style, name);
+      if (importantRE.test(val)) {
+        style.setProperty(
+          hyphenate(prefixed),
+          val.replace(importantRE, ""),
+          "important"
+        );
       } else {
-        this._resolveDef();
+        style[prefixed] = val;
       }
     }
   }
-  disconnectedCallback() {
-    this._connected = false;
-    nextTick(() => {
-      if (!this._connected) {
-        render(null, this.shadowRoot);
-        this._instance = null;
-      }
-    });
+}
+const prefixes = ["Webkit", "Moz", "ms"];
+const prefixCache = {};
+function autoPrefix(style, rawName) {
+  const cached = prefixCache[rawName];
+  if (cached) {
+    return cached;
   }
-  /**
-   * resolve inner component definition (handle possible async component)
-   */
-  _resolveDef() {
-    this._resolved = true;
-    for (let i = 0; i < this.attributes.length; i++) {
-      this._setAttr(this.attributes[i].name);
+  let name = camelize(rawName);
+  if (name !== "filter" && name in style) {
+    return prefixCache[rawName] = name;
+  }
+  name = capitalize(name);
+  for (let i = 0; i < prefixes.length; i++) {
+    const prefixed = prefixes[i] + name;
+    if (prefixed in style) {
+      return prefixCache[rawName] = prefixed;
     }
-    new MutationObserver((mutations) => {
-      for (const m of mutations) {
-        this._setAttr(m.attributeName);
-      }
-    }).observe(this, { attributes: true });
-    const resolve = (def, isAsync = false) => {
-      const { props, styles } = def;
-      let numberProps;
-      if (props && !isArray(props)) {
-        for (const key in props) {
-          const opt = props[key];
-          if (opt === Number || opt && opt.type === Number) {
-            if (key in this._props) {
-              this._props[key] = toNumber(this._props[key]);
-            }
-            (numberProps || (numberProps = /* @__PURE__ */ Object.create(null)))[camelize(key)] = true;
-          }
-        }
-      }
-      this._numberProps = numberProps;
-      if (isAsync) {
-        this._resolveProps(def);
-      }
-      this._applyStyles(styles);
-      this._update();
-    };
-    const asyncDef = this._def.__asyncLoader;
-    if (asyncDef) {
-      asyncDef().then((def) => resolve(def, true));
+  }
+  return rawName;
+}
+
+const xlinkNS = "http://www.w3.org/1999/xlink";
+function patchAttr(el, key, value, isSVG, instance) {
+  if (isSVG && key.startsWith("xlink:")) {
+    if (value == null) {
+      el.removeAttributeNS(xlinkNS, key.slice(6, key.length));
     } else {
-      resolve(this._def);
+      el.setAttributeNS(xlinkNS, key, value);
     }
-  }
-  _resolveProps(def) {
-    const { props } = def;
-    const declaredPropKeys = isArray(props) ? props : Object.keys(props || {});
-    for (const key of Object.keys(this)) {
-      if (key[0] !== "_" && declaredPropKeys.includes(key)) {
-        this._setProp(key, this[key], true, false);
-      }
+  } else {
+    if (compatCoerceAttr(el, key, value, instance)) {
+      return;
     }
-    for (const key of declaredPropKeys.map(camelize)) {
-      Object.defineProperty(this, key, {
-        get() {
-          return this._getProp(key);
-        },
-        set(val) {
-          this._setProp(key, val);
-        }
-      });
+    const isBoolean = isSpecialBooleanAttr(key);
+    if (value == null || isBoolean && !includeBooleanAttr(value)) {
+      el.removeAttribute(key);
+    } else {
+      el.setAttribute(key, isBoolean ? "" : value);
     }
   }
-  _setAttr(key) {
-    let value = this.getAttribute(key);
-    const camelKey = camelize(key);
-    if (this._numberProps && this._numberProps[camelKey]) {
-      value = toNumber(value);
+}
+const isEnumeratedAttr = /* @__PURE__ */ makeMap("contenteditable,draggable,spellcheck") ;
+function compatCoerceAttr(el, key, value, instance = null) {
+  if (isEnumeratedAttr(key)) {
+    const v2CoercedValue = value === null ? "false" : typeof value !== "boolean" && value !== void 0 ? "true" : null;
+    if (v2CoercedValue && compatUtils.softAssertCompatEnabled(
+      "ATTR_ENUMERATED_COERCION",
+      instance,
+      key,
+      value,
+      v2CoercedValue
+    )) {
+      el.setAttribute(key, v2CoercedValue);
+      return true;
     }
-    this._setProp(camelKey, value, false);
-  }
-  /**
-   * @internal
-   */
-  _getProp(key) {
-    return this._props[key];
+  } else if (value === false && !isSpecialBooleanAttr(key) && compatUtils.softAssertCompatEnabled(
+    "ATTR_FALSE_VALUE",
+    instance,
+    key
+  )) {
+    el.removeAttribute(key);
+    return true;
   }
-  /**
-   * @internal
-   */
-  _setProp(key, val, shouldReflect = true, shouldUpdate = true) {
-    if (val !== this._props[key]) {
-      this._props[key] = val;
-      if (shouldUpdate && this._instance) {
-        this._update();
-      }
-      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));
-        }
-      }
+  return false;
+}
+
+function patchDOMProp(el, key, value, prevChildren, parentComponent, parentSuspense, unmountChildren) {
+  if (key === "innerHTML" || key === "textContent") {
+    if (prevChildren) {
+      unmountChildren(prevChildren, parentComponent, parentSuspense);
     }
+    el[key] = value == null ? "" : value;
+    return;
   }
-  _update() {
-    render(this._createVNode(), this.shadowRoot);
-  }
-  _createVNode() {
-    const vnode = createVNode(this._def, extend({}, this._props));
-    if (!this._instance) {
-      vnode.ce = (instance) => {
-        this._instance = instance;
-        instance.isCE = true;
-        if (process.env.NODE_ENV !== "production") {
-          instance.ceReload = (newStyles) => {
-            if (this._styles) {
-              this._styles.forEach((s) => this.shadowRoot.removeChild(s));
-              this._styles.length = 0;
-            }
-            this._applyStyles(newStyles);
-            this._instance = null;
-            this._update();
-          };
-        }
-        const dispatch = (event, args) => {
-          this.dispatchEvent(
-            new CustomEvent(event, {
-              detail: args
-            })
-          );
-        };
-        instance.emit = (event, ...args) => {
-          dispatch(event, args);
-          if (hyphenate(event) !== event) {
-            dispatch(hyphenate(event), args);
-          }
-        };
-        let parent = this;
-        while (parent = parent && (parent.parentNode || parent.host)) {
-          if (parent instanceof VueElement) {
-            instance.parent = parent._instance;
-            instance.provides = parent._instance.provides;
-            break;
-          }
-        }
-      };
+  const tag = el.tagName;
+  if (key === "value" && tag !== "PROGRESS" && // custom elements may use _value internally
+  !tag.includes("-")) {
+    el._value = value;
+    const oldValue = tag === "OPTION" ? el.getAttribute("value") : el.value;
+    const newValue = value == null ? "" : value;
+    if (oldValue !== newValue) {
+      el.value = newValue;
     }
-    return vnode;
-  }
-  _applyStyles(styles) {
-    if (styles) {
-      styles.forEach((css) => {
-        const s = document.createElement("style");
-        s.textContent = css;
-        this.shadowRoot.appendChild(s);
-        if (process.env.NODE_ENV !== "production") {
-          (this._styles || (this._styles = [])).push(s);
-        }
-      });
+    if (value == null) {
+      el.removeAttribute(key);
     }
+    return;
   }
-}
-
-function useCssModule(name = "$style") {
-  {
-    const instance = getCurrentInstance();
-    if (!instance) {
-      process.env.NODE_ENV !== "production" && warn(`useCssModule must be called inside setup()`);
-      return EMPTY_OBJ;
+  let needRemove = false;
+  if (value === "" || value == null) {
+    const type = typeof el[key];
+    if (type === "boolean") {
+      value = includeBooleanAttr(value);
+    } else if (value == null && type === "string") {
+      value = "";
+      needRemove = true;
+    } else if (type === "number") {
+      value = 0;
+      needRemove = true;
     }
-    const modules = instance.type.__cssModules;
-    if (!modules) {
-      process.env.NODE_ENV !== "production" && warn(`Current instance does not have CSS modules injected.`);
-      return EMPTY_OBJ;
+  } else {
+    if (value === false && compatUtils.isCompatEnabled(
+      "ATTR_FALSE_VALUE",
+      parentComponent
+    )) {
+      const type = typeof el[key];
+      if (type === "string" || type === "number") {
+        !!(process.env.NODE_ENV !== "production") && compatUtils.warnDeprecation(
+          "ATTR_FALSE_VALUE",
+          parentComponent,
+          key
+        );
+        value = type === "number" ? 0 : "";
+        needRemove = true;
+      }
     }
-    const mod = modules[name];
-    if (!mod) {
-      process.env.NODE_ENV !== "production" && warn(`Current instance does not have CSS module named "${name}".`);
-      return EMPTY_OBJ;
+  }
+  try {
+    el[key] = value;
+  } catch (e) {
+    if (!!(process.env.NODE_ENV !== "production") && !needRemove) {
+      warn(
+        `Failed setting prop "${key}" on <${tag.toLowerCase()}>: value ${value} is invalid.`,
+        e
+      );
     }
-    return mod;
   }
+  needRemove && el.removeAttribute(key);
 }
 
-function useCssVars(getter) {
-  const instance = getCurrentInstance();
-  if (!instance) {
-    process.env.NODE_ENV !== "production" && warn(`useCssVars is called without current active component instance.`);
-    return;
-  }
-  const updateTeleports = instance.ut = (vars = getter(instance.proxy)) => {
-    Array.from(
-      document.querySelectorAll(`[data-v-owner="${instance.uid}"]`)
-    ).forEach((node) => setVarsOnNode(node, vars));
-  };
-  const setVars = () => {
-    const vars = getter(instance.proxy);
-    setVarsOnVNode(instance.subTree, vars);
-    updateTeleports(vars);
-  };
-  watchPostEffect(setVars);
-  onMounted(() => {
-    const ob = new MutationObserver(setVars);
-    ob.observe(instance.subTree.el.parentNode, { childList: true });
-    onUnmounted(() => ob.disconnect());
-  });
+function addEventListener(el, event, handler, options) {
+  el.addEventListener(event, handler, options);
 }
-function setVarsOnVNode(vnode, vars) {
-  if (vnode.shapeFlag & 128) {
-    const suspense = vnode.suspense;
-    vnode = suspense.activeBranch;
-    if (suspense.pendingBranch && !suspense.isHydrating) {
-      suspense.effects.push(() => {
-        setVarsOnVNode(suspense.activeBranch, vars);
-      });
+function removeEventListener(el, event, handler, options) {
+  el.removeEventListener(event, handler, options);
+}
+const veiKey = Symbol("_vei");
+function patchEvent(el, rawName, prevValue, nextValue, instance = null) {
+  const invokers = el[veiKey] || (el[veiKey] = {});
+  const existingInvoker = invokers[rawName];
+  if (nextValue && existingInvoker) {
+    existingInvoker.value = nextValue;
+  } else {
+    const [name, options] = parseName(rawName);
+    if (nextValue) {
+      const invoker = invokers[rawName] = createInvoker(nextValue, instance);
+      addEventListener(el, name, invoker, options);
+    } else if (existingInvoker) {
+      removeEventListener(el, name, existingInvoker, options);
+      invokers[rawName] = void 0;
     }
   }
-  while (vnode.component) {
-    vnode = vnode.component.subTree;
-  }
-  if (vnode.shapeFlag & 1 && vnode.el) {
-    setVarsOnNode(vnode.el, vars);
-  } else if (vnode.type === Fragment) {
-    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;
+}
+const optionsModifierRE = /(?:Once|Passive|Capture)$/;
+function parseName(name) {
+  let options;
+  if (optionsModifierRE.test(name)) {
+    options = {};
+    let m;
+    while (m = name.match(optionsModifierRE)) {
+      name = name.slice(0, name.length - m[0].length);
+      options[m[0].toLowerCase()] = true;
     }
   }
+  const event = name[2] === ":" ? name.slice(3) : hyphenate(name.slice(2));
+  return [event, options];
 }
-function setVarsOnNode(el, vars) {
-  if (el.nodeType === 1) {
-    const style = el.style;
-    for (const key in vars) {
-      style.setProperty(`--${key}`, vars[key]);
+let cachedNow = 0;
+const p = /* @__PURE__ */ Promise.resolve();
+const getNow = () => cachedNow || (p.then(() => cachedNow = 0), cachedNow = Date.now());
+function createInvoker(initialValue, instance) {
+  const invoker = (e) => {
+    if (!e._vts) {
+      e._vts = Date.now();
+    } else if (e._vts <= invoker.attached) {
+      return;
     }
+    callWithAsyncErrorHandling(
+      patchStopImmediatePropagation(e, invoker.value),
+      instance,
+      5,
+      [e]
+    );
+  };
+  invoker.value = initialValue;
+  invoker.attached = getNow();
+  return invoker;
+}
+function patchStopImmediatePropagation(e, value) {
+  if (isArray(value)) {
+    const originalStop = e.stopImmediatePropagation;
+    e.stopImmediatePropagation = () => {
+      originalStop.call(e);
+      e._stopped = true;
+    };
+    return value.map((fn) => (e2) => !e2._stopped && fn && fn(e2));
+  } else {
+    return value;
   }
 }
 
-const TRANSITION = "transition";
-const ANIMATION = "animation";
-const Transition = (props, { slots }) => h(BaseTransition, resolveTransitionProps(props), slots);
-Transition.displayName = "Transition";
-{
-  Transition.__isBuiltIn = true;
-}
-const DOMTransitionPropsValidators = {
-  name: String,
-  type: String,
-  css: {
-    type: Boolean,
-    default: true
-  },
-  duration: [String, Number, Object],
-  enterFromClass: String,
-  enterActiveClass: String,
-  enterToClass: String,
-  appearFromClass: String,
-  appearActiveClass: String,
-  appearToClass: String,
-  leaveFromClass: String,
-  leaveActiveClass: String,
-  leaveToClass: String
-};
-const TransitionPropsValidators = Transition.props = /* @__PURE__ */ extend(
-  {},
-  BaseTransitionPropsValidators,
-  DOMTransitionPropsValidators
-);
-const callHook = (hook, args = []) => {
-  if (isArray(hook)) {
-    hook.forEach((h2) => h2(...args));
-  } else if (hook) {
-    hook(...args);
+const nativeOnRE = /^on[a-z]/;
+const patchProp = (el, key, prevValue, nextValue, isSVG = false, prevChildren, parentComponent, parentSuspense, unmountChildren) => {
+  if (key === "class") {
+    patchClass(el, nextValue, isSVG);
+  } else if (key === "style") {
+    patchStyle(el, prevValue, nextValue);
+  } else if (isOn(key)) {
+    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 {
+    if (key === "true-value") {
+      el._trueValue = nextValue;
+    } else if (key === "false-value") {
+      el._falseValue = nextValue;
+    }
+    patchAttr(el, key, nextValue, isSVG, parentComponent);
   }
 };
-const hasExplicitCallback = (hook) => {
-  return hook ? isArray(hook) ? hook.some((h2) => h2.length > 1) : hook.length > 1 : false;
-};
-function resolveTransitionProps(rawProps) {
-  const baseProps = {};
-  for (const key in rawProps) {
-    if (!(key in DOMTransitionPropsValidators)) {
-      baseProps[key] = rawProps[key];
+function shouldSetAsProp(el, key, value, isSVG) {
+  if (isSVG) {
+    if (key === "innerHTML" || key === "textContent") {
+      return true;
     }
+    if (key in el && nativeOnRE.test(key) && isFunction(value)) {
+      return true;
+    }
+    return false;
   }
-  if (rawProps.css === false) {
-    return baseProps;
+  if (key === "spellcheck" || key === "draggable" || key === "translate") {
+    return false;
   }
-  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 legacyClassEnabled = compatUtils.isCompatEnabled("TRANSITION_CLASSES", null);
-  let legacyEnterFromClass;
-  let legacyAppearFromClass;
-  let legacyLeaveFromClass;
-  if (legacyClassEnabled) {
-    const toLegacyClass = (cls) => cls.replace(/-from$/, "");
-    if (!rawProps.enterFromClass) {
-      legacyEnterFromClass = toLegacyClass(enterFromClass);
+  if (key === "form") {
+    return false;
+  }
+  if (key === "list" && el.tagName === "INPUT") {
+    return false;
+  }
+  if (key === "type" && el.tagName === "TEXTAREA") {
+    return false;
+  }
+  if (nativeOnRE.test(key) && isString(value)) {
+    return false;
+  }
+  return key in el;
+}
+
+/*! #__NO_SIDE_EFFECTS__ */
+// @__NO_SIDE_EFFECTS__
+function defineCustomElement(options, hydrate2) {
+  const Comp = defineComponent(options);
+  class VueCustomElement extends VueElement {
+    constructor(initialProps) {
+      super(Comp, initialProps, hydrate2);
     }
-    if (!rawProps.appearFromClass) {
-      legacyAppearFromClass = toLegacyClass(appearFromClass);
+  }
+  VueCustomElement.def = Comp;
+  return VueCustomElement;
+}
+/*! #__NO_SIDE_EFFECTS__ */
+const defineSSRCustomElement = /* @__NO_SIDE_EFFECTS__ */ (options) => {
+  return /* @__PURE__ */ defineCustomElement(options, hydrate);
+};
+const BaseClass = typeof HTMLElement !== "undefined" ? HTMLElement : class {
+};
+class VueElement extends BaseClass {
+  constructor(_def, _props = {}, hydrate2) {
+    super();
+    this._def = _def;
+    this._props = _props;
+    /**
+     * @internal
+     */
+    this._instance = null;
+    this._connected = false;
+    this._resolved = false;
+    this._numberProps = null;
+    this._ob = null;
+    if (this.shadowRoot && hydrate2) {
+      hydrate2(this._createVNode(), this.shadowRoot);
+    } else {
+      if (!!(process.env.NODE_ENV !== "production") && this.shadowRoot) {
+        warn(
+          `Custom element has pre-rendered declarative shadow root but is not defined as hydratable. Use \`defineSSRCustomElement\`.`
+        );
+      }
+      this.attachShadow({ mode: "open" });
+      if (!this._def.__asyncLoader) {
+        this._resolveProps(this._def);
+      }
     }
-    if (!rawProps.leaveFromClass) {
-      legacyLeaveFromClass = toLegacyClass(leaveFromClass);
+  }
+  connectedCallback() {
+    this._connected = true;
+    if (!this._instance) {
+      if (this._resolved) {
+        this._update();
+      } else {
+        this._resolveDef();
+      }
     }
   }
-  const durations = normalizeDuration(duration);
-  const enterDuration = durations && durations[0];
-  const leaveDuration = durations && durations[1];
-  const {
-    onBeforeEnter,
-    onEnter,
-    onEnterCancelled,
-    onLeave,
-    onLeaveCancelled,
-    onBeforeAppear = onBeforeEnter,
-    onAppear = onEnter,
-    onAppearCancelled = onEnterCancelled
-  } = baseProps;
-  const finishEnter = (el, isAppear, done) => {
-    removeTransitionClass(el, isAppear ? appearToClass : enterToClass);
-    removeTransitionClass(el, isAppear ? appearActiveClass : enterActiveClass);
-    done && done();
-  };
-  const finishLeave = (el, done) => {
-    el._isLeaving = false;
-    removeTransitionClass(el, leaveFromClass);
-    removeTransitionClass(el, leaveToClass);
-    removeTransitionClass(el, leaveActiveClass);
-    done && done();
-  };
-  const makeEnterHook = (isAppear) => {
-    return (el, done) => {
-      const hook = isAppear ? onAppear : onEnter;
-      const resolve = () => finishEnter(el, isAppear, done);
-      callHook(hook, [el, resolve]);
-      nextFrame(() => {
-        removeTransitionClass(el, isAppear ? appearFromClass : enterFromClass);
-        if (legacyClassEnabled) {
-          const legacyClass = isAppear ? legacyAppearFromClass : legacyEnterFromClass;
-          if (legacyClass) {
-            removeTransitionClass(el, legacyClass);
+  disconnectedCallback() {
+    this._connected = false;
+    if (this._ob) {
+      this._ob.disconnect();
+      this._ob = null;
+    }
+    nextTick(() => {
+      if (!this._connected) {
+        render(null, this.shadowRoot);
+        this._instance = null;
+      }
+    });
+  }
+  /**
+   * resolve inner component definition (handle possible async component)
+   */
+  _resolveDef() {
+    this._resolved = true;
+    for (let i = 0; i < this.attributes.length; i++) {
+      this._setAttr(this.attributes[i].name);
+    }
+    this._ob = new MutationObserver((mutations) => {
+      for (const m of mutations) {
+        this._setAttr(m.attributeName);
+      }
+    });
+    this._ob.observe(this, { attributes: true });
+    const resolve = (def, isAsync = false) => {
+      const { props, styles } = def;
+      let numberProps;
+      if (props && !isArray(props)) {
+        for (const key in props) {
+          const opt = props[key];
+          if (opt === Number || opt && opt.type === Number) {
+            if (key in this._props) {
+              this._props[key] = toNumber(this._props[key]);
+            }
+            (numberProps || (numberProps = /* @__PURE__ */ Object.create(null)))[camelize(key)] = true;
           }
         }
-        addTransitionClass(el, isAppear ? appearToClass : enterToClass);
-        if (!hasExplicitCallback(hook)) {
-          whenTransitionEnds(el, type, enterDuration, resolve);
-        }
-      });
+      }
+      this._numberProps = numberProps;
+      if (isAsync) {
+        this._resolveProps(def);
+      }
+      this._applyStyles(styles);
+      this._update();
     };
-  };
-  return extend(baseProps, {
-    onBeforeEnter(el) {
-      callHook(onBeforeEnter, [el]);
-      addTransitionClass(el, enterFromClass);
-      if (legacyClassEnabled && legacyEnterFromClass) {
-        addTransitionClass(el, legacyEnterFromClass);
+    const asyncDef = this._def.__asyncLoader;
+    if (asyncDef) {
+      asyncDef().then((def) => resolve(def, true));
+    } else {
+      resolve(this._def);
+    }
+  }
+  _resolveProps(def) {
+    const { props } = def;
+    const declaredPropKeys = isArray(props) ? props : Object.keys(props || {});
+    for (const key of Object.keys(this)) {
+      if (key[0] !== "_" && declaredPropKeys.includes(key)) {
+        this._setProp(key, this[key], true, false);
       }
-      addTransitionClass(el, enterActiveClass);
-    },
-    onBeforeAppear(el) {
-      callHook(onBeforeAppear, [el]);
-      addTransitionClass(el, appearFromClass);
-      if (legacyClassEnabled && legacyAppearFromClass) {
-        addTransitionClass(el, legacyAppearFromClass);
+    }
+    for (const key of declaredPropKeys.map(camelize)) {
+      Object.defineProperty(this, key, {
+        get() {
+          return this._getProp(key);
+        },
+        set(val) {
+          this._setProp(key, val);
+        }
+      });
+    }
+  }
+  _setAttr(key) {
+    let value = this.getAttribute(key);
+    const camelKey = camelize(key);
+    if (this._numberProps && this._numberProps[camelKey]) {
+      value = toNumber(value);
+    }
+    this._setProp(camelKey, value, false);
+  }
+  /**
+   * @internal
+   */
+  _getProp(key) {
+    return this._props[key];
+  }
+  /**
+   * @internal
+   */
+  _setProp(key, val, shouldReflect = true, shouldUpdate = true) {
+    if (val !== this._props[key]) {
+      this._props[key] = val;
+      if (shouldUpdate && this._instance) {
+        this._update();
       }
-      addTransitionClass(el, appearActiveClass);
-    },
-    onEnter: makeEnterHook(false),
-    onAppear: makeEnterHook(true),
-    onLeave(el, done) {
-      el._isLeaving = true;
-      const resolve = () => finishLeave(el, done);
-      addTransitionClass(el, leaveFromClass);
-      if (legacyClassEnabled && legacyLeaveFromClass) {
-        addTransitionClass(el, legacyLeaveFromClass);
+      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));
+        }
       }
-      forceReflow();
-      addTransitionClass(el, leaveActiveClass);
-      nextFrame(() => {
-        if (!el._isLeaving) {
-          return;
+    }
+  }
+  _update() {
+    render(this._createVNode(), this.shadowRoot);
+  }
+  _createVNode() {
+    const vnode = createVNode(this._def, extend({}, this._props));
+    if (!this._instance) {
+      vnode.ce = (instance) => {
+        this._instance = instance;
+        instance.isCE = true;
+        if (!!(process.env.NODE_ENV !== "production")) {
+          instance.ceReload = (newStyles) => {
+            if (this._styles) {
+              this._styles.forEach((s) => this.shadowRoot.removeChild(s));
+              this._styles.length = 0;
+            }
+            this._applyStyles(newStyles);
+            this._instance = null;
+            this._update();
+          };
         }
-        removeTransitionClass(el, leaveFromClass);
-        if (legacyClassEnabled && legacyLeaveFromClass) {
-          removeTransitionClass(el, legacyLeaveFromClass);
+        const dispatch = (event, args) => {
+          this.dispatchEvent(
+            new CustomEvent(event, {
+              detail: args
+            })
+          );
+        };
+        instance.emit = (event, ...args) => {
+          dispatch(event, args);
+          if (hyphenate(event) !== event) {
+            dispatch(hyphenate(event), args);
+          }
+        };
+        let parent = this;
+        while (parent = parent && (parent.parentNode || parent.host)) {
+          if (parent instanceof VueElement) {
+            instance.parent = parent._instance;
+            instance.provides = parent._instance.provides;
+            break;
+          }
         }
-        addTransitionClass(el, leaveToClass);
-        if (!hasExplicitCallback(onLeave)) {
-          whenTransitionEnds(el, type, leaveDuration, resolve);
+      };
+    }
+    return vnode;
+  }
+  _applyStyles(styles) {
+    if (styles) {
+      styles.forEach((css) => {
+        const s = document.createElement("style");
+        s.textContent = css;
+        this.shadowRoot.appendChild(s);
+        if (!!(process.env.NODE_ENV !== "production")) {
+          (this._styles || (this._styles = [])).push(s);
         }
       });
-      callHook(onLeave, [el, resolve]);
-    },
-    onEnterCancelled(el) {
-      finishEnter(el, false);
-      callHook(onEnterCancelled, [el]);
-    },
-    onAppearCancelled(el) {
-      finishEnter(el, true);
-      callHook(onAppearCancelled, [el]);
-    },
-    onLeaveCancelled(el) {
-      finishLeave(el);
-      callHook(onLeaveCancelled, [el]);
     }
-  });
-}
-function normalizeDuration(duration) {
-  if (duration == null) {
-    return null;
-  } else if (isObject(duration)) {
-    return [NumberOf(duration.enter), NumberOf(duration.leave)];
-  } else {
-    const n = NumberOf(duration);
-    return [n, n];
-  }
-}
-function NumberOf(val) {
-  const res = toNumber(val);
-  if (process.env.NODE_ENV !== "production") {
-    assertNumber(res, "<transition> explicit duration");
   }
-  return res;
-}
-function addTransitionClass(el, cls) {
-  cls.split(/\s+/).forEach((c) => c && el.classList.add(c));
-  (el._vtc || (el._vtc = /* @__PURE__ */ new Set())).add(cls);
 }
-function removeTransitionClass(el, cls) {
-  cls.split(/\s+/).forEach((c) => c && el.classList.remove(c));
-  const { _vtc } = el;
-  if (_vtc) {
-    _vtc.delete(cls);
-    if (!_vtc.size) {
-      el._vtc = void 0;
+
+function useCssModule(name = "$style") {
+  {
+    const instance = getCurrentInstance();
+    if (!instance) {
+      !!(process.env.NODE_ENV !== "production") && warn(`useCssModule must be called inside setup()`);
+      return EMPTY_OBJ;
     }
-  }
-}
-function nextFrame(cb) {
-  requestAnimationFrame(() => {
-    requestAnimationFrame(cb);
-  });
-}
-let endId = 0;
-function whenTransitionEnds(el, expectedType, explicitTimeout, resolve) {
-  const id = el._endId = ++endId;
-  const resolveIfNotStale = () => {
-    if (id === el._endId) {
-      resolve();
+    const modules = instance.type.__cssModules;
+    if (!modules) {
+      !!(process.env.NODE_ENV !== "production") && warn(`Current instance does not have CSS modules injected.`);
+      return EMPTY_OBJ;
     }
-  };
-  if (explicitTimeout) {
-    return setTimeout(resolveIfNotStale, explicitTimeout);
+    const mod = modules[name];
+    if (!mod) {
+      !!(process.env.NODE_ENV !== "production") && warn(`Current instance does not have CSS module named "${name}".`);
+      return EMPTY_OBJ;
+    }
+    return mod;
   }
-  const { type, timeout, propCount } = getTransitionInfo(el, expectedType);
-  if (!type) {
-    return resolve();
+}
+
+function useCssVars(getter) {
+  const instance = getCurrentInstance();
+  if (!instance) {
+    !!(process.env.NODE_ENV !== "production") && warn(`useCssVars is called without current active component instance.`);
+    return;
   }
-  const endEvent = type + "end";
-  let ended = 0;
-  const end = () => {
-    el.removeEventListener(endEvent, onEnd);
-    resolveIfNotStale();
+  const updateTeleports = instance.ut = (vars = getter(instance.proxy)) => {
+    Array.from(
+      document.querySelectorAll(`[data-v-owner="${instance.uid}"]`)
+    ).forEach((node) => setVarsOnNode(node, vars));
   };
-  const onEnd = (e) => {
-    if (e.target === el && ++ended >= propCount) {
-      end();
-    }
+  const setVars = () => {
+    const vars = getter(instance.proxy);
+    setVarsOnVNode(instance.subTree, vars);
+    updateTeleports(vars);
   };
-  setTimeout(() => {
-    if (ended < propCount) {
-      end();
-    }
-  }, timeout + 1);
-  el.addEventListener(endEvent, onEnd);
+  watchPostEffect(setVars);
+  onMounted(() => {
+    const ob = new MutationObserver(setVars);
+    ob.observe(instance.subTree.el.parentNode, { childList: true });
+    onUnmounted(() => ob.disconnect());
+  });
 }
-function getTransitionInfo(el, expectedType) {
-  const styles = window.getComputedStyle(el);
-  const getStyleProperties = (key) => (styles[key] || "").split(", ");
-  const transitionDelays = getStyleProperties(`${TRANSITION}Delay`);
-  const transitionDurations = getStyleProperties(`${TRANSITION}Duration`);
-  const transitionTimeout = getTimeout(transitionDelays, transitionDurations);
-  const animationDelays = getStyleProperties(`${ANIMATION}Delay`);
-  const animationDurations = getStyleProperties(`${ANIMATION}Duration`);
-  const animationTimeout = getTimeout(animationDelays, animationDurations);
-  let type = null;
-  let timeout = 0;
-  let propCount = 0;
-  if (expectedType === TRANSITION) {
-    if (transitionTimeout > 0) {
-      type = TRANSITION;
-      timeout = transitionTimeout;
-      propCount = transitionDurations.length;
+function setVarsOnVNode(vnode, vars) {
+  if (vnode.shapeFlag & 128) {
+    const suspense = vnode.suspense;
+    vnode = suspense.activeBranch;
+    if (suspense.pendingBranch && !suspense.isHydrating) {
+      suspense.effects.push(() => {
+        setVarsOnVNode(suspense.activeBranch, vars);
+      });
     }
-  } else if (expectedType === ANIMATION) {
-    if (animationTimeout > 0) {
-      type = ANIMATION;
-      timeout = animationTimeout;
-      propCount = animationDurations.length;
+  }
+  while (vnode.component) {
+    vnode = vnode.component.subTree;
+  }
+  if (vnode.shapeFlag & 1 && vnode.el) {
+    setVarsOnNode(vnode.el, vars);
+  } else if (vnode.type === Fragment) {
+    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;
     }
-  } else {
-    timeout = Math.max(transitionTimeout, animationTimeout);
-    type = timeout > 0 ? transitionTimeout > animationTimeout ? TRANSITION : ANIMATION : null;
-    propCount = type ? type === TRANSITION ? transitionDurations.length : animationDurations.length : 0;
   }
-  const hasTransform = type === TRANSITION && /\b(transform|all)(,|$)/.test(
-    getStyleProperties(`${TRANSITION}Property`).toString()
-  );
-  return {
-    type,
-    timeout,
-    propCount,
-    hasTransform
-  };
 }
-function getTimeout(delays, durations) {
-  while (delays.length < durations.length) {
-    delays = delays.concat(delays);
+function setVarsOnNode(el, vars) {
+  if (el.nodeType === 1) {
+    const style = el.style;
+    for (const key in vars) {
+      style.setProperty(`--${key}`, vars[key]);
+    }
   }
-  return Math.max(...durations.map((d, i) => toMs(d) + toMs(delays[i])));
-}
-function toMs(s) {
-  return Number(s.slice(0, -1).replace(",", ".")) * 1e3;
-}
-function forceReflow() {
-  return document.body.offsetHeight;
 }
 
 const positionMap = /* @__PURE__ */ new WeakMap();
 const newPositionMap = /* @__PURE__ */ new WeakMap();
+const moveCbKey = Symbol("_moveCb");
+const enterCbKey = Symbol("_enterCb");
 const TransitionGroupImpl = {
   name: "TransitionGroup",
   props: /* @__PURE__ */ extend({}, TransitionPropsValidators, {
@@ -11874,13 +11939,13 @@ const TransitionGroupImpl = {
         const style = el.style;
         addTransitionClass(el, moveClass);
         style.transform = style.webkitTransform = style.transitionDuration = "";
-        const cb = el._moveCb = (e) => {
+        const cb = el[moveCbKey] = (e) => {
           if (e && e.target !== el) {
             return;
           }
           if (!e || /transform$/.test(e.propertyName)) {
             el.removeEventListener("transitionend", cb);
-            el._moveCb = null;
+            el[moveCbKey] = null;
             removeTransitionClass(el, moveClass);
           }
         };
@@ -11906,7 +11971,7 @@ const TransitionGroupImpl = {
             child,
             resolveTransitionHooks(child, cssTransitionProps, state, instance)
           );
-        } else if (process.env.NODE_ENV !== "production") {
+        } else if (!!(process.env.NODE_ENV !== "production")) {
           warn(`<TransitionGroup> children must be keyed.`);
         }
       }
@@ -11932,11 +11997,11 @@ const removeMode = (props) => delete props.mode;
 const TransitionGroup = TransitionGroupImpl;
 function callPendingCbs(c) {
   const el = c.el;
-  if (el._moveCb) {
-    el._moveCb();
+  if (el[moveCbKey]) {
+    el[moveCbKey]();
   }
-  if (el._enterCb) {
-    el._enterCb();
+  if (el[enterCbKey]) {
+    el[enterCbKey]();
   }
 }
 function recordPosition(c) {
@@ -11956,8 +12021,9 @@ function applyTranslation(c) {
 }
 function hasCSSTransform(el, root, moveClass) {
   const clone = el.cloneNode();
-  if (el._vtc) {
-    el._vtc.forEach((cls) => {
+  const _vtc = el[vtcKey];
+  if (_vtc) {
+    _vtc.forEach((cls) => {
       cls.split(/\s+/).forEach((c) => c && clone.classList.remove(c));
     });
   }
@@ -11984,9 +12050,10 @@ function onCompositionEnd(e) {
     target.dispatchEvent(new Event("input"));
   }
 }
+const assignKey = Symbol("_assign");
 const vModelText = {
   created(el, { modifiers: { lazy, trim, number } }, vnode) {
-    el._assign = getModelAssigner(vnode);
+    el[assignKey] = getModelAssigner(vnode);
     const castToNumber = number || vnode.props && vnode.props.type === "number";
     addEventListener(el, lazy ? "change" : "input", (e) => {
       if (e.target.composing)
@@ -11998,7 +12065,7 @@ const vModelText = {
       if (castToNumber) {
         domValue = looseToNumber(domValue);
       }
-      el._assign(domValue);
+      el[assignKey](domValue);
     });
     if (trim) {
       addEventListener(el, "change", () => {
@@ -12016,7 +12083,7 @@ const vModelText = {
     el.value = value == null ? "" : value;
   },
   beforeUpdate(el, { value, modifiers: { lazy, trim, number } }, vnode) {
-    el._assign = getModelAssigner(vnode);
+    el[assignKey] = getModelAssigner(vnode);
     if (el.composing)
       return;
     if (document.activeElement === el && el.type !== "range") {
@@ -12040,12 +12107,12 @@ const vModelCheckbox = {
   // #4096 array checkboxes need to be deep traversed
   deep: true,
   created(el, _, vnode) {
-    el._assign = getModelAssigner(vnode);
+    el[assignKey] = getModelAssigner(vnode);
     addEventListener(el, "change", () => {
       const modelValue = el._modelValue;
       const elementValue = getValue(el);
       const checked = el.checked;
-      const assign = el._assign;
+      const assign = el[assignKey];
       if (isArray(modelValue)) {
         const index = looseIndexOf(modelValue, elementValue);
         const found = index !== -1;
@@ -12072,7 +12139,7 @@ const vModelCheckbox = {
   // set initial checked on mount to wait for true-value/false-value
   mounted: setChecked,
   beforeUpdate(el, binding, vnode) {
-    el._assign = getModelAssigner(vnode);
+    el[assignKey] = getModelAssigner(vnode);
     setChecked(el, binding, vnode);
   }
 };
@@ -12089,13 +12156,13 @@ function setChecked(el, { value, oldValue }, vnode) {
 const vModelRadio = {
   created(el, { value }, vnode) {
     el.checked = looseEqual(value, vnode.props.value);
-    el._assign = getModelAssigner(vnode);
+    el[assignKey] = getModelAssigner(vnode);
     addEventListener(el, "change", () => {
-      el._assign(getValue(el));
+      el[assignKey](getValue(el));
     });
   },
   beforeUpdate(el, { value, oldValue }, vnode) {
-    el._assign = getModelAssigner(vnode);
+    el[assignKey] = getModelAssigner(vnode);
     if (value !== oldValue) {
       el.checked = looseEqual(value, vnode.props.value);
     }
@@ -12110,11 +12177,11 @@ const vModelSelect = {
       const selectedVal = Array.prototype.filter.call(el.options, (o) => o.selected).map(
         (o) => number ? looseToNumber(getValue(o)) : getValue(o)
       );
-      el._assign(
+      el[assignKey](
         el.multiple ? isSetModel ? new Set(selectedVal) : selectedVal : selectedVal[0]
       );
     });
-    el._assign = getModelAssigner(vnode);
+    el[assignKey] = getModelAssigner(vnode);
   },
   // set value in mounted & updated because <select> relies on its children
   // <option>s.
@@ -12122,7 +12189,7 @@ const vModelSelect = {
     setSelected(el, value);
   },
   beforeUpdate(el, _binding, vnode) {
-    el._assign = getModelAssigner(vnode);
+    el[assignKey] = getModelAssigner(vnode);
   },
   updated(el, { value }) {
     setSelected(el, value);
@@ -12131,7 +12198,7 @@ const vModelSelect = {
 function setSelected(el, value) {
   const isMultiple = el.multiple;
   if (isMultiple && !isArray(value) && !isSet(value)) {
-    process.env.NODE_ENV !== "production" && warn(
+    !!(process.env.NODE_ENV !== "production") && warn(
       `<select multiple v-model> expects an Array or Set value for its binding, but got ${Object.prototype.toString.call(value).slice(8, -1)}.`
     );
     return;
@@ -12281,7 +12348,7 @@ const withKeys = (fn, modifiers) => {
         globalKeyCodes = instance.appContext.config.keyCodes;
       }
     }
-    if (process.env.NODE_ENV !== "production" && modifiers.some((m) => /^\d+$/.test(m))) {
+    if (!!(process.env.NODE_ENV !== "production") && modifiers.some((m) => /^\d+$/.test(m))) {
       compatUtils.warnDeprecation(
         "V_ON_KEYCODE_MODIFIER",
         instance
@@ -12319,52 +12386,6 @@ const withKeys = (fn, modifiers) => {
   };
 };
 
-const vShow = {
-  beforeMount(el, { value }, { transition }) {
-    el._vod = el.style.display === "none" ? "" : el.style.display;
-    if (transition && value) {
-      transition.beforeEnter(el);
-    } else {
-      setDisplay(el, value);
-    }
-  },
-  mounted(el, { value }, { transition }) {
-    if (transition && value) {
-      transition.enter(el);
-    }
-  },
-  updated(el, { value, oldValue }, { transition }) {
-    if (!value === !oldValue)
-      return;
-    if (transition) {
-      if (value) {
-        transition.beforeEnter(el);
-        setDisplay(el, true);
-        transition.enter(el);
-      } else {
-        transition.leave(el, () => {
-          setDisplay(el, false);
-        });
-      }
-    } else {
-      setDisplay(el, value);
-    }
-  },
-  beforeUnmount(el, { value }) {
-    setDisplay(el, value);
-  }
-};
-function setDisplay(el, value) {
-  el.style.display = value ? el._vod : "none";
-}
-function initVShowForSSR() {
-  vShow.getSSRProps = ({ value }) => {
-    if (!value) {
-      return { style: { display: "none" } };
-    }
-  };
-}
-
 const rendererOptions = /* @__PURE__ */ extend({ patchProp }, nodeOps);
 let renderer;
 let enabledHydration = false;
@@ -12384,7 +12405,7 @@ const hydrate = (...args) => {
 };
 const createApp = (...args) => {
   const app = ensureRenderer().createApp(...args);
-  if (process.env.NODE_ENV !== "production") {
+  if (!!(process.env.NODE_ENV !== "production")) {
     injectNativeTagCheck(app);
     injectCompilerOptionsCheck(app);
   }
@@ -12396,7 +12417,7 @@ const createApp = (...args) => {
     const component = app._component;
     if (!isFunction(component) && !component.render && !component.template) {
       component.template = container.innerHTML;
-      if (process.env.NODE_ENV !== "production") {
+      if (!!(process.env.NODE_ENV !== "production")) {
         for (let i = 0; i < container.attributes.length; i++) {
           const attr = container.attributes[i];
           if (attr.name !== "v-cloak" && /^(v-|:|@)/.test(attr.name)) {
@@ -12421,7 +12442,7 @@ const createApp = (...args) => {
 };
 const createSSRApp = (...args) => {
   const app = ensureHydrationRenderer().createApp(...args);
-  if (process.env.NODE_ENV !== "production") {
+  if (!!(process.env.NODE_ENV !== "production")) {
     injectNativeTagCheck(app);
     injectCompilerOptionsCheck(app);
   }
@@ -12472,14 +12493,14 @@ function injectCompilerOptionsCheck(app) {
 function normalizeContainer(container) {
   if (isString(container)) {
     const res = document.querySelector(container);
-    if (process.env.NODE_ENV !== "production" && !res) {
+    if (!!(process.env.NODE_ENV !== "production") && !res) {
       warn(
         `Failed to mount app: mount target selector "${container}" returned null.`
       );
     }
     return res;
   }
-  if (process.env.NODE_ENV !== "production" && window.ShadowRoot && container instanceof window.ShadowRoot && container.mode === "closed") {
+  if (!!(process.env.NODE_ENV !== "production") && window.ShadowRoot && container instanceof window.ShadowRoot && container.mode === "closed") {
     warn(
       `mounting on a ShadowRoot with \`{mode: "closed"}\` may lead to unpredictable bugs`
     );
@@ -12658,7 +12679,7 @@ function initDev() {
   }
 }
 
-if (process.env.NODE_ENV !== "production") {
+if (!!(process.env.NODE_ENV !== "production")) {
   initDev();
 }
 function wrappedCreateApp(...args) {
@@ -12680,7 +12701,7 @@ function createCompatVue() {
 
 const Vue = createCompatVue();
 Vue.compile = () => {
-  if (process.env.NODE_ENV !== "production") {
+  if (!!(process.env.NODE_ENV !== "production")) {
     warn(
       `Runtime compilation is not supported in this build of Vue.` + (` Configure your bundler to alias "vue" to "@vue/compat/dist/vue.esm-bundler.js".` )
       /* should not happen */