@stencil/core 4.37.1 → 4.38.0

package/compiler/stencil.js

@@ -1,5 +1,5 @@
 /*!
- Stencil Compiler v4.37.1 | MIT Licensed | https://stenciljs.com
+ Stencil Compiler v4.38.0 | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __create = Object.create;
@@ -2330,7 +2330,7 @@ var require_typescript_5_5_4_bundle_cache_min = __commonJS({
     See the Apache Version 2.0 License for specific language governing permissions
     and limitations under the License.
     ***************************************************************************** */
-    var ts71 = {};
+    var ts72 = {};
     ((module3) => {
       "use strict";
       var _a2;
@@ -207851,9 +207851,9 @@ ${e.message}`;
         };
       }
     })({ get exports() {
-      return ts71;
+      return ts72;
     }, set exports(v) {
-      ts71 = v;
+      ts72 = v;
       if (typeof module2 !== "undefined" && module2.exports) {
         module2.exports = v;
       }
@@ -232664,17 +232664,17 @@ __export(index_exports, {
   optimizeJs: () => optimizeJs,
   transpile: () => transpile,
   transpileSync: () => transpileSync,
-  ts: () => import_typescript70.default,
+  ts: () => import_typescript71.default,
   validateConfig: () => validateConfig,
   vermoji: () => vermoji,
   version: () => version,
   versions: () => versions
 });
 module.exports = __toCommonJS(index_exports);
-var import_typescript70 = __toESM(require_typescript_5_5_4_bundle_cache_min());
+var import_typescript71 = __toESM(require_typescript_5_5_4_bundle_cache_min());
 
 // src/version.ts
-var buildId = "1758315275";
+var buildId = "1759440611";
 var minfyJsId = "terser5.37.0_7";
 var optimizeCssId = "autoprefixer10.4.19_postcss8.5.3_7";
 var parse5Version = "7.2.1";
@@ -232682,8 +232682,8 @@ var rollupVersion = "4.34.9";
 var jqueryVersion = "4.0.0-pre";
 var terserVersion = "5.37.0";
 var typescriptVersion = "5.5.4";
-var vermoji = "\u{1F3F0}";
-var version = "4.37.1";
+var vermoji = "\u{1F3BF}";
+var version = "4.38.0";
 var versions = {
   stencil: version,
   parse5: parse5Version,
@@ -232760,13 +232760,17 @@ var formatComponentRuntimeMeta = (compilerMeta, includeMethods) => {
   }
   const members = formatComponentRuntimeMembers(compilerMeta, includeMethods);
   const hostListeners = formatHostListeners(compilerMeta);
-  const watchers = formatComponentRuntimeWatchers(compilerMeta);
+  const watchers = formatComponentRuntimeReactiveHandlers(compilerMeta, "watchers");
+  const serializers = formatComponentRuntimeReactiveHandlers(compilerMeta, "serializers");
+  const deserializers = formatComponentRuntimeReactiveHandlers(compilerMeta, "deserializers");
   return trimFalsy([
     flags,
     compilerMeta.tagName,
     Object.keys(members).length > 0 ? members : void 0,
     hostListeners.length > 0 ? hostListeners : void 0,
-    Object.keys(watchers).length > 0 ? watchers : void 0
+    Object.keys(watchers).length > 0 ? watchers : void 0,
+    Object.keys(serializers).length > 0 ? serializers : void 0,
+    Object.keys(deserializers).length > 0 ? deserializers : void 0
   ]);
 };
 var stringifyRuntimeData = (data) => {
@@ -232776,13 +232780,14 @@ var stringifyRuntimeData = (data) => {
   }
   return json2;
 };
-var formatComponentRuntimeWatchers = (compilerMeta) => {
-  const watchers = {};
-  compilerMeta.watchers.forEach(({ propName, methodName }) => {
-    var _a2;
-    watchers[propName] = [...(_a2 = watchers[propName]) != null ? _a2 : [], methodName];
+var formatComponentRuntimeReactiveHandlers = (compilerMeta, decorator3) => {
+  var _a2;
+  const handlers = {};
+  (_a2 = compilerMeta[decorator3]) == null ? void 0 : _a2.forEach(({ propName, methodName }) => {
+    var _a3;
+    handlers[propName] = [...(_a3 = handlers[propName]) != null ? _a3 : [], methodName];
   });
-  return watchers;
+  return handlers;
 };
 var formatComponentRuntimeMembers = (compilerMeta, includeMethods = true) => {
   return {
@@ -233772,7 +233777,7 @@ var BUILD = {
   vdomRender: true,
   vdomStyle: true,
   vdomText: true,
-  watchCallback: true,
+  propChangeCallback: true,
   taskQueue: true,
   hotModuleReplacement: false,
   isDebug: false,
@@ -234463,7 +234468,7 @@ var validateComponentTag = (tag) => {
 };
 
 // src/compiler/compiler.ts
-var import_typescript66 = __toESM(require_typescript_5_5_4_bundle_cache_min());
+var import_typescript67 = __toESM(require_typescript_5_5_4_bundle_cache_min());
 
 // src/compiler/build/compiler-ctx.ts
 var import_path4 = require("path");
@@ -236503,6 +236508,7 @@ var STATIC_GETTERS_TO_REMOVE = [
   // step through to the `ComponentCompilerMeta` phase, but we want to keep the
   // `formAssociated` prop that we also set at the same time.
   "attachInternalsMemberName",
+  "deserializers",
   "elementRef",
   "encapsulation",
   "events",
@@ -236511,6 +236517,7 @@ var STATIC_GETTERS_TO_REMOVE = [
   "methods",
   "originalStyleUrls",
   "properties",
+  "serializers",
   "states",
   "style",
   "styleMode",
@@ -237220,7 +237227,7 @@ var retrieveTsModifiers = (node) => {
 };
 function foundSuper(constructorBodyStatements) {
   return constructorBodyStatements == null ? void 0 : constructorBodyStatements.find(
-    (s) => import_typescript9.default.isExpressionStatement(s) && import_typescript9.default.isCallExpression(s.expression) && s.expression.expression.kind === import_typescript9.default.SyntaxKind.SuperKeyword
+    (s) => import_typescript9.default.isExpressionStatement(s) && import_typescript9.default.isCallExpression(s.expression) && (s.expression.expression.kind === import_typescript9.default.SyntaxKind.SuperKeyword || import_typescript9.default.isIdentifier(s.expression.expression) && s.expression.expression.escapedText === "super")
   );
 }
 var updateConstructor = (classNode, classMembers, statements, parameters, includeFalseArg) => {
@@ -253610,15 +253617,15 @@ var syntheticRender = (moduleFile, hasRender) => {
 };
 var INTERNAL_RENDER = "__stencil_render";
 
-// src/compiler/transformers/watcher-meta-transform.ts
-var addWatchers = (classMembers, cmp) => {
-  if (cmp.watchers.length > 0) {
+// src/compiler/transformers/reactive-handler-meta-transform.ts
+var addReactivePropHandlers = (classMembers, cmp, decorator3) => {
+  if (cmp[decorator3].length > 0) {
     const watcherObj = {};
-    cmp.watchers.forEach(({ propName, methodName }) => {
+    cmp[decorator3].forEach(({ propName, methodName }) => {
       watcherObj[propName] = watcherObj[propName] || [];
       watcherObj[propName].push(methodName);
     });
-    classMembers.push(createStaticGetter("watchers", convertValueToLiteral(watcherObj)));
+    classMembers.push(createStaticGetter(decorator3, convertValueToLiteral(watcherObj)));
   }
 };
 
@@ -253977,7 +253984,9 @@ var updateNativeHostComponentMembers = (transformOpts, classNode, moduleFile, cm
   updateNativeConstructor(classMembers, moduleFile, cmp, classNode);
   addNativeConnectedCallback(classMembers, cmp);
   addNativeElementGetter(classMembers, cmp);
-  addWatchers(classMembers, cmp);
+  addReactivePropHandlers(classMembers, cmp, "watchers");
+  addReactivePropHandlers(classMembers, cmp, "serializers");
+  addReactivePropHandlers(classMembers, cmp, "deserializers");
   if (cmp.isPlain) {
     addNativeComponentMeta(classMembers, cmp);
   }
@@ -254202,6 +254211,7 @@ var getBuildFeatures = (cmps) => {
   const f = {
     allRenderFn: cmps.every((c) => c.hasRenderFn),
     formAssociated: cmps.some((c) => c.formAssociated),
+    deserializer: cmps.some((c) => c.hasDeserializer),
     element: cmps.some((c) => c.hasElement),
     event: cmps.some((c) => c.hasEvent),
     hasRenderFn: cmps.some((c) => c.hasRenderFn),
@@ -254217,14 +254227,16 @@ var getBuildFeatures = (cmps) => {
     method: cmps.some((c) => c.hasMethod),
     mode: cmps.some((c) => c.hasMode),
     modernPropertyDecls: cmps.some((c) => c.hasModernPropertyDecls),
-    observeAttribute: cmps.some((c) => c.hasAttribute || c.hasWatchCallback),
+    observeAttribute: cmps.some((c) => c.hasAttribute || c.hasWatchCallback || c.hasDeserializer),
     prop: cmps.some((c) => c.hasProp),
     propBoolean: cmps.some((c) => c.hasPropBoolean),
+    propChangeCallback: cmps.some((c) => c.hasWatchCallback || c.hasDeserializer || c.hasSerializer),
     propNumber: cmps.some((c) => c.hasPropNumber),
     propString: cmps.some((c) => c.hasPropString),
     propMutable: cmps.some((c) => c.hasPropMutable),
-    reflect: cmps.some((c) => c.hasReflect),
+    reflect: cmps.some((c) => c.hasReflect || c.hasSerializer),
     scoped: cmps.some((c) => c.encapsulation === "scoped"),
+    serializer: cmps.some((c) => c.hasSerializer),
     shadowDom,
     shadowDelegatesFocus: shadowDom && cmps.some((c) => c.shadowDelegatesFocus),
     slot,
@@ -254244,7 +254256,6 @@ var getBuildFeatures = (cmps) => {
     vdomRender: cmps.some((c) => c.hasVdomRender),
     vdomStyle: cmps.some((c) => c.hasVdomStyle),
     vdomText: cmps.some((c) => c.hasVdomText),
-    watchCallback: cmps.some((c) => c.hasWatchCallback),
     taskQueue: true
   };
   f.vdomAttribute = f.vdomAttribute || f.reflect;
@@ -254610,7 +254621,9 @@ var updateHydrateHostComponentMembers = (classNode, moduleFile, cmp) => {
   const classMembers = removeStaticMetaProperties(classNode);
   updateLazyComponentConstructor(classMembers, classNode, moduleFile, cmp);
   addLazyElementGetter(classMembers, moduleFile, cmp);
-  addWatchers(classMembers, cmp);
+  addReactivePropHandlers(classMembers, cmp, "watchers");
+  addReactivePropHandlers(classMembers, cmp, "serializers");
+  addReactivePropHandlers(classMembers, cmp, "deserializers");
   addHydrateRuntimeCmpMeta(classMembers, cmp);
   transformHostData(classMembers, moduleFile);
   return classMembers;
@@ -255278,7 +255291,9 @@ var updateLazyComponentMembers = (transformOpts, styleStatements, classNode, mod
   const classMembers = removeStaticMetaProperties(classNode);
   updateLazyComponentConstructor(classMembers, classNode, moduleFile, cmp);
   addLazyElementGetter(classMembers, moduleFile, cmp);
-  addWatchers(classMembers, cmp);
+  addReactivePropHandlers(classMembers, cmp, "watchers");
+  addReactivePropHandlers(classMembers, cmp, "serializers");
+  addReactivePropHandlers(classMembers, cmp, "deserializers");
   transformHostData(classMembers, moduleFile);
   if (transformOpts.style === "static") {
     addStaticStylePropertyToClass(styleStatements, cmp);
@@ -257501,6 +257516,7 @@ var validateConfig = (userConfig = {}, bootstrapConfig) => {
   setBooleanConfig(validatedConfig, "autoprefixCss", null, validatedConfig.buildEs5);
   setBooleanConfig(validatedConfig, "validateTypes", null, !validatedConfig._isTesting);
   setBooleanConfig(validatedConfig, "allowInlineScripts", null, true);
+  setBooleanConfig(validatedConfig, "suppressReservedPublicNameWarnings", null, false);
   if (!isString(validatedConfig.taskQueue)) {
     validatedConfig.taskQueue = "async";
   }
@@ -260379,7 +260395,7 @@ function attrNameToString(attr) {
 }
 
 // src/compiler/transformers/decorators-to-static/convert-decorators.ts
-var import_typescript54 = __toESM(require_typescript_5_5_4_bundle_cache_min());
+var import_typescript55 = __toESM(require_typescript_5_5_4_bundle_cache_min());
 
 // src/compiler/transformers/decorators-to-static/attach-internals.ts
 var import_typescript43 = __toESM(require_typescript_5_5_4_bundle_cache_min());
@@ -260612,6 +260628,8 @@ var findTagNode = (propName, node) => {
 // src/compiler/transformers/decorators-to-static/decorators-constants.ts
 var STENCIL_DECORATORS = [
   "AttachInternals",
+  "AttrDeserialize",
+  "PropSerialize",
   "Component",
   "Element",
   "Event",
@@ -260624,6 +260642,8 @@ var STENCIL_DECORATORS = [
 var CLASS_DECORATORS_TO_REMOVE = ["Component"];
 var MEMBER_DECORATORS_TO_REMOVE = [
   "AttachInternals",
+  "AttrDeserialize",
+  "PropSerialize",
   "Element",
   "Event",
   "Listen",
@@ -261120,7 +261140,10 @@ var PASSIVE_TRUE_DEFAULTS = /* @__PURE__ */ new Set([
 var import_typescript50 = __toESM(require_typescript_5_5_4_bundle_cache_min());
 
 // src/compiler/transformers/reserved-public-members.ts
-var validatePublicName = (diagnostics, memberName, decorator3, memberType, node) => {
+var validatePublicName = (config, diagnostics, memberName, decorator3, memberType, node) => {
+  if (config.suppressReservedPublicNameWarnings) {
+    return;
+  }
   if (RESERVED_PUBLIC_MEMBERS.has(memberName.toLowerCase())) {
     const warn = buildWarn(diagnostics);
     warn.messageText = [
@@ -261434,7 +261457,7 @@ var parseMethodDecorator = (config, diagnostics, tsSourceFile, typeChecker, prog
     err2.messageText = 'Methods decorated with the @Method() decorator cannot be "private" nor "protected". More info: https://stenciljs.com/docs/methods';
     augmentDiagnosticWithNode(err2, retrieveTsModifiers(method)[0]);
   }
-  validatePublicName(diagnostics, methodName, "@Method()", "method", method.name);
+  validatePublicName(config, diagnostics, methodName, "@Method()", "method", method.name);
   const methodMeta = {
     complexType: {
       signature: signatureString,
@@ -261476,13 +261499,25 @@ var validateMethods = (diagnostics, members) => {
 
 // src/compiler/transformers/decorators-to-static/prop-decorator.ts
 var import_typescript51 = __toESM(require_typescript_5_5_4_bundle_cache_min());
-var propDecoratorsToStatic = (diagnostics, decoratedProps, typeChecker, program3, newMembers, decoratorName) => {
-  const properties = decoratedProps.filter((prop) => import_typescript51.default.isPropertyDeclaration(prop) || import_typescript51.default.isGetAccessor(prop)).map((prop) => parsePropDecorator(diagnostics, typeChecker, program3, prop, decoratorName, newMembers)).filter((prop) => prop != null);
+var propDecoratorsToStatic = (config, diagnostics, decoratedProps, typeChecker, program3, newMembers, decoratorName, serializers, deserializers) => {
+  const properties = decoratedProps.filter((prop) => import_typescript51.default.isPropertyDeclaration(prop) || import_typescript51.default.isGetAccessor(prop)).map(
+    (prop) => parsePropDecorator(
+      config,
+      diagnostics,
+      typeChecker,
+      program3,
+      prop,
+      decoratorName,
+      newMembers,
+      serializers,
+      deserializers
+    )
+  ).filter((prop) => prop != null);
   if (properties.length > 0) {
     newMembers.push(createStaticGetter("properties", import_typescript51.default.factory.createObjectLiteralExpression(properties, true)));
   }
 };
-var parsePropDecorator = (diagnostics, typeChecker, program3, prop, decoratorName, newMembers) => {
+var parsePropDecorator = (config, diagnostics, typeChecker, program3, prop, decoratorName, newMembers, serializers, deserializers) => {
   var _a2, _b;
   const propDecorator = (_a2 = retrieveTsDecorators(prop)) == null ? void 0 : _a2.find(isDecoratorNamed(decoratorName));
   if (propDecorator == null) {
@@ -261501,7 +261536,7 @@ var parsePropDecorator = (diagnostics, typeChecker, program3, prop, decoratorNam
     warn.messageText = `The @Prop() name "${propName}" looks like an event. Please use the "@Event()" decorator to expose events instead, not properties or methods.`;
     augmentDiagnosticWithNode(warn, prop.name);
   } else {
-    validatePublicName(diagnostics, propName, "@Prop()", "prop", prop.name);
+    validatePublicName(config, diagnostics, propName, "@Prop()", "prop", prop.name);
   }
   const symbol = typeChecker.getSymbolAtLocation(prop.name);
   const type = typeChecker.getTypeAtLocation(prop);
@@ -261509,7 +261544,6 @@ var parsePropDecorator = (diagnostics, typeChecker, program3, prop, decoratorNam
   const foundSetter = import_typescript51.default.isGetAccessor(prop) ? findSetter(propName, newMembers) : null;
   const propMeta = {
     type: typeStr,
-    attribute: getAttributeName(propName, propOptions),
     mutable: !!propOptions.mutable,
     complexType: getComplexType2(typeChecker, prop, type, program3),
     required: prop.exclamationToken !== void 0 && propName !== "mode",
@@ -261521,8 +261555,14 @@ var parsePropDecorator = (diagnostics, typeChecker, program3, prop, decoratorNam
   if (ogPropName && ogPropName !== propName) {
     propMeta.ogPropName = ogPropName;
   }
-  if (typeStr !== "unknown") {
-    propMeta.reflect = getReflect(diagnostics, propDecorator, propOptions);
+  const foundSerializer = !!serializers.find((s) => s.propName === propName);
+  const foundDeserializer = !!deserializers.find((s) => s.propName === propName);
+  if (typeStr !== "unknown" || foundSerializer) {
+    const explicitReflect = getReflect(diagnostics, propDecorator, propOptions);
+    propMeta.reflect = explicitReflect === null ? foundSerializer : explicitReflect;
+  }
+  if (typeStr !== "unknown" || propMeta.reflect || foundDeserializer) {
+    propMeta.attribute = getAttributeName(propName, propOptions);
   }
   if (import_typescript51.default.isPropertyDeclaration(prop) && prop.initializer) {
     propMeta.defaultValue = prop.initializer.getText();
@@ -261570,7 +261610,7 @@ var getReflect = (diagnostics, propDecorator, propOptions) => {
     augmentDiagnosticWithNode(err2, propDecorator);
     return propOptions.reflectToAttr;
   }
-  return false;
+  return null;
 };
 var getComplexType2 = (typeChecker, node, type, program3) => {
   const nodeType = node.type;
@@ -261698,19 +261738,58 @@ var parseWatchDecorator = (typeChecker, method, decoratorName) => {
   });
 };
 
+// src/compiler/transformers/decorators-to-static/serialize-decorators.ts
+var import_typescript54 = __toESM(require_typescript_5_5_4_bundle_cache_min());
+var serializeDecoratorsToStatic = (typeChecker, decoratedProps, newMembers, decoratorName, translateType, propDecoratorName) => {
+  const props = decoratedProps.filter((prop) => import_typescript54.default.isPropertyDeclaration(prop) || import_typescript54.default.isGetAccessor(prop)).flatMap((prop) => {
+    var _a2;
+    if ((_a2 = retrieveTsDecorators(prop)) == null ? void 0 : _a2.find(isDecoratorNamed(propDecoratorName))) {
+      const { staticName } = tsPropDeclName(prop, typeChecker);
+      return [staticName];
+    }
+    return [];
+  });
+  const serializers = decoratedProps.filter(import_typescript54.default.isMethodDeclaration).flatMap((method) => parseSerializeDecorator(typeChecker, method, decoratorName, props));
+  if (serializers.length > 0) {
+    if (translateType === "PropSerialize") {
+      newMembers.push(createStaticGetter("serializers", convertValueToLiteral(serializers)));
+    } else {
+      newMembers.push(createStaticGetter("deserializers", convertValueToLiteral(serializers)));
+    }
+  }
+  return serializers;
+};
+var parseSerializeDecorator = (typeChecker, method, decoratorName, props) => {
+  var _a2;
+  const methodName = method.name.getText();
+  const decorators = (_a2 = retrieveTsDecorators(method)) != null ? _a2 : [];
+  return decorators.filter(isDecoratorNamed(decoratorName)).flatMap((decorator3) => {
+    const [propName] = getDecoratorParameters(decorator3, typeChecker);
+    if (!props.includes(propName)) {
+      return [];
+    }
+    return [
+      {
+        propName,
+        methodName
+      }
+    ];
+  });
+};
+
 // src/compiler/transformers/decorators-to-static/convert-decorators.ts
 var convertDecoratorsToStatic = (config, diagnostics, typeChecker, program3) => {
   return (transformCtx) => {
     let sourceFile;
     const visit2 = (node) => {
-      if (import_typescript54.default.isClassDeclaration(node)) {
+      if (import_typescript55.default.isClassDeclaration(node)) {
         return visitClassDeclaration(config, diagnostics, typeChecker, program3, node, sourceFile);
       }
-      return import_typescript54.default.visitEachChild(node, visit2, transformCtx);
+      return import_typescript55.default.visitEachChild(node, visit2, transformCtx);
     };
     return (tsSourceFile) => {
       sourceFile = tsSourceFile;
-      return import_typescript54.default.visitEachChild(tsSourceFile, visit2, transformCtx);
+      return import_typescript55.default.visitEachChild(tsSourceFile, visit2, transformCtx);
     };
   };
 };
@@ -261738,13 +261817,32 @@ var visitClassDeclaration = (config, diagnostics, typeChecker, program3, classNo
     );
   }
   if (decoratedMembers.length > 0) {
+    const serializers = serializeDecoratorsToStatic(
+      typeChecker,
+      decoratedMembers,
+      filteredMethodsAndFields,
+      importAliasMap.get("PropSerialize"),
+      "PropSerialize",
+      importAliasMap.get("Prop")
+    );
+    const deserializers = serializeDecoratorsToStatic(
+      typeChecker,
+      decoratedMembers,
+      filteredMethodsAndFields,
+      importAliasMap.get("AttrDeserialize"),
+      "AttrDeserialize",
+      importAliasMap.get("Prop")
+    );
     propDecoratorsToStatic(
+      config,
       diagnostics,
       decoratedMembers,
       typeChecker,
       program3,
       filteredMethodsAndFields,
-      importAliasMap.get("Prop")
+      importAliasMap.get("Prop"),
+      serializers,
+      deserializers
     );
     stateDecoratorsToStatic(decoratedMembers, filteredMethodsAndFields, typeChecker, importAliasMap.get("State"));
     eventDecoratorsToStatic(
@@ -261785,7 +261883,7 @@ var visitClassDeclaration = (config, diagnostics, typeChecker, program3, classNo
   validateMethods(diagnostics, classMembers);
   const currentDecorators = retrieveTsDecorators(classNode);
   const updatedClassFields = updateConstructor(classNode, filteredMethodsAndFields, []);
-  return import_typescript54.default.factory.updateClassDeclaration(
+  return import_typescript55.default.factory.updateClassDeclaration(
     classNode,
     [
       ...(_b = filterDecorators(
@@ -261809,8 +261907,8 @@ var removeStencilMethodDecorators = (classMembers, diagnostics, importAliasMap)
       MEMBER_DECORATORS_TO_REMOVE.map((decorator3) => importAliasMap.get(decorator3))
     );
     if (currentDecorators !== newDecorators) {
-      if (import_typescript54.default.isMethodDeclaration(member2)) {
-        return import_typescript54.default.factory.updateMethodDeclaration(
+      if (import_typescript55.default.isMethodDeclaration(member2)) {
+        return import_typescript55.default.factory.updateMethodDeclaration(
           member2,
           [...newDecorators != null ? newDecorators : [], ...(_a2 = retrieveTsModifiers(member2)) != null ? _a2 : []],
           member2.asteriskToken,
@@ -261821,8 +261919,8 @@ var removeStencilMethodDecorators = (classMembers, diagnostics, importAliasMap)
           member2.type,
           member2.body
         );
-      } else if (import_typescript54.default.isGetAccessor(member2)) {
-        return import_typescript54.default.factory.updateGetAccessorDeclaration(
+      } else if (import_typescript55.default.isGetAccessor(member2)) {
+        return import_typescript55.default.factory.updateGetAccessorDeclaration(
           member2,
           [...newDecorators != null ? newDecorators : [], ...(_b = retrieveTsModifiers(member2)) != null ? _b : []],
           member2.name,
@@ -261830,13 +261928,13 @@ var removeStencilMethodDecorators = (classMembers, diagnostics, importAliasMap)
           member2.type,
           member2.body
         );
-      } else if (import_typescript54.default.isSetAccessor(member2)) {
+      } else if (import_typescript55.default.isSetAccessor(member2)) {
         const err2 = buildError(diagnostics);
         err2.messageText = "A get accessor should be decorated before a set accessor";
         augmentDiagnosticWithNode(err2, member2);
-      } else if (import_typescript54.default.isPropertyDeclaration(member2)) {
+      } else if (import_typescript55.default.isPropertyDeclaration(member2)) {
         const modifiers = retrieveTsModifiers(member2);
-        return import_typescript54.default.factory.updatePropertyDeclaration(
+        return import_typescript55.default.factory.updatePropertyDeclaration(
           member2,
           [...newDecorators != null ? newDecorators : [], ...modifiers != null ? modifiers : []],
           member2.name,
@@ -261856,13 +261954,13 @@ var removeStencilMethodDecorators = (classMembers, diagnostics, importAliasMap)
 var filterDecorators = (decorators, excludeList) => {
   if (decorators) {
     const updatedDecoratorList = decorators.filter((dec) => {
-      const decoratorName = import_typescript54.default.isCallExpression(dec.expression) && import_typescript54.default.isIdentifier(dec.expression.expression) && dec.expression.expression.text;
+      const decoratorName = import_typescript55.default.isCallExpression(dec.expression) && import_typescript55.default.isIdentifier(dec.expression.expression) && dec.expression.expression.text;
       return typeof decoratorName === "boolean" || !excludeList.includes(decoratorName);
     });
     if (updatedDecoratorList.length === 0) {
       return void 0;
     } else if (updatedDecoratorList.length !== decorators.length) {
-      return import_typescript54.default.factory.createNodeArray(updatedDecoratorList);
+      return import_typescript55.default.factory.createNodeArray(updatedDecoratorList);
     }
   }
   return decorators;
@@ -261870,22 +261968,22 @@ var filterDecorators = (decorators, excludeList) => {
 
 // src/compiler/transformers/static-to-meta/parse-static.ts
 var import_path51 = require("path");
-var import_typescript63 = __toESM(require_typescript_5_5_4_bundle_cache_min());
+var import_typescript64 = __toESM(require_typescript_5_5_4_bundle_cache_min());
 
 // src/compiler/transformers/static-to-meta/call-expression.ts
-var import_typescript56 = __toESM(require_typescript_5_5_4_bundle_cache_min());
+var import_typescript57 = __toESM(require_typescript_5_5_4_bundle_cache_min());
 
 // src/compiler/transformers/static-to-meta/vdom.ts
-var import_typescript55 = __toESM(require_typescript_5_5_4_bundle_cache_min());
+var import_typescript56 = __toESM(require_typescript_5_5_4_bundle_cache_min());
 var gatherVdomMeta = (m, args) => {
   m.hasVdomRender = true;
   const hTag = args[0];
-  if (!import_typescript55.default.isStringLiteral(hTag) && (!import_typescript55.default.isIdentifier(hTag) || hTag.text !== "Host")) {
+  if (!import_typescript56.default.isStringLiteral(hTag) && (!import_typescript56.default.isIdentifier(hTag) || hTag.text !== "Host")) {
     m.hasVdomFunctional = true;
   }
   if (args.length > 1) {
     const objectLiteral = args[1];
-    if (import_typescript55.default.isCallExpression(objectLiteral) || import_typescript55.default.isIdentifier(objectLiteral)) {
+    if (import_typescript56.default.isCallExpression(objectLiteral) || import_typescript56.default.isIdentifier(objectLiteral)) {
       m.hasVdomAttribute = true;
       m.hasVdomClass = true;
       m.hasVdomKey = true;
@@ -261894,10 +261992,10 @@ var gatherVdomMeta = (m, args) => {
       m.hasVdomRef = true;
       m.hasVdomStyle = true;
       m.hasVdomXlink = true;
-    } else if (import_typescript55.default.isObjectLiteralExpression(objectLiteral)) {
+    } else if (import_typescript56.default.isObjectLiteralExpression(objectLiteral)) {
       objectLiteral.properties.forEach((prop) => {
         m.hasVdomAttribute = true;
-        if (import_typescript55.default.isSpreadAssignment(prop) || import_typescript55.default.isComputedPropertyName(prop.name)) {
+        if (import_typescript56.default.isSpreadAssignment(prop) || import_typescript56.default.isComputedPropertyName(prop.name)) {
           m.hasVdomClass = true;
           m.hasVdomKey = true;
           m.hasVdomListener = true;
@@ -261923,8 +262021,8 @@ var gatherVdomMeta = (m, args) => {
           } else {
             m.hasVdomPropOrAttr = true;
           }
-          import_typescript55.default.SyntaxKind.StringLiteral;
-          if (attrName === "part" && import_typescript55.default.isPropertyAssignment(prop) && import_typescript55.default.isStringLiteral(prop.initializer)) {
+          import_typescript56.default.SyntaxKind.StringLiteral;
+          if (attrName === "part" && import_typescript56.default.isPropertyAssignment(prop) && import_typescript56.default.isStringLiteral(prop.initializer)) {
             m.htmlParts.push(
               ...prop.initializer.text.toLowerCase().split(" ").filter((part) => part.length > 0)
             );
@@ -261937,7 +262035,7 @@ var gatherVdomMeta = (m, args) => {
   if (!m.hasVdomText) {
     for (let i = 2; i < args.length; i++) {
       const arg = args[i];
-      if (!import_typescript55.default.isCallExpression(arg) || !import_typescript55.default.isIdentifier(arg.expression) || arg.expression.text !== "h") {
+      if (!import_typescript56.default.isCallExpression(arg) || !import_typescript56.default.isIdentifier(arg.expression) || arg.expression.text !== "h") {
         m.hasVdomText = true;
         break;
       }
@@ -261948,11 +262046,11 @@ var gatherVdomMeta = (m, args) => {
 // src/compiler/transformers/static-to-meta/call-expression.ts
 var parseCallExpression = (m, node) => {
   if (node.arguments != null && node.arguments.length > 0) {
-    if (import_typescript56.default.isIdentifier(node.expression)) {
+    if (import_typescript57.default.isIdentifier(node.expression)) {
       visitCallExpressionArgs(m, node.expression, node.arguments);
-    } else if (import_typescript56.default.isPropertyAccessExpression(node.expression)) {
+    } else if (import_typescript57.default.isPropertyAccessExpression(node.expression)) {
       const n3 = node.expression.name;
-      if (import_typescript56.default.isIdentifier(n3) && n3) {
+      if (import_typescript57.default.isIdentifier(n3) && n3) {
         visitCallExpressionArgs(m, n3, node.arguments);
       }
     }
@@ -261969,7 +262067,7 @@ var visitCallExpressionArgs = (m, callExpressionName, args) => {
     visitCallExpressionArg(m, args[1]);
   } else if (fnName === "require" && args.length > 0 && m.originalImports) {
     const arg = args[0];
-    if (import_typescript56.default.isStringLiteral(arg)) {
+    if (import_typescript57.default.isStringLiteral(arg)) {
       if (!m.originalImports.includes(arg.text)) {
         m.originalImports.push(arg.text);
       }
@@ -261977,7 +262075,7 @@ var visitCallExpressionArgs = (m, callExpressionName, args) => {
   }
 };
 var visitCallExpressionArg = (m, arg) => {
-  if (import_typescript56.default.isStringLiteral(arg)) {
+  if (import_typescript57.default.isStringLiteral(arg)) {
     let tag = arg.text;
     if (typeof tag === "string") {
       tag = tag.toLowerCase();
@@ -261991,15 +262089,15 @@ var visitCallExpressionArg = (m, arg) => {
 
 // src/compiler/transformers/static-to-meta/component.ts
 var import_path47 = require("path");
-var import_typescript60 = __toESM(require_typescript_5_5_4_bundle_cache_min());
+var import_typescript61 = __toESM(require_typescript_5_5_4_bundle_cache_min());
 
 // src/compiler/transformers/add-component-meta-static.ts
-var import_typescript57 = __toESM(require_typescript_5_5_4_bundle_cache_min());
+var import_typescript58 = __toESM(require_typescript_5_5_4_bundle_cache_min());
 var addComponentMetaStatic = (cmpNode, cmpMeta) => {
   const publicCompilerMeta = getPublicCompilerMeta(cmpMeta);
   const cmpMetaStaticProp = createStaticGetter("COMPILER_META", convertValueToLiteral(publicCompilerMeta));
   const classMembers = [...cmpNode.members, cmpMetaStaticProp];
-  return import_typescript57.default.factory.updateClassDeclaration(
+  return import_typescript58.default.factory.updateClassDeclaration(
     cmpNode,
     retrieveModifierLike(cmpNode),
     cmpNode.name,
@@ -262039,6 +262137,12 @@ var setComponentBuildConditionals = (cmpMeta) => {
   if (cmpMeta.watchers.length > 0) {
     cmpMeta.hasWatchCallback = true;
   }
+  if (cmpMeta.serializers.length > 0) {
+    cmpMeta.hasSerializer = true;
+  }
+  if (cmpMeta.deserializers.length > 0) {
+    cmpMeta.hasDeserializer = true;
+  }
   if (cmpMeta.methods.length > 0) {
     cmpMeta.hasMethod = true;
   }
@@ -262064,7 +262168,7 @@ var setComponentBuildConditionals = (cmpMeta) => {
 };
 
 // src/compiler/transformers/detect-modern-prop-decls.ts
-var import_typescript58 = __toESM(require_typescript_5_5_4_bundle_cache_min());
+var import_typescript59 = __toESM(require_typescript_5_5_4_bundle_cache_min());
 var detectModernPropDeclarations = (classNode) => {
   const parsedProps = getStaticValue(classNode.members, "properties");
   const parsedStates = getStaticValue(classNode.members, "states");
@@ -262076,7 +262180,7 @@ var detectModernPropDeclarations = (classNode) => {
   for (const [propName, meta] of members) {
     const dynamicPropName = meta.ogPropName || "";
     const prop = classNode.members.find((m) => {
-      return import_typescript58.default.isPropertyDeclaration(m) && (import_typescript58.default.isComputedPropertyName(m.name) && m.name.expression.getText() === dynamicPropName || m.name.getText() === propName);
+      return import_typescript59.default.isPropertyDeclaration(m) && (import_typescript59.default.isComputedPropertyName(m.name) && m.name.expression.getText() === dynamicPropName || m.name.getText() === propName);
     });
     if (!prop) continue;
     hasModernPropertyDecls = true;
@@ -262273,7 +262377,7 @@ var parseStyleIdentifier = (parsedStyle, modeName) => {
 };
 
 // src/compiler/transformers/static-to-meta/class-extension.ts
-var import_typescript59 = __toESM(require_typescript_5_5_4_bundle_cache_min());
+var import_typescript60 = __toESM(require_typescript_5_5_4_bundle_cache_min());
 
 // src/compiler/transformers/static-to-meta/events.ts
 var parseStaticEvents = (staticMembers) => {
@@ -262393,6 +262497,20 @@ var parseStaticWatchers = (staticMembers) => {
   });
 };
 
+// src/compiler/transformers/static-to-meta/serializers.ts
+var parseStaticSerializers = (staticMembers, translateType) => {
+  const parsedSerializers = getStaticValue(staticMembers, translateType);
+  if (!parsedSerializers || parsedSerializers.length === 0) {
+    return [];
+  }
+  return parsedSerializers.map((parsedSerial) => {
+    return {
+      propName: parsedSerial.propName,
+      methodName: parsedSerial.methodName
+    };
+  });
+};
+
 // src/compiler/transformers/static-to-meta/class-extension.ts
 var deDupeMembers = (dedupeMembers, staticMembers) => {
   return dedupeMembers.filter(
@@ -262407,11 +262525,11 @@ var deDupeMembers = (dedupeMembers, staticMembers) => {
 function findClassWalk(node, name) {
   var _a2;
   if (!node) return void 0;
-  if (node && import_typescript59.default.isClassDeclaration(node) && (!name || ((_a2 = node.name) == null ? void 0 : _a2.text) === name)) {
+  if (node && import_typescript60.default.isClassDeclaration(node) && (!name || ((_a2 = node.name) == null ? void 0 : _a2.text) === name)) {
     return node;
   }
   let found2;
-  import_typescript59.default.forEachChild(node, (child) => {
+  import_typescript60.default.forEachChild(node, (child) => {
     if (found2) return;
     const result2 = findClassWalk(child, name);
     if (result2) found2 = result2;
@@ -262421,15 +262539,15 @@ function findClassWalk(node, name) {
 function matchesNamedDeclaration(name) {
   return function(stmt) {
     var _a2, _b;
-    if (import_typescript59.default.isClassDeclaration(stmt) && ((_a2 = stmt.name) == null ? void 0 : _a2.text) === name) {
+    if (import_typescript60.default.isClassDeclaration(stmt) && ((_a2 = stmt.name) == null ? void 0 : _a2.text) === name) {
       return true;
     }
-    if (import_typescript59.default.isFunctionDeclaration(stmt) && ((_b = stmt.name) == null ? void 0 : _b.text) === name) {
+    if (import_typescript60.default.isFunctionDeclaration(stmt) && ((_b = stmt.name) == null ? void 0 : _b.text) === name) {
       return true;
     }
-    if (import_typescript59.default.isVariableStatement(stmt)) {
+    if (import_typescript60.default.isVariableStatement(stmt)) {
       for (const decl of stmt.declarationList.declarations) {
-        if (import_typescript59.default.isIdentifier(decl.name) && decl.name.text === name) {
+        if (import_typescript60.default.isIdentifier(decl.name) && decl.name.text === name) {
           return true;
         }
       }
@@ -262437,18 +262555,18 @@ function matchesNamedDeclaration(name) {
     return false;
   };
 }
-function buildExtendsTree(compilerCtx, classDeclaration3, dependentClasses, typeChecker, buildCtx) {
+function buildExtendsTree(compilerCtx, classDeclaration3, dependentClasses, typeChecker, buildCtx, ogModule) {
   const hasHeritageClauses = classDeclaration3.heritageClauses;
   if (!(hasHeritageClauses == null ? void 0 : hasHeritageClauses.length)) return dependentClasses;
-  const extendsClause = hasHeritageClauses.find((clause) => clause.token === import_typescript59.default.SyntaxKind.ExtendsKeyword);
+  const extendsClause = hasHeritageClauses.find((clause) => clause.token === import_typescript60.default.SyntaxKind.ExtendsKeyword);
   if (!extendsClause) return dependentClasses;
   let classIdentifiers = [];
   let foundClassDeclaration;
   let keepLooking = true;
   extendsClause.types.forEach((type) => {
-    if (import_typescript59.default.isExpressionWithTypeArguments(type) && import_typescript59.default.isCallExpression(type.expression) && type.expression.expression.getText() === "Mixin") {
-      classIdentifiers = type.expression.arguments.filter(import_typescript59.default.isIdentifier);
-    } else if (import_typescript59.default.isIdentifier(type.expression)) {
+    if (import_typescript60.default.isExpressionWithTypeArguments(type) && import_typescript60.default.isCallExpression(type.expression) && type.expression.expression.getText() === "Mixin") {
+      classIdentifiers = type.expression.arguments.filter(import_typescript60.default.isIdentifier);
+    } else if (import_typescript60.default.isIdentifier(type.expression)) {
       classIdentifiers = [type.expression];
     }
   });
@@ -262457,7 +262575,7 @@ function buildExtendsTree(compilerCtx, classDeclaration3, dependentClasses, type
     try {
       const symbol = typeChecker.getSymbolAtLocation(extendee);
       const aliasedSymbol = symbol ? typeChecker.getAliasedSymbol(symbol) : void 0;
-      foundClassDeclaration = (_a2 = aliasedSymbol == null ? void 0 : aliasedSymbol.declarations) == null ? void 0 : _a2.find(import_typescript59.default.isClassDeclaration);
+      foundClassDeclaration = (_a2 = aliasedSymbol == null ? void 0 : aliasedSymbol.declarations) == null ? void 0 : _a2.find(import_typescript60.default.isClassDeclaration);
       if (!foundClassDeclaration) {
         const node = (_b = aliasedSymbol == null ? void 0 : aliasedSymbol.declarations) == null ? void 0 : _b[0];
         foundClassDeclaration = findClassWalk(node);
@@ -262471,16 +262589,22 @@ function buildExtendsTree(compilerCtx, classDeclaration3, dependentClasses, type
           if (sourceClass) {
             dependentClasses.push({ classNode: sourceClass, fileName: source.fileName });
             if (keepLooking) {
-              buildExtendsTree(compilerCtx, foundClassDeclaration, dependentClasses, typeChecker, buildCtx);
+              buildExtendsTree(compilerCtx, foundClassDeclaration, dependentClasses, typeChecker, buildCtx, ogModule);
             }
           }
         }
       }
     } catch (_e) {
-      const currentSource = classDeclaration3.getSourceFile();
+      let currentSource = classDeclaration3.getSourceFile();
+      let matchedStatement;
+      if (!currentSource) {
+        currentSource = ogModule == null ? void 0 : ogModule.staticSourceFile;
+        matchedStatement = findClassWalk(currentSource, extendee.getText());
+      } else {
+        matchedStatement = currentSource.statements.find(matchesNamedDeclaration(extendee.getText()));
+      }
       if (!currentSource) return;
-      const matchedStatement = currentSource.statements.find(matchesNamedDeclaration(extendee.getText()));
-      if (matchedStatement && import_typescript59.default.isClassDeclaration(matchedStatement)) {
+      if (matchedStatement && import_typescript60.default.isClassDeclaration(matchedStatement)) {
         foundClassDeclaration = matchedStatement;
       } else if (matchedStatement) {
         foundClassDeclaration = findClassWalk(matchedStatement);
@@ -262489,14 +262613,14 @@ function buildExtendsTree(compilerCtx, classDeclaration3, dependentClasses, type
       if (foundClassDeclaration && !dependentClasses.some((dc) => dc.classNode === foundClassDeclaration)) {
         dependentClasses.push({ classNode: foundClassDeclaration, fileName: currentSource.fileName });
         if (keepLooking) {
-          buildExtendsTree(compilerCtx, foundClassDeclaration, dependentClasses, typeChecker, buildCtx);
+          buildExtendsTree(compilerCtx, foundClassDeclaration, dependentClasses, typeChecker, buildCtx, ogModule);
         }
         return;
       }
-      const importStatements = currentSource.statements.filter(import_typescript59.default.isImportDeclaration);
+      const importStatements = currentSource.statements.filter(import_typescript60.default.isImportDeclaration);
       importStatements.forEach((statement) => {
         var _a3, _b2, _c2;
-        if (((_a3 = statement.importClause) == null ? void 0 : _a3.namedBindings) && import_typescript59.default.isNamedImports((_b2 = statement.importClause) == null ? void 0 : _b2.namedBindings)) {
+        if (((_a3 = statement.importClause) == null ? void 0 : _a3.namedBindings) && import_typescript60.default.isNamedImports((_b2 = statement.importClause) == null ? void 0 : _b2.namedBindings)) {
           (_c2 = statement.importClause) == null ? void 0 : _c2.namedBindings.elements.forEach((element) => {
             var _a4;
             if (element.name.getText() === extendee.getText()) {
@@ -262512,7 +262636,7 @@ function buildExtendsTree(compilerCtx, classDeclaration3, dependentClasses, type
                 const matchedStatement2 = (foundModule == null ? void 0 : foundModule.staticSourceFile).statements.find(
                   matchesNamedDeclaration(className)
                 );
-                foundClassDeclaration = matchedStatement2 ? import_typescript59.default.isClassDeclaration(matchedStatement2) ? matchedStatement2 : void 0 : void 0;
+                foundClassDeclaration = matchedStatement2 ? import_typescript60.default.isClassDeclaration(matchedStatement2) ? matchedStatement2 : void 0 : void 0;
                 if (!foundClassDeclaration && matchedStatement2) {
                   foundClassDeclaration = findClassWalk(matchedStatement2);
                   keepLooking = false;
@@ -262520,7 +262644,14 @@ function buildExtendsTree(compilerCtx, classDeclaration3, dependentClasses, type
                 if (foundClassDeclaration && !dependentClasses.some((dc) => dc.classNode === foundClassDeclaration)) {
                   dependentClasses.push({ classNode: foundClassDeclaration, fileName: currentSource.fileName });
                   if (keepLooking) {
-                    buildExtendsTree(compilerCtx, foundClassDeclaration, dependentClasses, typeChecker, buildCtx);
+                    buildExtendsTree(
+                      compilerCtx,
+                      foundClassDeclaration,
+                      dependentClasses,
+                      typeChecker,
+                      buildCtx,
+                      ogModule
+                    );
                   }
                   return;
                 }
@@ -262533,8 +262664,8 @@ function buildExtendsTree(compilerCtx, classDeclaration3, dependentClasses, type
   });
   return dependentClasses;
 }
-function mergeExtendedClassMeta(compilerCtx, typeChecker, buildCtx, cmpNode, staticMembers) {
-  const tree = buildExtendsTree(compilerCtx, cmpNode, [], typeChecker, buildCtx);
+function mergeExtendedClassMeta(compilerCtx, typeChecker, buildCtx, cmpNode, staticMembers, moduleFile) {
+  const tree = buildExtendsTree(compilerCtx, cmpNode, [], typeChecker, buildCtx, moduleFile);
   let hasMixin = false;
   let doesExtend = false;
   let properties = parseStaticProps(staticMembers);
@@ -262543,36 +262674,59 @@ function mergeExtendedClassMeta(compilerCtx, typeChecker, buildCtx, cmpNode, sta
   let listeners = parseStaticListeners(staticMembers);
   let events = parseStaticEvents(staticMembers);
   let watchers = parseStaticWatchers(staticMembers);
-  let classMethods = cmpNode.members.filter(import_typescript59.default.isMethodDeclaration);
+  let classMethods = cmpNode.members.filter(import_typescript60.default.isMethodDeclaration);
+  let serializers = parseStaticSerializers(staticMembers, "serializers");
+  let deserializers = parseStaticSerializers(staticMembers, "deserializers");
   tree.forEach((extendedClass) => {
-    var _a2, _b, _c, _d, _e, _f, _g, _h;
+    var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j;
     const extendedStaticMembers = extendedClass.classNode.members.filter(isStaticGetter);
     const mixinProps = (_a2 = parseStaticProps(extendedStaticMembers)) != null ? _a2 : [];
     const mixinStates = (_b = parseStaticStates(extendedStaticMembers)) != null ? _b : [];
     const mixinMethods = (_c = parseStaticMethods(extendedStaticMembers)) != null ? _c : [];
-    const isMixin = mixinProps.length > 0 || mixinStates.length > 0;
+    const mixinEvents = (_d = parseStaticEvents(extendedStaticMembers)) != null ? _d : [];
+    const isMixin = mixinProps.length > 0 || mixinStates.length > 0 || mixinMethods.length > 0 || mixinEvents.length > 0;
     const module2 = compilerCtx.moduleMap.get(extendedClass.fileName);
     if (!module2) return;
     module2.isMixin = isMixin;
     module2.isExtended = true;
     doesExtend = true;
-    if (isMixin && !detectModernPropDeclarations(extendedClass.classNode)) {
+    if ((mixinProps.length > 0 || mixinStates.length > 0) && !detectModernPropDeclarations(extendedClass.classNode)) {
       const err2 = buildWarn(buildCtx.diagnostics);
-      const target = (_d = buildCtx.config.tsCompilerOptions) == null ? void 0 : _d.target;
+      const target = (_e = buildCtx.config.tsCompilerOptions) == null ? void 0 : _e.target;
       err2.messageText = `Component classes can only extend from other Stencil decorated base classes when targetting more modern JavaScript (ES2022 and above).
-      ${target ? `Your current TypeScript configuration is set to target \`${import_typescript59.default.ScriptTarget[target]}\`.` : ""} Please amend your tsconfig.json.`;
+      ${target ? `Your current TypeScript configuration is set to target \`${import_typescript60.default.ScriptTarget[target]}\`.` : ""} Please amend your tsconfig.json.`;
       if (!buildCtx.config._isTesting) augmentDiagnosticWithNode(err2, extendedClass.classNode);
     }
     properties = [...deDupeMembers(mixinProps, properties), ...properties];
     states = [...deDupeMembers(mixinStates, states), ...states];
     methods = [...deDupeMembers(mixinMethods, methods), ...methods];
-    listeners = [...deDupeMembers((_e = parseStaticListeners(extendedStaticMembers)) != null ? _e : [], listeners), ...listeners];
-    events = [...deDupeMembers((_f = parseStaticEvents(extendedStaticMembers)) != null ? _f : [], events), ...events];
+    events = [...deDupeMembers(mixinEvents, events), ...events];
+    listeners = [...deDupeMembers((_f = parseStaticListeners(extendedStaticMembers)) != null ? _f : [], listeners), ...listeners];
     watchers = [...deDupeMembers((_g = parseStaticWatchers(extendedStaticMembers)) != null ? _g : [], watchers), ...watchers];
-    classMethods = [...classMethods, ...(_h = extendedClass.classNode.members.filter(import_typescript59.default.isMethodDeclaration)) != null ? _h : []];
+    serializers = [
+      ...deDupeMembers((_h = parseStaticSerializers(extendedStaticMembers, "serializers")) != null ? _h : [], serializers),
+      ...serializers
+    ];
+    deserializers = [
+      ...deDupeMembers((_i = parseStaticSerializers(extendedStaticMembers, "deserializers")) != null ? _i : [], deserializers),
+      ...deserializers
+    ];
+    classMethods = [...classMethods, ...(_j = extendedClass.classNode.members.filter(import_typescript60.default.isMethodDeclaration)) != null ? _j : []];
     if (isMixin) hasMixin = true;
   });
-  return { hasMixin, doesExtend, properties, states, methods, listeners, events, watchers, classMethods };
+  return {
+    hasMixin,
+    doesExtend,
+    properties,
+    states,
+    methods,
+    listeners,
+    events,
+    watchers,
+    classMethods,
+    serializers,
+    deserializers
+  };
 }
 
 // src/compiler/transformers/static-to-meta/component.ts
@@ -262592,13 +262746,18 @@ var parseStaticComponentMeta = (compilerCtx, typeChecker, cmpNode, moduleFile, b
   if (tagName == null) {
     return cmpNode;
   }
-  const { doesExtend, properties, states, methods, listeners, events, watchers, classMethods } = mergeExtendedClassMeta(
-    compilerCtx,
-    typeChecker,
-    buildCtx,
-    cmpNode,
-    staticMembers
-  );
+  const {
+    doesExtend,
+    properties,
+    states,
+    methods,
+    listeners,
+    events,
+    watchers,
+    classMethods,
+    serializers,
+    deserializers
+  } = mergeExtendedClassMeta(compilerCtx, typeChecker, buildCtx, cmpNode, staticMembers, moduleFile);
   const symbol = typeChecker ? typeChecker.getSymbolAtLocation(cmpNode.name) : void 0;
   const docs = serializeSymbol(typeChecker, symbol);
   const isCollectionDependency = moduleFile.isCollectionDependency;
@@ -262629,6 +262788,8 @@ var parseStaticComponentMeta = (compilerCtx, typeChecker, cmpNode, moduleFile, b
     jsFilePath: moduleFile.jsFilePath,
     sourceFilePath: moduleFile.sourceFilePath,
     sourceMapPath: moduleFile.sourceMapPath,
+    serializers,
+    deserializers,
     hasAttributeChangedCallbackFn: false,
     hasComponentWillLoadFn: false,
     hasComponentDidLoadFn: false,
@@ -262638,6 +262799,7 @@ var parseStaticComponentMeta = (compilerCtx, typeChecker, cmpNode, moduleFile, b
     hasComponentWillRenderFn: false,
     hasComponentDidRenderFn: false,
     hasConnectedCallbackFn: false,
+    hasDeserializer: false,
     hasDisconnectedCallbackFn: false,
     hasElement: false,
     hasEvent: false,
@@ -262660,6 +262822,7 @@ var parseStaticComponentMeta = (compilerCtx, typeChecker, cmpNode, moduleFile, b
     hasPropMutable: false,
     hasReflect: false,
     hasRenderFn: false,
+    hasSerializer: false,
     hasState: false,
     hasStyle: false,
     hasVdomAttribute: false,
@@ -262687,17 +262850,18 @@ var parseStaticComponentMeta = (compilerCtx, typeChecker, cmpNode, moduleFile, b
   };
   const visitComponentChildNode = (node, buildCtx2) => {
     validateComponentMembers(node, buildCtx2);
-    if (import_typescript60.default.isCallExpression(node)) {
+    if (import_typescript61.default.isCallExpression(node)) {
       parseCallExpression(cmp, node);
-    } else if (import_typescript60.default.isStringLiteral(node)) {
+    } else if (import_typescript61.default.isStringLiteral(node)) {
       parseStringLiteral(cmp, node);
     }
     node.forEachChild((child) => visitComponentChildNode(child, buildCtx2));
   };
   visitComponentChildNode(cmpNode, buildCtx);
   parseClassMethods(classMethods, cmp);
-  const hasModernPropertyDecls = detectModernPropDeclarations(cmpNode);
-  cmp.hasModernPropertyDecls = hasModernPropertyDecls;
+  if (!moduleFile.isCollectionDependency) {
+    cmp.hasModernPropertyDecls = detectModernPropDeclarations(cmpNode);
+  }
   cmp.htmlAttrNames = unique(cmp.htmlAttrNames);
   cmp.htmlTagNames = unique(cmp.htmlTagNames);
   cmp.potentialCmpRefs = unique(cmp.potentialCmpRefs);
@@ -262718,15 +262882,15 @@ var validateComponentMembers = (node, buildCtx) => {
     /**
      * the component has a getter called "shadowRoot"
      */
-    import_typescript60.default.isGetAccessorDeclaration(node) && import_typescript60.default.isIdentifier(node.name) && typeof node.name.escapedText === "string" && BLACKLISTED_COMPONENT_METHODS.includes(node.name.escapedText) && /**
+    import_typescript61.default.isGetAccessorDeclaration(node) && import_typescript61.default.isIdentifier(node.name) && typeof node.name.escapedText === "string" && BLACKLISTED_COMPONENT_METHODS.includes(node.name.escapedText) && /**
      * the parent node is a class declaration
      */
-    node.parent && import_typescript60.default.isClassDeclaration(node.parent)
+    node.parent && import_typescript61.default.isClassDeclaration(node.parent)
   ) {
     const propName = node.name.escapedText;
-    const decorator3 = import_typescript60.default.getDecorators(node.parent)[0];
-    if (import_typescript60.default.isCallExpression(decorator3.expression) && decorator3.expression.arguments.length === 1 && import_typescript60.default.isObjectLiteralExpression(decorator3.expression.arguments[0]) && decorator3.expression.arguments[0].properties.some(
-      (prop) => import_typescript60.default.isPropertyAssignment(prop) && prop.name.getText() === "tag"
+    const decorator3 = import_typescript61.default.getDecorators(node.parent)[0];
+    if (import_typescript61.default.isCallExpression(decorator3.expression) && decorator3.expression.arguments.length === 1 && import_typescript61.default.isObjectLiteralExpression(decorator3.expression.arguments[0]) && decorator3.expression.arguments[0].properties.some(
+      (prop) => import_typescript61.default.isPropertyAssignment(prop) && prop.name.getText() === "tag"
     )) {
       const componentName = node.parent.name.getText();
       const err2 = buildWarn(buildCtx.diagnostics);
@@ -262772,7 +262936,7 @@ var parseAssetsDirs = (staticMembers, componentFilePath) => {
 
 // src/compiler/transformers/static-to-meta/import.ts
 var import_path50 = require("path");
-var import_typescript62 = __toESM(require_typescript_5_5_4_bundle_cache_min());
+var import_typescript63 = __toESM(require_typescript_5_5_4_bundle_cache_min());
 
 // src/compiler/transformers/collections/add-external-import.ts
 var import_path49 = require("path");
@@ -262781,7 +262945,7 @@ var import_path49 = require("path");
 var import_path48 = require("path");
 
 // src/compiler/transformers/collections/parse-collection-components.ts
-var import_typescript61 = __toESM(require_typescript_5_5_4_bundle_cache_min());
+var import_typescript62 = __toESM(require_typescript_5_5_4_bundle_cache_min());
 var parseCollectionComponents = (config, compilerCtx, buildCtx, collectionDir, collectionManifest, collection) => {
   if (collectionManifest.entries) {
     collectionManifest.entries.forEach((entryPath) => {
@@ -262792,7 +262956,7 @@ var parseCollectionComponents = (config, compilerCtx, buildCtx, collectionDir, c
 };
 var transpileCollectionModule = (config, compilerCtx, buildCtx, collection, inputFileName) => {
   const sourceText = compilerCtx.fs.readFileSync(inputFileName);
-  const sourceFile = import_typescript61.default.createSourceFile(inputFileName, sourceText, import_typescript61.default.ScriptTarget.ES2017, true, import_typescript61.default.ScriptKind.JS);
+  const sourceFile = import_typescript62.default.createSourceFile(inputFileName, sourceText, import_typescript62.default.ScriptTarget.ES2017, true, import_typescript62.default.ScriptKind.JS);
   return updateModule(config, compilerCtx, buildCtx, sourceFile, sourceText, inputFileName, void 0, collection);
 };
 
@@ -262940,7 +263104,7 @@ var addExternalImport = (config, compilerCtx, buildCtx, moduleFile, containingFi
 
 // src/compiler/transformers/static-to-meta/import.ts
 var parseModuleImport = (config, compilerCtx, buildCtx, moduleFile, dirPath, importNode, resolveCollections) => {
-  if (importNode.moduleSpecifier && import_typescript62.default.isStringLiteral(importNode.moduleSpecifier)) {
+  if (importNode.moduleSpecifier && import_typescript63.default.isStringLiteral(importNode.moduleSpecifier)) {
     let importPath = importNode.moduleSpecifier.text;
     if (!moduleFile.originalImports.includes(importPath)) {
       moduleFile.originalImports.push(importPath);
@@ -262988,15 +263152,15 @@ var updateModule = (config, compilerCtx, buildCtx, tsSourceFile, sourceFileText,
   compilerCtx.moduleMap.set(moduleFileKey, moduleFile);
   compilerCtx.changedModules.add(moduleFile.sourceFilePath);
   const visitNode = (node) => {
-    if (import_typescript63.default.isClassDeclaration(node)) {
+    if (import_typescript64.default.isClassDeclaration(node)) {
       parseStaticComponentMeta(compilerCtx, typeChecker, node, moduleFile, buildCtx, void 0);
       return;
-    } else if (import_typescript63.default.isImportDeclaration(node)) {
+    } else if (import_typescript64.default.isImportDeclaration(node)) {
       parseModuleImport(config, compilerCtx, buildCtx, moduleFile, srcDirPath, node, true);
       return;
-    } else if (import_typescript63.default.isCallExpression(node)) {
+    } else if (import_typescript64.default.isCallExpression(node)) {
       parseCallExpression(moduleFile, node);
-    } else if (import_typescript63.default.isStringLiteral(node)) {
+    } else if (import_typescript64.default.isStringLiteral(node)) {
       parseStringLiteral(moduleFile, node);
     }
     node.forEachChild(visitNode);
@@ -263008,12 +263172,12 @@ var updateModule = (config, compilerCtx, buildCtx, tsSourceFile, sourceFileText,
   }
   visitNode(tsSourceFile);
   if (moduleFile.cmps.length > 0) {
-    moduleFile.staticSourceFile = import_typescript63.default.createSourceFile(
+    moduleFile.staticSourceFile = import_typescript64.default.createSourceFile(
       sourceFilePath,
       sourceFileText,
       tsSourceFile.languageVersion,
       true,
-      import_typescript63.default.ScriptKind.JS
+      import_typescript64.default.ScriptKind.JS
     );
   }
   return moduleFile;
@@ -264257,14 +264421,14 @@ var isWatchIgnorePath = (config, path7) => {
 };
 
 // src/compiler/transpile/create-watch-program.ts
-var import_typescript64 = __toESM(require_typescript_5_5_4_bundle_cache_min());
+var import_typescript65 = __toESM(require_typescript_5_5_4_bundle_cache_min());
 var createTsWatchProgram = async (config, buildCallback) => {
   let isRunning = false;
   let lastTsBuilder;
   let timeoutId;
   const optionsToExtend = getTsOptionsToExtend(config);
   const tsWatchSys = {
-    ...import_typescript64.default.sys,
+    ...import_typescript65.default.sys,
     /**
      * Override the default `setTimeout` implementation in the {@link ts.System}. The reasoning
      * behind this change is not explicitly clear, but this appears to be related to debouncing
@@ -264292,7 +264456,7 @@ var createTsWatchProgram = async (config, buildCallback) => {
     }
   };
   config.sys.addDestroy(() => tsWatchSys.clearTimeout(timeoutId));
-  const tsWatchHost = import_typescript64.default.createWatchCompilerHost(
+  const tsWatchHost = import_typescript65.default.createWatchCompilerHost(
     // Use the TS config from the Stencil project
     config.tsconfig,
     optionsToExtend,
@@ -264300,7 +264464,7 @@ var createTsWatchProgram = async (config, buildCallback) => {
     // We use the `createEmitAndSemanticDiagnosticsBuilderProgram` as opposed to the
     // `createSemanticDiagnosticsBuilderProgram` because we need our program to emit
     // output files in addition to checking for errors
-    import_typescript64.default.createEmitAndSemanticDiagnosticsBuilderProgram,
+    import_typescript65.default.createEmitAndSemanticDiagnosticsBuilderProgram,
     // Add a callback to log out diagnostics as the program runs
     (reportDiagnostic) => {
       config.logger.debug("watch reportDiagnostic:" + reportDiagnostic.messageText);
@@ -264327,7 +264491,7 @@ var createTsWatchProgram = async (config, buildCallback) => {
     // Create the watch builder program instance and make it available on the
     // returned object. This provides us an easy way to teardown the program
     // down-the-road.
-    program: import_typescript64.default.createWatchProgram(tsWatchHost),
+    program: import_typescript65.default.createWatchProgram(tsWatchHost),
     // This will be called via a callback on the watch build whenever a file
     // change is detected
     rebuild: () => {
@@ -266384,7 +266548,7 @@ var extname9 = (str) => {
 var SKIP_EXT = /* @__PURE__ */ new Set(["zip", "rar", "tar", "gz", "bz2", "png", "jpeg", "jpg", "gif", "pdf", "tiff", "psd"]);
 
 // src/compiler/sys/node-require.ts
-var import_typescript65 = __toESM(require_typescript_5_5_4_bundle_cache_min());
+var import_typescript66 = __toESM(require_typescript_5_5_4_bundle_cache_min());
 var nodeRequire = (id) => {
   const results = {
     module: void 0,
@@ -266399,13 +266563,13 @@ var nodeRequire = (id) => {
     require.extensions[".ts"] = (module2, fileName) => {
       let sourceText = fs2.readFileSync(fileName, "utf8");
       if (fileName.endsWith(".ts")) {
-        const tsResults = import_typescript65.default.transpileModule(sourceText, {
+        const tsResults = import_typescript66.default.transpileModule(sourceText, {
           fileName,
           compilerOptions: {
-            module: import_typescript65.default.ModuleKind.CommonJS,
-            moduleResolution: import_typescript65.default.ModuleResolutionKind.NodeJs,
+            module: import_typescript66.default.ModuleKind.CommonJS,
+            moduleResolution: import_typescript66.default.ModuleResolutionKind.NodeJs,
             esModuleInterop: true,
-            target: import_typescript65.default.ScriptTarget.ES2017,
+            target: import_typescript66.default.ScriptTarget.ES2017,
             allowJs: true
           }
         });
@@ -267207,7 +267371,7 @@ var createCompiler = async (userConfig) => {
   const sys = config.sys;
   const compilerCtx = new CompilerContext();
   if (isFunction(config.sys.setupCompiler)) {
-    config.sys.setupCompiler({ ts: import_typescript66.default });
+    config.sys.setupCompiler({ ts: import_typescript67.default });
   }
   compilerCtx.fs = createInMemoryFs(sys);
   compilerCtx.cache = new Cache(config, createInMemoryFs(sys));
@@ -267241,7 +267405,7 @@ var import_path63 = require("path");
 
 // src/compiler/sys/typescript/typescript-config.ts
 var import_path62 = require("path");
-var import_typescript67 = __toESM(require_typescript_5_5_4_bundle_cache_min());
+var import_typescript68 = __toESM(require_typescript_5_5_4_bundle_cache_min());
 var validateTsConfig = async (config, sys, init) => {
   var _a2;
   const tsconfig = {
@@ -267263,7 +267427,7 @@ var validateTsConfig = async (config, sys, init) => {
     } else {
       tsconfig.path = readTsConfig.path;
       const host = {
-        ...import_typescript67.default.sys,
+        ...import_typescript68.default.sys,
         readFile: (p) => {
           if (p === tsconfig.path) {
             return readTsConfig.content;
@@ -267274,7 +267438,7 @@ var validateTsConfig = async (config, sys, init) => {
         fileExists: (p) => sys.accessSync(p),
         onUnRecoverableConfigFileDiagnostic: (e) => console.error(e)
       };
-      const results = import_typescript67.default.getParsedCommandLineOfConfigFile(tsconfig.path, {}, host);
+      const results = import_typescript68.default.getParsedCommandLineOfConfigFile(tsconfig.path, {}, host);
       if (results === void 0) {
         throw "Encountered an error reading tsconfig!";
       }
@@ -267318,12 +267482,12 @@ var validateTsConfig = async (config, sys, init) => {
         }
         if (results.options) {
           tsconfig.compilerOptions = results.options;
-          const target = (_a2 = tsconfig.compilerOptions.target) != null ? _a2 : import_typescript67.default.ScriptTarget.ES5;
-          if ([import_typescript67.default.ScriptTarget.ES3, import_typescript67.default.ScriptTarget.ES5, import_typescript67.default.ScriptTarget.ES2015, import_typescript67.default.ScriptTarget.ES2016].includes(target)) {
+          const target = (_a2 = tsconfig.compilerOptions.target) != null ? _a2 : import_typescript68.default.ScriptTarget.ES5;
+          if ([import_typescript68.default.ScriptTarget.ES3, import_typescript68.default.ScriptTarget.ES5, import_typescript68.default.ScriptTarget.ES2015, import_typescript68.default.ScriptTarget.ES2016].includes(target)) {
             const warn = buildWarn(tsconfig.diagnostics);
             warn.messageText = `To improve bundling, it is always recommended to set the tsconfig.json \u201Ctarget\u201D setting to "es2017". Note that the compiler will automatically handle transpilation for ES5-only browsers.`;
           }
-          if (tsconfig.compilerOptions.module !== import_typescript67.default.ModuleKind.ESNext && !config._isTesting) {
+          if (tsconfig.compilerOptions.module !== import_typescript68.default.ModuleKind.ESNext && !config._isTesting) {
             const warn = buildWarn(tsconfig.diagnostics);
             warn.messageText = `To improve bundling, it is always recommended to set the tsconfig.json \u201Cmodule\u201D setting to \u201Cesnext\u201D. Note that the compiler will automatically handle bundling both modern and legacy builds.`;
           }
@@ -268720,26 +268884,26 @@ var VALID_TARGET = /* @__PURE__ */ new Set(["latest", "esnext", "es2020", "es201
 
 // src/compiler/transpile/transpile-module.ts
 var import_sys_api_node5 = require("../sys/node/index.js");
-var import_typescript69 = __toESM(require_typescript_5_5_4_bundle_cache_min());
+var import_typescript70 = __toESM(require_typescript_5_5_4_bundle_cache_min());
 
 // src/compiler/transformers/static-to-meta/visitor.ts
 var import_path67 = require("path");
-var import_typescript68 = __toESM(require_typescript_5_5_4_bundle_cache_min());
+var import_typescript69 = __toESM(require_typescript_5_5_4_bundle_cache_min());
 var convertStaticToMeta = (config, compilerCtx, buildCtx, typeChecker, collection, transformOpts) => {
   return (transformCtx) => {
     let dirPath;
     let moduleFile;
     const visitNode = (node) => {
-      if (import_typescript68.default.isClassDeclaration(node)) {
+      if (import_typescript69.default.isClassDeclaration(node)) {
         return parseStaticComponentMeta(compilerCtx, typeChecker, node, moduleFile, buildCtx, transformOpts);
-      } else if (import_typescript68.default.isImportDeclaration(node)) {
+      } else if (import_typescript69.default.isImportDeclaration(node)) {
         parseModuleImport(config, compilerCtx, buildCtx, moduleFile, dirPath, node, !transformOpts.isolatedModules);
-      } else if (import_typescript68.default.isCallExpression(node)) {
+      } else if (import_typescript69.default.isCallExpression(node)) {
         parseCallExpression(moduleFile, node);
-      } else if (import_typescript68.default.isStringLiteral(node)) {
+      } else if (import_typescript69.default.isStringLiteral(node)) {
         parseStringLiteral(moduleFile, node);
       }
-      return import_typescript68.default.visitEachChild(node, visitNode, transformCtx);
+      return import_typescript69.default.visitEachChild(node, visitNode, transformCtx);
     };
     return (tsSourceFile) => {
       dirPath = (0, import_path67.dirname)(tsSourceFile.fileName);
@@ -268753,6 +268917,10 @@ var convertStaticToMeta = (config, compilerCtx, buildCtx, typeChecker, collectio
         moduleFile.isCollectionDependency = false;
         moduleFile.collectionName = null;
       }
+      if (!moduleFile.staticSourceFile) {
+        moduleFile.staticSourceFile = tsSourceFile;
+        moduleFile.staticSourceFileText = tsSourceFile.getFullText();
+      }
       return visitNode(tsSourceFile);
     };
   };
@@ -268785,13 +268953,13 @@ var transpileModule = (config, input, transformOpts) => {
     moduleFile: null
   };
   if (transformOpts.module === "cjs") {
-    tsCompilerOptions.module = import_typescript69.default.ModuleKind.CommonJS;
+    tsCompilerOptions.module = import_typescript70.default.ModuleKind.CommonJS;
   } else {
-    tsCompilerOptions.module = import_typescript69.default.ModuleKind.ESNext;
+    tsCompilerOptions.module = import_typescript70.default.ModuleKind.ESNext;
   }
   tsCompilerOptions.target = getScriptTargetKind(transformOpts);
   if ((sourceFilePath.endsWith(".tsx") || sourceFilePath.endsWith(".jsx")) && tsCompilerOptions.jsx == null) {
-    tsCompilerOptions.jsx = import_typescript69.default.JsxEmit.React;
+    tsCompilerOptions.jsx = import_typescript70.default.JsxEmit.React;
   }
   if (tsCompilerOptions.jsx != null && !isString(tsCompilerOptions.jsxFactory)) {
     tsCompilerOptions.jsxFactory = "h";
@@ -268802,7 +268970,7 @@ var transpileModule = (config, input, transformOpts) => {
   if (tsCompilerOptions.paths && !isString(tsCompilerOptions.baseUrl)) {
     tsCompilerOptions.baseUrl = ".";
   }
-  const sourceFile = import_typescript69.default.createSourceFile(sourceFilePath, input, tsCompilerOptions.target);
+  const sourceFile = import_typescript70.default.createSourceFile(sourceFilePath, input, tsCompilerOptions.target);
   const compilerHost = {
     getSourceFile: (fileName) => {
       return normalizePath(fileName) === normalizePath(sourceFilePath) ? sourceFile : void 0;
@@ -268818,13 +268986,13 @@ var transpileModule = (config, input, transformOpts) => {
     useCaseSensitiveFileNames: () => false,
     getCanonicalFileName: (fileName) => fileName,
     getCurrentDirectory: () => transformOpts.currentDirectory || process.cwd(),
-    getNewLine: () => import_typescript69.default.sys.newLine || "\n",
+    getNewLine: () => import_typescript70.default.sys.newLine || "\n",
     fileExists: (fileName) => normalizePath(fileName) === normalizePath(sourceFilePath),
     readFile: () => "",
     directoryExists: () => true,
     getDirectories: () => []
   };
-  const program3 = import_typescript69.default.createProgram([sourceFilePath], tsCompilerOptions, compilerHost);
+  const program3 = import_typescript70.default.createProgram([sourceFilePath], tsCompilerOptions, compilerHost);
   const typeChecker = program3.getTypeChecker();
   const transformers = {
     before: [
@@ -268856,10 +269024,10 @@ var transpileModule = (config, input, transformOpts) => {
 };
 var getScriptTargetKind = (transformOpts) => {
   const target = transformOpts.target && transformOpts.target.toUpperCase();
-  if (isNumber(import_typescript69.default.ScriptTarget[target])) {
-    return import_typescript69.default.ScriptTarget[target];
+  if (isNumber(import_typescript70.default.ScriptTarget[target])) {
+    return import_typescript70.default.ScriptTarget[target];
   }
-  return import_typescript69.default.ScriptTarget.Latest;
+  return import_typescript70.default.ScriptTarget.Latest;
 };
 
 // src/compiler/transpile.ts