vue 3.3.3 → 3.3.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -37,7 +37,7 @@ var Vue = (function (exports) {
37
37
  const isSymbol = (val) => typeof val === "symbol";
38
38
  const isObject = (val) => val !== null && typeof val === "object";
39
39
  const isPromise = (val) => {
40
- return isObject(val) && isFunction(val.then) && isFunction(val.catch);
40
+ return (isObject(val) || isFunction(val)) && isFunction(val.then) && isFunction(val.catch);
41
41
  };
42
42
  const objectToString = Object.prototype.toString;
43
43
  const toTypeString = (value) => objectToString.call(value);
@@ -68,12 +68,13 @@ var Vue = (function (exports) {
68
68
  const hyphenate = cacheStringFunction(
69
69
  (str) => str.replace(hyphenateRE, "-$1").toLowerCase()
70
70
  );
71
- const capitalize = cacheStringFunction(
72
- (str) => str.charAt(0).toUpperCase() + str.slice(1)
73
- );
74
- const toHandlerKey = cacheStringFunction(
75
- (str) => str ? `on${capitalize(str)}` : ``
76
- );
71
+ const capitalize = cacheStringFunction((str) => {
72
+ return str.charAt(0).toUpperCase() + str.slice(1);
73
+ });
74
+ const toHandlerKey = cacheStringFunction((str) => {
75
+ const s = str ? `on${capitalize(str)}` : ``;
76
+ return s;
77
+ });
77
78
  const hasChanged = (value, oldValue) => !Object.is(value, oldValue);
78
79
  const invokeArrayFns = (fns, arg) => {
79
80
  for (let i = 0; i < fns.length; i++) {
@@ -123,8 +124,8 @@ var Vue = (function (exports) {
123
124
  [3]: "FORWARDED"
124
125
  };
125
126
 
126
- 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";
127
- const isGloballyWhitelisted = /* @__PURE__ */ makeMap(GLOBALS_WHITE_LISTED);
127
+ 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";
128
+ const isGloballyAllowed = /* @__PURE__ */ makeMap(GLOBALS_ALLOWED);
128
129
 
129
130
  const range = 2;
130
131
  function generateCodeFrame(source, start = 0, end = source.length) {
@@ -179,9 +180,7 @@ var Vue = (function (exports) {
179
180
  }
180
181
  }
181
182
  return res;
182
- } else if (isString(value)) {
183
- return value;
184
- } else if (isObject(value)) {
183
+ } else if (isString(value) || isObject(value)) {
185
184
  return value;
186
185
  }
187
186
  }
@@ -530,7 +529,7 @@ var Vue = (function (exports) {
530
529
  }
531
530
  }
532
531
  function effect(fn, options) {
533
- if (fn.effect) {
532
+ if (fn.effect instanceof ReactiveEffect) {
534
533
  fn = fn.effect.fn;
535
534
  }
536
535
  const _effect = new ReactiveEffect(fn);
@@ -696,10 +695,6 @@ var Vue = (function (exports) {
696
695
  const builtInSymbols = new Set(
697
696
  /* @__PURE__ */ Object.getOwnPropertyNames(Symbol).filter((key) => key !== "arguments" && key !== "caller").map((key) => Symbol[key]).filter(isSymbol)
698
697
  );
699
- const get$1 = /* @__PURE__ */ createGetter();
700
- const shallowGet = /* @__PURE__ */ createGetter(false, true);
701
- const readonlyGet = /* @__PURE__ */ createGetter(true);
702
- const shallowReadonlyGet = /* @__PURE__ */ createGetter(true, true);
703
698
  const arrayInstrumentations = /* @__PURE__ */ createArrayInstrumentations();
704
699
  function createArrayInstrumentations() {
705
700
  const instrumentations = {};
@@ -732,8 +727,13 @@ var Vue = (function (exports) {
732
727
  track(obj, "has", key);
733
728
  return obj.hasOwnProperty(key);
734
729
  }
735
- function createGetter(isReadonly2 = false, shallow = false) {
736
- return function get2(target, key, receiver) {
730
+ class BaseReactiveHandler {
731
+ constructor(_isReadonly = false, _shallow = false) {
732
+ this._isReadonly = _isReadonly;
733
+ this._shallow = _shallow;
734
+ }
735
+ get(target, key, receiver) {
736
+ const isReadonly2 = this._isReadonly, shallow = this._shallow;
737
737
  if (key === "__v_isReactive") {
738
738
  return !isReadonly2;
739
739
  } else if (key === "__v_isReadonly") {
@@ -769,17 +769,18 @@ var Vue = (function (exports) {
769
769
  return isReadonly2 ? readonly(res) : reactive(res);
770
770
  }
771
771
  return res;
772
- };
772
+ }
773
773
  }
774
- const set$1 = /* @__PURE__ */ createSetter();
775
- const shallowSet = /* @__PURE__ */ createSetter(true);
776
- function createSetter(shallow = false) {
777
- return function set2(target, key, value, receiver) {
774
+ class MutableReactiveHandler extends BaseReactiveHandler {
775
+ constructor(shallow = false) {
776
+ super(false, shallow);
777
+ }
778
+ set(target, key, value, receiver) {
778
779
  let oldValue = target[key];
779
780
  if (isReadonly(oldValue) && isRef(oldValue) && !isRef(value)) {
780
781
  return false;
781
782
  }
782
- if (!shallow) {
783
+ if (!this._shallow) {
783
784
  if (!isShallow(value) && !isReadonly(value)) {
784
785
  oldValue = toRaw(oldValue);
785
786
  value = toRaw(value);
@@ -799,37 +800,36 @@ var Vue = (function (exports) {
799
800
  }
800
801
  }
801
802
  return result;
802
- };
803
- }
804
- function deleteProperty(target, key) {
805
- const hadKey = hasOwn(target, key);
806
- const oldValue = target[key];
807
- const result = Reflect.deleteProperty(target, key);
808
- if (result && hadKey) {
809
- trigger(target, "delete", key, void 0, oldValue);
810
803
  }
811
- return result;
812
- }
813
- function has$1(target, key) {
814
- const result = Reflect.has(target, key);
815
- if (!isSymbol(key) || !builtInSymbols.has(key)) {
816
- track(target, "has", key);
804
+ deleteProperty(target, key) {
805
+ const hadKey = hasOwn(target, key);
806
+ const oldValue = target[key];
807
+ const result = Reflect.deleteProperty(target, key);
808
+ if (result && hadKey) {
809
+ trigger(target, "delete", key, void 0, oldValue);
810
+ }
811
+ return result;
812
+ }
813
+ has(target, key) {
814
+ const result = Reflect.has(target, key);
815
+ if (!isSymbol(key) || !builtInSymbols.has(key)) {
816
+ track(target, "has", key);
817
+ }
818
+ return result;
819
+ }
820
+ ownKeys(target) {
821
+ track(
822
+ target,
823
+ "iterate",
824
+ isArray(target) ? "length" : ITERATE_KEY
825
+ );
826
+ return Reflect.ownKeys(target);
817
827
  }
818
- return result;
819
- }
820
- function ownKeys(target) {
821
- track(target, "iterate", isArray(target) ? "length" : ITERATE_KEY);
822
- return Reflect.ownKeys(target);
823
828
  }
824
- const mutableHandlers = {
825
- get: get$1,
826
- set: set$1,
827
- deleteProperty,
828
- has: has$1,
829
- ownKeys
830
- };
831
- const readonlyHandlers = {
832
- get: readonlyGet,
829
+ class ReadonlyReactiveHandler extends BaseReactiveHandler {
830
+ constructor(shallow = false) {
831
+ super(true, shallow);
832
+ }
833
833
  set(target, key) {
834
834
  {
835
835
  warn$1(
@@ -838,7 +838,7 @@ var Vue = (function (exports) {
838
838
  );
839
839
  }
840
840
  return true;
841
- },
841
+ }
842
842
  deleteProperty(target, key) {
843
843
  {
844
844
  warn$1(
@@ -848,22 +848,13 @@ var Vue = (function (exports) {
848
848
  }
849
849
  return true;
850
850
  }
851
- };
852
- const shallowReactiveHandlers = /* @__PURE__ */ extend(
853
- {},
854
- mutableHandlers,
855
- {
856
- get: shallowGet,
857
- set: shallowSet
858
- }
859
- );
860
- const shallowReadonlyHandlers = /* @__PURE__ */ extend(
861
- {},
862
- readonlyHandlers,
863
- {
864
- get: shallowReadonlyGet
865
- }
851
+ }
852
+ const mutableHandlers = /* @__PURE__ */ new MutableReactiveHandler();
853
+ const readonlyHandlers = /* @__PURE__ */ new ReadonlyReactiveHandler();
854
+ const shallowReactiveHandlers = /* @__PURE__ */ new MutableReactiveHandler(
855
+ true
866
856
  );
857
+ const shallowReadonlyHandlers = /* @__PURE__ */ new ReadonlyReactiveHandler(true);
867
858
 
868
859
  const toShallow = (value) => value;
869
860
  const getProto = (v) => Reflect.getPrototypeOf(v);
@@ -872,7 +863,7 @@ var Vue = (function (exports) {
872
863
  const rawTarget = toRaw(target);
873
864
  const rawKey = toRaw(key);
874
865
  if (!isReadonly) {
875
- if (key !== rawKey) {
866
+ if (hasChanged(key, rawKey)) {
876
867
  track(rawTarget, "get", key);
877
868
  }
878
869
  track(rawTarget, "get", rawKey);
@@ -892,7 +883,7 @@ var Vue = (function (exports) {
892
883
  const rawTarget = toRaw(target);
893
884
  const rawKey = toRaw(key);
894
885
  if (!isReadonly) {
895
- if (key !== rawKey) {
886
+ if (hasChanged(key, rawKey)) {
896
887
  track(rawTarget, "has", key);
897
888
  }
898
889
  track(rawTarget, "has", rawKey);
@@ -1422,11 +1413,7 @@ var Vue = (function (exports) {
1422
1413
  }
1423
1414
  function propertyToRef(source, key, defaultValue) {
1424
1415
  const val = source[key];
1425
- return isRef(val) ? val : new ObjectRefImpl(
1426
- source,
1427
- key,
1428
- defaultValue
1429
- );
1416
+ return isRef(val) ? val : new ObjectRefImpl(source, key, defaultValue);
1430
1417
  }
1431
1418
 
1432
1419
  class ComputedRefImpl {
@@ -3199,9 +3186,7 @@ var Vue = (function (exports) {
3199
3186
  }
3200
3187
  if (cb) {
3201
3188
  const newValue = effect.run();
3202
- if (deep || forceTrigger || (isMultiSource ? newValue.some(
3203
- (v, i) => hasChanged(v, oldValue[i])
3204
- ) : hasChanged(newValue, oldValue)) || false) {
3189
+ if (deep || forceTrigger || (isMultiSource ? newValue.some((v, i) => hasChanged(v, oldValue[i])) : hasChanged(newValue, oldValue)) || false) {
3205
3190
  if (cleanup) {
3206
3191
  cleanup();
3207
3192
  }
@@ -3372,6 +3357,8 @@ var Vue = (function (exports) {
3372
3357
  }
3373
3358
  }
3374
3359
 
3360
+ const leaveCbKey = Symbol("_leaveCb");
3361
+ const enterCbKey$1 = Symbol("_enterCb");
3375
3362
  function useTransitionState() {
3376
3363
  const state = {
3377
3364
  isMounted: false,
@@ -3492,9 +3479,9 @@ var Vue = (function (exports) {
3492
3479
  oldInnerChild
3493
3480
  );
3494
3481
  leavingVNodesCache[String(oldInnerChild.key)] = oldInnerChild;
3495
- el._leaveCb = () => {
3482
+ el[leaveCbKey] = () => {
3496
3483
  earlyRemove();
3497
- el._leaveCb = void 0;
3484
+ el[leaveCbKey] = void 0;
3498
3485
  delete enterHooks.delayedLeave;
3499
3486
  };
3500
3487
  enterHooks.delayedLeave = delayedLeave;
@@ -3565,15 +3552,15 @@ var Vue = (function (exports) {
3565
3552
  return;
3566
3553
  }
3567
3554
  }
3568
- if (el._leaveCb) {
3569
- el._leaveCb(
3555
+ if (el[leaveCbKey]) {
3556
+ el[leaveCbKey](
3570
3557
  true
3571
3558
  /* cancelled */
3572
3559
  );
3573
3560
  }
3574
3561
  const leavingVNode = leavingVNodesCache[key];
3575
- if (leavingVNode && isSameVNodeType(vnode, leavingVNode) && leavingVNode.el._leaveCb) {
3576
- leavingVNode.el._leaveCb();
3562
+ if (leavingVNode && isSameVNodeType(vnode, leavingVNode) && leavingVNode.el[leaveCbKey]) {
3563
+ leavingVNode.el[leaveCbKey]();
3577
3564
  }
3578
3565
  callHook(hook, [el]);
3579
3566
  },
@@ -3591,7 +3578,7 @@ var Vue = (function (exports) {
3591
3578
  }
3592
3579
  }
3593
3580
  let called = false;
3594
- const done = el._enterCb = (cancelled) => {
3581
+ const done = el[enterCbKey$1] = (cancelled) => {
3595
3582
  if (called)
3596
3583
  return;
3597
3584
  called = true;
@@ -3603,7 +3590,7 @@ var Vue = (function (exports) {
3603
3590
  if (hooks.delayedLeave) {
3604
3591
  hooks.delayedLeave();
3605
3592
  }
3606
- el._enterCb = void 0;
3593
+ el[enterCbKey$1] = void 0;
3607
3594
  };
3608
3595
  if (hook) {
3609
3596
  callAsyncHook(hook, [el, done]);
@@ -3613,8 +3600,8 @@ var Vue = (function (exports) {
3613
3600
  },
3614
3601
  leave(el, remove) {
3615
3602
  const key2 = String(vnode.key);
3616
- if (el._enterCb) {
3617
- el._enterCb(
3603
+ if (el[enterCbKey$1]) {
3604
+ el[enterCbKey$1](
3618
3605
  true
3619
3606
  /* cancelled */
3620
3607
  );
@@ -3624,7 +3611,7 @@ var Vue = (function (exports) {
3624
3611
  }
3625
3612
  callHook(onBeforeLeave, [el]);
3626
3613
  let called = false;
3627
- const done = el._leaveCb = (cancelled) => {
3614
+ const done = el[leaveCbKey] = (cancelled) => {
3628
3615
  if (called)
3629
3616
  return;
3630
3617
  called = true;
@@ -3634,7 +3621,7 @@ var Vue = (function (exports) {
3634
3621
  } else {
3635
3622
  callHook(onAfterLeave, [el]);
3636
3623
  }
3637
- el._leaveCb = void 0;
3624
+ el[leaveCbKey] = void 0;
3638
3625
  if (leavingVNodesCache[key2] === vnode) {
3639
3626
  delete leavingVNodesCache[key2];
3640
3627
  }
@@ -3696,6 +3683,8 @@ var Vue = (function (exports) {
3696
3683
  return ret;
3697
3684
  }
3698
3685
 
3686
+ /*! #__NO_SIDE_EFFECTS__ */
3687
+ // @__NO_SIDE_EFFECTS__
3699
3688
  function defineComponent(options, extraOptions) {
3700
3689
  return isFunction(options) ? (
3701
3690
  // #8326: extend call and options.name access are considered side-effects
@@ -3705,6 +3694,8 @@ var Vue = (function (exports) {
3705
3694
  }
3706
3695
 
3707
3696
  const isAsyncWrapper = (i) => !!i.type.__asyncLoader;
3697
+ /*! #__NO_SIDE_EFFECTS__ */
3698
+ // @__NO_SIDE_EFFECTS__
3708
3699
  function defineAsyncComponent(source) {
3709
3700
  if (isFunction(source)) {
3710
3701
  source = { loader: source };
@@ -4483,7 +4474,7 @@ If this is a native custom element, make sure to exclude it from component resol
4483
4474
  return PublicInstanceProxyHandlers.get(target, key, target);
4484
4475
  },
4485
4476
  has(_, key) {
4486
- const has = key[0] !== "_" && !isGloballyWhitelisted(key);
4477
+ const has = key[0] !== "_" && !isGloballyAllowed(key);
4487
4478
  if (!has && PublicInstanceProxyHandlers.has(_, key)) {
4488
4479
  warn(
4489
4480
  `Property ${JSON.stringify(
@@ -5159,7 +5150,7 @@ If this is a native custom element, make sure to exclude it from component resol
5159
5150
  },
5160
5151
  set() {
5161
5152
  warn(
5162
- `app.config.unwrapInjectedRef has been deprecated. 3.3 now alawys unwraps injected refs in Options API.`
5153
+ `app.config.unwrapInjectedRef has been deprecated. 3.3 now always unwraps injected refs in Options API.`
5163
5154
  );
5164
5155
  }
5165
5156
  });
@@ -5246,10 +5237,7 @@ If this is a native custom element, make sure to exclude it from component resol
5246
5237
  If you want to mount another app on the same host container, you need to unmount the previous app by calling \`app.unmount()\` first.`
5247
5238
  );
5248
5239
  }
5249
- const vnode = createVNode(
5250
- rootComponent,
5251
- rootProps
5252
- );
5240
+ const vnode = createVNode(rootComponent, rootProps);
5253
5241
  vnode.appContext = context;
5254
5242
  {
5255
5243
  context.reload = () => {
@@ -5995,8 +5983,10 @@ If you want to remount the same app, move your app creation logic into a factory
5995
5983
  hasMismatch = true;
5996
5984
  warn(
5997
5985
  `Hydration text mismatch:
5998
- - Client: ${JSON.stringify(node.data)}
5999
- - Server: ${JSON.stringify(vnode.children)}`
5986
+ - Server rendered: ${JSON.stringify(
5987
+ node.data
5988
+ )}
5989
+ - Client rendered: ${JSON.stringify(vnode.children)}`
6000
5990
  );
6001
5991
  node.data = vnode.children;
6002
5992
  }
@@ -6199,8 +6189,8 @@ If you want to remount the same app, move your app creation logic into a factory
6199
6189
  hasMismatch = true;
6200
6190
  warn(
6201
6191
  `Hydration text content mismatch in <${vnode.type}>:
6202
- - Client: ${el.textContent}
6203
- - Server: ${vnode.children}`
6192
+ - Server rendered: ${el.textContent}
6193
+ - Client rendered: ${vnode.children}`
6204
6194
  );
6205
6195
  el.textContent = vnode.children;
6206
6196
  }
@@ -7948,6 +7938,10 @@ If you want to remount the same app, move your app creation logic into a factory
7948
7938
  internals,
7949
7939
  1
7950
7940
  );
7941
+ } else {
7942
+ if (n2.props && n1.props && n2.props.to !== n1.props.to) {
7943
+ n2.props.to = n1.props.to;
7944
+ }
7951
7945
  }
7952
7946
  } else {
7953
7947
  if ((n2.props && n2.props.to) !== (n1.props && n1.props.to)) {
@@ -8728,9 +8722,12 @@ Component that was made reactive: `,
8728
8722
  {
8729
8723
  setCurrentInstance(instance);
8730
8724
  pauseTracking();
8731
- applyOptions(instance);
8732
- resetTracking();
8733
- unsetCurrentInstance();
8725
+ try {
8726
+ applyOptions(instance);
8727
+ } finally {
8728
+ resetTracking();
8729
+ unsetCurrentInstance();
8730
+ }
8734
8731
  }
8735
8732
  if (!Component.render && instance.render === NOOP && !isSSR) {
8736
8733
  if (!compile$1 && Component.template) {
@@ -9090,7 +9087,7 @@ Component that was made reactive: `,
9090
9087
  return true;
9091
9088
  }
9092
9089
 
9093
- const version = "3.3.3";
9090
+ const version = "3.3.5";
9094
9091
  const ssrUtils = null;
9095
9092
  const resolveFilter = null;
9096
9093
  const compatUtils = null;
@@ -9162,51 +9159,360 @@ Component that was made reactive: `,
9162
9159
  }
9163
9160
  };
9164
9161
 
9165
- function patchClass(el, value, isSVG) {
9166
- const transitionClasses = el._vtc;
9167
- if (transitionClasses) {
9168
- value = (value ? [value, ...transitionClasses] : [...transitionClasses]).join(" ");
9162
+ const TRANSITION$1 = "transition";
9163
+ const ANIMATION = "animation";
9164
+ const vtcKey = Symbol("_vtc");
9165
+ const Transition = (props, { slots }) => h(BaseTransition, resolveTransitionProps(props), slots);
9166
+ Transition.displayName = "Transition";
9167
+ const DOMTransitionPropsValidators = {
9168
+ name: String,
9169
+ type: String,
9170
+ css: {
9171
+ type: Boolean,
9172
+ default: true
9173
+ },
9174
+ duration: [String, Number, Object],
9175
+ enterFromClass: String,
9176
+ enterActiveClass: String,
9177
+ enterToClass: String,
9178
+ appearFromClass: String,
9179
+ appearActiveClass: String,
9180
+ appearToClass: String,
9181
+ leaveFromClass: String,
9182
+ leaveActiveClass: String,
9183
+ leaveToClass: String
9184
+ };
9185
+ const TransitionPropsValidators = Transition.props = /* @__PURE__ */ extend(
9186
+ {},
9187
+ BaseTransitionPropsValidators,
9188
+ DOMTransitionPropsValidators
9189
+ );
9190
+ const callHook = (hook, args = []) => {
9191
+ if (isArray(hook)) {
9192
+ hook.forEach((h2) => h2(...args));
9193
+ } else if (hook) {
9194
+ hook(...args);
9169
9195
  }
9170
- if (value == null) {
9171
- el.removeAttribute("class");
9172
- } else if (isSVG) {
9173
- el.setAttribute("class", value);
9174
- } else {
9175
- el.className = value;
9196
+ };
9197
+ const hasExplicitCallback = (hook) => {
9198
+ return hook ? isArray(hook) ? hook.some((h2) => h2.length > 1) : hook.length > 1 : false;
9199
+ };
9200
+ function resolveTransitionProps(rawProps) {
9201
+ const baseProps = {};
9202
+ for (const key in rawProps) {
9203
+ if (!(key in DOMTransitionPropsValidators)) {
9204
+ baseProps[key] = rawProps[key];
9205
+ }
9176
9206
  }
9177
- }
9178
-
9179
- function patchStyle(el, prev, next) {
9180
- const style = el.style;
9181
- const isCssString = isString(next);
9182
- if (next && !isCssString) {
9183
- if (prev && !isString(prev)) {
9184
- for (const key in prev) {
9185
- if (next[key] == null) {
9186
- setStyle(style, key, "");
9207
+ if (rawProps.css === false) {
9208
+ return baseProps;
9209
+ }
9210
+ const {
9211
+ name = "v",
9212
+ type,
9213
+ duration,
9214
+ enterFromClass = `${name}-enter-from`,
9215
+ enterActiveClass = `${name}-enter-active`,
9216
+ enterToClass = `${name}-enter-to`,
9217
+ appearFromClass = enterFromClass,
9218
+ appearActiveClass = enterActiveClass,
9219
+ appearToClass = enterToClass,
9220
+ leaveFromClass = `${name}-leave-from`,
9221
+ leaveActiveClass = `${name}-leave-active`,
9222
+ leaveToClass = `${name}-leave-to`
9223
+ } = rawProps;
9224
+ const durations = normalizeDuration(duration);
9225
+ const enterDuration = durations && durations[0];
9226
+ const leaveDuration = durations && durations[1];
9227
+ const {
9228
+ onBeforeEnter,
9229
+ onEnter,
9230
+ onEnterCancelled,
9231
+ onLeave,
9232
+ onLeaveCancelled,
9233
+ onBeforeAppear = onBeforeEnter,
9234
+ onAppear = onEnter,
9235
+ onAppearCancelled = onEnterCancelled
9236
+ } = baseProps;
9237
+ const finishEnter = (el, isAppear, done) => {
9238
+ removeTransitionClass(el, isAppear ? appearToClass : enterToClass);
9239
+ removeTransitionClass(el, isAppear ? appearActiveClass : enterActiveClass);
9240
+ done && done();
9241
+ };
9242
+ const finishLeave = (el, done) => {
9243
+ el._isLeaving = false;
9244
+ removeTransitionClass(el, leaveFromClass);
9245
+ removeTransitionClass(el, leaveToClass);
9246
+ removeTransitionClass(el, leaveActiveClass);
9247
+ done && done();
9248
+ };
9249
+ const makeEnterHook = (isAppear) => {
9250
+ return (el, done) => {
9251
+ const hook = isAppear ? onAppear : onEnter;
9252
+ const resolve = () => finishEnter(el, isAppear, done);
9253
+ callHook(hook, [el, resolve]);
9254
+ nextFrame(() => {
9255
+ removeTransitionClass(el, isAppear ? appearFromClass : enterFromClass);
9256
+ addTransitionClass(el, isAppear ? appearToClass : enterToClass);
9257
+ if (!hasExplicitCallback(hook)) {
9258
+ whenTransitionEnds(el, type, enterDuration, resolve);
9187
9259
  }
9188
- }
9189
- }
9190
- for (const key in next) {
9191
- setStyle(style, key, next[key]);
9260
+ });
9261
+ };
9262
+ };
9263
+ return extend(baseProps, {
9264
+ onBeforeEnter(el) {
9265
+ callHook(onBeforeEnter, [el]);
9266
+ addTransitionClass(el, enterFromClass);
9267
+ addTransitionClass(el, enterActiveClass);
9268
+ },
9269
+ onBeforeAppear(el) {
9270
+ callHook(onBeforeAppear, [el]);
9271
+ addTransitionClass(el, appearFromClass);
9272
+ addTransitionClass(el, appearActiveClass);
9273
+ },
9274
+ onEnter: makeEnterHook(false),
9275
+ onAppear: makeEnterHook(true),
9276
+ onLeave(el, done) {
9277
+ el._isLeaving = true;
9278
+ const resolve = () => finishLeave(el, done);
9279
+ addTransitionClass(el, leaveFromClass);
9280
+ forceReflow();
9281
+ addTransitionClass(el, leaveActiveClass);
9282
+ nextFrame(() => {
9283
+ if (!el._isLeaving) {
9284
+ return;
9285
+ }
9286
+ removeTransitionClass(el, leaveFromClass);
9287
+ addTransitionClass(el, leaveToClass);
9288
+ if (!hasExplicitCallback(onLeave)) {
9289
+ whenTransitionEnds(el, type, leaveDuration, resolve);
9290
+ }
9291
+ });
9292
+ callHook(onLeave, [el, resolve]);
9293
+ },
9294
+ onEnterCancelled(el) {
9295
+ finishEnter(el, false);
9296
+ callHook(onEnterCancelled, [el]);
9297
+ },
9298
+ onAppearCancelled(el) {
9299
+ finishEnter(el, true);
9300
+ callHook(onAppearCancelled, [el]);
9301
+ },
9302
+ onLeaveCancelled(el) {
9303
+ finishLeave(el);
9304
+ callHook(onLeaveCancelled, [el]);
9192
9305
  }
9306
+ });
9307
+ }
9308
+ function normalizeDuration(duration) {
9309
+ if (duration == null) {
9310
+ return null;
9311
+ } else if (isObject(duration)) {
9312
+ return [NumberOf(duration.enter), NumberOf(duration.leave)];
9193
9313
  } else {
9194
- const currentDisplay = style.display;
9195
- if (isCssString) {
9196
- if (prev !== next) {
9197
- style.cssText = next;
9198
- }
9199
- } else if (prev) {
9200
- el.removeAttribute("style");
9201
- }
9202
- if ("_vod" in el) {
9203
- style.display = currentDisplay;
9314
+ const n = NumberOf(duration);
9315
+ return [n, n];
9316
+ }
9317
+ }
9318
+ function NumberOf(val) {
9319
+ const res = toNumber(val);
9320
+ {
9321
+ assertNumber(res, "<transition> explicit duration");
9322
+ }
9323
+ return res;
9324
+ }
9325
+ function addTransitionClass(el, cls) {
9326
+ cls.split(/\s+/).forEach((c) => c && el.classList.add(c));
9327
+ (el[vtcKey] || (el[vtcKey] = /* @__PURE__ */ new Set())).add(cls);
9328
+ }
9329
+ function removeTransitionClass(el, cls) {
9330
+ cls.split(/\s+/).forEach((c) => c && el.classList.remove(c));
9331
+ const _vtc = el[vtcKey];
9332
+ if (_vtc) {
9333
+ _vtc.delete(cls);
9334
+ if (!_vtc.size) {
9335
+ el[vtcKey] = void 0;
9204
9336
  }
9205
9337
  }
9206
9338
  }
9207
- const semicolonRE = /[^\\];\s*$/;
9208
- const importantRE = /\s*!important$/;
9209
- function setStyle(style, name, val) {
9339
+ function nextFrame(cb) {
9340
+ requestAnimationFrame(() => {
9341
+ requestAnimationFrame(cb);
9342
+ });
9343
+ }
9344
+ let endId = 0;
9345
+ function whenTransitionEnds(el, expectedType, explicitTimeout, resolve) {
9346
+ const id = el._endId = ++endId;
9347
+ const resolveIfNotStale = () => {
9348
+ if (id === el._endId) {
9349
+ resolve();
9350
+ }
9351
+ };
9352
+ if (explicitTimeout) {
9353
+ return setTimeout(resolveIfNotStale, explicitTimeout);
9354
+ }
9355
+ const { type, timeout, propCount } = getTransitionInfo(el, expectedType);
9356
+ if (!type) {
9357
+ return resolve();
9358
+ }
9359
+ const endEvent = type + "end";
9360
+ let ended = 0;
9361
+ const end = () => {
9362
+ el.removeEventListener(endEvent, onEnd);
9363
+ resolveIfNotStale();
9364
+ };
9365
+ const onEnd = (e) => {
9366
+ if (e.target === el && ++ended >= propCount) {
9367
+ end();
9368
+ }
9369
+ };
9370
+ setTimeout(() => {
9371
+ if (ended < propCount) {
9372
+ end();
9373
+ }
9374
+ }, timeout + 1);
9375
+ el.addEventListener(endEvent, onEnd);
9376
+ }
9377
+ function getTransitionInfo(el, expectedType) {
9378
+ const styles = window.getComputedStyle(el);
9379
+ const getStyleProperties = (key) => (styles[key] || "").split(", ");
9380
+ const transitionDelays = getStyleProperties(`${TRANSITION$1}Delay`);
9381
+ const transitionDurations = getStyleProperties(`${TRANSITION$1}Duration`);
9382
+ const transitionTimeout = getTimeout(transitionDelays, transitionDurations);
9383
+ const animationDelays = getStyleProperties(`${ANIMATION}Delay`);
9384
+ const animationDurations = getStyleProperties(`${ANIMATION}Duration`);
9385
+ const animationTimeout = getTimeout(animationDelays, animationDurations);
9386
+ let type = null;
9387
+ let timeout = 0;
9388
+ let propCount = 0;
9389
+ if (expectedType === TRANSITION$1) {
9390
+ if (transitionTimeout > 0) {
9391
+ type = TRANSITION$1;
9392
+ timeout = transitionTimeout;
9393
+ propCount = transitionDurations.length;
9394
+ }
9395
+ } else if (expectedType === ANIMATION) {
9396
+ if (animationTimeout > 0) {
9397
+ type = ANIMATION;
9398
+ timeout = animationTimeout;
9399
+ propCount = animationDurations.length;
9400
+ }
9401
+ } else {
9402
+ timeout = Math.max(transitionTimeout, animationTimeout);
9403
+ type = timeout > 0 ? transitionTimeout > animationTimeout ? TRANSITION$1 : ANIMATION : null;
9404
+ propCount = type ? type === TRANSITION$1 ? transitionDurations.length : animationDurations.length : 0;
9405
+ }
9406
+ const hasTransform = type === TRANSITION$1 && /\b(transform|all)(,|$)/.test(
9407
+ getStyleProperties(`${TRANSITION$1}Property`).toString()
9408
+ );
9409
+ return {
9410
+ type,
9411
+ timeout,
9412
+ propCount,
9413
+ hasTransform
9414
+ };
9415
+ }
9416
+ function getTimeout(delays, durations) {
9417
+ while (delays.length < durations.length) {
9418
+ delays = delays.concat(delays);
9419
+ }
9420
+ return Math.max(...durations.map((d, i) => toMs(d) + toMs(delays[i])));
9421
+ }
9422
+ function toMs(s) {
9423
+ if (s === "auto")
9424
+ return 0;
9425
+ return Number(s.slice(0, -1).replace(",", ".")) * 1e3;
9426
+ }
9427
+ function forceReflow() {
9428
+ return document.body.offsetHeight;
9429
+ }
9430
+
9431
+ function patchClass(el, value, isSVG) {
9432
+ const transitionClasses = el[vtcKey];
9433
+ if (transitionClasses) {
9434
+ value = (value ? [value, ...transitionClasses] : [...transitionClasses]).join(" ");
9435
+ }
9436
+ if (value == null) {
9437
+ el.removeAttribute("class");
9438
+ } else if (isSVG) {
9439
+ el.setAttribute("class", value);
9440
+ } else {
9441
+ el.className = value;
9442
+ }
9443
+ }
9444
+
9445
+ const vShowOldKey = Symbol("_vod");
9446
+ const vShow = {
9447
+ beforeMount(el, { value }, { transition }) {
9448
+ el[vShowOldKey] = el.style.display === "none" ? "" : el.style.display;
9449
+ if (transition && value) {
9450
+ transition.beforeEnter(el);
9451
+ } else {
9452
+ setDisplay(el, value);
9453
+ }
9454
+ },
9455
+ mounted(el, { value }, { transition }) {
9456
+ if (transition && value) {
9457
+ transition.enter(el);
9458
+ }
9459
+ },
9460
+ updated(el, { value, oldValue }, { transition }) {
9461
+ if (!value === !oldValue)
9462
+ return;
9463
+ if (transition) {
9464
+ if (value) {
9465
+ transition.beforeEnter(el);
9466
+ setDisplay(el, true);
9467
+ transition.enter(el);
9468
+ } else {
9469
+ transition.leave(el, () => {
9470
+ setDisplay(el, false);
9471
+ });
9472
+ }
9473
+ } else {
9474
+ setDisplay(el, value);
9475
+ }
9476
+ },
9477
+ beforeUnmount(el, { value }) {
9478
+ setDisplay(el, value);
9479
+ }
9480
+ };
9481
+ function setDisplay(el, value) {
9482
+ el.style.display = value ? el[vShowOldKey] : "none";
9483
+ }
9484
+
9485
+ function patchStyle(el, prev, next) {
9486
+ const style = el.style;
9487
+ const isCssString = isString(next);
9488
+ if (next && !isCssString) {
9489
+ if (prev && !isString(prev)) {
9490
+ for (const key in prev) {
9491
+ if (next[key] == null) {
9492
+ setStyle(style, key, "");
9493
+ }
9494
+ }
9495
+ }
9496
+ for (const key in next) {
9497
+ setStyle(style, key, next[key]);
9498
+ }
9499
+ } else {
9500
+ const currentDisplay = style.display;
9501
+ if (isCssString) {
9502
+ if (prev !== next) {
9503
+ style.cssText = next;
9504
+ }
9505
+ } else if (prev) {
9506
+ el.removeAttribute("style");
9507
+ }
9508
+ if (vShowOldKey in el) {
9509
+ style.display = currentDisplay;
9510
+ }
9511
+ }
9512
+ }
9513
+ const semicolonRE = /[^\\];\s*$/;
9514
+ const importantRE = /\s*!important$/;
9515
+ function setStyle(style, name, val) {
9210
9516
  if (isArray(val)) {
9211
9517
  val.forEach((v) => setStyle(style, name, v));
9212
9518
  } else {
@@ -9328,8 +9634,9 @@ Component that was made reactive: `,
9328
9634
  function removeEventListener(el, event, handler, options) {
9329
9635
  el.removeEventListener(event, handler, options);
9330
9636
  }
9637
+ const veiKey = Symbol("_vei");
9331
9638
  function patchEvent(el, rawName, prevValue, nextValue, instance = null) {
9332
- const invokers = el._vei || (el._vei = {});
9639
+ const invokers = el[veiKey] || (el[veiKey] = {});
9333
9640
  const existingInvoker = invokers[rawName];
9334
9641
  if (nextValue && existingInvoker) {
9335
9642
  existingInvoker.value = nextValue;
@@ -9449,6 +9756,8 @@ Component that was made reactive: `,
9449
9756
  return key in el;
9450
9757
  }
9451
9758
 
9759
+ /*! #__NO_SIDE_EFFECTS__ */
9760
+ // @__NO_SIDE_EFFECTS__
9452
9761
  function defineCustomElement(options, hydrate2) {
9453
9762
  const Comp = defineComponent(options);
9454
9763
  class VueCustomElement extends VueElement {
@@ -9459,8 +9768,9 @@ Component that was made reactive: `,
9459
9768
  VueCustomElement.def = Comp;
9460
9769
  return VueCustomElement;
9461
9770
  }
9462
- const defineSSRCustomElement = (options) => {
9463
- return defineCustomElement(options, hydrate);
9771
+ /*! #__NO_SIDE_EFFECTS__ */
9772
+ const defineSSRCustomElement = /* @__NO_SIDE_EFFECTS__ */ (options) => {
9773
+ return /* @__PURE__ */ defineCustomElement(options, hydrate);
9464
9774
  };
9465
9775
  const BaseClass = typeof HTMLElement !== "undefined" ? HTMLElement : class {
9466
9776
  };
@@ -9476,6 +9786,7 @@ Component that was made reactive: `,
9476
9786
  this._connected = false;
9477
9787
  this._resolved = false;
9478
9788
  this._numberProps = null;
9789
+ this._ob = null;
9479
9790
  if (this.shadowRoot && hydrate2) {
9480
9791
  hydrate2(this._createVNode(), this.shadowRoot);
9481
9792
  } else {
@@ -9502,6 +9813,10 @@ Component that was made reactive: `,
9502
9813
  }
9503
9814
  disconnectedCallback() {
9504
9815
  this._connected = false;
9816
+ if (this._ob) {
9817
+ this._ob.disconnect();
9818
+ this._ob = null;
9819
+ }
9505
9820
  nextTick(() => {
9506
9821
  if (!this._connected) {
9507
9822
  render(null, this.shadowRoot);
@@ -9517,11 +9832,12 @@ Component that was made reactive: `,
9517
9832
  for (let i = 0; i < this.attributes.length; i++) {
9518
9833
  this._setAttr(this.attributes[i].name);
9519
9834
  }
9520
- new MutationObserver((mutations) => {
9835
+ this._ob = new MutationObserver((mutations) => {
9521
9836
  for (const m of mutations) {
9522
9837
  this._setAttr(m.attributeName);
9523
9838
  }
9524
- }).observe(this, { attributes: true });
9839
+ });
9840
+ this._ob.observe(this, { attributes: true });
9525
9841
  const resolve = (def, isAsync = false) => {
9526
9842
  const { props, styles } = def;
9527
9843
  let numberProps;
@@ -9730,274 +10046,10 @@ Component that was made reactive: `,
9730
10046
  }
9731
10047
  }
9732
10048
 
9733
- const TRANSITION$1 = "transition";
9734
- const ANIMATION = "animation";
9735
- const Transition = (props, { slots }) => h(BaseTransition, resolveTransitionProps(props), slots);
9736
- Transition.displayName = "Transition";
9737
- const DOMTransitionPropsValidators = {
9738
- name: String,
9739
- type: String,
9740
- css: {
9741
- type: Boolean,
9742
- default: true
9743
- },
9744
- duration: [String, Number, Object],
9745
- enterFromClass: String,
9746
- enterActiveClass: String,
9747
- enterToClass: String,
9748
- appearFromClass: String,
9749
- appearActiveClass: String,
9750
- appearToClass: String,
9751
- leaveFromClass: String,
9752
- leaveActiveClass: String,
9753
- leaveToClass: String
9754
- };
9755
- const TransitionPropsValidators = Transition.props = /* @__PURE__ */ extend(
9756
- {},
9757
- BaseTransitionPropsValidators,
9758
- DOMTransitionPropsValidators
9759
- );
9760
- const callHook = (hook, args = []) => {
9761
- if (isArray(hook)) {
9762
- hook.forEach((h2) => h2(...args));
9763
- } else if (hook) {
9764
- hook(...args);
9765
- }
9766
- };
9767
- const hasExplicitCallback = (hook) => {
9768
- return hook ? isArray(hook) ? hook.some((h2) => h2.length > 1) : hook.length > 1 : false;
9769
- };
9770
- function resolveTransitionProps(rawProps) {
9771
- const baseProps = {};
9772
- for (const key in rawProps) {
9773
- if (!(key in DOMTransitionPropsValidators)) {
9774
- baseProps[key] = rawProps[key];
9775
- }
9776
- }
9777
- if (rawProps.css === false) {
9778
- return baseProps;
9779
- }
9780
- const {
9781
- name = "v",
9782
- type,
9783
- duration,
9784
- enterFromClass = `${name}-enter-from`,
9785
- enterActiveClass = `${name}-enter-active`,
9786
- enterToClass = `${name}-enter-to`,
9787
- appearFromClass = enterFromClass,
9788
- appearActiveClass = enterActiveClass,
9789
- appearToClass = enterToClass,
9790
- leaveFromClass = `${name}-leave-from`,
9791
- leaveActiveClass = `${name}-leave-active`,
9792
- leaveToClass = `${name}-leave-to`
9793
- } = rawProps;
9794
- const durations = normalizeDuration(duration);
9795
- const enterDuration = durations && durations[0];
9796
- const leaveDuration = durations && durations[1];
9797
- const {
9798
- onBeforeEnter,
9799
- onEnter,
9800
- onEnterCancelled,
9801
- onLeave,
9802
- onLeaveCancelled,
9803
- onBeforeAppear = onBeforeEnter,
9804
- onAppear = onEnter,
9805
- onAppearCancelled = onEnterCancelled
9806
- } = baseProps;
9807
- const finishEnter = (el, isAppear, done) => {
9808
- removeTransitionClass(el, isAppear ? appearToClass : enterToClass);
9809
- removeTransitionClass(el, isAppear ? appearActiveClass : enterActiveClass);
9810
- done && done();
9811
- };
9812
- const finishLeave = (el, done) => {
9813
- el._isLeaving = false;
9814
- removeTransitionClass(el, leaveFromClass);
9815
- removeTransitionClass(el, leaveToClass);
9816
- removeTransitionClass(el, leaveActiveClass);
9817
- done && done();
9818
- };
9819
- const makeEnterHook = (isAppear) => {
9820
- return (el, done) => {
9821
- const hook = isAppear ? onAppear : onEnter;
9822
- const resolve = () => finishEnter(el, isAppear, done);
9823
- callHook(hook, [el, resolve]);
9824
- nextFrame(() => {
9825
- removeTransitionClass(el, isAppear ? appearFromClass : enterFromClass);
9826
- addTransitionClass(el, isAppear ? appearToClass : enterToClass);
9827
- if (!hasExplicitCallback(hook)) {
9828
- whenTransitionEnds(el, type, enterDuration, resolve);
9829
- }
9830
- });
9831
- };
9832
- };
9833
- return extend(baseProps, {
9834
- onBeforeEnter(el) {
9835
- callHook(onBeforeEnter, [el]);
9836
- addTransitionClass(el, enterFromClass);
9837
- addTransitionClass(el, enterActiveClass);
9838
- },
9839
- onBeforeAppear(el) {
9840
- callHook(onBeforeAppear, [el]);
9841
- addTransitionClass(el, appearFromClass);
9842
- addTransitionClass(el, appearActiveClass);
9843
- },
9844
- onEnter: makeEnterHook(false),
9845
- onAppear: makeEnterHook(true),
9846
- onLeave(el, done) {
9847
- el._isLeaving = true;
9848
- const resolve = () => finishLeave(el, done);
9849
- addTransitionClass(el, leaveFromClass);
9850
- forceReflow();
9851
- addTransitionClass(el, leaveActiveClass);
9852
- nextFrame(() => {
9853
- if (!el._isLeaving) {
9854
- return;
9855
- }
9856
- removeTransitionClass(el, leaveFromClass);
9857
- addTransitionClass(el, leaveToClass);
9858
- if (!hasExplicitCallback(onLeave)) {
9859
- whenTransitionEnds(el, type, leaveDuration, resolve);
9860
- }
9861
- });
9862
- callHook(onLeave, [el, resolve]);
9863
- },
9864
- onEnterCancelled(el) {
9865
- finishEnter(el, false);
9866
- callHook(onEnterCancelled, [el]);
9867
- },
9868
- onAppearCancelled(el) {
9869
- finishEnter(el, true);
9870
- callHook(onAppearCancelled, [el]);
9871
- },
9872
- onLeaveCancelled(el) {
9873
- finishLeave(el);
9874
- callHook(onLeaveCancelled, [el]);
9875
- }
9876
- });
9877
- }
9878
- function normalizeDuration(duration) {
9879
- if (duration == null) {
9880
- return null;
9881
- } else if (isObject(duration)) {
9882
- return [NumberOf(duration.enter), NumberOf(duration.leave)];
9883
- } else {
9884
- const n = NumberOf(duration);
9885
- return [n, n];
9886
- }
9887
- }
9888
- function NumberOf(val) {
9889
- const res = toNumber(val);
9890
- {
9891
- assertNumber(res, "<transition> explicit duration");
9892
- }
9893
- return res;
9894
- }
9895
- function addTransitionClass(el, cls) {
9896
- cls.split(/\s+/).forEach((c) => c && el.classList.add(c));
9897
- (el._vtc || (el._vtc = /* @__PURE__ */ new Set())).add(cls);
9898
- }
9899
- function removeTransitionClass(el, cls) {
9900
- cls.split(/\s+/).forEach((c) => c && el.classList.remove(c));
9901
- const { _vtc } = el;
9902
- if (_vtc) {
9903
- _vtc.delete(cls);
9904
- if (!_vtc.size) {
9905
- el._vtc = void 0;
9906
- }
9907
- }
9908
- }
9909
- function nextFrame(cb) {
9910
- requestAnimationFrame(() => {
9911
- requestAnimationFrame(cb);
9912
- });
9913
- }
9914
- let endId = 0;
9915
- function whenTransitionEnds(el, expectedType, explicitTimeout, resolve) {
9916
- const id = el._endId = ++endId;
9917
- const resolveIfNotStale = () => {
9918
- if (id === el._endId) {
9919
- resolve();
9920
- }
9921
- };
9922
- if (explicitTimeout) {
9923
- return setTimeout(resolveIfNotStale, explicitTimeout);
9924
- }
9925
- const { type, timeout, propCount } = getTransitionInfo(el, expectedType);
9926
- if (!type) {
9927
- return resolve();
9928
- }
9929
- const endEvent = type + "end";
9930
- let ended = 0;
9931
- const end = () => {
9932
- el.removeEventListener(endEvent, onEnd);
9933
- resolveIfNotStale();
9934
- };
9935
- const onEnd = (e) => {
9936
- if (e.target === el && ++ended >= propCount) {
9937
- end();
9938
- }
9939
- };
9940
- setTimeout(() => {
9941
- if (ended < propCount) {
9942
- end();
9943
- }
9944
- }, timeout + 1);
9945
- el.addEventListener(endEvent, onEnd);
9946
- }
9947
- function getTransitionInfo(el, expectedType) {
9948
- const styles = window.getComputedStyle(el);
9949
- const getStyleProperties = (key) => (styles[key] || "").split(", ");
9950
- const transitionDelays = getStyleProperties(`${TRANSITION$1}Delay`);
9951
- const transitionDurations = getStyleProperties(`${TRANSITION$1}Duration`);
9952
- const transitionTimeout = getTimeout(transitionDelays, transitionDurations);
9953
- const animationDelays = getStyleProperties(`${ANIMATION}Delay`);
9954
- const animationDurations = getStyleProperties(`${ANIMATION}Duration`);
9955
- const animationTimeout = getTimeout(animationDelays, animationDurations);
9956
- let type = null;
9957
- let timeout = 0;
9958
- let propCount = 0;
9959
- if (expectedType === TRANSITION$1) {
9960
- if (transitionTimeout > 0) {
9961
- type = TRANSITION$1;
9962
- timeout = transitionTimeout;
9963
- propCount = transitionDurations.length;
9964
- }
9965
- } else if (expectedType === ANIMATION) {
9966
- if (animationTimeout > 0) {
9967
- type = ANIMATION;
9968
- timeout = animationTimeout;
9969
- propCount = animationDurations.length;
9970
- }
9971
- } else {
9972
- timeout = Math.max(transitionTimeout, animationTimeout);
9973
- type = timeout > 0 ? transitionTimeout > animationTimeout ? TRANSITION$1 : ANIMATION : null;
9974
- propCount = type ? type === TRANSITION$1 ? transitionDurations.length : animationDurations.length : 0;
9975
- }
9976
- const hasTransform = type === TRANSITION$1 && /\b(transform|all)(,|$)/.test(
9977
- getStyleProperties(`${TRANSITION$1}Property`).toString()
9978
- );
9979
- return {
9980
- type,
9981
- timeout,
9982
- propCount,
9983
- hasTransform
9984
- };
9985
- }
9986
- function getTimeout(delays, durations) {
9987
- while (delays.length < durations.length) {
9988
- delays = delays.concat(delays);
9989
- }
9990
- return Math.max(...durations.map((d, i) => toMs(d) + toMs(delays[i])));
9991
- }
9992
- function toMs(s) {
9993
- return Number(s.slice(0, -1).replace(",", ".")) * 1e3;
9994
- }
9995
- function forceReflow() {
9996
- return document.body.offsetHeight;
9997
- }
9998
-
9999
10049
  const positionMap = /* @__PURE__ */ new WeakMap();
10000
10050
  const newPositionMap = /* @__PURE__ */ new WeakMap();
10051
+ const moveCbKey = Symbol("_moveCb");
10052
+ const enterCbKey = Symbol("_enterCb");
10001
10053
  const TransitionGroupImpl = {
10002
10054
  name: "TransitionGroup",
10003
10055
  props: /* @__PURE__ */ extend({}, TransitionPropsValidators, {
@@ -10030,13 +10082,13 @@ Component that was made reactive: `,
10030
10082
  const style = el.style;
10031
10083
  addTransitionClass(el, moveClass);
10032
10084
  style.transform = style.webkitTransform = style.transitionDuration = "";
10033
- const cb = el._moveCb = (e) => {
10085
+ const cb = el[moveCbKey] = (e) => {
10034
10086
  if (e && e.target !== el) {
10035
10087
  return;
10036
10088
  }
10037
10089
  if (!e || /transform$/.test(e.propertyName)) {
10038
10090
  el.removeEventListener("transitionend", cb);
10039
- el._moveCb = null;
10091
+ el[moveCbKey] = null;
10040
10092
  removeTransitionClass(el, moveClass);
10041
10093
  }
10042
10094
  };
@@ -10079,11 +10131,11 @@ Component that was made reactive: `,
10079
10131
  const TransitionGroup = TransitionGroupImpl;
10080
10132
  function callPendingCbs(c) {
10081
10133
  const el = c.el;
10082
- if (el._moveCb) {
10083
- el._moveCb();
10134
+ if (el[moveCbKey]) {
10135
+ el[moveCbKey]();
10084
10136
  }
10085
- if (el._enterCb) {
10086
- el._enterCb();
10137
+ if (el[enterCbKey]) {
10138
+ el[enterCbKey]();
10087
10139
  }
10088
10140
  }
10089
10141
  function recordPosition(c) {
@@ -10103,8 +10155,9 @@ Component that was made reactive: `,
10103
10155
  }
10104
10156
  function hasCSSTransform(el, root, moveClass) {
10105
10157
  const clone = el.cloneNode();
10106
- if (el._vtc) {
10107
- el._vtc.forEach((cls) => {
10158
+ const _vtc = el[vtcKey];
10159
+ if (_vtc) {
10160
+ _vtc.forEach((cls) => {
10108
10161
  cls.split(/\s+/).forEach((c) => c && clone.classList.remove(c));
10109
10162
  });
10110
10163
  }
@@ -10131,9 +10184,10 @@ Component that was made reactive: `,
10131
10184
  target.dispatchEvent(new Event("input"));
10132
10185
  }
10133
10186
  }
10187
+ const assignKey = Symbol("_assign");
10134
10188
  const vModelText = {
10135
10189
  created(el, { modifiers: { lazy, trim, number } }, vnode) {
10136
- el._assign = getModelAssigner(vnode);
10190
+ el[assignKey] = getModelAssigner(vnode);
10137
10191
  const castToNumber = number || vnode.props && vnode.props.type === "number";
10138
10192
  addEventListener(el, lazy ? "change" : "input", (e) => {
10139
10193
  if (e.target.composing)
@@ -10145,7 +10199,7 @@ Component that was made reactive: `,
10145
10199
  if (castToNumber) {
10146
10200
  domValue = looseToNumber(domValue);
10147
10201
  }
10148
- el._assign(domValue);
10202
+ el[assignKey](domValue);
10149
10203
  });
10150
10204
  if (trim) {
10151
10205
  addEventListener(el, "change", () => {
@@ -10163,7 +10217,7 @@ Component that was made reactive: `,
10163
10217
  el.value = value == null ? "" : value;
10164
10218
  },
10165
10219
  beforeUpdate(el, { value, modifiers: { lazy, trim, number } }, vnode) {
10166
- el._assign = getModelAssigner(vnode);
10220
+ el[assignKey] = getModelAssigner(vnode);
10167
10221
  if (el.composing)
10168
10222
  return;
10169
10223
  if (document.activeElement === el && el.type !== "range") {
@@ -10187,12 +10241,12 @@ Component that was made reactive: `,
10187
10241
  // #4096 array checkboxes need to be deep traversed
10188
10242
  deep: true,
10189
10243
  created(el, _, vnode) {
10190
- el._assign = getModelAssigner(vnode);
10244
+ el[assignKey] = getModelAssigner(vnode);
10191
10245
  addEventListener(el, "change", () => {
10192
10246
  const modelValue = el._modelValue;
10193
10247
  const elementValue = getValue(el);
10194
10248
  const checked = el.checked;
10195
- const assign = el._assign;
10249
+ const assign = el[assignKey];
10196
10250
  if (isArray(modelValue)) {
10197
10251
  const index = looseIndexOf(modelValue, elementValue);
10198
10252
  const found = index !== -1;
@@ -10219,7 +10273,7 @@ Component that was made reactive: `,
10219
10273
  // set initial checked on mount to wait for true-value/false-value
10220
10274
  mounted: setChecked,
10221
10275
  beforeUpdate(el, binding, vnode) {
10222
- el._assign = getModelAssigner(vnode);
10276
+ el[assignKey] = getModelAssigner(vnode);
10223
10277
  setChecked(el, binding, vnode);
10224
10278
  }
10225
10279
  };
@@ -10236,13 +10290,13 @@ Component that was made reactive: `,
10236
10290
  const vModelRadio = {
10237
10291
  created(el, { value }, vnode) {
10238
10292
  el.checked = looseEqual(value, vnode.props.value);
10239
- el._assign = getModelAssigner(vnode);
10293
+ el[assignKey] = getModelAssigner(vnode);
10240
10294
  addEventListener(el, "change", () => {
10241
- el._assign(getValue(el));
10295
+ el[assignKey](getValue(el));
10242
10296
  });
10243
10297
  },
10244
10298
  beforeUpdate(el, { value, oldValue }, vnode) {
10245
- el._assign = getModelAssigner(vnode);
10299
+ el[assignKey] = getModelAssigner(vnode);
10246
10300
  if (value !== oldValue) {
10247
10301
  el.checked = looseEqual(value, vnode.props.value);
10248
10302
  }
@@ -10257,11 +10311,11 @@ Component that was made reactive: `,
10257
10311
  const selectedVal = Array.prototype.filter.call(el.options, (o) => o.selected).map(
10258
10312
  (o) => number ? looseToNumber(getValue(o)) : getValue(o)
10259
10313
  );
10260
- el._assign(
10314
+ el[assignKey](
10261
10315
  el.multiple ? isSetModel ? new Set(selectedVal) : selectedVal : selectedVal[0]
10262
10316
  );
10263
10317
  });
10264
- el._assign = getModelAssigner(vnode);
10318
+ el[assignKey] = getModelAssigner(vnode);
10265
10319
  },
10266
10320
  // set value in mounted & updated because <select> relies on its children
10267
10321
  // <option>s.
@@ -10269,7 +10323,7 @@ Component that was made reactive: `,
10269
10323
  setSelected(el, value);
10270
10324
  },
10271
10325
  beforeUpdate(el, _binding, vnode) {
10272
- el._assign = getModelAssigner(vnode);
10326
+ el[assignKey] = getModelAssigner(vnode);
10273
10327
  },
10274
10328
  updated(el, { value }) {
10275
10329
  setSelected(el, value);
@@ -10396,45 +10450,6 @@ Component that was made reactive: `,
10396
10450
  };
10397
10451
  };
10398
10452
 
10399
- const vShow = {
10400
- beforeMount(el, { value }, { transition }) {
10401
- el._vod = el.style.display === "none" ? "" : el.style.display;
10402
- if (transition && value) {
10403
- transition.beforeEnter(el);
10404
- } else {
10405
- setDisplay(el, value);
10406
- }
10407
- },
10408
- mounted(el, { value }, { transition }) {
10409
- if (transition && value) {
10410
- transition.enter(el);
10411
- }
10412
- },
10413
- updated(el, { value, oldValue }, { transition }) {
10414
- if (!value === !oldValue)
10415
- return;
10416
- if (transition) {
10417
- if (value) {
10418
- transition.beforeEnter(el);
10419
- setDisplay(el, true);
10420
- transition.enter(el);
10421
- } else {
10422
- transition.leave(el, () => {
10423
- setDisplay(el, false);
10424
- });
10425
- }
10426
- } else {
10427
- setDisplay(el, value);
10428
- }
10429
- },
10430
- beforeUnmount(el, { value }) {
10431
- setDisplay(el, value);
10432
- }
10433
- };
10434
- function setDisplay(el, value) {
10435
- el.style.display = value ? el._vod : "none";
10436
- }
10437
-
10438
10453
  const rendererOptions = /* @__PURE__ */ extend({ patchProp }, nodeOps);
10439
10454
  let renderer;
10440
10455
  let enabledHydration = false;
@@ -11212,7 +11227,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
11212
11227
  continue;
11213
11228
  } else if (/[a-z]/i.test(s[2])) {
11214
11229
  emitError(context, 23);
11215
- parseTag(context, TagType.End, parent);
11230
+ parseTag(context, 1 /* End */, parent);
11216
11231
  continue;
11217
11232
  } else {
11218
11233
  emitError(
@@ -11360,7 +11375,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
11360
11375
  const wasInPre = context.inPre;
11361
11376
  const wasInVPre = context.inVPre;
11362
11377
  const parent = last(ancestors);
11363
- const element = parseTag(context, TagType.Start, parent);
11378
+ const element = parseTag(context, 0 /* Start */, parent);
11364
11379
  const isPreBoundary = context.inPre && !wasInPre;
11365
11380
  const isVPreBoundary = context.inVPre && !wasInVPre;
11366
11381
  if (element.isSelfClosing || context.options.isVoidTag(element.tag)) {
@@ -11378,7 +11393,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
11378
11393
  ancestors.pop();
11379
11394
  element.children = children;
11380
11395
  if (startsWithEndTagOpen(context.source, element.tag)) {
11381
- parseTag(context, TagType.End, parent);
11396
+ parseTag(context, 1 /* End */, parent);
11382
11397
  } else {
11383
11398
  emitError(context, 24, 0, element.loc.start);
11384
11399
  if (context.source.length === 0 && element.tag.toLowerCase() === "script") {
@@ -11397,11 +11412,6 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
11397
11412
  }
11398
11413
  return element;
11399
11414
  }
11400
- var TagType = /* @__PURE__ */ ((TagType2) => {
11401
- TagType2[TagType2["Start"] = 0] = "Start";
11402
- TagType2[TagType2["End"] = 1] = "End";
11403
- return TagType2;
11404
- })(TagType || {});
11405
11415
  const isSpecialTemplateDirective = /* @__PURE__ */ makeMap(
11406
11416
  `if,else,else-if,for,slot`
11407
11417
  );