@vue/compat 3.6.0-alpha.3 → 3.6.0-alpha.4

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.
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @vue/compat v3.6.0-alpha.3
2
+ * @vue/compat v3.6.0-alpha.4
3
3
  * (c) 2018-present Yuxi (Evan) You and Vue contributors
4
4
  * @license MIT
5
5
  **/
@@ -81,6 +81,9 @@ const toHandlerKey = cacheStringFunction(
81
81
  return s;
82
82
  }
83
83
  );
84
+ const getModifierPropName = (name) => {
85
+ return `${name === "modelValue" || name === "model-value" ? "model" : name}Modifiers${name === "model" ? "$" : ""}`;
86
+ };
84
87
  const hasChanged = (value, oldValue) => !Object.is(value, oldValue);
85
88
  const invokeArrayFns = (fns, ...arg) => {
86
89
  for (let i = 0; i < fns.length; i++) {
@@ -2931,7 +2934,12 @@ function reload(id, newComp) {
2931
2934
  newComp = normalizeClassComponent(newComp);
2932
2935
  updateComponentDef(record.initialDef, newComp);
2933
2936
  const instances = [...record.instances];
2934
- if (newComp.__vapor) {
2937
+ if (newComp.__vapor && !instances.some((i) => i.ceReload)) {
2938
+ for (const instance of instances) {
2939
+ if (instance.root && instance.root.ce && instance !== instance.root) {
2940
+ instance.root.ce._removeChildStyle(instance.type);
2941
+ }
2942
+ }
2935
2943
  for (const instance of instances) {
2936
2944
  instance.hmrReload(newComp);
2937
2945
  }
@@ -7687,7 +7695,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
7687
7695
  return vm;
7688
7696
  }
7689
7697
  }
7690
- Vue.version = `2.6.14-compat:${"3.6.0-alpha.3"}`;
7698
+ Vue.version = `2.6.14-compat:${"3.6.0-alpha.4"}`;
7691
7699
  Vue.config = singletonApp.config;
7692
7700
  Vue.use = (plugin, ...options) => {
7693
7701
  if (plugin && isFunction(plugin.install)) {
@@ -10943,7 +10951,7 @@ function useModel(props, name, options = EMPTY_OBJ) {
10943
10951
  return res;
10944
10952
  }
10945
10953
  const getModelModifiers = (props, modelName, getter) => {
10946
- return modelName === "modelValue" || modelName === "model-value" ? getter(props, "modelModifiers") : getter(props, `${modelName}Modifiers`) || getter(props, `${camelize(modelName)}Modifiers`) || getter(props, `${hyphenate(modelName)}Modifiers`);
10954
+ return getter(props, getModifierPropName(modelName)) || getter(props, `${camelize(modelName)}Modifiers`) || getter(props, `${hyphenate(modelName)}Modifiers`);
10947
10955
  };
10948
10956
 
10949
10957
  function emit(instance, event, ...rawArgs) {
@@ -12497,6 +12505,25 @@ const setCurrentInstance = (instance, scope = instance !== null ? instance.scope
12497
12505
  simpleSetCurrentInstance(instance);
12498
12506
  }
12499
12507
  };
12508
+ const internalOptions = ["ce", "type"];
12509
+ const useInstanceOption = (key, silent = false) => {
12510
+ const instance = getCurrentGenericInstance();
12511
+ if (!instance) {
12512
+ if (!!(process.env.NODE_ENV !== "production") && !silent) {
12513
+ warn$1(`useInstanceOption called without an active component instance.`);
12514
+ }
12515
+ return { hasInstance: false, value: void 0 };
12516
+ }
12517
+ if (!internalOptions.includes(key)) {
12518
+ if (!!(process.env.NODE_ENV !== "production")) {
12519
+ warn$1(
12520
+ `useInstanceOption only accepts ${internalOptions.map((k) => `'${k}'`).join(", ")} as key, got '${key}'.`
12521
+ );
12522
+ }
12523
+ return { hasInstance: true, value: void 0 };
12524
+ }
12525
+ return { hasInstance: true, value: instance[key] };
12526
+ };
12500
12527
 
12501
12528
  const emptyAppContext = createAppContext();
12502
12529
  let uid = 0;
@@ -13160,7 +13187,7 @@ function isMemoSame(cached, memo) {
13160
13187
  return true;
13161
13188
  }
13162
13189
 
13163
- const version = "3.6.0-alpha.3";
13190
+ const version = "3.6.0-alpha.4";
13164
13191
  const warn = !!(process.env.NODE_ENV !== "production") ? warn$1 : NOOP;
13165
13192
  const ErrorTypeStrings = ErrorTypeStrings$1 ;
13166
13193
  const devtools = !!(process.env.NODE_ENV !== "production") || true ? devtools$1 : void 0;
@@ -14091,12 +14118,9 @@ const defineSSRCustomElement = (/* @__NO_SIDE_EFFECTS__ */ (options, extraOption
14091
14118
  });
14092
14119
  const BaseClass = typeof HTMLElement !== "undefined" ? HTMLElement : class {
14093
14120
  };
14094
- class VueElement extends BaseClass {
14095
- constructor(_def, _props = {}, _createApp = createApp) {
14121
+ class VueElementBase extends BaseClass {
14122
+ constructor(def, props = {}, createAppFn) {
14096
14123
  super();
14097
- this._def = _def;
14098
- this._props = _props;
14099
- this._createApp = _createApp;
14100
14124
  this._isVueCE = true;
14101
14125
  /**
14102
14126
  * @internal
@@ -14106,28 +14130,23 @@ class VueElement extends BaseClass {
14106
14130
  * @internal
14107
14131
  */
14108
14132
  this._app = null;
14109
- /**
14110
- * @internal
14111
- */
14112
- this._nonce = this._def.nonce;
14113
14133
  this._connected = false;
14114
14134
  this._resolved = false;
14115
- this._patching = false;
14116
- this._dirty = false;
14117
14135
  this._numberProps = null;
14118
14136
  this._styleChildren = /* @__PURE__ */ new WeakSet();
14137
+ this._patching = false;
14138
+ this._dirty = false;
14119
14139
  this._ob = null;
14120
- if (this.shadowRoot && _createApp !== createApp) {
14140
+ this._def = def;
14141
+ this._props = props;
14142
+ this._createApp = createAppFn;
14143
+ this._nonce = def.nonce;
14144
+ if (this._needsHydration()) {
14121
14145
  this._root = this.shadowRoot;
14122
14146
  } else {
14123
- if (!!(process.env.NODE_ENV !== "production") && this.shadowRoot) {
14124
- warn(
14125
- `Custom element has pre-rendered declarative shadow root but is not defined as hydratable. Use \`defineSSRCustomElement\`.`
14126
- );
14127
- }
14128
- if (_def.shadowRoot !== false) {
14147
+ if (def.shadowRoot !== false) {
14129
14148
  this.attachShadow(
14130
- extend({}, _def.shadowRootOptions, {
14149
+ extend({}, def.shadowRootOptions, {
14131
14150
  mode: "open"
14132
14151
  })
14133
14152
  );
@@ -14145,14 +14164,14 @@ class VueElement extends BaseClass {
14145
14164
  this._connected = true;
14146
14165
  let parent = this;
14147
14166
  while (parent = parent && (parent.parentNode || parent.host)) {
14148
- if (parent instanceof VueElement) {
14167
+ if (parent instanceof VueElementBase) {
14149
14168
  this._parent = parent;
14150
14169
  break;
14151
14170
  }
14152
14171
  }
14153
14172
  if (!this._instance) {
14154
14173
  if (this._resolved) {
14155
- this._mount(this._def);
14174
+ this._mountComponent(this._def);
14156
14175
  } else {
14157
14176
  if (parent && parent._pendingResolve) {
14158
14177
  this._pendingResolve = parent._pendingResolve.then(() => {
@@ -14165,20 +14184,6 @@ class VueElement extends BaseClass {
14165
14184
  }
14166
14185
  }
14167
14186
  }
14168
- _setParent(parent = this._parent) {
14169
- if (parent) {
14170
- this._instance.parent = parent._instance;
14171
- this._inheritParentContext(parent);
14172
- }
14173
- }
14174
- _inheritParentContext(parent = this._parent) {
14175
- if (parent && this._app) {
14176
- Object.setPrototypeOf(
14177
- this._app._context.provides,
14178
- parent._instance.provides
14179
- );
14180
- }
14181
- }
14182
14187
  disconnectedCallback() {
14183
14188
  this._connected = false;
14184
14189
  nextTick(() => {
@@ -14187,9 +14192,7 @@ class VueElement extends BaseClass {
14187
14192
  this._ob.disconnect();
14188
14193
  this._ob = null;
14189
14194
  }
14190
- this._app && this._app.unmount();
14191
- if (this._instance) this._instance.ce = void 0;
14192
- this._app = this._instance = null;
14195
+ this._unmount();
14193
14196
  if (this._teleportTargets) {
14194
14197
  this._teleportTargets.clear();
14195
14198
  this._teleportTargets = void 0;
@@ -14197,6 +14200,20 @@ class VueElement extends BaseClass {
14197
14200
  }
14198
14201
  });
14199
14202
  }
14203
+ _setParent(parent = this._parent) {
14204
+ if (parent && this._instance) {
14205
+ this._instance.parent = parent._instance;
14206
+ this._inheritParentContext(parent);
14207
+ }
14208
+ }
14209
+ _inheritParentContext(parent = this._parent) {
14210
+ if (parent && this._app) {
14211
+ Object.setPrototypeOf(
14212
+ this._app._context.provides,
14213
+ parent._instance.provides
14214
+ );
14215
+ }
14216
+ }
14200
14217
  _processMutations(mutations) {
14201
14218
  for (const m of mutations) {
14202
14219
  this._setAttr(m.attributeName);
@@ -14214,7 +14231,7 @@ class VueElement extends BaseClass {
14214
14231
  }
14215
14232
  this._ob = new MutationObserver(this._processMutations.bind(this));
14216
14233
  this._ob.observe(this, { attributes: true });
14217
- const resolve = (def, isAsync = false) => {
14234
+ const resolve = (def) => {
14218
14235
  this._resolved = true;
14219
14236
  this._pendingResolve = void 0;
14220
14237
  const { props, styles } = def;
@@ -14239,29 +14256,25 @@ class VueElement extends BaseClass {
14239
14256
  "Custom element style injection is not supported when using shadowRoot: false"
14240
14257
  );
14241
14258
  }
14242
- this._mount(def);
14259
+ this._mountComponent(def);
14243
14260
  };
14244
14261
  const asyncDef = this._def.__asyncLoader;
14245
14262
  if (asyncDef) {
14263
+ const { configureApp } = this._def;
14246
14264
  this._pendingResolve = asyncDef().then((def) => {
14247
- def.configureApp = this._def.configureApp;
14248
- resolve(this._def = def, true);
14265
+ def.configureApp = configureApp;
14266
+ this._def = def;
14267
+ resolve(def);
14249
14268
  });
14250
14269
  } else {
14251
14270
  resolve(this._def);
14252
14271
  }
14253
14272
  }
14254
- _mount(def) {
14255
- if ((!!(process.env.NODE_ENV !== "production") || __VUE_PROD_DEVTOOLS__) && !def.name) {
14256
- def.name = "VueElement";
14257
- }
14258
- this._app = this._createApp(def);
14259
- this._inheritParentContext();
14260
- if (def.configureApp) {
14261
- def.configureApp(this._app);
14262
- }
14263
- this._app._ceVNode = this._createVNode();
14264
- this._app.mount(this._root);
14273
+ _mountComponent(def) {
14274
+ this._mount(def);
14275
+ this._processExposed();
14276
+ }
14277
+ _processExposed() {
14265
14278
  const exposed = this._instance && this._instance.exposed;
14266
14279
  if (!exposed) return;
14267
14280
  for (const key in exposed) {
@@ -14275,6 +14288,38 @@ class VueElement extends BaseClass {
14275
14288
  }
14276
14289
  }
14277
14290
  }
14291
+ _processInstance() {
14292
+ this._instance.ce = this;
14293
+ this._instance.isCE = true;
14294
+ if (!!(process.env.NODE_ENV !== "production")) {
14295
+ this._instance.ceReload = (newStyles) => {
14296
+ if (this._styles) {
14297
+ this._styles.forEach((s) => this._root.removeChild(s));
14298
+ this._styles.length = 0;
14299
+ }
14300
+ this._applyStyles(newStyles);
14301
+ if (!this._instance.vapor) {
14302
+ this._instance = null;
14303
+ }
14304
+ this._update();
14305
+ };
14306
+ }
14307
+ const dispatch = (event, args) => {
14308
+ this.dispatchEvent(
14309
+ new CustomEvent(
14310
+ event,
14311
+ isPlainObject(args[0]) ? extend({ detail: args }, args[0]) : { detail: args }
14312
+ )
14313
+ );
14314
+ };
14315
+ this._instance.emit = (event, ...args) => {
14316
+ dispatch(event, args);
14317
+ if (hyphenate(event) !== event) {
14318
+ dispatch(hyphenate(event), args);
14319
+ }
14320
+ };
14321
+ this._setParent();
14322
+ }
14278
14323
  _resolveProps(def) {
14279
14324
  const { props } = def;
14280
14325
  const declaredPropKeys = isArray(props) ? props : Object.keys(props || {});
@@ -14320,7 +14365,7 @@ class VueElement extends BaseClass {
14320
14365
  delete this._props[key];
14321
14366
  } else {
14322
14367
  this._props[key] = val;
14323
- if (key === "key" && this._app) {
14368
+ if (key === "key" && this._app && this._app._ceVNode) {
14324
14369
  this._app._ceVNode.key = val;
14325
14370
  }
14326
14371
  }
@@ -14344,52 +14389,6 @@ class VueElement extends BaseClass {
14344
14389
  }
14345
14390
  }
14346
14391
  }
14347
- _update() {
14348
- const vnode = this._createVNode();
14349
- if (this._app) vnode.appContext = this._app._context;
14350
- render(vnode, this._root);
14351
- }
14352
- _createVNode() {
14353
- const baseProps = {};
14354
- if (!this.shadowRoot) {
14355
- baseProps.onVnodeMounted = baseProps.onVnodeUpdated = this._renderSlots.bind(this);
14356
- }
14357
- const vnode = createVNode(this._def, extend(baseProps, this._props));
14358
- if (!this._instance) {
14359
- vnode.ce = (instance) => {
14360
- this._instance = instance;
14361
- instance.ce = this;
14362
- instance.isCE = true;
14363
- if (!!(process.env.NODE_ENV !== "production")) {
14364
- instance.ceReload = (newStyles) => {
14365
- if (this._styles) {
14366
- this._styles.forEach((s) => this._root.removeChild(s));
14367
- this._styles.length = 0;
14368
- }
14369
- this._applyStyles(newStyles);
14370
- this._instance = null;
14371
- this._update();
14372
- };
14373
- }
14374
- const dispatch = (event, args) => {
14375
- this.dispatchEvent(
14376
- new CustomEvent(
14377
- event,
14378
- isPlainObject(args[0]) ? extend({ detail: args }, args[0]) : { detail: args }
14379
- )
14380
- );
14381
- };
14382
- instance.emit = (event, ...args) => {
14383
- dispatch(event, args);
14384
- if (hyphenate(event) !== event) {
14385
- dispatch(hyphenate(event), args);
14386
- }
14387
- };
14388
- this._setParent();
14389
- };
14390
- }
14391
- return vnode;
14392
- }
14393
14392
  _applyStyles(styles, owner) {
14394
14393
  if (!styles) return;
14395
14394
  if (owner) {
@@ -14438,11 +14437,13 @@ class VueElement extends BaseClass {
14438
14437
  _renderSlots() {
14439
14438
  const outlets = this._getSlots();
14440
14439
  const scopeId = this._instance.type.__scopeId;
14440
+ const slotReplacements = /* @__PURE__ */ new Map();
14441
14441
  for (let i = 0; i < outlets.length; i++) {
14442
14442
  const o = outlets[i];
14443
14443
  const slotName = o.getAttribute("name") || "default";
14444
14444
  const content = this._slots[slotName];
14445
14445
  const parent = o.parentNode;
14446
+ const replacementNodes = [];
14446
14447
  if (content) {
14447
14448
  for (const n of content) {
14448
14449
  if (scopeId && n.nodeType === 1) {
@@ -14455,12 +14456,19 @@ class VueElement extends BaseClass {
14455
14456
  }
14456
14457
  }
14457
14458
  parent.insertBefore(n, o);
14459
+ replacementNodes.push(n);
14458
14460
  }
14459
14461
  } else {
14460
- while (o.firstChild) parent.insertBefore(o.firstChild, o);
14462
+ while (o.firstChild) {
14463
+ const child = o.firstChild;
14464
+ parent.insertBefore(child, o);
14465
+ replacementNodes.push(child);
14466
+ }
14461
14467
  }
14462
14468
  parent.removeChild(o);
14469
+ slotReplacements.set(o, replacementNodes);
14463
14470
  }
14471
+ this._updateSlotNodes(slotReplacements);
14464
14472
  }
14465
14473
  /**
14466
14474
  * @internal
@@ -14517,13 +14525,76 @@ class VueElement extends BaseClass {
14517
14525
  }
14518
14526
  }
14519
14527
  }
14528
+ class VueElement extends VueElementBase {
14529
+ constructor(def, props = {}, createAppFn = createApp) {
14530
+ super(def, props, createAppFn);
14531
+ }
14532
+ _needsHydration() {
14533
+ if (this.shadowRoot && this._createApp !== createApp) {
14534
+ return true;
14535
+ } else {
14536
+ if (!!(process.env.NODE_ENV !== "production") && this.shadowRoot) {
14537
+ warn(
14538
+ `Custom element has pre-rendered declarative shadow root but is not defined as hydratable. Use \`defineSSRCustomElement\`.`
14539
+ );
14540
+ }
14541
+ }
14542
+ return false;
14543
+ }
14544
+ _mount(def) {
14545
+ if ((!!(process.env.NODE_ENV !== "production") || __VUE_PROD_DEVTOOLS__) && !def.name) {
14546
+ def.name = "VueElement";
14547
+ }
14548
+ this._app = this._createApp(def);
14549
+ this._inheritParentContext();
14550
+ if (def.configureApp) {
14551
+ def.configureApp(this._app);
14552
+ }
14553
+ this._app._ceVNode = this._createVNode();
14554
+ this._app.mount(this._root);
14555
+ }
14556
+ _update() {
14557
+ if (!this._app) return;
14558
+ const vnode = this._createVNode();
14559
+ vnode.appContext = this._app._context;
14560
+ render(vnode, this._root);
14561
+ }
14562
+ _unmount() {
14563
+ if (this._app) {
14564
+ this._app.unmount();
14565
+ }
14566
+ if (this._instance && this._instance.ce) {
14567
+ this._instance.ce = void 0;
14568
+ }
14569
+ this._app = this._instance = null;
14570
+ }
14571
+ /**
14572
+ * Only called when shadowRoot is false
14573
+ */
14574
+ _updateSlotNodes(replacements) {
14575
+ }
14576
+ _createVNode() {
14577
+ const baseProps = {};
14578
+ if (!this.shadowRoot) {
14579
+ baseProps.onVnodeMounted = baseProps.onVnodeUpdated = this._renderSlots.bind(this);
14580
+ }
14581
+ const vnode = createVNode(this._def, extend(baseProps, this._props));
14582
+ if (!this._instance) {
14583
+ vnode.ce = (instance) => {
14584
+ this._instance = instance;
14585
+ this._processInstance();
14586
+ };
14587
+ }
14588
+ return vnode;
14589
+ }
14590
+ }
14520
14591
  function useHost(caller) {
14521
- const instance = getCurrentInstance();
14522
- const el = instance && instance.ce;
14592
+ const { hasInstance, value } = useInstanceOption("ce", true);
14593
+ const el = value;
14523
14594
  if (el) {
14524
14595
  return el;
14525
14596
  } else if (!!(process.env.NODE_ENV !== "production")) {
14526
- if (!instance) {
14597
+ if (!hasInstance) {
14527
14598
  warn(
14528
14599
  `${caller || "useHost"} called without an active component instance.`
14529
14600
  );
@@ -14542,12 +14613,12 @@ function useShadowRoot() {
14542
14613
 
14543
14614
  function useCssModule(name = "$style") {
14544
14615
  {
14545
- const instance = getCurrentInstance();
14546
- if (!instance) {
14616
+ const { hasInstance, value: type } = useInstanceOption("type", true);
14617
+ if (!hasInstance) {
14547
14618
  !!(process.env.NODE_ENV !== "production") && warn(`useCssModule must be called inside setup()`);
14548
14619
  return EMPTY_OBJ;
14549
14620
  }
14550
- const modules = instance.type.__cssModules;
14621
+ const modules = type.__cssModules;
14551
14622
  if (!modules) {
14552
14623
  !!(process.env.NODE_ENV !== "production") && warn(`Current instance does not have CSS modules injected.`);
14553
14624
  return EMPTY_OBJ;
@@ -15285,8 +15356,8 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
15285
15356
  TransitionPropsValidators: TransitionPropsValidators,
15286
15357
  TriggerOpTypes: TriggerOpTypes,
15287
15358
  VueElement: VueElement,
15359
+ VueElementBase: VueElementBase,
15288
15360
  activate: activate,
15289
- addTransitionClass: addTransitionClass,
15290
15361
  assertNumber: assertNumber,
15291
15362
  baseApplyTranslation: baseApplyTranslation,
15292
15363
  baseEmit: baseEmit,
@@ -15389,9 +15460,9 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
15389
15460
  mergeDefaults: mergeDefaults,
15390
15461
  mergeModels: mergeModels,
15391
15462
  mergeProps: mergeProps,
15392
- moveCbKey: moveCbKey,
15393
15463
  nextTick: nextTick,
15394
15464
  nextUid: nextUid,
15465
+ nodeOps: nodeOps,
15395
15466
  normalizeClass: normalizeClass,
15396
15467
  normalizeContainer: normalizeContainer,
15397
15468
  normalizeProps: normalizeProps,
@@ -15412,6 +15483,7 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
15412
15483
  onUpdated: onUpdated,
15413
15484
  onWatcherCleanup: onWatcherCleanup,
15414
15485
  openBlock: openBlock,
15486
+ patchProp: patchProp,
15415
15487
  patchStyle: patchStyle,
15416
15488
  performAsyncHydrate: performAsyncHydrate,
15417
15489
  performTransitionEnter: performTransitionEnter,
@@ -15429,7 +15501,6 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
15429
15501
  ref: ref,
15430
15502
  registerHMR: registerHMR,
15431
15503
  registerRuntimeCompiler: registerRuntimeCompiler,
15432
- removeTransitionClass: removeTransitionClass,
15433
15504
  render: render,
15434
15505
  renderList: renderList,
15435
15506
  renderSlot: renderSlot,
@@ -15456,6 +15527,7 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
15456
15527
  ssrUtils: ssrUtils,
15457
15528
  startMeasure: startMeasure,
15458
15529
  stop: stop,
15530
+ svgNS: svgNS,
15459
15531
  toClassSet: toClassSet,
15460
15532
  toDisplayString: toDisplayString,
15461
15533
  toHandlerKey: toHandlerKey,
@@ -15476,6 +15548,7 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
15476
15548
  useCssVars: useCssVars,
15477
15549
  useHost: useHost,
15478
15550
  useId: useId,
15551
+ useInstanceOption: useInstanceOption,
15479
15552
  useModel: useModel,
15480
15553
  useSSRContext: useSSRContext,
15481
15554
  useShadowRoot: useShadowRoot,
@@ -15513,7 +15586,8 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
15513
15586
  withKeys: withKeys,
15514
15587
  withMemo: withMemo,
15515
15588
  withModifiers: withModifiers,
15516
- withScopeId: withScopeId
15589
+ withScopeId: withScopeId,
15590
+ xlinkNS: xlinkNS
15517
15591
  });
15518
15592
 
15519
15593
  function initDev() {
@@ -20559,7 +20633,7 @@ const transformModel$1 = (dir, node, context) => {
20559
20633
  ];
20560
20634
  if (dir.modifiers.length && node.tagType === 1) {
20561
20635
  const modifiers = dir.modifiers.map((m) => m.content).map((m) => (isSimpleIdentifier(m) ? m : JSON.stringify(m)) + `: true`).join(`, `);
20562
- const modifiersKey = arg ? isStaticExp(arg) ? `${arg.content}Modifiers` : createCompoundExpression([arg, ' + "Modifiers"']) : `modelModifiers`;
20636
+ const modifiersKey = arg ? isStaticExp(arg) ? getModifierPropName(arg.content) : createCompoundExpression([arg, ' + "Modifiers"']) : `modelModifiers`;
20563
20637
  props.push(
20564
20638
  createObjectProperty(
20565
20639
  modifiersKey,
@@ -20912,7 +20986,7 @@ const parserOptions = {
20912
20986
  let ns = parent ? parent.ns : rootNamespace;
20913
20987
  if (parent && ns === 2) {
20914
20988
  if (parent.tag === "annotation-xml") {
20915
- if (tag === "svg") {
20989
+ if (isSVGTag(tag)) {
20916
20990
  return 1;
20917
20991
  }
20918
20992
  if (parent.props.some(
@@ -20929,10 +21003,10 @@ const parserOptions = {
20929
21003
  }
20930
21004
  }
20931
21005
  if (ns === 0) {
20932
- if (tag === "svg") {
21006
+ if (isSVGTag(tag)) {
20933
21007
  return 1;
20934
21008
  }
20935
- if (tag === "math") {
21009
+ if (isMathMLTag(tag)) {
20936
21010
  return 2;
20937
21011
  }
20938
21012
  }
@@ -21555,4 +21629,4 @@ Vue.compile = compileToFunction;
21555
21629
 
21556
21630
  const configureCompat = Vue.configureCompat;
21557
21631
 
21558
- export { BaseTransition, BaseTransitionPropsValidators, Comment, DeprecationTypes, EffectScope, ErrorCodes, ErrorTypeStrings, Fragment, KeepAlive, MismatchTypes, MoveType, ReactiveEffect, Static, Suspense, Teleport, Text, TrackOpTypes, Transition, TransitionGroup, TransitionPropsValidators, TriggerOpTypes, VueElement, activate, addTransitionClass, assertNumber, baseApplyTranslation, baseEmit, baseNormalizePropsOptions, baseResolveTransitionHooks, callPendingCbs, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, checkTransitionMode, cloneVNode, compatUtils, computed, configureCompat, createApp, createAppAPI, createAsyncComponentContext, createBlock, createCanSetSetupRefChecker, createCommentVNode, createElementBlock, createBaseVNode as createElementVNode, createHydrationRenderer, createInternalObject, createPropsRestProxy, createRenderer, createSSRApp, createSlots, createStaticVNode, createTextVNode, createVNode, currentInstance, customRef, deactivate, Vue as default, defineAsyncComponent, defineComponent, defineCustomElement, defineEmits, defineExpose, defineModel, defineOptions, defineProps, defineSSRCustomElement, defineSlots, devtools, devtoolsComponentAdded, effect, effectScope, endMeasure, ensureHydrationRenderer, ensureRenderer, ensureVaporSlotFallback, expose, flushOnAppMount, forceReflow, getAttributeMismatch, getComponentName, getCurrentInstance, getCurrentScope, getCurrentWatcher, getInheritedScopeIds, getTransitionRawChildren, guardReactiveProps, h, handleError, handleMovedChildren, hasCSSTransform, hasInjectionContext, hydrate, hydrateOnIdle, hydrateOnInteraction, hydrateOnMediaQuery, hydrateOnVisible, initCustomFormatter, initDirectivesForSSR, initFeatureFlags, inject, isAsyncWrapper, isEmitListener, isKeepAlive, isMapEqual, isMemoSame, isMismatchAllowed, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isSetEqual, isShallow, isTeleportDeferred, isTeleportDisabled, isTemplateNode$1 as isTemplateNode, isVNode, isValidHtmlOrSvgAttribute, leaveCbKey, markAsyncBoundary, markRaw, matches, mergeDefaults, mergeModels, mergeProps, moveCbKey, nextTick, nextUid, normalizeClass, normalizeContainer, normalizeProps, normalizeRef, normalizeStyle, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, onWatcherCleanup, openBlock, patchStyle, performAsyncHydrate, performTransitionEnter, performTransitionLeave, popScopeId, popWarningContext, provide, proxyRefs, pushScopeId, pushWarningContext, queueJob, queuePostFlushCb, reactive, readonly, ref, registerHMR, registerRuntimeCompiler, removeTransitionClass, render, renderList, renderSlot, resetShapeFlag, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter, resolvePropValue, resolveTarget as resolveTeleportTarget, resolveTransitionHooks, resolveTransitionProps, setBlockTracking, setCurrentInstance, setDevtoolsHook, setRef, setTransitionHooks, shallowReactive, shallowReadonly, shallowRef, shouldSetAsProp, simpleSetCurrentInstance, ssrContextKey, ssrUtils, startMeasure, stop, toClassSet, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, toStyleMap, toValue, transformVNodeArgs, triggerRef, unref, unregisterHMR, unsafeToTrustedHTML, useAsyncComponentState, useAttrs, useCssModule, useCssVars, useHost, useId, useModel, useSSRContext, useShadowRoot, useSlots, useTemplateRef, useTransitionState, vModelCheckbox, vModelCheckboxInit, vModelCheckboxUpdate, vModelDynamic, getValue as vModelGetValue, vModelRadio, vModelSelect, vModelSelectInit, vModelSetSelected, vModelText, vModelTextInit, vModelTextUpdate, vShow, vShowHidden, vShowOriginalDisplay, validateComponentName, validateProps, version, warn, warnPropMismatch, watch, watchEffect, watchPostEffect, watchSyncEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withKeys, withMemo, withModifiers, withScopeId };
21632
+ export { BaseTransition, BaseTransitionPropsValidators, Comment, DeprecationTypes, EffectScope, ErrorCodes, ErrorTypeStrings, Fragment, KeepAlive, MismatchTypes, MoveType, ReactiveEffect, Static, Suspense, Teleport, Text, TrackOpTypes, Transition, TransitionGroup, TransitionPropsValidators, TriggerOpTypes, VueElement, VueElementBase, activate, assertNumber, baseApplyTranslation, baseEmit, baseNormalizePropsOptions, baseResolveTransitionHooks, callPendingCbs, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, checkTransitionMode, cloneVNode, compatUtils, computed, configureCompat, createApp, createAppAPI, createAsyncComponentContext, createBlock, createCanSetSetupRefChecker, createCommentVNode, createElementBlock, createBaseVNode as createElementVNode, createHydrationRenderer, createInternalObject, createPropsRestProxy, createRenderer, createSSRApp, createSlots, createStaticVNode, createTextVNode, createVNode, currentInstance, customRef, deactivate, Vue as default, defineAsyncComponent, defineComponent, defineCustomElement, defineEmits, defineExpose, defineModel, defineOptions, defineProps, defineSSRCustomElement, defineSlots, devtools, devtoolsComponentAdded, effect, effectScope, endMeasure, ensureHydrationRenderer, ensureRenderer, ensureVaporSlotFallback, expose, flushOnAppMount, forceReflow, getAttributeMismatch, getComponentName, getCurrentInstance, getCurrentScope, getCurrentWatcher, getInheritedScopeIds, getTransitionRawChildren, guardReactiveProps, h, handleError, handleMovedChildren, hasCSSTransform, hasInjectionContext, hydrate, hydrateOnIdle, hydrateOnInteraction, hydrateOnMediaQuery, hydrateOnVisible, initCustomFormatter, initDirectivesForSSR, initFeatureFlags, inject, isAsyncWrapper, isEmitListener, isKeepAlive, isMapEqual, isMemoSame, isMismatchAllowed, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isSetEqual, isShallow, isTeleportDeferred, isTeleportDisabled, isTemplateNode$1 as isTemplateNode, isVNode, isValidHtmlOrSvgAttribute, leaveCbKey, markAsyncBoundary, markRaw, matches, mergeDefaults, mergeModels, mergeProps, nextTick, nextUid, nodeOps, normalizeClass, normalizeContainer, normalizeProps, normalizeRef, normalizeStyle, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, onWatcherCleanup, openBlock, patchProp, patchStyle, performAsyncHydrate, performTransitionEnter, performTransitionLeave, popScopeId, popWarningContext, provide, proxyRefs, pushScopeId, pushWarningContext, queueJob, queuePostFlushCb, reactive, readonly, ref, registerHMR, registerRuntimeCompiler, render, renderList, renderSlot, resetShapeFlag, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter, resolvePropValue, resolveTarget as resolveTeleportTarget, resolveTransitionHooks, resolveTransitionProps, setBlockTracking, setCurrentInstance, setDevtoolsHook, setRef, setTransitionHooks, shallowReactive, shallowReadonly, shallowRef, shouldSetAsProp, simpleSetCurrentInstance, ssrContextKey, ssrUtils, startMeasure, stop, svgNS, toClassSet, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, toStyleMap, toValue, transformVNodeArgs, triggerRef, unref, unregisterHMR, unsafeToTrustedHTML, useAsyncComponentState, useAttrs, useCssModule, useCssVars, useHost, useId, useInstanceOption, useModel, useSSRContext, useShadowRoot, useSlots, useTemplateRef, useTransitionState, vModelCheckbox, vModelCheckboxInit, vModelCheckboxUpdate, vModelDynamic, getValue as vModelGetValue, vModelRadio, vModelSelect, vModelSelectInit, vModelSetSelected, vModelText, vModelTextInit, vModelTextUpdate, vShow, vShowHidden, vShowOriginalDisplay, validateComponentName, validateProps, version, warn, warnPropMismatch, watch, watchEffect, watchPostEffect, watchSyncEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withKeys, withMemo, withModifiers, withScopeId, xlinkNS };