@geajs/vite-plugin 1.0.28 → 1.1.2

package/dist/index.js

@@ -180,8 +180,8 @@ function collectStateReferences(ast, storeImports = /* @__PURE__ */ new Map()) {
     VariableDeclarator(path) {
       if (!path.node.init || !t.isIdentifier(path.node.id)) return;
       if (stateRefs.has(path.node.id.name)) return;
-      const classMethod9 = path.findParent((p) => t.isClassMethod(p.node));
-      if (!classMethod9) return;
+      const classMethod10 = path.findParent((p) => t.isClassMethod(p.node));
+      if (!classMethod10) return;
       candidates.set(path.node.id.name, t.cloneNode(path.node.init, true));
     }
   });
@@ -591,14 +591,14 @@ function replaceThisPropsRootWithValueParam(expr, propName) {
         visit(e.object),
         e.property,
         e.computed,
-        e.optional
+        e.optional ?? true
       );
     }
     if (t2.isOptionalCallExpression(e)) {
       return t2.optionalCallExpression(
         visit(e.callee),
         e.arguments.map((a) => t2.isExpression(a) ? visit(a) : a),
-        e.optional
+        e.optional ?? true
       );
     }
     if (t2.isCallExpression(e)) {
@@ -728,14 +728,14 @@ function optionalizeMemberChainsFromBindingRoot(expr, rootName) {
         visit(e.object),
         e.property,
         e.computed,
-        e.optional
+        e.optional ?? true
       );
     }
     if (t2.isOptionalCallExpression(e)) {
       return t2.optionalCallExpression(
         visit(e.callee),
         e.arguments.map((a) => t2.isExpression(a) ? visit(a) : a),
-        e.optional
+        e.optional ?? true
       );
     }
     if (t2.isCallExpression(e)) {
@@ -861,14 +861,14 @@ function optionalizeMemberChainsAfterComputedItemKey(expr, itemKeyName) {
         visit(e.object),
         e.property,
         e.computed,
-        e.optional
+        e.optional ?? true
       );
     }
     if (t2.isOptionalCallExpression(e)) {
       return t2.optionalCallExpression(
         visit(e.callee),
         e.arguments.map((a) => t2.isExpression(a) ? visit(a) : a),
-        e.optional
+        e.optional ?? true
       );
     }
     if (t2.isCallExpression(e)) {
@@ -1033,14 +1033,14 @@ function replacePropRefsInNode(node, propNames, wholeParamName, propDefaults) {
       r(node.object),
       node.property,
       node.computed,
-      node.optional
+      node.optional ?? true
     );
   }
   if (t2.isOptionalCallExpression(node)) {
     return t2.optionalCallExpression(
       r(node.callee),
       node.arguments.map((a) => t2.isExpression(a) ? r(a) : a),
-      node.optional
+      node.optional ?? true
     );
   }
   if (t2.isConditionalExpression(node)) {
@@ -1177,8 +1177,8 @@ function wrapEventsGetterWithCache(getter) {
   const returnStmt = body.find((s) => t2.isReturnStatement(s) && s.argument !== null);
   if (!returnStmt?.argument) return;
   const cachedProp = t2.memberExpression(t2.thisExpression(), t2.identifier("__evts"));
-  const elementProp = t2.memberExpression(t2.thisExpression(), t2.identifier("element_"));
-  const tmpId = t2.identifier("__geaEvtsResult");
+  const elementProp = t2.memberExpression(t2.thisExpression(), t2.identifier("GEA_ELEMENT"), true);
+  const tmpId = t2.identifier("geaEvtsResult");
   const objectExpr = returnStmt.argument;
   const returnIndex = body.indexOf(returnStmt);
   body.splice(
@@ -1642,7 +1642,7 @@ function stmtUsesPropRefreshCall(stmt) {
 }
 function containsPropRefreshCall(node) {
   if (t2.isMemberExpression(node) && t2.isIdentifier(node.property)) {
-    if (node.property.name === "__geaUpdateProps" || node.property.name.startsWith("__refresh")) return true;
+    if (node.property.name === "GEA_UPDATE_PROPS" || node.property.name.startsWith("__refresh")) return true;
   }
   const keys = t2.VISITOR_KEYS[node.type];
   if (!keys) return false;
@@ -1709,6 +1709,70 @@ function loggingCatchClause(extra = []) {
     ])
   );
 }
+function buildThisGeaMember(symExportName) {
+  return t2.memberExpression(t2.thisExpression(), t2.identifier(symExportName), true);
+}
+function buildThisGeaCall(symExportName, args = []) {
+  return t2.callExpression(buildThisGeaMember(symExportName), args);
+}
+function buildExprGeaMember(expr, symExportName) {
+  return t2.memberExpression(expr, t2.identifier(symExportName), true);
+}
+var GEA_COMPILER_SYMBOL_IMPORTS = [
+  "GEA_RENDERED",
+  "GEA_PARENT_COMPONENT",
+  "GEA_ELEMENT",
+  "GEA_MAPS",
+  "GEA_CONDS",
+  "GEA_RESET_ELS",
+  "GEA_OBSERVE",
+  "GEA_OBSERVE_LIST",
+  "GEA_EL",
+  "GEA_UPDATE_TEXT",
+  "GEA_REQUEST_RENDER",
+  "GEA_UPDATE_PROPS",
+  "GEA_SYNC_MAP",
+  "GEA_REGISTER_MAP",
+  "GEA_PATCH_COND",
+  "GEA_PATCH_NODE",
+  "GEA_REGISTER_COND",
+  "GEA_REFRESH_LIST",
+  "GEA_RECONCILE_LIST",
+  "GEA_ENSURE_ARRAY_CONFIGS",
+  "GEA_APPLY_LIST_CHANGES",
+  "GEA_INSTANTIATE_CHILD_COMPONENTS",
+  "GEA_MOUNT_COMPILED_CHILD_COMPONENTS",
+  "GEA_SWAP_CHILD",
+  "GEA_SWAP_STATE_CHILDREN",
+  "GEA_CHILD",
+  "GEA_LIST_CONFIG_REFRESHING",
+  "GEA_DOM_KEY",
+  "GEA_DOM_ITEM",
+  "GEA_DOM_PROPS",
+  "GEA_HANDLE_ITEM_HANDLER",
+  "GEA_MAP_CONFIG_TPL",
+  "GEA_MAP_CONFIG_PREV",
+  "GEA_MAP_CONFIG_COUNT",
+  "geaCondPatchedSymbol",
+  "geaCondValueSymbol",
+  "geaObservePrevSymbol",
+  "geaPrevGuardSymbol",
+  "GEA_SETUP_LOCAL_STATE_OBSERVERS",
+  "GEA_CLONE_TEMPLATE",
+  "GEA_SETUP_REFS",
+  "GEA_ON_PROP_CHANGE",
+  "GEA_SELF_PROXY",
+  "GEA_STORE_ROOT",
+  "GEA_PROXY_RAW",
+  "GEA_PROXY_GET_TARGET",
+  "geaSanitizeAttr",
+  "geaEscapeHtml"
+];
+function ensureGeaCompilerSymbolImports(ast) {
+  for (const name of GEA_COMPILER_SYMBOL_IMPORTS) {
+    ensureImport(ast, "@geajs/core", name);
+  }
+}
 
 // src/hmr.ts
 import { createRequire as createRequire2 } from "module";
@@ -1751,9 +1815,9 @@ function injectHMR(ast, componentClassName, componentImports, componentImportsUs
     hmrStmts.push(...createAccepts(componentImports, proxyDep));
     hmrStmts.push(js`const __origCreated = ${id2(componentClassName)}.prototype.created;`);
     hmrStmts.push(
-      js`${id2(componentClassName)}.prototype.created = function(__geaProps) {
+      js`${id2(componentClassName)}.prototype.created = function(geaProps) {
         registerComponentInstance(this.constructor.name, this);
-        return __origCreated.call(this, __geaProps);
+        return __origCreated.call(this, geaProps);
       };`
     );
     hmrStmts.push(js`const __origDispose = ${id2(componentClassName)}.prototype.dispose;`);
@@ -1843,39 +1907,54 @@ import { dirname, resolve } from "path";
 var EVENT_NAMES = /* @__PURE__ */ new Set([
   "click",
   "dblclick",
+  "change",
+  "input",
+  "submit",
+  "reset",
+  "focus",
+  "blur",
+  "keydown",
+  "keyup",
+  "keypress",
   "mousedown",
   "mouseup",
   "mouseover",
   "mouseout",
+  "mouseenter",
+  "mouseleave",
   "mousemove",
-  "keydown",
-  "keyup",
-  "keypress",
-  "focus",
-  "blur",
-  "input",
-  "change",
-  "submit",
-  "scroll",
+  "contextmenu",
   "touchstart",
-  "touchmove",
   "touchend",
+  "touchmove",
+  "pointerdown",
+  "pointerup",
+  "pointermove",
+  "scroll",
+  "resize",
+  "drag",
+  "dragstart",
+  "dragend",
+  "dragover",
+  "dragleave",
+  "drop",
+  "animationstart",
+  "animationend",
+  "animationiteration",
+  "transitionstart",
+  "transitionend",
+  "transitionrun",
+  "transitioncancel",
   "tap",
   "longTap",
   "swipeRight",
   "swipeUp",
   "swipeLeft",
-  "swipeDown",
-  "dragstart",
-  "dragend",
-  "dragover",
-  "dragleave",
-  "drop"
+  "swipeDown"
 ]);
 function toGeaEventType(attrName) {
   if (attrName.startsWith("on") && attrName.length > 2) {
-    const rest = attrName.slice(2);
-    return rest.charAt(0).toLowerCase() + rest.slice(1);
+    return attrName.slice(2).toLowerCase();
   }
   return attrName;
 }
@@ -2747,7 +2826,7 @@ function buildComponentPropsExpression(jsxElement, imports, componentInstances,
     else if (t8.isJSXExpressionContainer(attr.value) && !t8.isJSXEmptyExpression(attr.value.expression)) {
       const expr = attr.value.expression;
       propValue = transformExpression(expr);
-      if (propValue && (/^on[A-Z]/.test(propName) || /^(click|input|change|submit|focus|blur|keydown|keyup|keypress|mousedown|mouseup|mouseover|mouseout|mouseenter|mouseleave|touchstart|touchend|touchmove|pointerdown|pointerup|pointermove|scroll|resize|drag|dragstart|dragend|dragover|drop|reset)$/.test(
+      if (propValue && (/^on[A-Z]/.test(propName) || /^(click|dblclick|input|change|submit|reset|focus|blur|keydown|keyup|keypress|mousedown|mouseup|mouseover|mouseout|mouseenter|mouseleave|mousemove|contextmenu|touchstart|touchend|touchmove|pointerdown|pointerup|pointermove|scroll|resize|drag|dragstart|dragend|dragover|dragleave|drop|tap|longTap|swipeRight|swipeUp|swipeLeft|swipeDown)$/.test(
         propName
       )) && t8.isMemberExpression(propValue)) {
         const argsId = t8.identifier("args");
@@ -3659,7 +3738,8 @@ function analyzeChildren(node, tagName, elementPath, bindings, propBindings, arr
           stateRefs,
           onUnresolvedMap,
           classBody2,
-          templateSetupContext
+          templateSetupContext,
+          conditionalSlots?.length
         );
       } else {
         const nestedMapCalls = collectNestedMapCalls(expr);
@@ -3693,6 +3773,16 @@ function analyzeChildren(node, tagName, elementPath, bindings, propBindings, arr
         );
         const slotCountAfter = conditionalSlots?.length ?? 0;
         const slotId = slotCountAfter > slotCountBefore ? conditionalSlots[slotCountAfter - 1].slotId : void 0;
+        if (slotCountAfter > slotCountBefore && conditionalSlots && conditionalSlotNodeMap && templateSetupContext) {
+          registerNestedConditionalsInBranches(
+            expr,
+            stateRefs,
+            templateSetupContext,
+            conditionalSlots,
+            conditionalSlotNodeMap,
+            classBody2
+          );
+        }
         nestedMapCalls.forEach(({ mapExpr, parentElement, containerPath }) => {
           let mapNode = node;
           let mapElementPath = elementPath;
@@ -3799,7 +3889,7 @@ function collectImportedStoreGetterDependencies(expr, setupStatements, stateRefs
   }
   return Array.from(deps.values());
 }
-function handleArrayMap(expr, tagName, node, elementPath, index, arrayMaps, stateProps, stateRefs, onUnresolvedMap, classBody2, templateSetupContext) {
+function handleArrayMap(expr, tagName, node, elementPath, index, arrayMaps, stateProps, stateRefs, onUnresolvedMap, classBody2, templateSetupContext, afterCondSlotIndex) {
   const arrayExpr = expr.callee.object;
   const normalizedArrayExpr = resolveHelperCallExpression(arrayExpr, classBody2) || arrayExpr;
   if (t9.isArrowFunctionExpression(expr.arguments?.[0])) {
@@ -3857,7 +3947,8 @@ function handleArrayMap(expr, tagName, node, elementPath, index, arrayMaps, stat
         dependencies,
         containerElementPath: [...elementPath],
         ...cbBodyStmts2.length > 0 ? { callbackBodyStatements: cbBodyStmts2 } : {},
-        ...relationalClassBindings.length > 0 ? { relationalClassBindings } : {}
+        ...relationalClassBindings.length > 0 ? { relationalClassBindings } : {},
+        ...afterCondSlotIndex != null ? { afterCondSlotIndex } : {}
       });
     }
     return;
@@ -3967,9 +4058,41 @@ function handleArrayMap(expr, tagName, node, elementPath, index, arrayMaps, stat
     ...!itemIdProperty && isKeyed ? { keyExpression: t9.cloneNode(extractKeyExpression(itemTemplate), true) } : {},
     classToggleName,
     conditionalBindings,
-    ...cbBodyStmts.length > 0 ? { callbackBodyStatements: cbBodyStmts } : {}
+    ...cbBodyStmts.length > 0 ? { callbackBodyStatements: cbBodyStmts } : {},
+    ...afterCondSlotIndex != null ? { afterCondSlotIndex } : {}
   });
 }
+function expressionContainsComponentJSX(node) {
+  if (t9.isJSXElement(node)) {
+    const name = node.openingElement.name;
+    if (t9.isJSXIdentifier(name) && /^[A-Z]/.test(name.name)) return true;
+    if (t9.isJSXMemberExpression(name)) {
+      let cur = name;
+      while (t9.isJSXMemberExpression(cur)) cur = cur.object;
+      if (t9.isJSXIdentifier(cur) && /^[A-Z]/.test(cur.name)) return true;
+    }
+    for (const c of node.children) {
+      if (expressionContainsComponentJSX(c)) return true;
+    }
+    return false;
+  }
+  if (t9.isJSXExpressionContainer(node) && !t9.isJSXEmptyExpression(node.expression)) {
+    return expressionContainsComponentJSX(node.expression);
+  }
+  if (t9.isLogicalExpression(node)) {
+    return expressionContainsComponentJSX(node.left) || expressionContainsComponentJSX(node.right);
+  }
+  if (t9.isConditionalExpression(node)) {
+    return expressionContainsComponentJSX(node.consequent) || expressionContainsComponentJSX(node.alternate);
+  }
+  if (t9.isParenthesizedExpression(node)) {
+    return expressionContainsComponentJSX(node.expression);
+  }
+  if (t9.isJSXFragment(node)) {
+    return node.children.some((c) => expressionContainsComponentJSX(c));
+  }
+  return false;
+}
 function handleTextBinding(expr, node, tagName, elementPath, bindings, propBindings, stateProps, stateRefs, textTemplate, textExpressions, shouldBuildTextTemplate, propsParamName, destructuredPropNames, templateSetupContext, rerenderPropNames, rerenderConditions, conditionalSlots, _hasNestedMapCall = false, classBody2, conditionalSlotNodeMap, textNodeIndex, jsxInTextSiblingGroup = false) {
   const propName = resolvePropRef(expr, propsParamName, destructuredPropNames);
   if (propName) {
@@ -4090,6 +4213,7 @@ function handleTextBinding(expr, node, tagName, elementPath, bindings, propBindi
             conditionExpr: t9.cloneNode(conditionExpr, true),
             setupStatements: condSetupStatements.map((s) => t9.cloneNode(s, true)),
             htmlSetupStatements: fullSetupStatements.map((s) => t9.cloneNode(s, true)),
+            ...expressionContainsComponentJSX(expr) ? { hasCompiledChildren: true } : {},
             dependentPropNames: [...dependentProps],
             dependencies: dependencies.map((dep) => ({
               observeKey: dep.observeKey,
@@ -4100,6 +4224,7 @@ function handleTextBinding(expr, node, tagName, elementPath, bindings, propBindi
           });
           conditionalSlotNodeMap?.set(expr, slotId);
         }
+        return;
       }
     }
   }
@@ -4205,6 +4330,59 @@ function extractConditionalControlExpression(expr) {
   }
   return null;
 }
+function registerNestedConditionalsInBranches(expr, stateRefs, templateSetupContext, conditionalSlots, conditionalSlotNodeMap, classBody2) {
+  function visitChildren(children) {
+    for (const child of children) {
+      if (t9.isJSXElement(child)) visitChildren(child.children);
+      else if (t9.isJSXFragment(child)) visitChildren(child.children);
+      else if (t9.isJSXExpressionContainer(child) && !t9.isJSXEmptyExpression(child.expression)) {
+        const innerExpr = child.expression;
+        if (!expressionMayProduceJSX(innerExpr)) continue;
+        const conditionExpr = extractConditionalControlExpression(innerExpr);
+        if (!conditionExpr) continue;
+        const condSetupStatements = collectTemplateSetupStatements(conditionExpr, templateSetupContext);
+        const fullSetupStatements = collectTemplateSetupStatements(innerExpr, templateSetupContext);
+        const allDeps = collectExpressionDependencies(conditionExpr, stateRefs, condSetupStatements);
+        if (allDeps.length === 0) continue;
+        const slotId = `c${conditionalSlots.length}`;
+        conditionalSlots.push({
+          slotId,
+          conditionExpr: t9.cloneNode(conditionExpr, true),
+          setupStatements: condSetupStatements.map((s) => t9.cloneNode(s, true)),
+          htmlSetupStatements: fullSetupStatements.map((s) => t9.cloneNode(s, true)),
+          ...expressionContainsComponentJSX(innerExpr) ? { hasCompiledChildren: true } : {},
+          dependentPropNames: [],
+          dependencies: allDeps.map((dep) => ({
+            observeKey: dep.observeKey,
+            pathParts: [...dep.pathParts],
+            ...dep.storeVar ? { storeVar: dep.storeVar } : {}
+          })),
+          originalExpr: t9.cloneNode(innerExpr, true)
+        });
+        conditionalSlotNodeMap.set(innerExpr, slotId);
+        registerNestedConditionalsInBranches(
+          innerExpr,
+          stateRefs,
+          templateSetupContext,
+          conditionalSlots,
+          conditionalSlotNodeMap,
+          classBody2
+        );
+      }
+    }
+  }
+  function visitBranch(node) {
+    if (t9.isJSXElement(node)) visitChildren(node.children);
+    else if (t9.isJSXFragment(node)) visitChildren(node.children);
+    else if (t9.isParenthesizedExpression(node)) visitBranch(node.expression);
+  }
+  if (t9.isConditionalExpression(expr)) {
+    visitBranch(expr.consequent);
+    visitBranch(expr.alternate);
+  } else if (t9.isLogicalExpression(expr) && expr.operator === "&&") {
+    visitBranch(expr.right);
+  }
+}
 function buildDerivedPropBindings(expr, type, attributeName, elementPath, propsParamName, destructuredPropNames, templateSetupContext, classBody2) {
   if (t9.isJSXEmptyExpression(expr) || !templateSetupContext) return [];
   const setupStatements = collectTemplateSetupStatements(expr, templateSetupContext);
@@ -4652,6 +4830,35 @@ function toHtmlAttrName(attrName, isComponent) {
   if (attrName === "className") return "class";
   return attrName;
 }
+function unwrapExpression(expr) {
+  let e = expr;
+  while (t10.isParenthesizedExpression(e)) {
+    e = e.expression;
+  }
+  return e;
+}
+function extractHtmlTemplatesFromRawConditional(rawExpr, ctx, slotId) {
+  const childCtx = { ...ctx, elementPathPrefix: "__cs_" + slotId };
+  const top = unwrapExpression(rawExpr);
+  if (t10.isLogicalExpression(top) && top.operator === "&&") {
+    return extractHtmlTemplatesFromRawConditional(top.right, ctx, slotId);
+  }
+  if (t10.isConditionalExpression(top)) {
+    const truthyHtmlExpr = transformJSXExpression(top.consequent, childCtx);
+    const alt = unwrapExpression(top.alternate);
+    if (t10.isConditionalExpression(alt)) {
+      return {
+        truthyHtmlExpr,
+        falsyHtmlExpr: transformJSXExpression(top.alternate, childCtx)
+      };
+    }
+    return {
+      truthyHtmlExpr,
+      falsyHtmlExpr: transformJSXExpression(top.alternate, childCtx)
+    };
+  }
+  return null;
+}
 function extractHtmlTemplatesFromConditional(expr) {
   const normalizeHtmlExpression = (value) => {
     if (t10.isCallExpression(value) && t10.isMemberExpression(value.callee) && t10.isIdentifier(value.callee.property) && value.callee.property.name === "map") {
@@ -4667,7 +4874,11 @@ function extractHtmlTemplatesFromConditional(expr) {
   }
   if (t10.isConditionalExpression(expr)) {
     const truthy = extractHtmlTemplatesFromConditional(expr.consequent).truthyHtmlExpr;
-    const falsy = extractHtmlTemplatesFromConditional(expr.alternate).truthyHtmlExpr;
+    const alt = unwrapExpression(expr.alternate);
+    if (t10.isConditionalExpression(alt)) {
+      return { truthyHtmlExpr: truthy, falsyHtmlExpr: normalizeHtmlExpression(alt) };
+    }
+    const falsy = extractHtmlTemplatesFromConditional(alt).truthyHtmlExpr;
     return { truthyHtmlExpr: truthy, falsyHtmlExpr: falsy };
   }
   if (t10.isParenthesizedExpression(expr)) {
@@ -4792,7 +5003,7 @@ function escapeHtml(str) {
 var URL_ATTRS = /* @__PURE__ */ new Set(["href", "src", "action", "formaction", "data", "cite", "poster", "background"]);
 function wrapWithSanitizeAttr(attrName, expr) {
   if (!URL_ATTRS.has(attrName)) return expr;
-  return t10.callExpression(t10.identifier("__sanitizeAttr"), [
+  return t10.callExpression(t10.identifier("geaSanitizeAttr"), [
     t10.stringLiteral(attrName),
     t10.callExpression(t10.identifier("String"), [expr])
   ]);
@@ -4846,24 +5057,48 @@ var EVENT_TYPES = /* @__PURE__ */ new Set([
   "dblclick",
   "change",
   "input",
+  "submit",
+  "reset",
+  "focus",
+  "blur",
   "keydown",
   "keyup",
-  "blur",
-  "focus",
+  "keypress",
   "mousedown",
   "mouseup",
-  "submit",
+  "mouseover",
+  "mouseout",
+  "mouseenter",
+  "mouseleave",
+  "mousemove",
+  "contextmenu",
+  "touchstart",
+  "touchend",
+  "touchmove",
+  "pointerdown",
+  "pointerup",
+  "pointermove",
+  "scroll",
+  "resize",
+  "drag",
+  "dragstart",
+  "dragend",
+  "dragover",
+  "dragleave",
+  "drop",
+  "animationstart",
+  "animationend",
+  "animationiteration",
+  "transitionstart",
+  "transitionend",
+  "transitionrun",
+  "transitioncancel",
   "tap",
   "longTap",
   "swipeRight",
   "swipeUp",
   "swipeLeft",
-  "swipeDown",
-  "dragstart",
-  "dragend",
-  "dragover",
-  "dragleave",
-  "drop"
+  "swipeDown"
 ]);
 function transformJSXToTemplate(el, ctx, elementPath = []) {
   const parts = jsxToTemplateParts(el, ctx, elementPath);
@@ -5551,8 +5786,16 @@ function processChildren(children, parts, ctx, elementPath, dcCursor, directChil
         });
         appendString(parts, `-->`);
         pushString(parts, "");
-        let condExpr = transformJSXExpression(rawExpr, { ...ctx, elementPathPrefix: "__cs_" + slot.slotId });
-        const extracted = extractHtmlTemplatesFromConditional(condExpr);
+        const slotCtx = { ...ctx, elementPathPrefix: "__cs_" + slot.slotId };
+        const eventIdBefore = ctx.eventIdCounter?.value ?? 0;
+        let condExpr = transformJSXExpression(rawExpr, slotCtx);
+        const extractCtx = {
+          ...ctx,
+          isRoot: false,
+          eventHandlers: ctx.eventHandlers ? [] : void 0,
+          eventIdCounter: ctx.eventIdCounter ? { value: eventIdBefore } : void 0
+        };
+        const extracted = extractHtmlTemplatesFromRawConditional(rawExpr, extractCtx, slot.slotId) ?? extractHtmlTemplatesFromConditional(condExpr);
         slot.truthyHtmlExpr = extracted.truthyHtmlExpr;
         slot.falsyHtmlExpr = extracted.falsyHtmlExpr;
         if (expressionMayBeFalsy(rawExpr)) {
@@ -5608,9 +5851,7 @@ function processChildren(children, parts, ctx, elementPath, dcCursor, directChil
           expr = t10.logicalExpression("||", expr, t10.stringLiteral(""));
         }
         const skipEscape = childCallInfo || isChildrenPropAccess(rawExpr) || expressionContainsJSX(rawExpr) || ctx.inMapCallback || callsJSXReturningProperty(rawExpr, ctx.classBody);
-        const safeExpr = skipEscape ? expr : t10.callExpression(t10.identifier("__escapeHtml"), [
-          t10.callExpression(t10.identifier("String"), [expr])
-        ]);
+        const safeExpr = skipEscape ? expr : t10.callExpression(t10.identifier("geaEscapeHtml"), [t10.callExpression(t10.identifier("String"), [expr])]);
         parts.push({ type: "expression", value: safeExpr });
       }
     }
@@ -6041,9 +6282,7 @@ function generatePatchItemMethod(arrayMap, templatePropNames, wholeParamName, te
   const keyRenames = arrayMap.indexVariable ? /* @__PURE__ */ new Map([[arrayMap.indexVariable, "__idx"]]) : void 0;
   const rawItemIdExpr = arrayMap.keyExpression ? t11.cloneNode(rewriteItemVarInExpression(arrayMap.keyExpression, arrayMap.itemVariable, "item", keyRenames), true) : itemIdProperty && itemIdProperty !== ITEM_IS_KEY ? t11.logicalExpression("??", buildOptionalMemberChain(t11.identifier("item"), itemIdProperty), t11.identifier("item")) : t11.identifier("item");
   const itemIdExpr = t11.callExpression(t11.identifier("String"), [rawItemIdExpr]);
-  body.push(
-    t11.expressionStatement(t11.assignmentExpression("=", t11.memberExpression(elVar, t11.identifier("__geaKey")), itemIdExpr))
-  );
+  body.push(t11.expressionStatement(t11.assignmentExpression("=", buildExprGeaMember(elVar, "GEA_DOM_KEY"), itemIdExpr)));
   const rowElsProp = `__rowEls_${arrayMap.containerBindingId ?? "list"}`;
   const privateElsRef = t11.memberExpression(t11.thisExpression(), t11.privateName(t11.identifier(rowElsProp)));
   body.push(
@@ -6065,9 +6304,7 @@ function generatePatchItemMethod(arrayMap, templatePropNames, wholeParamName, te
   );
   const patchPrivateFields = [rowElsProp];
   body.push(
-    t11.expressionStatement(
-      t11.assignmentExpression("=", t11.memberExpression(elVar, t11.identifier("__geaItem")), t11.identifier("item"))
-    )
+    t11.expressionStatement(t11.assignmentExpression("=", buildExprGeaMember(elVar, "GEA_DOM_ITEM"), t11.identifier("item")))
   );
   const params = [t11.identifier("row"), t11.identifier("item"), t11.identifier("__prevItem")];
   if (arrayMap.indexVariable) params.push(t11.identifier("__idx"));
@@ -6111,6 +6348,9 @@ function collectPatchEntries(arrayMap) {
   if (t11.isJSXElement(modified)) {
     const rootTagName = getJSXTagName(modified.openingElement.name);
     const rootIsComponent = isComponentTag(rootTagName);
+    if (!rootIsComponent && !requiresRerender) {
+      requiresRerender = templateHasChildComponent(modified);
+    }
     walkJSXForPatch(modified, [], entries, rootIsComponent);
   }
   for (const ent of entries) {
@@ -6195,7 +6435,9 @@ function walkJSXForPatch(node, path, entries, rootIsComponent = false) {
   let elementIndex = 0;
   for (const child of node.children) {
     if (t11.isJSXElement(child)) {
-      walkJSXForPatch(child, [...path, elementIndex], entries);
+      if (!isComponentTag(getJSXTagName(child.openingElement.name))) {
+        walkJSXForPatch(child, [...path, elementIndex], entries);
+      }
       elementIndex++;
     }
   }
@@ -6390,7 +6632,7 @@ function generateCreateItemMethod(arrayMap, templatePropNames, wholeParamName, t
           t11.expressionStatement(
             t11.assignmentExpression(
               "=",
-              t11.memberExpression(t11.identifier("el"), t11.identifier("__geaProps")),
+              buildExprGeaMember(t11.identifier("el"), "GEA_DOM_PROPS"),
               t11.objectExpression(propsProperties)
             )
           )
@@ -6431,7 +6673,7 @@ function generateCreateItemMethod(arrayMap, templatePropNames, wholeParamName, t
             t11.assignmentExpression(
               "=",
               t11.cloneNode(privateRsField),
-              t11.memberExpression(t11.identifier(arrayMap.storeVar), t11.identifier("__raw"))
+              buildExprGeaMember(t11.identifier(arrayMap.storeVar), "GEA_PROXY_RAW")
             )
           )
         )
@@ -6479,7 +6721,7 @@ function generateCreateItemMethod(arrayMap, templatePropNames, wholeParamName, t
     t11.expressionStatement(
       t11.assignmentExpression(
         "=",
-        t11.memberExpression(cVar, t11.identifier("__geaTpl")),
+        buildExprGeaMember(cVar, "GEA_MAP_CONFIG_TPL"),
         t11.memberExpression(
           t11.memberExpression(t11.identifier("__tw"), t11.identifier("content")),
           t11.identifier("firstElementChild")
@@ -6489,7 +6731,7 @@ function generateCreateItemMethod(arrayMap, templatePropNames, wholeParamName, t
     t11.expressionStatement(
       t11.optionalCallExpression(
         t11.optionalMemberExpression(
-          t11.memberExpression(cVar, t11.identifier("__geaTpl")),
+          buildExprGeaMember(cVar, "GEA_MAP_CONFIG_TPL"),
           t11.identifier("removeAttribute"),
           false,
           true
@@ -6504,13 +6746,13 @@ function generateCreateItemMethod(arrayMap, templatePropNames, wholeParamName, t
       t11.ifStatement(
         t11.logicalExpression(
           "&&",
-          t11.memberExpression(cVar, t11.identifier("__geaTpl")),
-          t11.memberExpression(t11.memberExpression(cVar, t11.identifier("__geaTpl")), t11.identifier("className"))
+          buildExprGeaMember(cVar, "GEA_MAP_CONFIG_TPL"),
+          t11.memberExpression(buildExprGeaMember(cVar, "GEA_MAP_CONFIG_TPL"), t11.identifier("className"))
         ),
         t11.expressionStatement(
           t11.assignmentExpression(
             "=",
-            t11.memberExpression(t11.memberExpression(cVar, t11.identifier("__geaTpl")), t11.identifier("className")),
+            t11.memberExpression(buildExprGeaMember(cVar, "GEA_MAP_CONFIG_TPL"), t11.identifier("className")),
             t11.stringLiteral("")
           )
         )
@@ -6519,19 +6761,19 @@ function generateCreateItemMethod(arrayMap, templatePropNames, wholeParamName, t
   }
   body.push(
     t11.ifStatement(
-      t11.unaryExpression("!", t11.memberExpression(cVar, t11.identifier("__geaTpl"))),
+      t11.unaryExpression("!", buildExprGeaMember(cVar, "GEA_MAP_CONFIG_TPL")),
       t11.blockStatement([t11.tryStatement(t11.blockStatement(tplInit), loggingCatchClause())])
     )
   );
   body.push(
     t11.ifStatement(
-      t11.memberExpression(cVar, t11.identifier("__geaTpl")),
+      buildExprGeaMember(cVar, "GEA_MAP_CONFIG_TPL"),
       t11.blockStatement([
         t11.variableDeclaration("var", [
           t11.variableDeclarator(
             elVar,
             t11.callExpression(
-              t11.memberExpression(t11.memberExpression(cVar, t11.identifier("__geaTpl")), t11.identifier("cloneNode")),
+              t11.memberExpression(buildExprGeaMember(cVar, "GEA_MAP_CONFIG_TPL"), t11.identifier("cloneNode")),
               [t11.booleanLiteral(true)]
             )
           )
@@ -6732,14 +6974,10 @@ function generateCreateItemMethod(arrayMap, templatePropNames, wholeParamName, t
   ) : itemIdProperty && itemIdProperty !== ITEM_IS_KEY ? t11.logicalExpression("??", buildOptionalMemberChain(t11.identifier("item"), itemIdProperty), t11.identifier("item")) : t11.identifier("item");
   const patchItemIdExpr = t11.callExpression(t11.identifier("String"), [rawPatchItemIdExpr]);
   body.push(
-    t11.expressionStatement(
-      t11.assignmentExpression("=", t11.memberExpression(elVar, t11.identifier("__geaKey")), patchItemIdExpr)
-    )
+    t11.expressionStatement(t11.assignmentExpression("=", buildExprGeaMember(elVar, "GEA_DOM_KEY"), patchItemIdExpr))
   );
   body.push(
-    t11.expressionStatement(
-      t11.assignmentExpression("=", t11.memberExpression(elVar, t11.identifier("__geaItem")), t11.identifier("item"))
-    )
+    t11.expressionStatement(t11.assignmentExpression("=", buildExprGeaMember(elVar, "GEA_DOM_ITEM"), t11.identifier("item")))
   );
   if (itemTemplateRootIsComponent && t11.isJSXElement(arrayMap.itemTemplate)) {
     const propsProperties = [];
@@ -6770,11 +7008,7 @@ function generateCreateItemMethod(arrayMap, templatePropNames, wholeParamName, t
     if (propsProperties.length > 0) {
       body.push(
         t11.expressionStatement(
-          t11.assignmentExpression(
-            "=",
-            t11.memberExpression(elVar, t11.identifier("__geaProps")),
-            t11.objectExpression(propsProperties)
-          )
+          t11.assignmentExpression("=", buildExprGeaMember(elVar, "GEA_DOM_PROPS"), t11.objectExpression(propsProperties))
         )
       );
     }
@@ -6823,6 +7057,14 @@ function branchContainsJSX(expr) {
   });
   return containsJSX;
 }
+function templateHasChildComponent(root) {
+  for (const child of root.children) {
+    if (!t11.isJSXElement(child)) continue;
+    if (isComponentTag(getJSXTagName(child.openingElement.name))) return true;
+    if (templateHasChildComponent(child)) return true;
+  }
+  return false;
+}
 
 // src/generate-clone.ts
 var EVENT_TYPES2 = /* @__PURE__ */ new Set([
@@ -6830,24 +7072,48 @@ var EVENT_TYPES2 = /* @__PURE__ */ new Set([
   "dblclick",
   "change",
   "input",
+  "submit",
+  "reset",
+  "focus",
+  "blur",
   "keydown",
   "keyup",
-  "blur",
-  "focus",
+  "keypress",
   "mousedown",
   "mouseup",
-  "submit",
+  "mouseover",
+  "mouseout",
+  "mouseenter",
+  "mouseleave",
+  "mousemove",
+  "contextmenu",
+  "touchstart",
+  "touchend",
+  "touchmove",
+  "pointerdown",
+  "pointerup",
+  "pointermove",
+  "scroll",
+  "resize",
+  "drag",
+  "dragstart",
+  "dragend",
+  "dragover",
+  "dragleave",
+  "drop",
+  "animationstart",
+  "animationend",
+  "animationiteration",
+  "transitionstart",
+  "transitionend",
+  "transitionrun",
+  "transitioncancel",
   "tap",
   "longTap",
   "swipeRight",
   "swipeUp",
   "swipeLeft",
-  "swipeDown",
-  "dragstart",
-  "dragend",
-  "dragover",
-  "dragleave",
-  "drop"
+  "swipeDown"
 ]);
 var VOID_ELEMENTS2 = /* @__PURE__ */ new Set([
   "area",
@@ -7343,7 +7609,13 @@ function generateCloneMembers(root, analysis, templateParams, sourceFile, import
     true
   );
   const cloneMethodBody = buildCloneTemplateBody(identityPatches, contentPatches, cloneCtx);
-  const cloneMethod = t12.classMethod("method", t12.identifier("__cloneTemplate"), [], t12.blockStatement(cloneMethodBody));
+  const cloneMethod = t12.classMethod(
+    "method",
+    t12.identifier("GEA_CLONE_TEMPLATE"),
+    [],
+    t12.blockStatement(cloneMethodBody),
+    true
+  );
   return [staticField, cloneMethod];
 }
 function buildCloneTemplateBody(identityPatches, contentPatches, cloneCtx) {
@@ -7616,18 +7888,34 @@ function ensureMapItemHelper(classBody2, ctx, helperName) {
     )
   );
   const method = jsMethod2`${id4(helperName)}(e) {}`;
-  method.body.body.push(
-    ...buildGeaItemDomWalk(),
-    ...jsBlockBody`
-      if (!__el) return null;
-      if (__el.__geaItem) return __el.__geaItem;
-      const __itemId = __el.__geaKey ?? (__el.getAttribute && __el.getAttribute('data-gea-item-id'));
-      if (__itemId == null) return null;
-      const __items = ${itemsExpr};
-      const __arr = Array.isArray(__items) ? __items : Array.isArray(__items?.__getTarget) ? __items.__getTarget : [];
-      return __arr.find(${findPredicate}) || __itemId;
-    `
-  );
+  if (!ctx.keyExpression && ctx.itemIdProperty && ctx.itemIdProperty !== ITEM_IS_KEY) {
+    method.body.body.push(
+      ...buildGeaItemDomWalk(),
+      ...jsBlockBody`
+        if (!__el) return null;
+        if (__el[GEA_DOM_ITEM]) return __el[GEA_DOM_ITEM];
+        const __itemId = __el[GEA_DOM_KEY] ?? (__el.getAttribute && __el.getAttribute('data-gea-item-id'));
+        if (__itemId == null) return null;
+        const __items = ${itemsExpr};
+        const __arr = Array.isArray(__items) ? __items : Array.isArray(__items?.[GEA_PROXY_GET_TARGET]) ? __items[GEA_PROXY_GET_TARGET] : [];
+        const __found = __arr.find(${findPredicate});
+        return __found != null ? __found : { ${ctx.itemIdProperty}: __itemId };
+      `
+    );
+  } else {
+    method.body.body.push(
+      ...buildGeaItemDomWalk(),
+      ...jsBlockBody`
+        if (!__el) return null;
+        if (__el[GEA_DOM_ITEM]) return __el[GEA_DOM_ITEM];
+        const __itemId = __el[GEA_DOM_KEY] ?? (__el.getAttribute && __el.getAttribute('data-gea-item-id'));
+        if (__itemId == null) return null;
+        const __items = ${itemsExpr};
+        const __arr = Array.isArray(__items) ? __items : Array.isArray(__items?.[GEA_PROXY_GET_TARGET]) ? __items[GEA_PROXY_GET_TARGET] : [];
+        return __arr.find(${findPredicate}) || __itemId;
+      `
+    );
+  }
   classBody2.body.unshift(method);
 }
 function getLocalFunctionInSetup(name, setupStatements) {
@@ -7639,12 +7927,17 @@ function getLocalFunctionInSetup(name, setupStatements) {
   }
   return null;
 }
-function appendCompiledEventMethods(classBody2, handlers, setupStatements = []) {
+function appendCompiledEventMethods(classBody2, handlers, setupStatements = [], fileAst) {
   if (handlers.length === 0) return false;
   const paramContext = getTemplateParamContext(classBody2);
   const mapHandlers = handlers.filter(
     (h) => Boolean(h.mapContext)
   );
+  if (mapHandlers.length > 0 && fileAst) {
+    ensureImport(fileAst, "@geajs/core", "GEA_MAPS");
+    ensureImport(fileAst, "@geajs/core", "GEA_DOM_KEY");
+    ensureImport(fileAst, "@geajs/core", "GEA_DOM_ITEM");
+  }
   const seenContexts = /* @__PURE__ */ new Set();
   for (const h of mapHandlers) {
     const key = getMapContextKey(h.mapContext);
@@ -7659,6 +7952,13 @@ function appendCompiledEventMethods(classBody2, handlers, setupStatements = [])
 function isDirectThisMethodRef(handler) {
   return !!handler.handlerExpression && t13.isMemberExpression(handler.handlerExpression) && t13.isThisExpression(handler.handlerExpression.object) && t13.isIdentifier(handler.handlerExpression.property) && !handler.delegatedPropName && !handler.mapContext;
 }
+function wrapEventsGetterHandlerRef(methodProperty) {
+  const callee = t13.memberExpression(t13.thisExpression(), methodProperty);
+  return t13.arrowFunctionExpression(
+    [t13.identifier("e"), t13.identifier("targetComponent")],
+    t13.callExpression(callee, [t13.identifier("e"), t13.identifier("targetComponent")])
+  );
+}
 function appendEventsGetterHandlers(classBody2, handlers, paramContext, setupStatements) {
   const getter = ensureEventsGetter(classBody2);
   const eventsObject = getEventsObject(getter);
@@ -7667,7 +7967,7 @@ function appendEventsGetterHandlers(classBody2, handlers, paramContext, setupSta
     let handlerRef;
     if (isDirectThisMethodRef(handler)) {
       const prop = handler.handlerExpression.property;
-      handlerRef = t13.memberExpression(t13.thisExpression(), t13.cloneNode(prop));
+      handlerRef = wrapEventsGetterHandlerRef(t13.cloneNode(prop));
     } else {
       let methodName = handler.methodName || `__event_${handler.eventType}_${index}`;
       let uniqueIndex = 1;
@@ -7678,7 +7978,7 @@ function appendEventsGetterHandlers(classBody2, handlers, paramContext, setupSta
       if (!findClassMethod(classBody2, methodName)) {
         classBody2.body.push(buildSelectorHandlerMethod(handler, methodName, paramContext, setupStatements));
       }
-      handlerRef = t13.memberExpression(t13.thisExpression(), t13.identifier(methodName));
+      handlerRef = wrapEventsGetterHandlerRef(t13.identifier(methodName));
     }
     const selectorExpr = handler.selectorExpression ? replacePropRefsInExpression(
       t13.cloneNode(handler.selectorExpression, true),
@@ -7693,7 +7993,13 @@ function appendEventsGetterHandlers(classBody2, handlers, paramContext, setupSta
       eventsObject.properties.push(eventTypeProp);
     }
     const selectorMap = eventTypeProp.value;
-    selectorMap.properties.push(t13.objectProperty(selectorExpr, handlerRef, !handler.selector));
+    const selectorCode = generate2(selectorExpr).code;
+    const isDuplicate = selectorMap.properties.some(
+      (prop) => t13.isObjectProperty(prop) && generate2(prop.key).code === selectorCode
+    );
+    if (!isDuplicate) {
+      selectorMap.properties.push(t13.objectProperty(selectorExpr, handlerRef, !handler.selector));
+    }
   });
 }
 function buildSelectorHandlerMethod(handler, methodName, paramContext, setupStatements) {
@@ -7812,7 +8118,7 @@ function replacePropsObjectRefsInNode(node, propsObjectName) {
       replacePropsObjectRefsInNode(node.object, propsObjectName),
       node.property,
       node.computed,
-      node.optional
+      node.optional ?? true
     );
   }
   if (t13.isOptionalCallExpression(node)) {
@@ -7821,7 +8127,7 @@ function replacePropsObjectRefsInNode(node, propsObjectName) {
       node.arguments.map(
         (a) => t13.isExpression(a) ? replacePropsObjectRefsInNode(a, propsObjectName) : a
       ),
-      node.optional
+      node.optional ?? true
     );
   }
   if (t13.isConditionalExpression(node)) {
@@ -7918,7 +8224,7 @@ function buildArrayItemsExpr(ctx, opts = {}) {
     return t13.callExpression(
       t13.memberExpression(
         t13.memberExpression(
-          t13.memberExpression(t13.thisExpression(), t13.identifier("__geaMaps")),
+          t13.memberExpression(t13.thisExpression(), t13.identifier("GEA_MAPS"), true),
           t13.numericLiteral(mapIdx),
           true
         ),
@@ -7927,7 +8233,7 @@ function buildArrayItemsExpr(ctx, opts = {}) {
       []
     );
   }
-  const base = ctx.isImportedState ? opts.raw ? t13.memberExpression(t13.identifier(ctx.storeVar || "store"), t13.identifier("__raw")) : t13.identifier(ctx.storeVar || "store") : t13.thisExpression();
+  const base = ctx.isImportedState ? opts.raw ? buildExprGeaMember(t13.identifier(ctx.storeVar || "store"), "GEA_PROXY_RAW") : t13.identifier(ctx.storeVar || "store") : t13.thisExpression();
   if (ctx.arrayPathParts.length === 0) return base;
   const [, ...rest] = ctx.arrayPathParts;
   const isIndex = /^\d+$/.test(first);
@@ -7937,7 +8243,7 @@ function buildArrayItemsExpr(ctx, opts = {}) {
 function buildGeaItemDomWalk() {
   return jsBlockBody`
     var __el = e.target;
-    while (__el && __el.__geaKey == null && (!__el.getAttribute || !__el.getAttribute('data-gea-item-id'))) __el = __el.parentElement;
+    while (__el && __el[GEA_DOM_KEY] == null && (!__el.getAttribute || !__el.getAttribute('data-gea-item-id'))) __el = __el.parentElement;
   `;
 }
 function buildMapEventBody(handler, paramContext) {
@@ -7955,8 +8261,8 @@ function buildMapEventBody(handler, paramContext) {
     const preamble2 = [
       ...buildGeaItemDomWalk(),
       ...jsBlockBody`
-        if (!__el || !__el.__geaItem) return;
-        const ${id4(ctx.indexVariable)} = ${rawArrayExpr}.indexOf(__el.__geaItem);
+        if (!__el || !__el[GEA_DOM_ITEM]) return;
+        const ${id4(ctx.indexVariable)} = ${rawArrayExpr}.indexOf(__el[GEA_DOM_ITEM]);
       `
     ];
     return [...preamble2, ...handlerBody];
@@ -7970,7 +8276,7 @@ function buildMapEventBody(handler, paramContext) {
     preamble.push(
       ...buildGeaItemDomWalk(),
       ...jsBlockBody`
-        const ${id4(ctx.indexVariable)} = __el ? ${rawArrayExpr}.indexOf(__el.__geaItem) : -1;
+        const ${id4(ctx.indexVariable)} = __el ? ${rawArrayExpr}.indexOf(__el[GEA_DOM_ITEM]) : -1;
       `
     );
   }
@@ -8095,10 +8401,7 @@ function injectChildComponents(ast, componentInstances, directForwardingChildren
                 t14.assignmentExpression(
                   "=",
                   t14.memberExpression(t14.thisExpression(), t14.identifier(backingField)),
-                  t14.callExpression(t14.memberExpression(t14.thisExpression(), t14.identifier("__child")), [
-                    t14.identifier(child.tagName),
-                    propsArg
-                  ])
+                  t14.callExpression(buildThisGeaMember("GEA_CHILD"), [t14.identifier(child.tagName), propsArg])
                 )
               )
             ),
@@ -8171,10 +8474,7 @@ function buildInstanceStatements(instances, directForwardingChildren) {
         t14.assignmentExpression(
           "=",
           t14.memberExpression(t14.thisExpression(), t14.identifier(child.instanceVar)),
-          t14.callExpression(t14.memberExpression(t14.thisExpression(), t14.identifier("__child")), [
-            t14.identifier(child.tagName),
-            propsArg
-          ])
+          t14.callExpression(buildThisGeaMember("GEA_CHILD"), [t14.identifier(child.tagName), propsArg])
         )
       )
     );
@@ -8312,10 +8612,7 @@ function buildValueExpression(textExpr, stateRefs) {
     return rewriteStateRefs(t15.cloneNode(textExpr.expression, true), stateRefs);
   }
   if (textExpr.isImportedState && textExpr.storeVar) {
-    return buildMemberChainFromParts(
-      t15.memberExpression(t15.identifier(textExpr.storeVar), t15.identifier("__store")),
-      textExpr.pathParts
-    );
+    return buildMemberChainFromParts(t15.identifier(textExpr.storeVar), textExpr.pathParts);
   }
   return buildMemberChainFromParts(t15.thisExpression(), textExpr.pathParts);
 }
@@ -8335,19 +8632,15 @@ function rewriteStateRefs(expr, stateRefs) {
       } else if (ref.kind === "local") {
         path.replaceWith(t15.thisExpression());
       } else if ((ref.kind === "imported-destructured" || ref.kind === "store-alias") && ref.storeVar && ref.propName) {
-        path.replaceWith(
-          t15.memberExpression(
-            t15.memberExpression(t15.identifier(ref.storeVar), t15.identifier("__store")),
-            t15.identifier(ref.propName)
-          )
-        );
+        path.replaceWith(t15.memberExpression(t15.identifier(ref.storeVar), t15.identifier(ref.propName)));
         path.skip();
       } else if (ref.kind === "local-destructured" && ref.propName) {
         path.replaceWith(t15.memberExpression(t15.thisExpression(), t15.identifier(ref.propName)));
         path.skip();
-      } else {
-        path.replaceWith(t15.memberExpression(t15.identifier(path.node.name), t15.identifier("__store")));
+      } else if (ref.kind === "imported") {
         path.skip();
+      } else {
+        throw new Error(`rewriteStateRefs: unhandled state ref kind ${ref.kind}`);
       }
     }
   });
@@ -8391,7 +8684,7 @@ function buildSimpleUpdate(binding, param, stateRefs) {
   }
   if (target === "textContent" && binding.bindingId && binding.bindingId !== "" && !binding.userIdExpr) {
     const suffix = t15.stringLiteral(binding.bindingId);
-    return js3`${jsExpr2`this.__updateText(${suffix}, ${valueExpr})`};`;
+    return t15.expressionStatement(t15.callExpression(buildThisGeaMember("GEA_UPDATE_TEXT"), [suffix, valueExpr]));
   }
   return js3`if (${el}) { ${jsExpr2`${el}.${id6(target)}`} = ${valueExpr}; }`;
 }
@@ -8647,7 +8940,7 @@ function buildPropPatcherFunction(binding, propName) {
       t17.variableDeclaration("const", [
         t17.variableDeclarator(
           t17.identifier("__newAttr"),
-          URL_ATTRS2.has(attrName) ? t17.callExpression(t17.identifier("__sanitizeAttr"), [
+          URL_ATTRS2.has(attrName) ? t17.callExpression(t17.identifier("geaSanitizeAttr"), [
             t17.stringLiteral(attrName),
             t17.callExpression(t17.identifier("String"), [t17.identifier("__attrValue")])
           ]) : t17.callExpression(t17.identifier("String"), [t17.identifier("__attrValue")])
@@ -9021,7 +9314,9 @@ function generateEnsureArrayConfigsMethod(arrayMaps) {
       ])
     );
   });
-  return appendToBody3(jsMethod5`${id8("__ensureArrayConfigs")}() {}`, ...body);
+  const method = t17.classMethod("method", t17.identifier("GEA_ENSURE_ARRAY_CONFIGS"), [], t17.blockStatement([]), true);
+  method.body.body.push(...body);
+  return method;
 }
 function generateArrayRelationalObserver(path, arrayMap, bindings, methodName) {
   const arrayPath = pathPartsToString(getArrayPathParts(arrayMap));
@@ -9096,12 +9391,12 @@ function generateArrayConditionalPatchObserver(arrayMap, bindings, methodName) {
   const containerName = `__${arrayPath.replace(/\./g, "_")}_container`;
   const containerRef = t17.memberExpression(t17.thisExpression(), t17.identifier(containerName));
   const proxiedArr = arrayMap.isImportedState ? buildMemberChain(
-    t17.memberExpression(t17.identifier(arrayMap.storeVar || "store"), t17.identifier("__store")),
+    buildExprGeaMember(t17.identifier(arrayMap.storeVar || "store"), "GEA_STORE_ROOT"),
     arrayPath
   ) : buildMemberChain(t17.thisExpression(), arrayPath);
   const rawArrExpr = t17.logicalExpression(
     "||",
-    t17.memberExpression(t17.cloneNode(proxiedArr, true), t17.identifier("__getTarget")),
+    buildExprGeaMember(t17.cloneNode(proxiedArr, true), "GEA_PROXY_GET_TARGET"),
     t17.cloneNode(proxiedArr, true)
   );
   const loopBody = [
@@ -9154,12 +9449,12 @@ function generateArrayConditionalRerenderObserver(arrayMap, methodName) {
   const containerRef = t17.memberExpression(t17.thisExpression(), t17.identifier(containerName));
   const configRef = t17.memberExpression(t17.thisExpression(), t17.identifier(getArrayConfigPropName(arrayMap)));
   const proxiedArr = arrayMap.isImportedState ? buildMemberChain(
-    t17.memberExpression(t17.identifier(arrayMap.storeVar || "store"), t17.identifier("__store")),
+    buildExprGeaMember(t17.identifier(arrayMap.storeVar || "store"), "GEA_STORE_ROOT"),
     arrayPath
   ) : buildMemberChain(t17.thisExpression(), arrayPath);
   const rawArrExpr = t17.logicalExpression(
     "||",
-    t17.memberExpression(t17.cloneNode(proxiedArr, true), t17.identifier("__getTarget")),
+    buildExprGeaMember(t17.cloneNode(proxiedArr, true), "GEA_PROXY_GET_TARGET"),
     t17.cloneNode(proxiedArr, true)
   );
   return appendToBody3(
@@ -9237,9 +9532,7 @@ function generateArrayConditionalRerenderObserver(arrayMap, methodName) {
       t17.ifStatement(
         t17.unaryExpression("!", t17.identifier("__skipArrayConditionalRerender")),
         t17.blockStatement([
-          t17.expressionStatement(
-            t17.callExpression(t17.memberExpression(t17.thisExpression(), t17.identifier("__ensureArrayConfigs")), [])
-          ),
+          t17.expressionStatement(buildThisGeaCall("GEA_ENSURE_ARRAY_CONFIGS")),
           t17.variableDeclaration("const", [
             t17.variableDeclarator(
               t17.identifier("__arr"),
@@ -9251,7 +9544,7 @@ function generateArrayConditionalRerenderObserver(arrayMap, methodName) {
             )
           ]),
           t17.expressionStatement(
-            t17.callExpression(t17.memberExpression(t17.thisExpression(), t17.identifier("__applyListChanges")), [
+            buildThisGeaCall("GEA_APPLY_LIST_CHANGES", [
               containerRef,
               t17.identifier("__arr"),
               t17.nullLiteral(),
@@ -9372,16 +9665,12 @@ function buildElsLookup(elsRef, containerRef, idExpr, rowVar, containerBindingId
                 "||",
                 t17.binaryExpression(
                   "==",
-                  t17.memberExpression(t17.identifier("__ch"), t17.identifier("__geaKey")),
+                  buildExprGeaMember(t17.identifier("__ch"), "GEA_DOM_KEY"),
                   t17.cloneNode(idExpr, true)
                 ),
                 t17.logicalExpression(
                   "&&",
-                  t17.binaryExpression(
-                    "==",
-                    t17.memberExpression(t17.identifier("__ch"), t17.identifier("__geaKey")),
-                    t17.nullLiteral()
-                  ),
+                  t17.binaryExpression("==", buildExprGeaMember(t17.identifier("__ch"), "GEA_DOM_KEY"), t17.nullLiteral()),
                   t17.binaryExpression(
                     "==",
                     t17.optionalCallExpression(
@@ -9469,11 +9758,9 @@ function generateArrayHandlers(arrayMap, methodName) {
         t17.returnStatement()
       ])
     ),
+    t17.expressionStatement(buildThisGeaCall("GEA_ENSURE_ARRAY_CONFIGS")),
     t17.expressionStatement(
-      t17.callExpression(t17.memberExpression(t17.thisExpression(), t17.identifier("__ensureArrayConfigs")), [])
-    ),
-    t17.expressionStatement(
-      t17.callExpression(t17.memberExpression(t17.thisExpression(), t17.identifier("__applyListChanges")), [
+      buildThisGeaCall("GEA_APPLY_LIST_CHANGES", [
         containerRef,
         t17.identifier(paramName),
         t17.identifier("change"),
@@ -9811,7 +10098,7 @@ function generateRenderItemMethod(arrayMap, imports, eventHandlers, eventIdCount
             t18.assignmentExpression(
               "=",
               t18.cloneNode(privateRsField),
-              t18.memberExpression(t18.identifier(arrayMap.storeVar), t18.identifier("__raw"))
+              buildExprGeaMember(t18.identifier(arrayMap.storeVar), "GEA_PROXY_RAW")
             )
           )
         )
@@ -9827,11 +10114,33 @@ function generateRenderItemMethod(arrayMap, imports, eventHandlers, eventIdCount
     returnStmt
   );
   if (handlerPropsInMap.length > 0 && classBody2) {
-    const handleItemHandler = jsMethod6`__handleItemHandler(itemId, e) {
-    const fn = this.__itemHandlers_?.[itemId];
-    if (fn) fn(e);
-  }`;
-    if (!classBody2.body.some((m) => t18.isClassMethod(m) && t18.isIdentifier(m.key) && m.key.name === "__handleItemHandler")) {
+    const handleItemHandlerBody = t18.blockStatement([
+      t18.variableDeclaration("const", [
+        t18.variableDeclarator(
+          t18.identifier("fn"),
+          t18.optionalMemberExpression(
+            t18.memberExpression(t18.thisExpression(), t18.identifier("__itemHandlers_")),
+            t18.identifier("itemId"),
+            true,
+            true
+          )
+        )
+      ]),
+      t18.ifStatement(
+        t18.identifier("fn"),
+        t18.expressionStatement(t18.callExpression(t18.identifier("fn"), [t18.identifier("e")]))
+      )
+    ]);
+    const handleItemHandler = t18.classMethod(
+      "method",
+      t18.identifier("GEA_HANDLE_ITEM_HANDLER"),
+      [t18.identifier("itemId"), t18.identifier("e")],
+      handleItemHandlerBody,
+      true
+    );
+    if (!classBody2.body.some(
+      (m) => t18.isClassMethod(m) && m.computed === true && t18.isIdentifier(m.key) && m.key.name === "GEA_HANDLE_ITEM_HANDLER"
+    )) {
       classBody2.body.unshift(handleItemHandler);
     }
   }
@@ -9870,7 +10179,16 @@ function getArrayCapName2(arrayPropName) {
   return arrayPropName.charAt(0).toUpperCase() + arrayPropName.slice(1);
 }
 function getComponentArrayItemsName(arrayPropName) {
-  return `_${arrayPropName}Items`;
+  const safe = arrayPropName.replace(/[^a-zA-Z0-9_$]/g, "_");
+  return `_gea_${safe}_items`;
+}
+function buildComponentArrayItemsSymbolDecl(arrayPropName, itemsBinding) {
+  return t19.variableDeclaration("const", [
+    t19.variableDeclarator(
+      t19.identifier(itemsBinding),
+      t19.callExpression(t19.identifier("geaListItemsSymbol"), [t19.stringLiteral(arrayPropName)])
+    )
+  ]);
 }
 function getComponentArrayRefreshMethodName(arrayPropName) {
   return `__refresh${getArrayCapName2(arrayPropName)}Items`;
@@ -9938,6 +10256,7 @@ function generateComponentArrayResult(um, arrayPropName, imports, propNames, _cl
     finalPropsExpr = cloned;
   }
   const itemsName = getComponentArrayItemsName(arrayPropName);
+  const symbolConstDecl = buildComponentArrayItemsSymbolDecl(arrayPropName, itemsName);
   let arrAccessExpr;
   let arrSetupStatements = [];
   if (storeArrayAccess) {
@@ -9980,7 +10299,7 @@ function generateComponentArrayResult(um, arrayPropName, imports, propNames, _cl
       if (!t19.isVariableDeclaration(stmt)) continue;
       for (const decl of stmt.declarations) {
         if (t19.isIdentifier(decl.init) && storeVarNames.has(decl.init.name)) {
-          decl.init = t19.memberExpression(t19.identifier(decl.init.name), t19.identifier("__raw"));
+          decl.init = buildExprGeaMember(t19.identifier(decl.init.name), "GEA_PROXY_RAW");
         }
       }
     }
@@ -9994,7 +10313,7 @@ function generateComponentArrayResult(um, arrayPropName, imports, propNames, _cl
   const keyExpr = itemIdProp && itemIdProp !== ITEM_IS_KEY ? t19.callExpression(t19.identifier("String"), [t19.memberExpression(t19.identifier("opt"), t19.identifier(itemIdProp))]) : itemIdProp === ITEM_IS_KEY ? t19.callExpression(t19.identifier("String"), [t19.identifier("opt")]) : t19.binaryExpression("+", t19.stringLiteral("__idx_"), t19.identifier("__k"));
   const mapParams = [t19.identifier("opt")];
   if (indexVar || !itemIdProp) mapParams.push(t19.identifier("__k"));
-  const childCall = t19.callExpression(t19.memberExpression(t19.thisExpression(), t19.identifier("__child")), [
+  const childCall = t19.callExpression(buildThisGeaMember("GEA_CHILD"), [
     t19.identifier(comp.componentTag),
     t19.cloneNode(itemPropsCall, true),
     t19.cloneNode(keyExpr, true)
@@ -10004,11 +10323,12 @@ function generateComponentArrayResult(um, arrayPropName, imports, propNames, _cl
   const parenthesized = t19.parenthesizedExpression ? t19.parenthesizedExpression(nullishCoalesce) : nullishCoalesce;
   const mapCallExpr = t19.callExpression(t19.memberExpression(parenthesized, t19.identifier("map")), [mapCallback]);
   const constructorInit = t19.expressionStatement(
-    t19.assignmentExpression("=", t19.memberExpression(t19.thisExpression(), t19.identifier(itemsName)), mapCallExpr)
+    t19.assignmentExpression("=", t19.memberExpression(t19.thisExpression(), t19.identifier(itemsName), true), mapCallExpr)
   );
   return {
     itemPropsMethod,
     constructorInit,
+    symbolConstDecl,
     componentTag: comp.componentTag,
     containerBindingId: um.containerBindingId,
     containerUserIdExpr: um.containerUserIdExpr,
@@ -10047,7 +10367,7 @@ function rewriteTemplateBodyForImportedState(_templateMethod, _stateRefs, _store
 function generateCreatedHooks(stores, hasArrayConfigs, observeListConfigs = []) {
   const body = [];
   if (hasArrayConfigs) {
-    body.push(js6`this.__ensureArrayConfigs();`);
+    body.push(t20.expressionStatement(buildThisGeaCall("GEA_ENSURE_ARRAY_CONFIGS")));
   }
   const observeListPathKeys = /* @__PURE__ */ new Set();
   for (const config of observeListConfigs) {
@@ -10076,7 +10396,7 @@ function generateCreatedHooks(stores, hasArrayConfigs, observeListConfigs = [])
       if (handlers.length === 1 && !handlers[0].isVia) {
         body.push(
           t20.expressionStatement(
-            t20.callExpression(t20.memberExpression(t20.thisExpression(), t20.identifier("__observe")), [
+            t20.callExpression(thisGea("GEA_OBSERVE"), [
               storeVarExpr,
               pathArray,
               t20.memberExpression(t20.thisExpression(), t20.identifier(handlers[0].methodName))
@@ -10107,10 +10427,10 @@ function generateCreatedHooks(stores, hasArrayConfigs, observeListConfigs = [])
               ])
             );
             if (h.dynamicKeyExpr) {
-              const keyId = t20.identifier(`__geaKey${hi}`);
-              const changeId = t20.identifier(`__geaChange${hi}`);
-              const partsId = t20.identifier(`__geaParts${hi}`);
-              const prevRootId = t20.identifier(`__geaPrevRoot${hi}`);
+              const keyId = t20.identifier(`geaDynKey${hi}`);
+              const changeId = t20.identifier(`geaDynChange${hi}`);
+              const partsId = t20.identifier(`geaDynParts${hi}`);
+              const prevRootId = t20.identifier(`geaDynPrevRoot${hi}`);
               const prefixChecks = h.pathParts.map(
                 (part, idx) => t20.binaryExpression(
                   "===",
@@ -10188,7 +10508,7 @@ function generateCreatedHooks(stores, hasArrayConfigs, observeListConfigs = [])
         }
         body.push(
           t20.expressionStatement(
-            t20.callExpression(t20.memberExpression(t20.thisExpression(), t20.identifier("__observe")), [
+            t20.callExpression(thisGea("GEA_OBSERVE"), [
               storeVarExpr,
               pathArray,
               t20.arrowFunctionExpression([vParam, cParam], t20.blockStatement(callStmts))
@@ -10202,17 +10522,15 @@ function generateCreatedHooks(stores, hasArrayConfigs, observeListConfigs = [])
       const itemsName = getComponentArrayItemsName(config.arrayPropName);
       const itemPropsMethodName = `__itemProps_${config.arrayPropName}`;
       const configProps = [
-        t20.objectProperty(t20.identifier("items"), t20.memberExpression(t20.thisExpression(), t20.identifier(itemsName))),
-        t20.objectProperty(t20.identifier("itemsKey"), t20.stringLiteral(itemsName)),
+        t20.objectProperty(t20.identifier("items"), t20.memberExpression(t20.thisExpression(), t20.identifier(itemsName), true)),
+        t20.objectProperty(t20.identifier("itemsKey"), t20.identifier(itemsName)),
         t20.objectProperty(
           t20.identifier("container"),
           t20.arrowFunctionExpression(
             [],
             config.containerUserIdExpr ? t20.callExpression(t20.memberExpression(t20.identifier("document"), t20.identifier("getElementById")), [
               t20.cloneNode(config.containerUserIdExpr, true)
-            ]) : config.containerBindingId ? t20.callExpression(t20.memberExpression(t20.thisExpression(), t20.identifier("__el")), [
-              t20.stringLiteral(config.containerBindingId)
-            ]) : jsExpr4`this.$(":scope")`
+            ]) : config.containerBindingId ? t20.callExpression(thisGea("GEA_EL"), [t20.stringLiteral(config.containerBindingId)]) : jsExpr4`this.$(":scope")`
           )
         ),
         t20.objectProperty(t20.identifier("Ctor"), t20.identifier(config.componentTag)),
@@ -10241,6 +10559,11 @@ function generateCreatedHooks(stores, hasArrayConfigs, observeListConfigs = [])
           )
         )
       ];
+      if (config.afterCondSlotIndex != null) {
+        configProps.push(
+          t20.objectProperty(t20.identifier("afterCondSlotIndex"), t20.numericLiteral(config.afterCondSlotIndex))
+        );
+      }
       const samePathHandlers = [];
       const pathKey = JSON.stringify(config.pathParts);
       for (const handler of store.observeHandlers) {
@@ -10266,11 +10589,7 @@ function generateCreatedHooks(stores, hasArrayConfigs, observeListConfigs = [])
       }
       body.push(
         t20.expressionStatement(
-          t20.callExpression(t20.memberExpression(t20.thisExpression(), t20.identifier("__observeList")), [
-            storeVarExpr,
-            pathArray,
-            t20.objectExpression(configProps)
-          ])
+          t20.callExpression(thisGea("GEA_OBSERVE_LIST"), [storeVarExpr, pathArray, t20.objectExpression(configProps)])
         )
       );
     }
@@ -10311,6 +10630,15 @@ function classMethodUsesParam(method, index) {
 function serializeAstNode(node) {
   return node ? JSON.stringify(node) : "";
 }
+var thisGea = buildThisGeaMember;
+function insertStmtBeforeClass(classPath, stmt) {
+  const parent = classPath.parentPath;
+  if (parent.isExportDefaultDeclaration()) {
+    parent.insertBefore(stmt);
+  } else {
+    classPath.insertBefore(stmt);
+  }
+}
 function expressionReferencesIdentifier(expr, name) {
   let found = false;
   const program12 = t20.program([t20.expressionStatement(t20.cloneNode(expr, true))]);
@@ -10326,16 +10654,16 @@ function expressionReferencesIdentifier(expr, name) {
   return found;
 }
 function generateLocalStateObserverSetup(observeHandlers, hasArrayConfigs) {
-  const localStore = t20.memberExpression(t20.thisExpression(), t20.identifier("__store"));
+  const localStore = buildThisGeaMember("GEA_STORE_ROOT");
   const body = [];
   if (hasArrayConfigs) {
-    body.push(js6`this.__ensureArrayConfigs();`);
+    body.push(t20.expressionStatement(buildThisGeaCall("GEA_ENSURE_ARRAY_CONFIGS")));
   }
   body.push(js6`if (!${localStore}) { return; }`);
   for (const observeHandler of observeHandlers) {
     body.push(
       t20.expressionStatement(
-        t20.callExpression(t20.memberExpression(t20.thisExpression(), t20.identifier("__observe")), [
+        t20.callExpression(thisGea("GEA_OBSERVE"), [
           t20.thisExpression(),
           t20.arrayExpression(observeHandler.pathParts.map((part) => t20.stringLiteral(part))),
           t20.memberExpression(t20.thisExpression(), t20.identifier(observeHandler.methodName))
@@ -10343,7 +10671,13 @@ function generateLocalStateObserverSetup(observeHandlers, hasArrayConfigs) {
       )
     );
   }
-  const method = jsMethod8`${id11("__setupLocalStateObservers")}() {}`;
+  const method = t20.classMethod(
+    "method",
+    t20.identifier("GEA_SETUP_LOCAL_STATE_OBSERVERS"),
+    [],
+    t20.blockStatement([]),
+    true
+  );
   method.body.body.push(...body);
   return method;
 }
@@ -10376,6 +10710,7 @@ function applyStaticReactivity(ast, originalAST, className, sourceFile, imports,
       traverse12(ast, {
         ClassDeclaration(classPath) {
           if (!t20.isIdentifier(classPath.node.id) || classPath.node.id.name !== className) return;
+          ensureGeaCompilerSymbolImports(ast);
           let originalClassBody;
           traverse12(originalAST, {
             noScope: true,
@@ -10471,7 +10806,7 @@ function applyStaticReactivity(ast, originalAST, className, sourceFile, imports,
                 t20.memberExpression(t20.thisExpression(), t20.identifier("id")),
                 t20.stringLiteral("-" + pb.bindingId)
               )
-            ) : pb.selector === ":scope" ? t20.memberExpression(t20.thisExpression(), t20.identifier("element_")) : t20.callExpression(t20.memberExpression(t20.thisExpression(), t20.identifier("$")), [
+            ) : pb.selector === ":scope" ? thisGea("GEA_ELEMENT") : t20.callExpression(t20.memberExpression(t20.thisExpression(), t20.identifier("$")), [
               t20.stringLiteral(pb.selector)
             ]);
             const valueExpr = pb.expression && pb.setupStatements ? t20.identifier("__boundValue") : t20.identifier("value");
@@ -10545,31 +10880,163 @@ function applyStaticReactivity(ast, originalAST, className, sourceFile, imports,
                   t20.cloneNode(valueExpr, true)
                 )
               );
-              const consequent = isHtmlProducing ? t20.blockStatement([
-                assignStmt,
-                // After replacing innerHTML for children, re-initialize child
-                // components that were created from the new HTML string.
-                t20.expressionStatement(
-                  t20.callExpression(
-                    t20.memberExpression(t20.thisExpression(), t20.identifier("instantiateChildComponents_")),
-                    []
-                  )
-                ),
-                // Reconnect compiled children from the parent component whose
-                // DOM elements were replaced by the innerHTML update.
-                t20.ifStatement(
-                  t20.memberExpression(t20.thisExpression(), t20.identifier("parentComponent")),
+              let consequent;
+              if (isHtmlProducing) {
+                const __tpl = t20.identifier("__tpl");
+                const __nc = t20.identifier("__nc");
+                const __oc = t20.identifier("__oc");
+                const __structural = t20.identifier("__structural");
+                const __j = t20.identifier("__j");
+                const setupStmts = [
+                  t20.variableDeclaration("var", [
+                    t20.variableDeclarator(
+                      __tpl,
+                      t20.callExpression(t20.memberExpression(t20.identifier("document"), t20.identifier("createElement")), [
+                        t20.stringLiteral("template")
+                      ])
+                    )
+                  ]),
                   t20.expressionStatement(
-                    t20.callExpression(
+                    t20.assignmentExpression(
+                      "=",
+                      t20.memberExpression(__tpl, t20.identifier("innerHTML")),
+                      t20.cloneNode(valueExpr, true)
+                    )
+                  ),
+                  t20.variableDeclaration("var", [
+                    t20.variableDeclarator(
+                      __nc,
                       t20.memberExpression(
-                        t20.memberExpression(t20.thisExpression(), t20.identifier("parentComponent")),
-                        t20.identifier("mountCompiledChildComponents_")
+                        t20.memberExpression(__tpl, t20.identifier("content")),
+                        t20.identifier("childNodes")
+                      )
+                    )
+                  ]),
+                  t20.variableDeclaration("var", [
+                    t20.variableDeclarator(__oc, t20.memberExpression(t20.identifier("__el"), t20.identifier("childNodes")))
+                  ])
+                ];
+                const structuralDetect = [
+                  t20.variableDeclaration("var", [
+                    t20.variableDeclarator(
+                      __structural,
+                      t20.binaryExpression(
+                        "!==",
+                        t20.memberExpression(__nc, t20.identifier("length")),
+                        t20.memberExpression(__oc, t20.identifier("length"))
+                      )
+                    )
+                  ]),
+                  t20.ifStatement(
+                    t20.unaryExpression("!", __structural),
+                    t20.blockStatement([
+                      t20.forStatement(
+                        t20.variableDeclaration("var", [t20.variableDeclarator(__j, t20.numericLiteral(0))]),
+                        t20.binaryExpression("<", __j, t20.memberExpression(__nc, t20.identifier("length"))),
+                        t20.updateExpression("++", __j),
+                        t20.blockStatement([
+                          t20.ifStatement(
+                            t20.logicalExpression(
+                              "||",
+                              t20.binaryExpression(
+                                "!==",
+                                t20.memberExpression(t20.memberExpression(__oc, __j, true), t20.identifier("nodeType")),
+                                t20.memberExpression(t20.memberExpression(__nc, __j, true), t20.identifier("nodeType"))
+                              ),
+                              t20.logicalExpression(
+                                "&&",
+                                t20.binaryExpression(
+                                  "===",
+                                  t20.memberExpression(t20.memberExpression(__oc, __j, true), t20.identifier("nodeType")),
+                                  t20.numericLiteral(1)
+                                ),
+                                t20.binaryExpression(
+                                  "!==",
+                                  t20.memberExpression(t20.memberExpression(__oc, __j, true), t20.identifier("tagName")),
+                                  t20.memberExpression(t20.memberExpression(__nc, __j, true), t20.identifier("tagName"))
+                                )
+                              )
+                            ),
+                            t20.blockStatement([
+                              t20.expressionStatement(t20.assignmentExpression("=", __structural, t20.booleanLiteral(true))),
+                              t20.breakStatement()
+                            ])
+                          )
+                        ])
+                      )
+                    ])
+                  )
+                ];
+                const patchNodeCall = t20.callExpression(
+                  t20.memberExpression(
+                    t20.memberExpression(t20.thisExpression(), t20.identifier("constructor")),
+                    t20.identifier("GEA_PATCH_NODE"),
+                    true
+                  ),
+                  [t20.memberExpression(__oc, __j, true), t20.memberExpression(__nc, __j, true), t20.booleanLiteral(true)]
+                );
+                const patchLoop = t20.forStatement(
+                  t20.variableDeclaration("var", [t20.variableDeclarator(__j, t20.numericLiteral(0))]),
+                  t20.binaryExpression("<", __j, t20.memberExpression(__nc, t20.identifier("length"))),
+                  t20.updateExpression("++", __j),
+                  t20.blockStatement([
+                    t20.ifStatement(
+                      t20.binaryExpression(
+                        "===",
+                        t20.memberExpression(t20.memberExpression(__oc, __j, true), t20.identifier("nodeType")),
+                        t20.numericLiteral(3)
                       ),
-                      []
+                      t20.blockStatement([
+                        t20.ifStatement(
+                          t20.binaryExpression(
+                            "!==",
+                            t20.memberExpression(t20.memberExpression(__oc, __j, true), t20.identifier("textContent")),
+                            t20.memberExpression(t20.memberExpression(__nc, __j, true), t20.identifier("textContent"))
+                          ),
+                          t20.expressionStatement(
+                            t20.assignmentExpression(
+                              "=",
+                              t20.memberExpression(t20.memberExpression(__oc, __j, true), t20.identifier("textContent")),
+                              t20.memberExpression(t20.memberExpression(__nc, __j, true), t20.identifier("textContent"))
+                            )
+                          )
+                        )
+                      ]),
+                      t20.ifStatement(
+                        t20.binaryExpression(
+                          "===",
+                          t20.memberExpression(t20.memberExpression(__oc, __j, true), t20.identifier("nodeType")),
+                          t20.numericLiteral(1)
+                        ),
+                        t20.expressionStatement(patchNodeCall)
+                      )
+                    )
+                  ])
+                );
+                const fallbackBlock = t20.blockStatement([
+                  assignStmt,
+                  t20.expressionStatement(t20.callExpression(buildThisGeaMember("GEA_INSTANTIATE_CHILD_COMPONENTS"), [])),
+                  t20.ifStatement(
+                    buildThisGeaMember("GEA_PARENT_COMPONENT"),
+                    t20.expressionStatement(
+                      t20.callExpression(
+                        buildExprGeaMember(
+                          buildThisGeaMember("GEA_PARENT_COMPONENT"),
+                          "GEA_MOUNT_COMPILED_CHILD_COMPONENTS"
+                        ),
+                        []
+                      )
                     )
                   )
-                )
-              ]) : assignStmt;
+                ]);
+                consequent = t20.blockStatement([
+                  ...setupStmts,
+                  ...structuralDetect,
+                  t20.ifStatement(__structural, fallbackBlock, t20.blockStatement([patchLoop]))
+                ]);
+              } else {
+                consequent = assignStmt;
+              }
               updateStmt = t20.ifStatement(
                 t20.binaryExpression(
                   "!==",
@@ -10764,7 +11231,7 @@ function applyStaticReactivity(ast, originalAST, className, sourceFile, imports,
                   t20.binaryExpression("===", valueExpr, t20.nullLiteral()),
                   t20.binaryExpression("===", valueExpr, t20.identifier("undefined"))
                 );
-                const newAttrValueExpr = isBooleanAttr ? t20.stringLiteral("") : URL_ATTRS3.has(attrName) ? t20.callExpression(t20.identifier("__sanitizeAttr"), [
+                const newAttrValueExpr = isBooleanAttr ? t20.stringLiteral("") : URL_ATTRS3.has(attrName) ? t20.callExpression(t20.identifier("geaSanitizeAttr"), [
                   t20.stringLiteral(attrName),
                   t20.callExpression(t20.identifier("String"), [valueExpr])
                 ]) : t20.callExpression(t20.identifier("String"), [valueExpr]);
@@ -10970,8 +11437,35 @@ function applyStaticReactivity(ast, originalAST, className, sourceFile, imports,
               const parsed = JSON.parse(entry.observeKey);
               const storeVarName = parsed.storeVar || void 0;
               const methodNameStr = getObserveMethodName(propPath, storeVarName);
-              const prevProp = `__geaPrev_guard_${methodNameStr}`;
-              const rerenderMethod = jsMethod8`${id11(methodNameStr)}(__v, __c) { if (!__v === !this.${id11(prevProp)}) return; this.${id11(prevProp)} = __v; this.__geaRequestRender(); }`;
+              const prevGuardMem = t20.memberExpression(
+                t20.thisExpression(),
+                t20.callExpression(t20.identifier("geaPrevGuardSymbol"), [t20.stringLiteral(methodNameStr)]),
+                true
+              );
+              const rerenderMethod = t20.classMethod(
+                "method",
+                t20.identifier(methodNameStr),
+                [t20.identifier("__v"), t20.identifier("__c")],
+                t20.blockStatement([
+                  // Skip only when we've seen a prior value and truthiness is unchanged.
+                  // If prev is undefined and __v is false, !__v and !prev are both true — without this
+                  // guard the first delivery after mount would skip rerender (auth early-return repro).
+                  t20.ifStatement(
+                    t20.logicalExpression(
+                      "&&",
+                      t20.binaryExpression("!==", prevGuardMem, t20.identifier("undefined")),
+                      t20.binaryExpression(
+                        "===",
+                        t20.unaryExpression("!", t20.identifier("__v")),
+                        t20.unaryExpression("!", prevGuardMem)
+                      )
+                    ),
+                    t20.returnStatement()
+                  ),
+                  t20.expressionStatement(t20.assignmentExpression("=", prevGuardMem, t20.identifier("__v"))),
+                  t20.expressionStatement(buildThisGeaCall("GEA_REQUEST_RENDER"))
+                ])
+              );
               mergeObserveMethod(entry.observeKey, rerenderMethod);
               if (!stateProps.has(entry.observeKey)) {
                 stateProps.set(entry.observeKey, entry.pathParts);
@@ -11036,9 +11530,11 @@ function applyStaticReactivity(ast, originalAST, className, sourceFile, imports,
                     usesTargetComponent: true
                   }));
                   if (delegatedEvents.length > 0) {
-                    appendCompiledEventMethods(classPath.node.body, delegatedEvents);
+                    appendCompiledEventMethods(classPath.node.body, delegatedEvents, [], ast);
                   }
                 }
+                ensureImport(ast, "@geajs/core", "geaListItemsSymbol");
+                insertStmtBeforeClass(classPath, arrayResult.symbolConstDecl);
                 inlineIntoConstructor(classPath.node.body, [
                   ...arrayResult.arrSetupStatements.map((s) => t20.cloneNode(s, true)),
                   arrayResult.constructorInit
@@ -11051,7 +11547,8 @@ function applyStaticReactivity(ast, originalAST, className, sourceFile, imports,
                     componentTag: arrayResult.componentTag,
                     containerBindingId: arrayResult.containerBindingId,
                     containerUserIdExpr: arrayResult.containerUserIdExpr,
-                    itemIdProperty: arrayResult.itemIdProperty
+                    itemIdProperty: arrayResult.itemIdProperty,
+                    afterCondSlotIndex: um.afterCondSlotIndex
                   });
                 } else {
                   const computedDeps = (um.dependencies || collectUnresolvedDependencies([um], stateRefs, classPath.node.body)).filter((dep) => dep.storeVar || dep.pathParts[0] !== "props");
@@ -11061,9 +11558,7 @@ function applyStaticReactivity(ast, originalAST, className, sourceFile, imports,
                   const containerSuffix = arrayResult.containerBindingId;
                   const containerExpr = arrayResult.containerUserIdExpr ? t20.callExpression(t20.memberExpression(t20.identifier("document"), t20.identifier("getElementById")), [
                     t20.cloneNode(arrayResult.containerUserIdExpr, true)
-                  ]) : containerSuffix ? t20.callExpression(t20.memberExpression(t20.thisExpression(), t20.identifier("__el")), [
-                    t20.stringLiteral(containerSuffix)
-                  ]) : jsExpr4`this.$(":scope")`;
+                  ]) : containerSuffix ? t20.callExpression(thisGea("GEA_EL"), [t20.stringLiteral(containerSuffix)]) : jsExpr4`this.$(":scope")`;
                   const itemIdProp = arrayResult.itemIdProperty;
                   const keyFn = itemIdProp && itemIdProp !== ITEM_IS_KEY ? t20.arrowFunctionExpression(
                     [t20.identifier("opt")],
@@ -11091,8 +11586,8 @@ function applyStaticReactivity(ast, originalAST, className, sourceFile, imports,
                       t20.variableDeclaration("const", [
                         t20.variableDeclarator(
                           t20.identifier("__new"),
-                          t20.callExpression(t20.memberExpression(t20.thisExpression(), t20.identifier("__reconcileList")), [
-                            t20.memberExpression(t20.thisExpression(), t20.identifier(itemsName)),
+                          t20.callExpression(thisGea("GEA_RECONCILE_LIST"), [
+                            t20.memberExpression(t20.thisExpression(), t20.identifier(itemsName), true),
                             t20.identifier("__arr"),
                             t20.cloneNode(containerExpr, true),
                             t20.identifier(arrayResult.componentTag),
@@ -11111,7 +11606,7 @@ function applyStaticReactivity(ast, originalAST, className, sourceFile, imports,
                         t20.assignmentExpression(
                           "=",
                           t20.memberExpression(
-                            t20.memberExpression(t20.thisExpression(), t20.identifier(itemsName)),
+                            t20.memberExpression(t20.thisExpression(), t20.identifier(itemsName), true),
                             t20.identifier("length")
                           ),
                           t20.numericLiteral(0)
@@ -11120,7 +11615,7 @@ function applyStaticReactivity(ast, originalAST, className, sourceFile, imports,
                       t20.expressionStatement(
                         t20.callExpression(
                           t20.memberExpression(
-                            t20.memberExpression(t20.thisExpression(), t20.identifier(itemsName)),
+                            t20.memberExpression(t20.thisExpression(), t20.identifier(itemsName), true),
                             t20.identifier("push")
                           ),
                           [t20.spreadElement(t20.identifier("__new"))]
@@ -11307,11 +11802,7 @@ function applyStaticReactivity(ast, originalAST, className, sourceFile, imports,
                   t20.identifier(getObserveMethodName(dep.pathParts, dep.storeVar)),
                   [t20.identifier("value"), t20.identifier("change")],
                   t20.blockStatement([
-                    t20.expressionStatement(
-                      t20.callExpression(t20.memberExpression(t20.thisExpression(), t20.identifier("__geaSyncMap")), [
-                        t20.numericLiteral(mapIdx)
-                      ])
-                    )
+                    t20.expressionStatement(t20.callExpression(thisGea("GEA_SYNC_MAP"), [t20.numericLiteral(mapIdx)]))
                   ])
                 )
               );
@@ -11370,13 +11861,13 @@ function applyStaticReactivity(ast, originalAST, className, sourceFile, imports,
           );
           if (elRefFieldNames.length > 0) {
             const hasReset = classPath.node.body.body.some(
-              (m) => t20.isClassMethod(m) && t20.isIdentifier(m.key) && m.key.name === "__resetEls"
+              (m) => t20.isClassMethod(m) && m.computed === true && t20.isIdentifier(m.key) && m.key.name === "GEA_RESET_ELS"
             );
             if (!hasReset) {
               classPath.node.body.body.push(
                 t20.classMethod(
                   "method",
-                  t20.identifier("__resetEls"),
+                  t20.identifier("GEA_RESET_ELS"),
                   [],
                   t20.blockStatement(
                     elRefFieldNames.map(
@@ -11388,7 +11879,8 @@ function applyStaticReactivity(ast, originalAST, className, sourceFile, imports,
                         )
                       )
                     )
-                  )
+                  ),
+                  true
                 )
               );
               applied = true;
@@ -11419,11 +11911,13 @@ function applyStaticReactivity(ast, originalAST, className, sourceFile, imports,
               if (!dep.storeVar) continue;
               addCondSlotIndex(dep.observeKey, slotIndex);
             }
-            for (const htmlExpr of [slot.truthyHtmlExpr, slot.falsyHtmlExpr]) {
-              if (!htmlExpr) continue;
-              const contentDeps = collectExpressionDependencies(htmlExpr, stateRefs, slot.setupStatements);
-              for (const dep of contentDeps) {
-                addCondSlotIndex(dep.observeKey, slotIndex);
+            if (!slot.hasCompiledChildren) {
+              for (const htmlExpr of [slot.truthyHtmlExpr, slot.falsyHtmlExpr]) {
+                if (!htmlExpr) continue;
+                const contentDeps = collectExpressionDependencies(htmlExpr, stateRefs, slot.setupStatements);
+                for (const dep of contentDeps) {
+                  addCondSlotIndex(dep.observeKey, slotIndex);
+                }
               }
             }
           });
@@ -11433,9 +11927,10 @@ function applyStaticReactivity(ast, originalAST, className, sourceFile, imports,
               stateProps.set(observeKey, parts);
             }
           }
-          const hasOnPropChange = classPath.node.body.body.some(
-            (member) => t20.isClassMethod(member) && t20.isIdentifier(member.key) && member.key.name === "__onPropChange"
-          );
+          const hasOnPropChange = classPath.node.body.body.some((member) => {
+            if (!t20.isClassMethod(member) || !t20.isIdentifier(member.key)) return false;
+            return member.computed && member.key.name === "GEA_ON_PROP_CHANGE";
+          });
           const childObserveGroups = /* @__PURE__ */ new Map();
           compiledChildren.forEach((child) => {
             if (childHasNoProps(child)) return;
@@ -11849,9 +12344,9 @@ function applyStaticReactivity(ast, originalAST, className, sourceFile, imports,
               }).map((child) => {
                 const updateExpr = t20.expressionStatement(
                   t20.callExpression(
-                    t20.memberExpression(
+                    buildExprGeaMember(
                       t20.memberExpression(t20.thisExpression(), t20.identifier(child.instanceVar)),
-                      t20.identifier("__geaUpdateProps")
+                      "GEA_UPDATE_PROPS"
                     ),
                     [
                       t20.callExpression(
@@ -11891,7 +12386,7 @@ function applyStaticReactivity(ast, originalAST, className, sourceFile, imports,
           unresolvedBindings.forEach(({ info, binding }) => {
             const deps = info.dependencies || collectUnresolvedDependencies([info], stateRefs, classPath.node.body);
             const mapIdx = getMapIndex(binding.arrayPathParts);
-            const delegateName = `__geaSyncMapDelegate_${mapIdx}`;
+            const delegateName = `geaSyncMapDelegate_${mapIdx}`;
             const hasNonRelationalDeps = deps.some(
               (dep) => !(info.relationalClassBindings || []).find((rb) => rb.observeKey === dep.observeKey)
             );
@@ -11923,11 +12418,7 @@ function applyStaticReactivity(ast, originalAST, className, sourceFile, imports,
                   classPath.node.body.body.push(
                     appendToBody5(
                       jsMethod8`${id11(delegateName)}() {}`,
-                      t20.expressionStatement(
-                        t20.callExpression(t20.memberExpression(t20.thisExpression(), t20.identifier("__geaSyncMap")), [
-                          t20.numericLiteral(mapIdx)
-                        ])
-                      )
+                      t20.expressionStatement(t20.callExpression(thisGea("GEA_SYNC_MAP"), [t20.numericLiteral(mapIdx)]))
                     )
                   );
                   delegateEmitted = true;
@@ -11939,11 +12430,7 @@ function applyStaticReactivity(ast, originalAST, className, sourceFile, imports,
                 });
               } else {
                 const syncBody = t20.blockStatement([
-                  t20.expressionStatement(
-                    t20.callExpression(t20.memberExpression(t20.thisExpression(), t20.identifier("__geaSyncMap")), [
-                      t20.numericLiteral(mapIdx)
-                    ])
-                  )
+                  t20.expressionStatement(t20.callExpression(thisGea("GEA_SYNC_MAP"), [t20.numericLiteral(mapIdx)]))
                 ]);
                 mergeObserveMethod(
                   dep.observeKey,
@@ -12035,9 +12522,11 @@ function applyStaticReactivity(ast, originalAST, className, sourceFile, imports,
                   usesTargetComponent: true
                 }));
                 if (delegatedEvents.length > 0) {
-                  appendCompiledEventMethods(classPath.node.body, delegatedEvents);
+                  appendCompiledEventMethods(classPath.node.body, delegatedEvents, [], ast);
                 }
               }
+              ensureImport(ast, "@geajs/core", "geaListItemsSymbol");
+              insertStmtBeforeClass(classPath, arrayResult.symbolConstDecl);
               inlineIntoConstructor(classPath.node.body, [
                 ...arrayResult.arrSetupStatements.map((s) => t20.cloneNode(s, true)),
                 arrayResult.constructorInit
@@ -12050,7 +12539,8 @@ function applyStaticReactivity(ast, originalAST, className, sourceFile, imports,
                   componentTag: arrayResult.componentTag,
                   containerBindingId: arrayResult.containerBindingId,
                   containerUserIdExpr: arrayResult.containerUserIdExpr,
-                  itemIdProperty: arrayResult.itemIdProperty
+                  itemIdProperty: arrayResult.itemIdProperty,
+                  afterCondSlotIndex: arrayMap.afterCondSlotIndex
                 });
               }
               componentArrayDisposeTargets.push(getComponentArrayItemsName(arrayPropName));
@@ -12078,14 +12568,12 @@ function applyStaticReactivity(ast, originalAST, className, sourceFile, imports,
               const depObserveKey = buildObserveKey(depPath, arrayMap.storeVar);
               const depMethodName = getObserveMethodName(depPath, arrayMap.storeVar);
               const refreshStmt = t20.expressionStatement(
-                t20.callExpression(t20.memberExpression(t20.thisExpression(), t20.identifier("__refreshList")), [
-                  t20.stringLiteral(pathKey)
-                ])
+                t20.callExpression(thisGea("GEA_REFRESH_LIST"), [t20.stringLiteral(pathKey)])
               );
               const existing = addedMethods.get(depObserveKey);
               if (existing && t20.isBlockStatement(existing.body)) {
                 const renderedGuardIdx = existing.body.body.findIndex(
-                  (s) => t20.isIfStatement(s) && t20.isMemberExpression(s.test) && t20.isIdentifier(s.test.property) && s.test.property.name === "rendered_"
+                  (s) => t20.isIfStatement(s) && t20.isMemberExpression(s.test) && s.test.computed === true && t20.isIdentifier(s.test.property) && s.test.property.name === "GEA_RENDERED"
                 );
                 if (renderedGuardIdx >= 0) {
                   existing.body.body.splice(renderedGuardIdx, 0, refreshStmt);
@@ -12131,7 +12619,7 @@ function applyStaticReactivity(ast, originalAST, className, sourceFile, imports,
               MemberExpression(mePath) {
                 const resolved = resolvePath(mePath.node, stateRefs);
                 if (!resolved?.parts?.length || !resolved.isImportedState) return;
-                if (resolved.parts.some((p) => p === "__raw")) return;
+                if (resolved.parts.some((p) => p === "__raw" || p === "GEA_PROXY_RAW")) return;
                 const depKey = buildObserveKey(resolved.parts, resolved.storeVar);
                 if (!getterDepKeys.has(depKey) && !externalDeps.has(depKey)) {
                   externalDeps.set(depKey, { parts: [...resolved.parts], storeVar: resolved.storeVar });
@@ -12142,11 +12630,7 @@ function applyStaticReactivity(ast, originalAST, className, sourceFile, imports,
               const depMethodName = getObserveMethodName(dep.parts, dep.storeVar);
               if (!stateProps.has(depKey)) stateProps.set(depKey, dep.parts);
               const delegateBody = t20.blockStatement([
-                t20.expressionStatement(
-                  t20.callExpression(t20.memberExpression(t20.thisExpression(), t20.identifier("__refreshList")), [
-                    t20.stringLiteral(pathKey)
-                  ])
-                )
+                t20.expressionStatement(t20.callExpression(thisGea("GEA_REFRESH_LIST"), [t20.stringLiteral(pathKey)]))
               ]);
               const delegateMethod = t20.classMethod(
                 "method",
@@ -12180,7 +12664,7 @@ function applyStaticReactivity(ast, originalAST, className, sourceFile, imports,
               const strippedInTemplate = templateMethod && (analysis.conditionalSlots || []).length > 0 ? stripHtmlArrayMapJoinInTemplateMethod(templateMethod, arrayMap) : false;
               if (strippedInSlots || strippedInTemplate) {
                 const currentValueExpr = arrayMap.storeVar ? buildMemberChainFromParts(t20.identifier(arrayMap.storeVar), arrayMap.arrayPathParts) : buildMemberChainFromParts(t20.thisExpression(), arrayMap.arrayPathParts);
-                const initialArrayName = `__geaInitial_${arrayHandlerMethodName}`;
+                const initialArrayName = `geaInitial_${arrayHandlerMethodName}`;
                 initialHtmlArrayRefreshOnMount.push(
                   t20.variableDeclaration("const", [
                     t20.variableDeclarator(t20.identifier(initialArrayName), currentValueExpr)
@@ -12288,17 +12772,17 @@ function applyStaticReactivity(ast, originalAST, className, sourceFile, imports,
             }
           }
           if (renderEventHandlers.length > 0) {
-            applied = appendCompiledEventMethods(classPath.node.body, renderEventHandlers) || applied;
+            applied = appendCompiledEventMethods(classPath.node.body, renderEventHandlers, [], ast) || applied;
           }
           if (unresolvedEventHandlers.length > 0) {
-            applied = appendCompiledEventMethods(classPath.node.body, unresolvedEventHandlers) || applied;
+            applied = appendCompiledEventMethods(classPath.node.body, unresolvedEventHandlers, [], ast) || applied;
           }
           if (applied) {
             const importedStores = /* @__PURE__ */ new Map();
             const localObserveHandlers = /* @__PURE__ */ new Map();
             const ensureStoreGroup = (storeVar) => {
               if (!importedStores.has(storeVar)) {
-                const captureExpression = t20.memberExpression(t20.identifier(storeVar), t20.identifier("__store"));
+                const captureExpression = buildExprGeaMember(t20.identifier(storeVar), "GEA_STORE_ROOT");
                 importedStores.set(storeVar, {
                   captureExpression,
                   observeHandlers: /* @__PURE__ */ new Map()
@@ -12435,6 +12919,31 @@ function applyStaticReactivity(ast, originalAST, className, sourceFile, imports,
                     }
                   }
                 } else if (parts.length === 1) {
+                  const selfKey = buildObserveKey(parts, sv);
+                  if (guardStateKeys.has(selfKey) && t20.isBlockStatement(method.body)) {
+                    const storePropExpr = t20.memberExpression(t20.identifier(sv), t20.identifier(parts[0]));
+                    const observePrevMem = t20.memberExpression(
+                      t20.thisExpression(),
+                      t20.callExpression(t20.identifier("geaObservePrevSymbol"), [
+                        t20.stringLiteral(getObserveMethodName(parts, sv))
+                      ]),
+                      true
+                    );
+                    const guardBlock = t20.ifStatement(
+                      t20.binaryExpression("==", t20.cloneNode(storePropExpr), t20.nullLiteral()),
+                      t20.blockStatement([
+                        t20.expressionStatement(t20.assignmentExpression("=", observePrevMem, t20.cloneNode(storePropExpr))),
+                        t20.ifStatement(
+                          thisGea("GEA_RENDERED"),
+                          t20.blockStatement([
+                            t20.expressionStatement(t20.callExpression(thisGea("GEA_REQUEST_RENDER"), []))
+                          ])
+                        ),
+                        t20.returnStatement()
+                      ])
+                    );
+                    method.body.body.unshift(guardBlock);
+                  }
                   const storeRef = stateRefs.get(sv);
                   if (storeRef?.getterDeps) {
                     for (const [getterName, depPaths] of storeRef.getterDeps) {
@@ -12718,7 +13227,7 @@ function generateUnresolvedRelationalObserver(arrayMap, unresolvedMap, relBindin
     )
   ]);
   const commonPreamble = [
-    js6`if (!this.rendered_) return;`,
+    t20.ifStatement(t20.unaryExpression("!", thisGea("GEA_RENDERED")), t20.blockStatement([t20.returnStatement()])),
     lazyInit2(containerName, containerLookup),
     ...jsBlockBody4`if (!${containerRef}) return;`,
     ...setupStatements,
@@ -12842,9 +13351,7 @@ function generateMapRegistration(arrayMap, unresolvedMap, templatePropNames, who
   } else if (arrayMap.itemIdProperty && arrayMap.itemIdProperty !== ITEM_IS_KEY) {
     registerArgs.push(t20.stringLiteral(arrayMap.itemIdProperty));
   }
-  return t20.expressionStatement(
-    t20.callExpression(t20.memberExpression(t20.thisExpression(), t20.identifier("__geaRegisterMap")), registerArgs)
-  );
+  return t20.expressionStatement(t20.callExpression(thisGea("GEA_REGISTER_MAP"), registerArgs));
 }
 function collectFreeIdentifiers(nodes) {
   const names = /* @__PURE__ */ new Set();
@@ -12939,7 +13446,10 @@ function replaceMapWithComponentArrayItems(templateMethod, arrayExpr, itemsName,
         toReplace = path.parentPath.parentPath;
       }
       const replacement = opts?.slotBranch ? t20.stringLiteral("") : t20.callExpression(
-        t20.memberExpression(t20.memberExpression(t20.thisExpression(), t20.identifier(itemsName)), t20.identifier("join")),
+        t20.memberExpression(
+          t20.memberExpression(t20.thisExpression(), t20.identifier(itemsName), true),
+          t20.identifier("join")
+        ),
         [t20.stringLiteral("")]
       );
       toReplace.replaceWith(replacement);
@@ -12968,6 +13478,7 @@ function replaceMapWithComponentArrayItemsInConditionalSlots(slots, arrayExpr, i
     }
   }
 }
+var ctorInlineInsertOffset = /* @__PURE__ */ new WeakMap();
 function inlineIntoConstructor(classBody2, statements) {
   let ctor = classBody2.body.find(
     (member) => t20.isClassMethod(member) && t20.isIdentifier(member.key) && member.key.name === "constructor"
@@ -12979,13 +13490,42 @@ function inlineIntoConstructor(classBody2, statements) {
       ...statements
     );
     classBody2.body.unshift(ctor);
+    ctorInlineInsertOffset.set(ctor, statements.length);
     return;
   }
-  ctor.body.body.push(...statements);
+  const body = ctor.body.body;
+  const superIdx = body.findIndex(
+    (stmt) => t20.isExpressionStatement(stmt) && t20.isCallExpression(stmt.expression) && t20.isSuper(stmt.expression.callee)
+  );
+  const base = superIdx >= 0 ? superIdx + 1 : 0;
+  const prev = ctorInlineInsertOffset.get(ctor) ?? 0;
+  const insertAt = base + prev;
+  body.splice(insertAt, 0, ...statements);
+  ctorInlineInsertOffset.set(ctor, prev + statements.length);
 }
 function ensureDisposeCalls(classBody2, targets) {
   const disposeStatements = targets.map(
-    (target) => js6`this.${id11(target)}?.forEach?.(item => item?.dispose?.());`
+    (target) => t20.expressionStatement(
+      t20.optionalCallExpression(
+        t20.optionalMemberExpression(
+          t20.memberExpression(t20.thisExpression(), t20.identifier(target), true),
+          t20.identifier("forEach"),
+          false,
+          true
+        ),
+        [
+          t20.arrowFunctionExpression(
+            [t20.identifier("item")],
+            t20.optionalCallExpression(
+              t20.optionalMemberExpression(t20.identifier("item"), t20.identifier("dispose"), false, true),
+              [],
+              true
+            )
+          )
+        ],
+        true
+      )
+    )
   );
   const existingDispose = classBody2.body.find(
     (member) => t20.isClassMethod(member) && t20.isIdentifier(member.key) && member.key.name === "dispose"
@@ -12999,9 +13539,10 @@ function ensureDisposeCalls(classBody2, targets) {
   );
 }
 function ensureOnPropChangeMethod(classBody2, inlinePatchBodies, compiledChildren, arrayRefreshDeps, conditionalSlots = [], unresolvedMapPropRefreshDeps = []) {
-  const existing = classBody2.body.find(
-    (member) => t20.isClassMethod(member) && t20.isIdentifier(member.key) && member.key.name === "__onPropChange"
-  );
+  const existing = classBody2.body.find((member) => {
+    if (!t20.isClassMethod(member) || !t20.isIdentifier(member.key)) return false;
+    return member.computed && member.key.name === "GEA_ON_PROP_CHANGE";
+  });
   if (existing) return;
   const directForwardCalls = [];
   const nonDirectChildren = [];
@@ -13019,9 +13560,9 @@ function ensureOnPropChangeMethod(classBody2, inlinePatchBodies, compiledChildre
             guard,
             t20.expressionStatement(
               t20.callExpression(
-                t20.memberExpression(
+                buildExprGeaMember(
                   t20.memberExpression(t20.thisExpression(), t20.identifier(child.instanceVar)),
-                  t20.identifier("__geaUpdateProps")
+                  "GEA_UPDATE_PROPS"
                 ),
                 [t20.objectExpression([t20.objectProperty(t20.identifier("key"), t20.identifier("value"), true)])]
               )
@@ -13035,9 +13576,9 @@ function ensureOnPropChangeMethod(classBody2, inlinePatchBodies, compiledChildre
               t20.binaryExpression("===", t20.identifier("key"), t20.stringLiteral(m.parentPropName)),
               t20.expressionStatement(
                 t20.callExpression(
-                  t20.memberExpression(
+                  buildExprGeaMember(
                     t20.memberExpression(t20.thisExpression(), t20.identifier(child.instanceVar)),
-                    t20.identifier("__geaUpdateProps")
+                    "GEA_UPDATE_PROPS"
                   ),
                   [t20.objectExpression([t20.objectProperty(t20.identifier(m.childPropName), t20.identifier("value"))])]
                 )
@@ -13069,10 +13610,7 @@ function ensureOnPropChangeMethod(classBody2, inlinePatchBodies, compiledChildre
   const childRefreshCalls = childRefreshEntries.map(({ child, depProps }) => {
     const call = t20.expressionStatement(
       t20.callExpression(
-        t20.memberExpression(
-          t20.memberExpression(t20.thisExpression(), t20.identifier(child.instanceVar)),
-          t20.identifier("__geaUpdateProps")
-        ),
+        buildExprGeaMember(t20.memberExpression(t20.thisExpression(), t20.identifier(child.instanceVar)), "GEA_UPDATE_PROPS"),
         [
           t20.callExpression(
             t20.memberExpression(t20.thisExpression(), t20.identifier(`__buildProps_${child.instanceVar.replace(/^_/, "")}`)),
@@ -13107,9 +13645,7 @@ function ensureOnPropChangeMethod(classBody2, inlinePatchBodies, compiledChildre
   if (conditionalSlots.length > 0) {
     for (let i = 0; i < conditionalSlots.length; i++) {
       const slot = conditionalSlots[i];
-      const call = t20.expressionStatement(
-        t20.callExpression(t20.memberExpression(t20.thisExpression(), t20.identifier("__geaPatchCond")), [t20.numericLiteral(i)])
-      );
+      const call = t20.expressionStatement(t20.callExpression(thisGea("GEA_PATCH_COND"), [t20.numericLiteral(i)]));
       if (slot.dependentPropNames.length > 0) {
         const guard = slot.dependentPropNames.reduce((acc, prop) => {
           const test = t20.binaryExpression("===", t20.identifier("key"), t20.stringLiteral(prop));
@@ -13128,11 +13664,7 @@ function ensureOnPropChangeMethod(classBody2, inlinePatchBodies, compiledChildre
     )
   );
   const unresolvedMapRefreshCalls = unresolvedMapPropRefreshDeps.map((dep) => {
-    const call = t20.expressionStatement(
-      t20.callExpression(t20.memberExpression(t20.thisExpression(), t20.identifier("__geaSyncMap")), [
-        t20.numericLiteral(dep.mapIdx)
-      ])
-    );
+    const call = t20.expressionStatement(t20.callExpression(thisGea("GEA_SYNC_MAP"), [t20.numericLiteral(dep.mapIdx)]));
     if (dep.propNames.length > 0) {
       const guard = dep.propNames.reduce((acc, prop) => {
         const test = t20.binaryExpression("===", t20.identifier("key"), t20.stringLiteral(prop));
@@ -13151,7 +13683,18 @@ function ensureOnPropChangeMethod(classBody2, inlinePatchBodies, compiledChildre
   ];
   if (allKeyGuarded.length === 0) return;
   const merged = mergeKeyGuards(allKeyGuarded);
-  classBody2.body.push(appendToBody5(jsMethod8`${id11("__onPropChange")}(key, value) {}`, ...merged));
+  classBody2.body.push(
+    appendToBody5(
+      t20.classMethod(
+        "method",
+        t20.identifier("GEA_ON_PROP_CHANGE"),
+        [t20.identifier("key"), t20.identifier("value")],
+        t20.blockStatement([]),
+        true
+      ),
+      ...merged
+    )
+  );
 }
 function serializeKeyGuard(test) {
   if (t20.isBinaryExpression(test) && test.operator === "===" && t20.isIdentifier(test.left, { name: "key" }) && t20.isStringLiteral(test.right)) {
@@ -13312,7 +13855,11 @@ function generateConditionalPatchMethods(classBody2, slots, templatePropNames, w
       t20.expressionStatement(
         t20.assignmentExpression(
           "=",
-          t20.memberExpression(t20.thisExpression(), t20.identifier(`__geaCond_${i}`)),
+          t20.memberExpression(
+            t20.thisExpression(),
+            t20.callExpression(t20.identifier("geaCondValueSymbol"), [t20.numericLiteral(i)]),
+            true
+          ),
           t20.unaryExpression("!", t20.unaryExpression("!", rewrittenCondExprsSafe[i]))
         )
       )
@@ -13350,7 +13897,7 @@ function generateConditionalPatchMethods(classBody2, slots, templatePropNames, w
     };
     registerCondCalls.push(
       t20.expressionStatement(
-        t20.callExpression(t20.memberExpression(t20.thisExpression(), t20.identifier("__geaRegisterCond")), [
+        t20.callExpression(thisGea("GEA_REGISTER_COND"), [
           t20.numericLiteral(i),
           t20.stringLiteral(slot.slotId),
           t20.arrowFunctionExpression([], t20.blockStatement(getCondBody)),
@@ -13538,6 +14085,8 @@ function addJoinToUnresolvedMapCalls(templateMethod, _unresolvedMaps) {
       const alreadyHasJoin = path.parentPath?.isMemberExpression() && t20.isIdentifier(path.parentPath.node.property) && path.parentPath.node.property.name === "join" && path.parentPath.parentPath?.isCallExpression();
       if (alreadyHasJoin) {
         const joinCall = path.parentPath.parentPath;
+        const joinArg = joinCall.node.arguments[0];
+        if (t20.isStringLiteral(joinArg) && joinArg.value !== "") return;
         const replacement = t20.binaryExpression("+", t20.cloneNode(joinCall.node, true), t20.stringLiteral("<!---->"));
         joinCall.replaceWith(replacement);
         joinCall.skip();
@@ -13668,76 +14217,85 @@ function replaceMapInConditionalSlots(slots, arrayMap) {
 }
 function generateStoreInlinePatchObserver(pathParts, storeVar, patchStatements) {
   const method = jsMethod8`${id11(getObserveMethodName(pathParts, storeVar))}(value, change) {}`;
-  method.body.body.push(
-    t20.ifStatement(t20.memberExpression(t20.thisExpression(), t20.identifier("rendered_")), t20.blockStatement(patchStatements))
-  );
+  method.body.body.push(t20.ifStatement(thisGea("GEA_RENDERED"), t20.blockStatement(patchStatements)));
   return method;
 }
 function generateRerenderObserver(pathParts, storeVar, truthinessOnly) {
   const method = jsMethod8`${id11(getObserveMethodName(pathParts, storeVar))}(value, change) {}`;
   if (storeVar) {
-    const prevProp = `__geaPrev_${getObserveMethodName(pathParts, storeVar)}`;
+    const observePrevMem = t20.memberExpression(
+      t20.thisExpression(),
+      t20.callExpression(t20.identifier("geaObservePrevSymbol"), [
+        t20.stringLiteral(getObserveMethodName(pathParts, storeVar))
+      ]),
+      true
+    );
     if (truthinessOnly) {
       method.body.body.push(
-        ...jsBlockBody4`
-          if (!value === !this.${id11(prevProp)}) return;
-          this.${id11(prevProp)} = value;
-        `
+        t20.ifStatement(
+          t20.logicalExpression(
+            "&&",
+            t20.binaryExpression("!==", observePrevMem, t20.identifier("undefined")),
+            t20.binaryExpression(
+              "===",
+              t20.unaryExpression("!", t20.identifier("value")),
+              t20.unaryExpression("!", observePrevMem)
+            )
+          ),
+          t20.returnStatement()
+        ),
+        t20.expressionStatement(t20.assignmentExpression("=", observePrevMem, t20.identifier("value")))
       );
     } else {
       method.body.body.push(
-        ...jsBlockBody4`
-          if (value === this.${id11(prevProp)}) return;
-          this.${id11(prevProp)} = value;
-        `
+        t20.ifStatement(t20.binaryExpression("===", t20.identifier("value"), observePrevMem), t20.returnStatement()),
+        t20.expressionStatement(t20.assignmentExpression("=", observePrevMem, t20.identifier("value")))
       );
     }
   }
   method.body.body.push(
     t20.ifStatement(
-      t20.memberExpression(t20.thisExpression(), t20.identifier("rendered_")),
-      t20.blockStatement([
-        t20.expressionStatement(
-          t20.callExpression(t20.memberExpression(t20.thisExpression(), t20.identifier("__geaRequestRender")), [])
-        )
-      ])
+      thisGea("GEA_RENDERED"),
+      t20.blockStatement([t20.expressionStatement(t20.callExpression(thisGea("GEA_REQUEST_RENDER"), []))])
     )
   );
   return method;
 }
 function generateConditionalSlotObserveMethod(pathParts, storeVar, slotIndices, emitEarlyReturn = true) {
   const method = jsMethod8`${id11(getObserveMethodName(pathParts, storeVar))}(value, change) {}`;
-  const anyPatchedExpr = slotIndices.map((i) => t20.memberExpression(t20.thisExpression(), t20.identifier(`__geaCondPatched_${i}`))).reduce((acc, expr) => t20.logicalExpression("||", acc, expr));
+  const anyPatchedExpr = slotIndices.map(
+    (i) => t20.memberExpression(
+      t20.thisExpression(),
+      t20.callExpression(t20.identifier("geaCondPatchedSymbol"), [t20.numericLiteral(i)]),
+      true
+    )
+  ).reduce((acc, expr) => t20.logicalExpression("||", acc, expr));
   const patchStatements = [];
   if (slotIndices.length === 1) {
     patchStatements.push(t20.ifStatement(anyPatchedExpr, t20.returnStatement()));
   }
   slotIndices.forEach((slotIndex) => {
+    const patchedMem = t20.memberExpression(
+      t20.thisExpression(),
+      t20.callExpression(t20.identifier("geaCondPatchedSymbol"), [t20.numericLiteral(slotIndex)]),
+      true
+    );
     patchStatements.push(
       t20.expressionStatement(
         t20.assignmentExpression(
           "=",
-          t20.memberExpression(t20.thisExpression(), t20.identifier(`__geaCondPatched_${slotIndex}`)),
-          t20.callExpression(t20.memberExpression(t20.thisExpression(), t20.identifier("__geaPatchCond")), [
-            t20.numericLiteral(slotIndex)
-          ])
+          patchedMem,
+          t20.callExpression(thisGea("GEA_PATCH_COND"), [t20.numericLiteral(slotIndex)])
         )
       )
     );
     patchStatements.push(
       t20.ifStatement(
-        t20.memberExpression(t20.thisExpression(), t20.identifier(`__geaCondPatched_${slotIndex}`)),
+        patchedMem,
         t20.blockStatement([
           t20.expressionStatement(
             t20.callExpression(t20.identifier("queueMicrotask"), [
-              t20.arrowFunctionExpression(
-                [],
-                t20.assignmentExpression(
-                  "=",
-                  t20.memberExpression(t20.thisExpression(), t20.identifier(`__geaCondPatched_${slotIndex}`)),
-                  t20.booleanLiteral(false)
-                )
-              )
+              t20.arrowFunctionExpression([], t20.assignmentExpression("=", patchedMem, t20.booleanLiteral(false)))
             ])
           )
         ])
@@ -13747,28 +14305,22 @@ function generateConditionalSlotObserveMethod(pathParts, storeVar, slotIndices,
   if (emitEarlyReturn) {
     patchStatements.push(t20.ifStatement(anyPatchedExpr, t20.returnStatement()));
   }
-  method.body.body.push(
-    t20.ifStatement(t20.memberExpression(t20.thisExpression(), t20.identifier("rendered_")), t20.blockStatement(patchStatements))
-  );
+  method.body.body.push(t20.ifStatement(thisGea("GEA_RENDERED"), t20.blockStatement(patchStatements)));
   return method;
 }
 function generateStateChildSwapObserver(pathParts, storeVar) {
   const method = jsMethod8`${id11(getObserveMethodName(pathParts, storeVar))}(value, change) {}`;
   method.body.body.push(
     t20.ifStatement(
-      t20.memberExpression(t20.thisExpression(), t20.identifier("rendered_")),
-      t20.blockStatement([
-        t20.expressionStatement(
-          t20.callExpression(t20.memberExpression(t20.thisExpression(), t20.identifier("__geaSwapStateChildren")), [])
-        )
-      ])
+      thisGea("GEA_RENDERED"),
+      t20.blockStatement([t20.expressionStatement(t20.callExpression(thisGea("GEA_SWAP_STATE_CHILDREN"), []))])
     )
   );
   return method;
 }
 function generateStateChildSwapMethod(classBody2, stateChildSlots) {
   const existing = classBody2.body.find(
-    (member) => t20.isClassMethod(member) && t20.isIdentifier(member.key) && member.key.name === "__geaSwapStateChildren"
+    (member) => t20.isClassMethod(member) && member.computed && t20.isIdentifier(member.key) && member.key.name === "GEA_SWAP_STATE_CHILDREN"
   );
   if (existing) return;
   const templateMethod = classBody2.body.find(
@@ -13791,9 +14343,9 @@ function generateStateChildSwapMethod(classBody2, stateChildSlots) {
     if (!hasBuildProps) return null;
     return t20.expressionStatement(
       t20.callExpression(
-        t20.memberExpression(
+        buildExprGeaMember(
           t20.memberExpression(t20.thisExpression(), t20.identifier(slot.childInstanceVar)),
-          t20.identifier("__geaUpdateProps")
+          "GEA_UPDATE_PROPS"
         ),
         [t20.callExpression(t20.memberExpression(t20.thisExpression(), t20.identifier(buildPropsName)), [])]
       )
@@ -13802,7 +14354,7 @@ function generateStateChildSwapMethod(classBody2, stateChildSlots) {
   const swapCalls = stateChildSlots.map((slot) => {
     const guardClone = t20.cloneNode(slot.guardExpr, true);
     return t20.expressionStatement(
-      t20.callExpression(t20.memberExpression(t20.thisExpression(), t20.identifier("__geaSwapChild")), [
+      t20.callExpression(thisGea("GEA_SWAP_CHILD"), [
         t20.stringLiteral(slot.markerId),
         t20.logicalExpression(
           "&&",
@@ -13815,9 +14367,10 @@ function generateStateChildSwapMethod(classBody2, stateChildSlots) {
   const filteredSetup = pruneUnusedSetupDestructuring(setupStatements, [...propsUpdateCalls, ...swapCalls]);
   const method = t20.classMethod(
     "method",
-    t20.identifier("__geaSwapStateChildren"),
+    t20.identifier("GEA_SWAP_STATE_CHILDREN"),
     [],
-    t20.blockStatement([...filteredSetup, ...propsUpdateCalls, ...swapCalls])
+    t20.blockStatement([...filteredSetup, ...propsUpdateCalls, ...swapCalls]),
+    true
   );
   classBody2.body.push(method);
 }
@@ -13849,9 +14402,6 @@ function resolveImportPath2(importer, source) {
 }
 var getterDepsCache = /* @__PURE__ */ new Map();
 var storeFieldsCache = /* @__PURE__ */ new Map();
-function isPrivateName(name) {
-  return name.charCodeAt(0) === 95 || name.charCodeAt(name.length - 1) === 95;
-}
 function extractGetterStatePaths(method) {
   if (!t21.isBlockStatement(method.body)) return null;
   const paths = /* @__PURE__ */ new Map();
@@ -13864,7 +14414,6 @@ function extractGetterStatePaths(method) {
         return;
       }
       const propName = node.property.name;
-      if (isPrivateName(propName)) return;
       if (!paths.has(propName)) {
         paths.set(propName, [propName]);
       }
@@ -13874,7 +14423,6 @@ function extractGetterStatePaths(method) {
       for (const prop of path.node.id.properties) {
         if (!t21.isObjectProperty(prop) || !t21.isIdentifier(prop.key)) continue;
         const propName = prop.key.name;
-        if (isPrivateName(propName)) continue;
         if (!paths.has(propName)) {
           paths.set(propName, [propName]);
         }
@@ -14154,7 +14702,7 @@ function transformComponentFile(ast, imports, storeImports, className, sourceFil
           (p) => t22.isClassDeclaration(p.node)
         );
         if (earlyClassPath) {
-          transformed = appendCompiledEventMethods(earlyClassPath.node.body, earlyReturnCtx.eventHandlers, []) || transformed;
+          transformed = appendCompiledEventMethods(earlyClassPath.node.body, earlyReturnCtx.eventHandlers, [], ast) || transformed;
         }
       }
       for (const info of conditionalSlotInfos) {
@@ -14185,6 +14733,7 @@ function transformComponentFile(ast, imports, storeImports, className, sourceFil
           cloneCtxForPatches
         );
         if (cloneMembers) {
+          ensureImport(ast, "@geajs/core", "GEA_CLONE_TEMPLATE");
           classPath.node.body.body.push(...cloneMembers);
           transformed = true;
         }
@@ -14193,17 +14742,18 @@ function transformComponentFile(ast, imports, storeImports, className, sourceFil
         const classPath2 = path.findParent((p) => t22.isClassDeclaration(p.node));
         if (classPath2) {
           const setupStatements = returnIndex >= 0 ? body.slice(0, returnIndex) : [];
-          transformed = appendCompiledEventMethods(classPath2.node.body, eventHandlers, setupStatements) || transformed;
+          transformed = appendCompiledEventMethods(classPath2.node.body, eventHandlers, setupStatements, ast) || transformed;
         }
       }
       if (refBindings.length > 0) {
         const classPath2 = path.findParent((p) => t22.isClassDeclaration(p.node));
         if (classPath2) {
+          ensureImport(ast, "@geajs/core", "GEA_ELEMENT");
           const refStatements = refBindings.flatMap((ref) => {
             const target = ref.targetExpr;
             const q = t22.callExpression(
               t22.memberExpression(
-                t22.memberExpression(t22.thisExpression(), t22.identifier("element_")),
+                t22.memberExpression(t22.thisExpression(), t22.identifier("GEA_ELEMENT"), true),
                 t22.identifier("querySelector")
               ),
               [t22.stringLiteral(`[data-gea-ref="${ref.refId}"]`)]
@@ -14213,14 +14763,16 @@ function transformComponentFile(ast, imports, storeImports, className, sourceFil
               t22.expressionStatement(t22.assignmentExpression("=", target, q))
             ];
           });
-          const existingSetup = classPath2.node.body.body.find(
-            (m) => t22.isClassMethod(m) && t22.isIdentifier(m.key) && m.key.name === "__setupRefs"
-          );
+          ensureImport(ast, "@geajs/core", "GEA_SETUP_REFS");
+          const existingSetup = classPath2.node.body.body.find((m) => {
+            if (!t22.isClassMethod(m) || !t22.isIdentifier(m.key)) return false;
+            return m.computed && m.key.name === "GEA_SETUP_REFS";
+          });
           if (existingSetup && t22.isClassMethod(existingSetup)) {
             existingSetup.body.body.push(...refStatements);
           } else {
             classPath2.node.body.body.push(
-              t22.classMethod("method", t22.identifier("__setupRefs"), [], t22.blockStatement(refStatements))
+              t22.classMethod("method", t22.identifier("GEA_SETUP_REFS"), [], t22.blockStatement(refStatements), true)
             );
           }
           transformed = true;
@@ -14334,14 +14886,15 @@ function transformComponentFile(ast, imports, storeImports, className, sourceFil
           if (!t22.isClassMethod(member) || member.kind === "constructor") continue;
           const name = t22.isIdentifier(member.key) ? member.key.name : null;
           if (!name) continue;
-          const isCompilerGenerated = name === "template" || name === "events" && member.kind === "get" || name.startsWith("__");
+          const isCompilerGenerated = name === "template" || name === "events" && member.kind === "get" || name.startsWith("__") || member.computed && name === "GEA_ON_PROP_CHANGE";
           if (isCompilerGenerated) {
             cacheThisIdInMethod(member);
           }
           if (name === "events" && member.kind === "get") {
+            ensureImport(ast, "@geajs/core", "GEA_ELEMENT");
             wrapEventsGetterWithCache(member);
           }
-          if (name === "__onPropChange") {
+          if (member.computed && name === "GEA_ON_PROP_CHANGE") {
             wrapSubpathCacheGuards(member, subpathPcCounter, path.node.body);
           }
         }
@@ -14349,6 +14902,9 @@ function transformComponentFile(ast, imports, storeImports, className, sourceFil
       }
     });
   }
+  if (transformed) {
+    ensureGeaCompilerSymbolImports(ast);
+  }
   return transformed;
 }
 function transformNonComponentJSX(ast, imports) {
@@ -14476,8 +15032,8 @@ function transformRemainingJSX(ast, imports) {
   traverse14(ast, {
     noScope: true,
     JSXElement(path) {
-      const classMethod9 = path.findParent((p) => t22.isClassMethod(p.node));
-      if (classMethod9 && t22.isClassMethod(classMethod9.node) && t22.isIdentifier(classMethod9.node.key) && classMethod9.node.key.name === "template")
+      const classMethod10 = path.findParent((p) => t22.isClassMethod(p.node));
+      if (classMethod10 && t22.isClassMethod(classMethod10.node) && t22.isIdentifier(classMethod10.node.key) && classMethod10.node.key.name === "template")
         return;
       try {
         path.replaceWith(transformJSXToTemplate(path.node, { imports }));
@@ -14486,8 +15042,8 @@ function transformRemainingJSX(ast, imports) {
       }
     },
     JSXFragment(path) {
-      const classMethod9 = path.findParent((p) => t22.isClassMethod(p.node));
-      if (classMethod9 && t22.isClassMethod(classMethod9.node) && t22.isIdentifier(classMethod9.node.key) && classMethod9.node.key.name === "template")
+      const classMethod10 = path.findParent((p) => t22.isClassMethod(p.node));
+      if (classMethod10 && t22.isClassMethod(classMethod10.node) && t22.isIdentifier(classMethod10.node.key) && classMethod10.node.key.name === "template")
         return;
       try {
         path.replaceWith(transformJSXFragmentToTemplate(path.node, { imports }));
@@ -14622,8 +15178,9 @@ var RESOLVED_HMR_RUNTIME_ID = "\0" + HMR_RUNTIME_ID;
 var STORE_REGISTRY_ID = "virtual:gea-store-registry";
 var RESOLVED_STORE_REGISTRY_ID = "\0" + STORE_REGISTRY_ID;
 var RECONCILE_SOURCE = `
+import { GEA_DOM_ITEM } from '@geajs/core';
 function getKey(el) {
-  if (el.__geaItem) return String(el.__geaItem.id);
+  if (el[GEA_DOM_ITEM]) return String(el[GEA_DOM_ITEM].id);
   return el.getAttribute('key');
 }
 export function reconcile(oldC, newC) {
@@ -14761,41 +15318,42 @@ export function unregisterComponentInstance(className, instance) {
 }
 
 function reRenderComponent(instance) {
-  if (!instance || !instance.element_) return;
-  var parent = instance.element_.parentElement;
+  if (!instance || !instance[GEA_ELEMENT]) return;
+  var parent = instance[GEA_ELEMENT].parentElement;
   if (!parent) return;
-  var index = Array.prototype.indexOf.call(parent.children, instance.element_);
+  var index = Array.prototype.indexOf.call(parent.children, instance[GEA_ELEMENT]);
   var props = Object.assign({}, instance.props);
   var __stateSnapshot = {};
   var __ownKeys = Object.getOwnPropertyNames(instance);
   for (var __ki = 0; __ki < __ownKeys.length; __ki++) {
     var __k = __ownKeys[__ki];
-    if (__k.charAt(0) === '_' || __k === 'props' || __k === 'element_' || __k === 'rendered_' || __k === 'id') continue;
+    if (__k.charAt(0) === '_' || __k === 'props' || __k === 'id') continue;
     var __desc = Object.getOwnPropertyDescriptor(instance, __k);
     if (__desc && (__desc.get || __desc.set)) continue;
     try { __stateSnapshot[__k] = instance[__k]; } catch(e) {}
   }
-  instance.rendered_ = false;
-  if (instance.cleanupBindings_) instance.cleanupBindings_();
-  if (instance.teardownSelfListeners_) instance.teardownSelfListeners_();
+  instance[GEA_RENDERED] = false;
+  if (typeof instance[GEA_CLEANUP_BINDINGS] === 'function') instance[GEA_CLEANUP_BINDINGS]();
+  if (typeof instance[GEA_TEARDOWN_SELF_LISTENERS] === 'function') instance[GEA_TEARDOWN_SELF_LISTENERS]();
   if (instance.__cleanupCompiledDirectEvents) instance.__cleanupCompiledDirectEvents();
-  if (instance.__childComponents && instance.__childComponents.length) {
-    instance.__childComponents.forEach(function(child) { if (child && child.dispose) child.dispose(); });
-    instance.__childComponents = [];
+  var __cc = instance[GEA_CHILD_COMPONENTS];
+  if (__cc && __cc.length) {
+    __cc.forEach(function(child) { if (child && child.dispose) child.dispose(); });
+    instance[GEA_CHILD_COMPONENTS] = [];
   }
-  if (instance.element_ && instance.element_.parentNode) {
-    instance.element_.parentNode.removeChild(instance.element_);
+  if (instance[GEA_ELEMENT] && instance[GEA_ELEMENT].parentNode) {
+    instance[GEA_ELEMENT].parentNode.removeChild(instance[GEA_ELEMENT]);
   }
-  instance.element_ = null;
+  instance[GEA_ELEMENT] = null;
   instance.props = props;
   var __restoreKeys = Object.getOwnPropertyNames(__stateSnapshot);
   for (var __ri = 0; __ri < __restoreKeys.length; __ri++) {
     try { instance[__restoreKeys[__ri]] = __stateSnapshot[__restoreKeys[__ri]]; } catch(e) {}
   }
-  if (!instance.__bindings) instance.__bindings = [];
+  if (!instance[GEA_BINDINGS]) instance[GEA_BINDINGS] = [];
   if (!instance.__bindingRemovers) instance.__bindingRemovers = [];
-  if (!instance.__selfListeners) instance.__selfListeners = [];
-  if (!instance.__childComponents) instance.__childComponents = [];
+  if (!instance[GEA_SELF_LISTENERS]) instance[GEA_SELF_LISTENERS] = [];
+  if (!instance[GEA_CHILD_COMPONENTS]) instance[GEA_CHILD_COMPONENTS] = [];
   instance.render(parent, index);
   if (typeof instance.createdHooks === 'function') {
     instance.createdHooks(instance.props);
@@ -15084,7 +15642,13 @@ ${entries.join(",\n")}
                 noScope: true,
                 ClassDeclaration(path) {
                   if (!path.node.id || path.node.id.name !== cn) return;
-                  const prop = t24.classProperty(t24.identifier("__geaTagName"), t24.stringLiteral(kebab));
+                  const prop = t24.classProperty(
+                    t24.identifier("GEA_CTOR_TAG_NAME"),
+                    t24.stringLiteral(kebab),
+                    void 0,
+                    void 0,
+                    true
+                  );
                   prop.static = true;
                   path.node.body.body.unshift(prop);
                   path.stop();
@@ -15092,6 +15656,7 @@ ${entries.join(",\n")}
               });
               transformed = true;
             }
+            ensureImport(ast, "@geajs/core", "GEA_CTOR_TAG_NAME");
           } else {
             transformed = transformNonComponentJSX(ast, imports);
           }
@@ -15117,8 +15682,8 @@ ${entries.join(",\n")}
           if (hmrAdded) transformed = true;
         }
         if (!transformed) return null;
-        ensureImport(ast, "@geajs/core", "__escapeHtml");
-        ensureImport(ast, "@geajs/core", "__sanitizeAttr");
+        ensureImport(ast, "@geajs/core", "geaEscapeHtml");
+        ensureImport(ast, "@geajs/core", "geaSanitizeAttr");
         const output = generate4(ast, { sourceMaps: true, sourceFileName: cleanId }, code);
         return { code: output.code, map: output.map };
       } catch (error) {