@elurjs/core 3.6.2 → 3.7.0-beta.0

package/dist/lib/elur/template/error-boundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"error-boundary.js","names":[],"sources":["../../../../src/elur/template/error-boundary.ts"],"sourcesContent":["import { _pushErrorHandler, _popErrorHandler } from \"../reactivity.js\";\nimport { isElurComponent } from \"../lifecycle.js\";\nimport type { ElurComponent } from \"../lifecycle.js\";\nimport { _pushComponentContext, _popComponentContext } from \"../context.js\";\nimport type { ElurTemplate, ElurMountHandle, ErrorFallback } from \"./types.js\";\nimport { COMMENT } from \"./types.js\";\nimport { _mountComponentSilent } from \"./mount-helpers.js\";\n\n// =============================================================================\n// --- Error Boundary ---\n// =============================================================================\n\n/**\n * Wraps `content` in an error boundary. If rendering or a reactive update\n * throws, the boundary tears down the broken subtree and renders `fallback`.\n */\nexport function createErrorBoundary(\n    content: ElurTemplate | ElurComponent,\n    fallback: ErrorFallback\n): ElurTemplate {\n    return {\n        __isElurTemplate: true as const,\n\n        mount(container: Element | string): ElurMountHandle {\n            const el =\n                typeof container === \"string\"\n                    ? (document.querySelector(container) ?? document.body)\n                    : container;\n            const cleanup = this._render(el, null);\n            return { unmount: cleanup };\n        },\n\n        _render(parent: Node, before: Node | null): () => void {\n            const marker = document.createComment(COMMENT.ERROR_BOUNDARY);\n            parent.insertBefore(marker, before);\n\n            let activeCleanup: (() => void) | null = null;\n            let errored = false;\n            let initialRenderDone = false;\n            let deferredError: unknown = undefined;\n            let hasDeferredError = false;\n\n            // Renders the fallback outside the error handler window.\n            // Uses marker.parentNode (not captured `parent`) because `parent` may be\n            // a stale DocumentFragment that was already flushed to the live DOM.\n            const renderFallback = (err: unknown): void => {\n                const liveParent = marker.parentNode;\n                if (!liveParent) return;\n\n                let fb: ElurTemplate | ElurComponent;\n                try {\n                    fb =\n                        typeof fallback === \"function\" && !isElurComponent(fallback as object)\n                            ? (fallback as (err: unknown) => ElurTemplate | ElurComponent)(err)\n                            : (fallback as ElurTemplate | ElurComponent);\n                } catch (e) {\n                    console.error(\"[elur] Error boundary fallback threw while producing the fallback UI:\", e);\n                    activeCleanup = renderBrokenFallback(liveParent, before);\n                    return;\n                }\n\n                // Capture reactive errors from effects created inside the fallback.\n                _pushErrorHandler(fallbackReactiveErrorHandler);\n                try {\n                    if (isElurComponent(fb)) {\n                        activeCleanup = _mountComponentSilent(fb, liveParent, before);\n                    } else {\n                        activeCleanup = fb._render(liveParent, before);\n                    }\n                } catch (e) {\n                    console.error(\"[elur] Error boundary fallback threw during render:\", e);\n                    activeCleanup?.();\n                    activeCleanup = renderBrokenFallback(liveParent, before);\n                } finally {\n                    _popErrorHandler();\n                }\n            };\n\n            const fallbackReactiveErrorHandler = (e: unknown): void => {\n                console.error(\"[elur] Error boundary fallback threw during a reactive update:\", e);\n                activeCleanup?.();\n                activeCleanup = null;\n                const liveParent = marker.parentNode;\n                if (liveParent) {\n                    activeCleanup = renderBrokenFallback(liveParent, before);\n                }\n            };\n\n            const renderBrokenFallback = (liveParent: Node, before: Node | null): (() => void) => {\n                const el = document.createElement(\"div\");\n                el.setAttribute(\"data-elur-error-boundary\", \"fallback-failed\");\n                el.textContent = \"[elur] Error boundary fallback failed to render.\";\n                liveParent.insertBefore(el, before);\n                return () => el.remove();\n            };\n\n            // Called by effects inside `content` when they throw\n            const handleReactiveError = (err: unknown): void => {\n                if (errored) return;\n                errored = true;\n                if (initialRenderDone) {\n                    activeCleanup?.();\n                    activeCleanup = null;\n                    renderFallback(err);\n                } else {\n                    deferredError = err;\n                    hasDeferredError = true;\n                }\n            };\n\n            _pushErrorHandler(handleReactiveError);\n            try {\n                if (isElurComponent(content)) {\n                    _pushComponentContext();\n                    try {\n                        try { content.onInit?.(); } catch (e) {\n                            if (content.onError) content.onError(e); else throw e;\n                        }\n                        activeCleanup = content.render()._render(parent, before);\n                    } finally {\n                        _popComponentContext();\n                    }\n                    if (!errored) {\n                        try {\n                            const ret = content.onMount?.();\n                            const prev = activeCleanup;\n                            activeCleanup = () => {\n                                try { content.onUnmount?.(); } catch { /* ignore */ }\n                                if (typeof ret === \"function\") try { ret(); } catch { /* ignore */ }\n                                prev?.();\n                            };\n                        } catch (e) {\n                            if (content.onError) content.onError(e); else throw e;\n                        }\n                    }\n                } else {\n                    activeCleanup = content._render(parent, before);\n                }\n            } catch (err) {\n                errored = true;\n                activeCleanup?.();\n                activeCleanup = null;\n                deferredError = err;\n                hasDeferredError = true;\n            } finally {\n                _popErrorHandler();\n                initialRenderDone = true;\n            }\n\n            if (hasDeferredError) {\n                activeCleanup?.();\n                activeCleanup = null;\n                renderFallback(deferredError);\n            }\n\n            return () => {\n                activeCleanup?.();\n                marker.remove();\n            };\n        },\n    };\n}\n"],"mappings":";;;;;;AAgBA,SAAgB,EACZ,GACA,GACY;AACZ,QAAO;EACH,kBAAkB;EAElB,MAAM,GAA8C;GAChD,IAAM,IACF,OAAO,KAAc,WACd,SAAS,cAAc,EAAU,IAAI,SAAS,OAC/C;AAEV,UAAO,EAAE,SADO,KAAK,QAAQ,GAAI,KAAK,EACX;;EAG/B,QAAQ,GAAc,GAAiC;GACnD,IAAM,IAAS,SAAS,cAAc,EAAQ,eAAe;AAC7D,KAAO,aAAa,GAAQ,EAAO;GAEnC,IAAI,IAAqC,MACrC,IAAU,IACV,IAAoB,IACpB,GACA,IAAmB,IAKjB,KAAkB,MAAuB;IAC3C,IAAM,IAAa,EAAO;AAC1B,QAAI,CAAC,EAAY;IAEjB,IAAI;AACJ,QAAI;AACA,SACI,OAAO,KAAa,cAAc,CAAC,EAAgB,EAAmB,GAC/D,EAA4D,EAAI,GAChE;aACN,GAAG;AAER,KADA,QAAQ,MAAM,yEAAyE,EAAE,EACzF,IAAgB,EAAqB,GAAY,EAAO;AACxD;;AAIJ,MAAkB,EAA6B;AAC/C,QAAI;AACA,KAGI,IAHA,EAAgB,EAAG,GACH,EAAsB,GAAI,GAAY,EAAO,GAE7C,EAAG,QAAQ,GAAY,EAAO;aAE7C,GAAG;AAGR,KAFA,QAAQ,MAAM,uDAAuD,EAAE,EACvE,KAAiB,EACjB,IAAgB,EAAqB,GAAY,EAAO;cAClD;AACN,QAAkB;;MAIpB,KAAgC,MAAqB;AAGvD,IAFA,QAAQ,MAAM,kEAAkE,EAAE,EAClF,KAAiB,EACjB,IAAgB;IAChB,IAAM,IAAa,EAAO;AAC1B,IAAI,MACA,IAAgB,EAAqB,GAAY,EAAO;MAI1D,KAAwB,GAAkB,MAAsC;IAClF,IAAM,IAAK,SAAS,cAAc,MAAM;AAIxC,WAHA,EAAG,aAAa,4BAA4B,kBAAkB,EAC9D,EAAG,cAAc,oDACjB,EAAW,aAAa,GAAI,EAAO,QACtB,EAAG,QAAQ;;AAiB5B,MAb6B,MAAuB;AAC5C,UACJ,IAAU,IACN,KACA,KAAiB,EACjB,IAAgB,MAChB,EAAe,EAAI,KAEnB,IAAgB,GAChB,IAAmB;KAIW;AACtC,OAAI;AACA,QAAI,EAAgB,EAAQ,EAAE;AAC1B,QAAuB;AACvB,SAAI;AACA,UAAI;AAAE,SAAQ,UAAU;eAAW,GAAG;AAClC,WAAI,EAAQ,QAAS,GAAQ,QAAQ,EAAE;WAAO,OAAM;;AAExD,UAAgB,EAAQ,QAAQ,CAAC,QAAQ,GAAQ,EAAO;eAClD;AACN,SAAsB;;AAE1B,SAAI,CAAC,EACD,KAAI;MACA,IAAM,IAAM,EAAQ,WAAW,EACzB,IAAO;AACb,gBAAsB;AAClB,WAAI;AAAE,UAAQ,aAAa;eAAU;AACrC,WAAI,OAAO,KAAQ,WAAY,KAAI;AAAE,WAAK;eAAU;AACpD,YAAQ;;cAEP,GAAG;AACR,UAAI,EAAQ,QAAS,GAAQ,QAAQ,EAAE;UAAO,OAAM;;UAI5D,KAAgB,EAAQ,QAAQ,GAAQ,EAAO;YAE9C,GAAK;AAKV,IAJA,IAAU,IACV,KAAiB,EACjB,IAAgB,MAChB,IAAgB,GAChB,IAAmB;aACb;AAEN,IADA,GAAkB,EAClB,IAAoB;;AASxB,UANI,MACA,KAAiB,EACjB,IAAgB,MAChB,EAAe,EAAc,SAGpB;AAET,IADA,KAAiB,EACjB,EAAO,QAAQ;;;EAG1B"}
+{"version":3,"file":"error-boundary.js","names":[],"sources":["../../../../src/elur/template/error-boundary.ts"],"sourcesContent":["import { _pushErrorHandler, _popErrorHandler } from \"../reactivity.js\";\nimport { isElurComponent } from \"../lifecycle.js\";\nimport type { ElurComponent } from \"../lifecycle.js\";\nimport { _pushComponentContext, _popComponentContext } from \"../context.js\";\nimport type { ElurTemplate, ElurMountHandle, ErrorFallback } from \"./types.js\";\nimport { COMMENT } from \"./types.js\";\nimport { _deferOnMount, _mountComponentSilent, _postMountScopeSub } from \"./mount-helpers.js\";\n\n// =============================================================================\n// --- Error Boundary ---\n// =============================================================================\n\n/**\n * Wraps `content` in an error boundary. If rendering or a reactive update\n * throws, the boundary tears down the broken subtree and renders `fallback`.\n */\nexport function createErrorBoundary(\n    content: ElurTemplate | ElurComponent,\n    fallback: ErrorFallback\n): ElurTemplate {\n    return {\n        __isElurTemplate: true as const,\n\n        mount(container: Element | string): ElurMountHandle {\n            const el =\n                typeof container === \"string\"\n                    ? (document.querySelector(container) ?? document.body)\n                    : container;\n            const cleanup = this._render(el, null);\n            return { unmount: cleanup };\n        },\n\n        _render(parent: Node, before: Node | null): () => void {\n            const marker = document.createComment(COMMENT.ERROR_BOUNDARY);\n            parent.insertBefore(marker, before);\n\n            let activeCleanup: (() => void) | null = null;\n            const runActive = (): void => { activeCleanup?.(); };\n            let errored = false;\n            let initialRenderDone = false;\n            let deferredError: unknown = undefined;\n            let hasDeferredError = false;\n\n            // Renders the fallback outside the error handler window.\n            // Uses marker.parentNode (not captured `parent`) because `parent` may be\n            // a stale DocumentFragment that was already flushed to the live DOM.\n            const renderFallback = (err: unknown): void => {\n                const liveParent = marker.parentNode;\n                if (!liveParent) return;\n\n                let fb: ElurTemplate | ElurComponent;\n                try {\n                    fb =\n                        typeof fallback === \"function\" && !isElurComponent(fallback as object)\n                            ? (fallback as (err: unknown) => ElurTemplate | ElurComponent)(err)\n                            : (fallback as ElurTemplate | ElurComponent);\n                } catch (e) {\n                    console.error(\"[elur] Error boundary fallback threw while producing the fallback UI:\", e);\n                    activeCleanup = renderBrokenFallback(liveParent, before);\n                    return;\n                }\n\n                // Capture reactive errors from effects created inside the fallback.\n                _pushErrorHandler(fallbackReactiveErrorHandler);\n                try {\n                    if (isElurComponent(fb)) {\n                        activeCleanup = _mountComponentSilent(fb, liveParent, before);\n                    } else {\n                        activeCleanup = fb._render(liveParent, before);\n                    }\n                } catch (e) {\n                    console.error(\"[elur] Error boundary fallback threw during render:\", e);\n                    activeCleanup?.();\n                    activeCleanup = renderBrokenFallback(liveParent, before);\n                } finally {\n                    _popErrorHandler();\n                }\n            };\n\n            const fallbackReactiveErrorHandler = (e: unknown): void => {\n                console.error(\"[elur] Error boundary fallback threw during a reactive update:\", e);\n                activeCleanup?.();\n                activeCleanup = null;\n                const liveParent = marker.parentNode;\n                if (liveParent) {\n                    activeCleanup = renderBrokenFallback(liveParent, before);\n                }\n            };\n\n            const renderBrokenFallback = (liveParent: Node, before: Node | null): (() => void) => {\n                const el = document.createElement(\"div\");\n                el.setAttribute(\"data-elur-error-boundary\", \"fallback-failed\");\n                el.textContent = \"[elur] Error boundary fallback failed to render.\";\n                liveParent.insertBefore(el, before);\n                return () => el.remove();\n            };\n\n            // Called by effects inside `content` when they throw\n            const handleReactiveError = (err: unknown): void => {\n                if (errored) return;\n                errored = true;\n                if (initialRenderDone) {\n                    activeCleanup?.();\n                    activeCleanup = null;\n                    renderFallback(err);\n                } else {\n                    deferredError = err;\n                    hasDeferredError = true;\n                }\n            };\n\n            _pushErrorHandler(handleReactiveError);\n            try {\n                // Sub-cola de onMount: si el contenido lanza, sus hooks\n                // diferidos se descartan; si no, se fusionan a la cola del\n                // render externo y corren post-commit.\n                _postMountScopeSub(() => {\n                    if (isElurComponent(content)) {\n                        _pushComponentContext();\n                        try {\n                            try { content.onInit?.(); } catch (e) {\n                                if (content.onError) content.onError(e); else throw e;\n                            }\n                            activeCleanup = content.render()._render(parent, before);\n                        } finally {\n                            _popComponentContext();\n                        }\n                        if (!errored) {\n                            _deferOnMount(() => {\n                                try {\n                                    const ret = content.onMount?.();\n                                    const prev = activeCleanup;\n                                    activeCleanup = () => {\n                                        try { content.onUnmount?.(); } catch { /* ignore */ }\n                                        if (typeof ret === \"function\") try { ret(); } catch { /* ignore */ }\n                                        prev?.();\n                                    };\n                                } catch (e) {\n                                    if (content.onError) content.onError(e); else throw e;\n                                }\n                            });\n                        }\n                    } else {\n                        activeCleanup = content._render(parent, before);\n                    }\n                });\n            } catch (err) {\n                errored = true;\n                runActive();\n                activeCleanup = null;\n                deferredError = err;\n                hasDeferredError = true;\n            } finally {\n                _popErrorHandler();\n                initialRenderDone = true;\n            }\n\n            if (hasDeferredError) {\n                runActive();\n                activeCleanup = null;\n                renderFallback(deferredError);\n            }\n\n            return () => {\n                activeCleanup?.();\n                marker.remove();\n            };\n        },\n    };\n}\n"],"mappings":";;;;;;AAgBA,SAAgB,EACZ,GACA,GACY;AACZ,QAAO;EACH,kBAAkB;EAElB,MAAM,GAA8C;GAChD,IAAM,IACF,OAAO,KAAc,WACd,SAAS,cAAc,EAAU,IAAI,SAAS,OAC/C;AAEV,UAAO,EAAE,SADO,KAAK,QAAQ,GAAI,KAAK,EACX;;EAG/B,QAAQ,GAAc,GAAiC;GACnD,IAAM,IAAS,SAAS,cAAc,EAAQ,eAAe;AAC7D,KAAO,aAAa,GAAQ,EAAO;GAEnC,IAAI,IAAqC,MACnC,UAAwB;AAAE,SAAiB;MAC7C,IAAU,IACV,IAAoB,IACpB,GACA,IAAmB,IAKjB,KAAkB,MAAuB;IAC3C,IAAM,IAAa,EAAO;AAC1B,QAAI,CAAC,EAAY;IAEjB,IAAI;AACJ,QAAI;AACA,SACI,OAAO,KAAa,cAAc,CAAC,EAAgB,EAAmB,GAC/D,EAA4D,EAAI,GAChE;aACN,GAAG;AAER,KADA,QAAQ,MAAM,yEAAyE,EAAE,EACzF,IAAgB,EAAqB,GAAY,EAAO;AACxD;;AAIJ,MAAkB,EAA6B;AAC/C,QAAI;AACA,KAGI,IAHA,EAAgB,EAAG,GACH,EAAsB,GAAI,GAAY,EAAO,GAE7C,EAAG,QAAQ,GAAY,EAAO;aAE7C,GAAG;AAGR,KAFA,QAAQ,MAAM,uDAAuD,EAAE,EACvE,KAAiB,EACjB,IAAgB,EAAqB,GAAY,EAAO;cAClD;AACN,QAAkB;;MAIpB,KAAgC,MAAqB;AAGvD,IAFA,QAAQ,MAAM,kEAAkE,EAAE,EAClF,KAAiB,EACjB,IAAgB;IAChB,IAAM,IAAa,EAAO;AAC1B,IAAI,MACA,IAAgB,EAAqB,GAAY,EAAO;MAI1D,KAAwB,GAAkB,MAAsC;IAClF,IAAM,IAAK,SAAS,cAAc,MAAM;AAIxC,WAHA,EAAG,aAAa,4BAA4B,kBAAkB,EAC9D,EAAG,cAAc,oDACjB,EAAW,aAAa,GAAI,EAAO,QACtB,EAAG,QAAQ;;AAiB5B,MAb6B,MAAuB;AAC5C,UACJ,IAAU,IACN,KACA,KAAiB,EACjB,IAAgB,MAChB,EAAe,EAAI,KAEnB,IAAgB,GAChB,IAAmB;KAIW;AACtC,OAAI;AAIA,YAAyB;AACrB,SAAI,EAAgB,EAAQ,EAAE;AAC1B,SAAuB;AACvB,UAAI;AACA,WAAI;AAAE,UAAQ,UAAU;gBAAW,GAAG;AAClC,YAAI,EAAQ,QAAS,GAAQ,QAAQ,EAAE;YAAO,OAAM;;AAExD,WAAgB,EAAQ,QAAQ,CAAC,QAAQ,GAAQ,EAAO;gBAClD;AACN,UAAsB;;AAE1B,MAAK,KACD,QAAoB;AAChB,WAAI;QACA,IAAM,IAAM,EAAQ,WAAW,EACzB,IAAO;AACb,kBAAsB;AAClB,aAAI;AAAE,YAAQ,aAAa;iBAAU;AACrC,aAAI,OAAO,KAAQ,WAAY,KAAI;AAAE,aAAK;iBAAU;AACpD,cAAQ;;gBAEP,GAAG;AACR,YAAI,EAAQ,QAAS,GAAQ,QAAQ,EAAE;YAAO,OAAM;;QAE1D;WAGN,KAAgB,EAAQ,QAAQ,GAAQ,EAAO;MAErD;YACG,GAAK;AAKV,IAJA,IAAU,IACV,GAAW,EACX,IAAgB,MAChB,IAAgB,GAChB,IAAmB;aACb;AAEN,IADA,GAAkB,EAClB,IAAoB;;AASxB,UANI,MACA,GAAW,EACX,IAAgB,MAChB,EAAe,EAAc,SAGpB;AAET,IADA,KAAiB,EACjB,EAAO,QAAQ;;;EAG1B"}

package/dist/lib/elur/template/html.cjs

@@ -1,2 +1,2 @@
-const e=require(`./types.cjs`),t=require(`./bindings.cjs`);function n(e,t){let n=new Uint8Array(e.length),r=``;for(let i=0;i<e.length;i++){let a=e[i];if(n[i]===1&&(a[0]===`"`||a[0]===`'`)&&(a=a.slice(1)),i<t.length){let e=t[i];if(e.type===`node`)r+=a+`<!--elur-${i}-->`;else if(e.type===`event`){let t=`@${e.modifiers.length?`${e.eventName}.${e.modifiers.join(`.`)}`:e.eventName}=`.length+ +!!e.hadOpenQuote;r+=a.slice(0,-t)+` data-elur-e-${i}="${e.eventName}"`,e.hadOpenQuote&&(n[i+1]=1)}else{let t=`${e.attrName}=`.length+ +!!e.hadOpenQuote;r+=a.slice(0,-t)+` data-elur-a-${i}="${e.attrName}"`,e.hadOpenQuote&&(n[i+1]=1)}}else r+=a}return r}var r=new WeakMap,i=new WeakMap;function a(a,...o){let s=r.get(a);if(!s){let e=[],n=``;for(let r=0;r<a.length-1;r++)n+=a[r],e.push(t.detectContext(n)),n+=`__elur__`;s={contexts:e},r.set(a,s)}let c=s.contexts,l={version:1,strings:a,values:o,contexts:c};function u(){let e=i.get(a);if(e)return e;if(typeof document>`u`)throw Error(`[elur] DOM rendering requires a document. Use @elurjs/core/server on the server.`);let t=document.createElement(`template`);t.innerHTML=n(a,c);let r=Array(c.length).fill(null),o=t.content,s=document.createTreeWalker(o,NodeFilter.SHOW_ELEMENT|NodeFilter.SHOW_COMMENT),l=0,u;for(;u=s.nextNode();)if(l++,u.nodeType===8){let e=u.nodeValue;if(e&&e.startsWith(`elur-`)){let t=parseInt(e.slice(5),10);isNaN(t)||(r[t]={nodeIndex:l})}}else if(u.nodeType===1){let e=u,t=Array.from(e.attributes);for(let n=0;n<t.length;n++){let i=t[n],a=i.name;if(a.startsWith(`data-elur-e-`)){let t=parseInt(a.slice(12),10);isNaN(t)||(r[t]={nodeIndex:l,name:i.value}),e.removeAttribute(a);continue}if(a.startsWith(`data-elur-a-`)){let t=parseInt(a.slice(12),10);isNaN(t)||(r[t]={nodeIndex:l,name:i.value}),e.removeAttribute(a)}}}return e={tpl:t,pathMap:r},i.set(a,e),e}function d(e,n){let{tpl:r,pathMap:i}=u(),a=r.content.cloneNode(!0),{disposes:s,postMountHooks:l}=t.activateBindings(a,c,o,i),d=document.createTextNode(``),f=document.createTextNode(``);return e.insertBefore(d,n),e.insertBefore(a,n),e.insertBefore(f,n),l.forEach(e=>e()),()=>{for(let e=s.length-1;e>=0;e--)s[e]();let e=d.nextSibling;for(;e&&e!==f;){let t=e.nextSibling;e.parentNode?.removeChild(e),e=t}d.parentNode?.removeChild(d),f.parentNode?.removeChild(f)}}return{__isElurTemplate:!0,[e.ELUR_TEMPLATE_DESCRIPTOR]:l,_render:d,mount(e){let t=typeof e==`string`?document.querySelector(e):e;if(!t)throw Error(`[elur] mount: contenedor no encontrado: ${e}`);let n=d(t,null);return{unmount(){n()}}}}}exports.buildHTML=n,exports.html=a;
+const e=require(`./types.cjs`),t=require(`../next-2/mount-helpers.cjs`),n=require(`./bindings.cjs`);function r(e,t){let n=new Uint8Array(e.length),r=``;for(let i=0;i<e.length;i++){let a=e[i];if(n[i]===1&&(a[0]===`"`||a[0]===`'`)&&(a=a.slice(1)),i<t.length){let e=t[i];if(e.type===`node`)r+=a+`<!--elur-${i}-->`;else if(e.type===`event`){let t=`@${e.modifiers.length?`${e.eventName}.${e.modifiers.join(`.`)}`:e.eventName}=`.length+ +!!e.hadOpenQuote;r+=a.slice(0,-t)+` data-elur-e-${i}="${e.eventName}"`,e.hadOpenQuote&&(n[i+1]=1)}else{let t=`${e.attrName}=`.length+ +!!e.hadOpenQuote;r+=a.slice(0,-t)+` data-elur-a-${i}="${e.attrName}"`,e.hadOpenQuote&&(n[i+1]=1)}}else r+=a}return r}var i=new WeakMap,a=new WeakMap;function o(o,...s){let c=i.get(o);if(!c){let e=[],t=``;for(let r=0;r<o.length-1;r++)t+=o[r],e.push(n.detectContext(t)),t+=`__elur__`;c={contexts:e},i.set(o,c)}let l=c.contexts,u={version:1,strings:o,values:s,contexts:l};function d(){let e=a.get(o);if(e)return e;if(typeof document>`u`)throw Error(`[elur] DOM rendering requires a document. Use @elurjs/core/server on the server.`);let t=document.createElement(`template`);t.innerHTML=r(o,l);let n=Array(l.length).fill(null),i=t.content,s=document.createTreeWalker(i,NodeFilter.SHOW_ELEMENT|NodeFilter.SHOW_COMMENT),c=0,u;for(;u=s.nextNode();)if(c++,u.nodeType===8){let e=u.nodeValue;if(e&&e.startsWith(`elur-`)){let t=parseInt(e.slice(5),10);isNaN(t)||(n[t]={nodeIndex:c})}}else if(u.nodeType===1){let e=u,t=Array.from(e.attributes);for(let r=0;r<t.length;r++){let i=t[r],a=i.name;if(a.startsWith(`data-elur-e-`)){let t=parseInt(a.slice(12),10);isNaN(t)||(n[t]={nodeIndex:c,name:i.value}),e.removeAttribute(a);continue}if(a.startsWith(`data-elur-a-`)){let t=parseInt(a.slice(12),10);isNaN(t)||(n[t]={nodeIndex:c,name:i.value}),e.removeAttribute(a)}}}return e={tpl:t,pathMap:n},a.set(o,e),e}function f(e,r){return t._postMountScope(()=>{let{tpl:t,pathMap:i}=d(),a=t.content.cloneNode(!0),{disposes:o,postMountHooks:c}=n.activateBindings(a,l,s,i),u=document.createTextNode(``),f=document.createTextNode(``);return e.insertBefore(u,r),e.insertBefore(a,r),e.insertBefore(f,r),c.forEach(e=>e()),()=>{for(let e=o.length-1;e>=0;e--)o[e]();let e=u.nextSibling;for(;e&&e!==f;){let t=e.nextSibling;e.parentNode?.removeChild(e),e=t}u.parentNode?.removeChild(u),f.parentNode?.removeChild(f)}})}return{__isElurTemplate:!0,[e.ELUR_TEMPLATE_DESCRIPTOR]:u,_render:f,mount(e){let t=typeof e==`string`?document.querySelector(e):e;if(!t)throw Error(`[elur] mount: contenedor no encontrado: ${e}`);let n=f(t,null),r=!1;return{unmount(){r||(r=!0,n())}}}}}exports.buildHTML=r,exports.html=o;
 //# sourceMappingURL=html.cjs.map

package/dist/lib/elur/template/html.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"html.cjs","names":[],"sources":["../../../../src/elur/template/html.ts"],"sourcesContent":["import { ELUR_TEMPLATE_DESCRIPTOR, type ElurTemplate, type ElurMountHandle, type TemplateDescriptor } from \"./types.js\";\nimport { detectContext, activateBindings } from \"./bindings.js\";\nimport type { BindingContext } from \"./bindings.js\";\n\n// =============================================================================\n// --- Static HTML construction with markers ---\n// =============================================================================\n\n/**\n * Builds the static HTML string, replacing each interpolated value with\n * a comment marker (node), data-elur-e-N (event), or data-elur-a-N (attribute).\n */\nexport function buildHTML(\n    strings: readonly string[],\n    contexts: BindingContext[]\n): string {\n    const skipLeading = new Uint8Array(strings.length);\n    let result = \"\";\n\n    for (let i = 0; i < strings.length; i++) {\n        let s = strings[i];\n\n        if (skipLeading[i] === 1 && (s[0] === '\"' || s[0] === \"'\")) {\n            s = s.slice(1);\n        }\n\n        if (i < contexts.length) {\n            const ctx = contexts[i];\n\n            if (ctx.type === \"node\") {\n                result += s + `<!--elur-${i}-->`;\n            } else if (ctx.type === \"event\") {\n                const full = ctx.modifiers.length\n                    ? `${ctx.eventName}.${ctx.modifiers.join(\".\")}`\n                    : ctx.eventName;\n                const cut = `@${full}=`.length + (ctx.hadOpenQuote ? 1 : 0);\n                result += s.slice(0, -cut) + ` data-elur-e-${i}=\"${ctx.eventName}\"`;\n                if (ctx.hadOpenQuote) skipLeading[i + 1] = 1;\n            } else {\n                const cut =\n                    `${ctx.attrName}=`.length + (ctx.hadOpenQuote ? 1 : 0);\n                result += s.slice(0, -cut) + ` data-elur-a-${i}=\"${ctx.attrName}\"`;\n                if (ctx.hadOpenQuote) skipLeading[i + 1] = 1;\n            }\n        } else {\n            result += s;\n        }\n    }\n\n    return result;\n}\n\n// =============================================================================\n// --- Template cache ---\n// =============================================================================\n\ninterface DescriptorCache {\n    contexts: BindingContext[];\n}\n\ninterface TemplateCache {\n    tpl: HTMLTemplateElement;\n    pathMap: Array<{ nodeIndex: number; name?: string } | null>;\n}\n\nconst _descriptorCache = new WeakMap<TemplateStringsArray, DescriptorCache>();\nconst _templateCache = new WeakMap<TemplateStringsArray, TemplateCache>();\n\n// =============================================================================\n// --- html`` tag function ---\n// =============================================================================\n\nexport function html(\n    strings: TemplateStringsArray,\n    ...values: unknown[]\n): ElurTemplate {\n    // NOTE: Partial attribute interpolation (`class=\"btn ${size}\"`) is handled\n    // at compile time by @elurjs/vite-plugin-elur. Without the plugin,\n    // only full bindings (`class=${value}`) are supported.\n    let descriptorCache = _descriptorCache.get(strings);\n    if (!descriptorCache) {\n        const contexts: BindingContext[] = [];\n        let accumulated = \"\";\n        for (let i = 0; i < strings.length - 1; i++) {\n            accumulated += strings[i];\n            contexts.push(detectContext(accumulated));\n            accumulated += \"__elur__\";\n        }\n        descriptorCache = { contexts };\n        _descriptorCache.set(strings, descriptorCache);\n    }\n\n    const contexts = descriptorCache.contexts;\n    const descriptor: TemplateDescriptor = { version: 1, strings, values, contexts };\n\n    function getTemplateCache(): TemplateCache {\n        let cached = _templateCache.get(strings);\n        if (cached) return cached;\n        if (typeof document === \"undefined\") {\n            throw new Error(\"[elur] DOM rendering requires a document. Use @elurjs/core/server on the server.\");\n        }\n\n        const tpl = document.createElement(\"template\");\n        tpl.innerHTML = buildHTML(strings, contexts);\n        const pathMap = new Array<{ nodeIndex: number; name?: string } | null>(contexts.length).fill(null);\n        const root = tpl.content;\n        const walker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT);\n        let nodeIndex = 0;\n        let wNode: Node | null;\n\n        while ((wNode = walker.nextNode())) {\n            nodeIndex++;\n            if (wNode.nodeType === 8) {\n                const val = wNode.nodeValue;\n                if (val && val.startsWith(\"elur-\")) {\n                    const idx = parseInt(val.slice(5), 10);\n                    if (!isNaN(idx)) pathMap[idx] = { nodeIndex };\n                }\n            } else if (wNode.nodeType === 1) {\n                const el = wNode as Element;\n                const attrs = Array.from(el.attributes);\n                for (let i = 0; i < attrs.length; i++) {\n                    const attr = attrs[i];\n                    const name = attr.name;\n                    if (name.startsWith(\"data-elur-e-\")) {\n                        const idx = parseInt(name.slice(12), 10);\n                        if (!isNaN(idx)) pathMap[idx] = { nodeIndex, name: attr.value };\n                        el.removeAttribute(name);\n                        continue;\n                    }\n                    if (name.startsWith(\"data-elur-a-\")) {\n                        const idx = parseInt(name.slice(12), 10);\n                        if (!isNaN(idx)) pathMap[idx] = { nodeIndex, name: attr.value };\n                        el.removeAttribute(name);\n                    }\n                }\n            }\n        }\n\n        cached = { tpl, pathMap };\n        _templateCache.set(strings, cached);\n        return cached;\n    }\n\n    function _render(parent: Node, before: Node | null): () => void {\n        const { tpl, pathMap } = getTemplateCache();\n        const fragment = tpl.content.cloneNode(true) as DocumentFragment;\n\n        const { disposes, postMountHooks } = activateBindings(\n            fragment, contexts, values, pathMap\n        );\n\n        const startMarker = document.createTextNode(\"\");\n        const endMarker = document.createTextNode(\"\")\n\n        parent.insertBefore(startMarker, before);\n        parent.insertBefore(fragment, before);\n        parent.insertBefore(endMarker, before);\n\n        postMountHooks.forEach((cb) => cb());\n\n        return () => {\n            for (let i = disposes.length - 1; i >= 0; i--) {\n                disposes[i]();\n            }\n            let node = startMarker.nextSibling;\n            while (node && node !== endMarker) {\n                const next = node.nextSibling;\n                node.parentNode?.removeChild(node);\n                node = next;\n            }\n            startMarker.parentNode?.removeChild(startMarker);\n            endMarker.parentNode?.removeChild(endMarker);\n        };\n    }\n\n    const elurTemplate: ElurTemplate = {\n        __isElurTemplate: true,\n        [ELUR_TEMPLATE_DESCRIPTOR]: descriptor,\n\n        _render,\n\n        mount(container: Element | string): ElurMountHandle {\n            const el =\n                typeof container === \"string\"\n                    ? (document.querySelector(container) as Element)\n                    : container;\n\n            if (!el) {\n                throw new Error(`[elur] mount: contenedor no encontrado: ${container}`);\n            }\n\n            const cleanup = _render(el, null);\n\n            return {\n                unmount() {\n                    cleanup();\n                },\n            };\n        },\n    };\n\n    return elurTemplate;\n}\n"],"mappings":"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"}
+{"version":3,"file":"html.cjs","names":[],"sources":["../../../../src/elur/template/html.ts"],"sourcesContent":["import { ELUR_TEMPLATE_DESCRIPTOR, type ElurTemplate, type ElurMountHandle, type TemplateDescriptor } from \"./types.js\";\nimport { detectContext, activateBindings } from \"./bindings.js\";\nimport { _postMountScope } from \"./mount-helpers.js\";\nimport type { BindingContext } from \"./bindings.js\";\n\n// =============================================================================\n// --- Static HTML construction with markers ---\n// =============================================================================\n\n/**\n * Builds the static HTML string, replacing each interpolated value with\n * a comment marker (node), data-elur-e-N (event), or data-elur-a-N (attribute).\n */\nexport function buildHTML(\n    strings: readonly string[],\n    contexts: BindingContext[]\n): string {\n    const skipLeading = new Uint8Array(strings.length);\n    let result = \"\";\n\n    for (let i = 0; i < strings.length; i++) {\n        let s = strings[i];\n\n        if (skipLeading[i] === 1 && (s[0] === '\"' || s[0] === \"'\")) {\n            s = s.slice(1);\n        }\n\n        if (i < contexts.length) {\n            const ctx = contexts[i];\n\n            if (ctx.type === \"node\") {\n                result += s + `<!--elur-${i}-->`;\n            } else if (ctx.type === \"event\") {\n                const full = ctx.modifiers.length\n                    ? `${ctx.eventName}.${ctx.modifiers.join(\".\")}`\n                    : ctx.eventName;\n                const cut = `@${full}=`.length + (ctx.hadOpenQuote ? 1 : 0);\n                result += s.slice(0, -cut) + ` data-elur-e-${i}=\"${ctx.eventName}\"`;\n                if (ctx.hadOpenQuote) skipLeading[i + 1] = 1;\n            } else {\n                const cut =\n                    `${ctx.attrName}=`.length + (ctx.hadOpenQuote ? 1 : 0);\n                result += s.slice(0, -cut) + ` data-elur-a-${i}=\"${ctx.attrName}\"`;\n                if (ctx.hadOpenQuote) skipLeading[i + 1] = 1;\n            }\n        } else {\n            result += s;\n        }\n    }\n\n    return result;\n}\n\n// =============================================================================\n// --- Template cache ---\n// =============================================================================\n\ninterface DescriptorCache {\n    contexts: BindingContext[];\n}\n\ninterface TemplateCache {\n    tpl: HTMLTemplateElement;\n    pathMap: Array<{ nodeIndex: number; name?: string } | null>;\n}\n\nconst _descriptorCache = new WeakMap<TemplateStringsArray, DescriptorCache>();\nconst _templateCache = new WeakMap<TemplateStringsArray, TemplateCache>();\n\n// =============================================================================\n// --- html`` tag function ---\n// =============================================================================\n\nexport function html(\n    strings: TemplateStringsArray,\n    ...values: unknown[]\n): ElurTemplate {\n    // NOTE: Partial attribute interpolation (`class=\"btn ${size}\"`) is handled\n    // at compile time by @elurjs/vite-plugin-elur. Without the plugin,\n    // only full bindings (`class=${value}`) are supported.\n    let descriptorCache = _descriptorCache.get(strings);\n    if (!descriptorCache) {\n        const contexts: BindingContext[] = [];\n        let accumulated = \"\";\n        for (let i = 0; i < strings.length - 1; i++) {\n            accumulated += strings[i];\n            contexts.push(detectContext(accumulated));\n            accumulated += \"__elur__\";\n        }\n        descriptorCache = { contexts };\n        _descriptorCache.set(strings, descriptorCache);\n    }\n\n    const contexts = descriptorCache.contexts;\n    const descriptor: TemplateDescriptor = { version: 1, strings, values, contexts };\n\n    function getTemplateCache(): TemplateCache {\n        let cached = _templateCache.get(strings);\n        if (cached) return cached;\n        if (typeof document === \"undefined\") {\n            throw new Error(\"[elur] DOM rendering requires a document. Use @elurjs/core/server on the server.\");\n        }\n\n        const tpl = document.createElement(\"template\");\n        tpl.innerHTML = buildHTML(strings, contexts);\n        const pathMap = new Array<{ nodeIndex: number; name?: string } | null>(contexts.length).fill(null);\n        const root = tpl.content;\n        const walker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT);\n        let nodeIndex = 0;\n        let wNode: Node | null;\n\n        while ((wNode = walker.nextNode())) {\n            nodeIndex++;\n            if (wNode.nodeType === 8) {\n                const val = wNode.nodeValue;\n                if (val && val.startsWith(\"elur-\")) {\n                    const idx = parseInt(val.slice(5), 10);\n                    if (!isNaN(idx)) pathMap[idx] = { nodeIndex };\n                }\n            } else if (wNode.nodeType === 1) {\n                const el = wNode as Element;\n                const attrs = Array.from(el.attributes);\n                for (let i = 0; i < attrs.length; i++) {\n                    const attr = attrs[i];\n                    const name = attr.name;\n                    if (name.startsWith(\"data-elur-e-\")) {\n                        const idx = parseInt(name.slice(12), 10);\n                        if (!isNaN(idx)) pathMap[idx] = { nodeIndex, name: attr.value };\n                        el.removeAttribute(name);\n                        continue;\n                    }\n                    if (name.startsWith(\"data-elur-a-\")) {\n                        const idx = parseInt(name.slice(12), 10);\n                        if (!isNaN(idx)) pathMap[idx] = { nodeIndex, name: attr.value };\n                        el.removeAttribute(name);\n                    }\n                }\n            }\n        }\n\n        cached = { tpl, pathMap };\n        _templateCache.set(strings, cached);\n        return cached;\n    }\n\n    function _render(parent: Node, before: Node | null): () => void {\n        // _postMountScope: los onMount de componentes montados dentro del\n        // fragment se disparan al commit del render más externo — nunca\n        // con el subárbol todavía detached.\n        return _postMountScope(() => {\n            const { tpl, pathMap } = getTemplateCache();\n            const fragment = tpl.content.cloneNode(true) as DocumentFragment;\n\n            const { disposes, postMountHooks } = activateBindings(\n                fragment, contexts, values, pathMap\n            );\n\n            const startMarker = document.createTextNode(\"\");\n            const endMarker = document.createTextNode(\"\")\n\n            parent.insertBefore(startMarker, before);\n            parent.insertBefore(fragment, before);\n            parent.insertBefore(endMarker, before);\n\n            postMountHooks.forEach((cb) => cb());\n\n            return () => {\n                for (let i = disposes.length - 1; i >= 0; i--) {\n                    disposes[i]();\n                }\n                let node = startMarker.nextSibling;\n                while (node && node !== endMarker) {\n                    const next = node.nextSibling;\n                    node.parentNode?.removeChild(node);\n                    node = next;\n                }\n                startMarker.parentNode?.removeChild(startMarker);\n                endMarker.parentNode?.removeChild(endMarker);\n            };\n        });\n    }\n\n    const elurTemplate: ElurTemplate = {\n            __isElurTemplate: true,\n            [ELUR_TEMPLATE_DESCRIPTOR]: descriptor,\n\n            _render,\n\n            mount(container: Element | string): ElurMountHandle {\n                const el =\n                    typeof container === \"string\"\n                        ? (document.querySelector(container) as Element)\n                        : container;\n\n                if (!el) {\n                    throw new Error(`[elur] mount: contenedor no encontrado: ${container}`);\n                }\n\n                const cleanup = _render(el, null);\n\n                let done = false;\n                return {\n                    unmount() {\n                        if (done) return;\n                        done = true;\n                        cleanup();\n                    },\n                };\n            },\n        };\n\n        return elurTemplate;\n    }\n"],"mappings":"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"}

package/dist/lib/elur/template/html.js

@@ -1,7 +1,8 @@
 import { ELUR_TEMPLATE_DESCRIPTOR as e } from "./types.js";
-import { activateBindings as t, detectContext as n } from "./bindings.js";
+import { _postMountScope as t } from "../next-2/mount-helpers.js";
+import { activateBindings as n, detectContext as r } from "./bindings.js";
 //#region src/elur/template/html.ts
-function r(e, t) {
+function i(e, t) {
 	let n = new Uint8Array(e.length), r = "";
 	for (let i = 0; i < e.length; i++) {
 		let a = e[i];
@@ -19,35 +20,35 @@ function r(e, t) {
 	}
 	return r;
 }
-var i = /* @__PURE__ */ new WeakMap(), a = /* @__PURE__ */ new WeakMap();
-function o(o, ...s) {
-	let c = i.get(o);
-	if (!c) {
+var a = /* @__PURE__ */ new WeakMap(), o = /* @__PURE__ */ new WeakMap();
+function s(s, ...c) {
+	let l = a.get(s);
+	if (!l) {
 		let e = [], t = "";
-		for (let r = 0; r < o.length - 1; r++) t += o[r], e.push(n(t)), t += "__elur__";
-		c = { contexts: e }, i.set(o, c);
+		for (let n = 0; n < s.length - 1; n++) t += s[n], e.push(r(t)), t += "__elur__";
+		l = { contexts: e }, a.set(s, l);
 	}
-	let l = c.contexts, u = {
+	let u = l.contexts, d = {
 		version: 1,
-		strings: o,
-		values: s,
-		contexts: l
+		strings: s,
+		values: c,
+		contexts: u
 	};
-	function d() {
-		let e = a.get(o);
+	function f() {
+		let e = o.get(s);
 		if (e) return e;
 		if (typeof document > "u") throw Error("[elur] DOM rendering requires a document. Use @elurjs/core/server on the server.");
 		let t = document.createElement("template");
-		t.innerHTML = r(o, l);
-		let n = Array(l.length).fill(null), i = t.content, s = document.createTreeWalker(i, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT), c = 0, u;
-		for (; u = s.nextNode();) if (c++, u.nodeType === 8) {
-			let e = u.nodeValue;
+		t.innerHTML = i(s, u);
+		let n = Array(u.length).fill(null), r = t.content, a = document.createTreeWalker(r, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT), c = 0, l;
+		for (; l = a.nextNode();) if (c++, l.nodeType === 8) {
+			let e = l.nodeValue;
 			if (e && e.startsWith("elur-")) {
 				let t = parseInt(e.slice(5), 10);
 				isNaN(t) || (n[t] = { nodeIndex: c });
 			}
-		} else if (u.nodeType === 1) {
-			let e = u, t = Array.from(e.attributes);
+		} else if (l.nodeType === 1) {
+			let e = l, t = Array.from(e.attributes);
 			for (let r = 0; r < t.length; r++) {
 				let i = t[r], a = i.name;
 				if (a.startsWith("data-elur-e-")) {
@@ -70,35 +71,37 @@ function o(o, ...s) {
 		return e = {
 			tpl: t,
 			pathMap: n
-		}, a.set(o, e), e;
+		}, o.set(s, e), e;
 	}
-	function f(e, n) {
-		let { tpl: r, pathMap: i } = d(), a = r.content.cloneNode(!0), { disposes: o, postMountHooks: c } = t(a, l, s, i), u = document.createTextNode(""), f = document.createTextNode("");
-		return e.insertBefore(u, n), e.insertBefore(a, n), e.insertBefore(f, n), c.forEach((e) => e()), () => {
-			for (let e = o.length - 1; e >= 0; e--) o[e]();
-			let e = u.nextSibling;
-			for (; e && e !== f;) {
-				let t = e.nextSibling;
-				e.parentNode?.removeChild(e), e = t;
-			}
-			u.parentNode?.removeChild(u), f.parentNode?.removeChild(f);
-		};
+	function p(e, r) {
+		return t(() => {
+			let { tpl: t, pathMap: i } = f(), a = t.content.cloneNode(!0), { disposes: o, postMountHooks: s } = n(a, u, c, i), l = document.createTextNode(""), d = document.createTextNode("");
+			return e.insertBefore(l, r), e.insertBefore(a, r), e.insertBefore(d, r), s.forEach((e) => e()), () => {
+				for (let e = o.length - 1; e >= 0; e--) o[e]();
+				let e = l.nextSibling;
+				for (; e && e !== d;) {
+					let t = e.nextSibling;
+					e.parentNode?.removeChild(e), e = t;
+				}
+				l.parentNode?.removeChild(l), d.parentNode?.removeChild(d);
+			};
+		});
 	}
 	return {
 		__isElurTemplate: !0,
-		[e]: u,
-		_render: f,
+		[e]: d,
+		_render: p,
 		mount(e) {
 			let t = typeof e == "string" ? document.querySelector(e) : e;
 			if (!t) throw Error(`[elur] mount: contenedor no encontrado: ${e}`);
-			let n = f(t, null);
+			let n = p(t, null), r = !1;
 			return { unmount() {
-				n();
+				r || (r = !0, n());
 			} };
 		}
 	};
 }
 //#endregion
-export { r as buildHTML, o as html };
+export { i as buildHTML, s as html };
 
 //# sourceMappingURL=html.js.map

package/dist/lib/elur/template/html.js.map

@@ -1 +1 @@
-{"version":3,"file":"html.js","names":[],"sources":["../../../../src/elur/template/html.ts"],"sourcesContent":["import { ELUR_TEMPLATE_DESCRIPTOR, type ElurTemplate, type ElurMountHandle, type TemplateDescriptor } from \"./types.js\";\nimport { detectContext, activateBindings } from \"./bindings.js\";\nimport type { BindingContext } from \"./bindings.js\";\n\n// =============================================================================\n// --- Static HTML construction with markers ---\n// =============================================================================\n\n/**\n * Builds the static HTML string, replacing each interpolated value with\n * a comment marker (node), data-elur-e-N (event), or data-elur-a-N (attribute).\n */\nexport function buildHTML(\n    strings: readonly string[],\n    contexts: BindingContext[]\n): string {\n    const skipLeading = new Uint8Array(strings.length);\n    let result = \"\";\n\n    for (let i = 0; i < strings.length; i++) {\n        let s = strings[i];\n\n        if (skipLeading[i] === 1 && (s[0] === '\"' || s[0] === \"'\")) {\n            s = s.slice(1);\n        }\n\n        if (i < contexts.length) {\n            const ctx = contexts[i];\n\n            if (ctx.type === \"node\") {\n                result += s + `<!--elur-${i}-->`;\n            } else if (ctx.type === \"event\") {\n                const full = ctx.modifiers.length\n                    ? `${ctx.eventName}.${ctx.modifiers.join(\".\")}`\n                    : ctx.eventName;\n                const cut = `@${full}=`.length + (ctx.hadOpenQuote ? 1 : 0);\n                result += s.slice(0, -cut) + ` data-elur-e-${i}=\"${ctx.eventName}\"`;\n                if (ctx.hadOpenQuote) skipLeading[i + 1] = 1;\n            } else {\n                const cut =\n                    `${ctx.attrName}=`.length + (ctx.hadOpenQuote ? 1 : 0);\n                result += s.slice(0, -cut) + ` data-elur-a-${i}=\"${ctx.attrName}\"`;\n                if (ctx.hadOpenQuote) skipLeading[i + 1] = 1;\n            }\n        } else {\n            result += s;\n        }\n    }\n\n    return result;\n}\n\n// =============================================================================\n// --- Template cache ---\n// =============================================================================\n\ninterface DescriptorCache {\n    contexts: BindingContext[];\n}\n\ninterface TemplateCache {\n    tpl: HTMLTemplateElement;\n    pathMap: Array<{ nodeIndex: number; name?: string } | null>;\n}\n\nconst _descriptorCache = new WeakMap<TemplateStringsArray, DescriptorCache>();\nconst _templateCache = new WeakMap<TemplateStringsArray, TemplateCache>();\n\n// =============================================================================\n// --- html`` tag function ---\n// =============================================================================\n\nexport function html(\n    strings: TemplateStringsArray,\n    ...values: unknown[]\n): ElurTemplate {\n    // NOTE: Partial attribute interpolation (`class=\"btn ${size}\"`) is handled\n    // at compile time by @elurjs/vite-plugin-elur. Without the plugin,\n    // only full bindings (`class=${value}`) are supported.\n    let descriptorCache = _descriptorCache.get(strings);\n    if (!descriptorCache) {\n        const contexts: BindingContext[] = [];\n        let accumulated = \"\";\n        for (let i = 0; i < strings.length - 1; i++) {\n            accumulated += strings[i];\n            contexts.push(detectContext(accumulated));\n            accumulated += \"__elur__\";\n        }\n        descriptorCache = { contexts };\n        _descriptorCache.set(strings, descriptorCache);\n    }\n\n    const contexts = descriptorCache.contexts;\n    const descriptor: TemplateDescriptor = { version: 1, strings, values, contexts };\n\n    function getTemplateCache(): TemplateCache {\n        let cached = _templateCache.get(strings);\n        if (cached) return cached;\n        if (typeof document === \"undefined\") {\n            throw new Error(\"[elur] DOM rendering requires a document. Use @elurjs/core/server on the server.\");\n        }\n\n        const tpl = document.createElement(\"template\");\n        tpl.innerHTML = buildHTML(strings, contexts);\n        const pathMap = new Array<{ nodeIndex: number; name?: string } | null>(contexts.length).fill(null);\n        const root = tpl.content;\n        const walker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT);\n        let nodeIndex = 0;\n        let wNode: Node | null;\n\n        while ((wNode = walker.nextNode())) {\n            nodeIndex++;\n            if (wNode.nodeType === 8) {\n                const val = wNode.nodeValue;\n                if (val && val.startsWith(\"elur-\")) {\n                    const idx = parseInt(val.slice(5), 10);\n                    if (!isNaN(idx)) pathMap[idx] = { nodeIndex };\n                }\n            } else if (wNode.nodeType === 1) {\n                const el = wNode as Element;\n                const attrs = Array.from(el.attributes);\n                for (let i = 0; i < attrs.length; i++) {\n                    const attr = attrs[i];\n                    const name = attr.name;\n                    if (name.startsWith(\"data-elur-e-\")) {\n                        const idx = parseInt(name.slice(12), 10);\n                        if (!isNaN(idx)) pathMap[idx] = { nodeIndex, name: attr.value };\n                        el.removeAttribute(name);\n                        continue;\n                    }\n                    if (name.startsWith(\"data-elur-a-\")) {\n                        const idx = parseInt(name.slice(12), 10);\n                        if (!isNaN(idx)) pathMap[idx] = { nodeIndex, name: attr.value };\n                        el.removeAttribute(name);\n                    }\n                }\n            }\n        }\n\n        cached = { tpl, pathMap };\n        _templateCache.set(strings, cached);\n        return cached;\n    }\n\n    function _render(parent: Node, before: Node | null): () => void {\n        const { tpl, pathMap } = getTemplateCache();\n        const fragment = tpl.content.cloneNode(true) as DocumentFragment;\n\n        const { disposes, postMountHooks } = activateBindings(\n            fragment, contexts, values, pathMap\n        );\n\n        const startMarker = document.createTextNode(\"\");\n        const endMarker = document.createTextNode(\"\")\n\n        parent.insertBefore(startMarker, before);\n        parent.insertBefore(fragment, before);\n        parent.insertBefore(endMarker, before);\n\n        postMountHooks.forEach((cb) => cb());\n\n        return () => {\n            for (let i = disposes.length - 1; i >= 0; i--) {\n                disposes[i]();\n            }\n            let node = startMarker.nextSibling;\n            while (node && node !== endMarker) {\n                const next = node.nextSibling;\n                node.parentNode?.removeChild(node);\n                node = next;\n            }\n            startMarker.parentNode?.removeChild(startMarker);\n            endMarker.parentNode?.removeChild(endMarker);\n        };\n    }\n\n    const elurTemplate: ElurTemplate = {\n        __isElurTemplate: true,\n        [ELUR_TEMPLATE_DESCRIPTOR]: descriptor,\n\n        _render,\n\n        mount(container: Element | string): ElurMountHandle {\n            const el =\n                typeof container === \"string\"\n                    ? (document.querySelector(container) as Element)\n                    : container;\n\n            if (!el) {\n                throw new Error(`[elur] mount: contenedor no encontrado: ${container}`);\n            }\n\n            const cleanup = _render(el, null);\n\n            return {\n                unmount() {\n                    cleanup();\n                },\n            };\n        },\n    };\n\n    return elurTemplate;\n}\n"],"mappings":"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"}
+{"version":3,"file":"html.js","names":[],"sources":["../../../../src/elur/template/html.ts"],"sourcesContent":["import { ELUR_TEMPLATE_DESCRIPTOR, type ElurTemplate, type ElurMountHandle, type TemplateDescriptor } from \"./types.js\";\nimport { detectContext, activateBindings } from \"./bindings.js\";\nimport { _postMountScope } from \"./mount-helpers.js\";\nimport type { BindingContext } from \"./bindings.js\";\n\n// =============================================================================\n// --- Static HTML construction with markers ---\n// =============================================================================\n\n/**\n * Builds the static HTML string, replacing each interpolated value with\n * a comment marker (node), data-elur-e-N (event), or data-elur-a-N (attribute).\n */\nexport function buildHTML(\n    strings: readonly string[],\n    contexts: BindingContext[]\n): string {\n    const skipLeading = new Uint8Array(strings.length);\n    let result = \"\";\n\n    for (let i = 0; i < strings.length; i++) {\n        let s = strings[i];\n\n        if (skipLeading[i] === 1 && (s[0] === '\"' || s[0] === \"'\")) {\n            s = s.slice(1);\n        }\n\n        if (i < contexts.length) {\n            const ctx = contexts[i];\n\n            if (ctx.type === \"node\") {\n                result += s + `<!--elur-${i}-->`;\n            } else if (ctx.type === \"event\") {\n                const full = ctx.modifiers.length\n                    ? `${ctx.eventName}.${ctx.modifiers.join(\".\")}`\n                    : ctx.eventName;\n                const cut = `@${full}=`.length + (ctx.hadOpenQuote ? 1 : 0);\n                result += s.slice(0, -cut) + ` data-elur-e-${i}=\"${ctx.eventName}\"`;\n                if (ctx.hadOpenQuote) skipLeading[i + 1] = 1;\n            } else {\n                const cut =\n                    `${ctx.attrName}=`.length + (ctx.hadOpenQuote ? 1 : 0);\n                result += s.slice(0, -cut) + ` data-elur-a-${i}=\"${ctx.attrName}\"`;\n                if (ctx.hadOpenQuote) skipLeading[i + 1] = 1;\n            }\n        } else {\n            result += s;\n        }\n    }\n\n    return result;\n}\n\n// =============================================================================\n// --- Template cache ---\n// =============================================================================\n\ninterface DescriptorCache {\n    contexts: BindingContext[];\n}\n\ninterface TemplateCache {\n    tpl: HTMLTemplateElement;\n    pathMap: Array<{ nodeIndex: number; name?: string } | null>;\n}\n\nconst _descriptorCache = new WeakMap<TemplateStringsArray, DescriptorCache>();\nconst _templateCache = new WeakMap<TemplateStringsArray, TemplateCache>();\n\n// =============================================================================\n// --- html`` tag function ---\n// =============================================================================\n\nexport function html(\n    strings: TemplateStringsArray,\n    ...values: unknown[]\n): ElurTemplate {\n    // NOTE: Partial attribute interpolation (`class=\"btn ${size}\"`) is handled\n    // at compile time by @elurjs/vite-plugin-elur. Without the plugin,\n    // only full bindings (`class=${value}`) are supported.\n    let descriptorCache = _descriptorCache.get(strings);\n    if (!descriptorCache) {\n        const contexts: BindingContext[] = [];\n        let accumulated = \"\";\n        for (let i = 0; i < strings.length - 1; i++) {\n            accumulated += strings[i];\n            contexts.push(detectContext(accumulated));\n            accumulated += \"__elur__\";\n        }\n        descriptorCache = { contexts };\n        _descriptorCache.set(strings, descriptorCache);\n    }\n\n    const contexts = descriptorCache.contexts;\n    const descriptor: TemplateDescriptor = { version: 1, strings, values, contexts };\n\n    function getTemplateCache(): TemplateCache {\n        let cached = _templateCache.get(strings);\n        if (cached) return cached;\n        if (typeof document === \"undefined\") {\n            throw new Error(\"[elur] DOM rendering requires a document. Use @elurjs/core/server on the server.\");\n        }\n\n        const tpl = document.createElement(\"template\");\n        tpl.innerHTML = buildHTML(strings, contexts);\n        const pathMap = new Array<{ nodeIndex: number; name?: string } | null>(contexts.length).fill(null);\n        const root = tpl.content;\n        const walker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT);\n        let nodeIndex = 0;\n        let wNode: Node | null;\n\n        while ((wNode = walker.nextNode())) {\n            nodeIndex++;\n            if (wNode.nodeType === 8) {\n                const val = wNode.nodeValue;\n                if (val && val.startsWith(\"elur-\")) {\n                    const idx = parseInt(val.slice(5), 10);\n                    if (!isNaN(idx)) pathMap[idx] = { nodeIndex };\n                }\n            } else if (wNode.nodeType === 1) {\n                const el = wNode as Element;\n                const attrs = Array.from(el.attributes);\n                for (let i = 0; i < attrs.length; i++) {\n                    const attr = attrs[i];\n                    const name = attr.name;\n                    if (name.startsWith(\"data-elur-e-\")) {\n                        const idx = parseInt(name.slice(12), 10);\n                        if (!isNaN(idx)) pathMap[idx] = { nodeIndex, name: attr.value };\n                        el.removeAttribute(name);\n                        continue;\n                    }\n                    if (name.startsWith(\"data-elur-a-\")) {\n                        const idx = parseInt(name.slice(12), 10);\n                        if (!isNaN(idx)) pathMap[idx] = { nodeIndex, name: attr.value };\n                        el.removeAttribute(name);\n                    }\n                }\n            }\n        }\n\n        cached = { tpl, pathMap };\n        _templateCache.set(strings, cached);\n        return cached;\n    }\n\n    function _render(parent: Node, before: Node | null): () => void {\n        // _postMountScope: los onMount de componentes montados dentro del\n        // fragment se disparan al commit del render más externo — nunca\n        // con el subárbol todavía detached.\n        return _postMountScope(() => {\n            const { tpl, pathMap } = getTemplateCache();\n            const fragment = tpl.content.cloneNode(true) as DocumentFragment;\n\n            const { disposes, postMountHooks } = activateBindings(\n                fragment, contexts, values, pathMap\n            );\n\n            const startMarker = document.createTextNode(\"\");\n            const endMarker = document.createTextNode(\"\")\n\n            parent.insertBefore(startMarker, before);\n            parent.insertBefore(fragment, before);\n            parent.insertBefore(endMarker, before);\n\n            postMountHooks.forEach((cb) => cb());\n\n            return () => {\n                for (let i = disposes.length - 1; i >= 0; i--) {\n                    disposes[i]();\n                }\n                let node = startMarker.nextSibling;\n                while (node && node !== endMarker) {\n                    const next = node.nextSibling;\n                    node.parentNode?.removeChild(node);\n                    node = next;\n                }\n                startMarker.parentNode?.removeChild(startMarker);\n                endMarker.parentNode?.removeChild(endMarker);\n            };\n        });\n    }\n\n    const elurTemplate: ElurTemplate = {\n            __isElurTemplate: true,\n            [ELUR_TEMPLATE_DESCRIPTOR]: descriptor,\n\n            _render,\n\n            mount(container: Element | string): ElurMountHandle {\n                const el =\n                    typeof container === \"string\"\n                        ? (document.querySelector(container) as Element)\n                        : container;\n\n                if (!el) {\n                    throw new Error(`[elur] mount: contenedor no encontrado: ${container}`);\n                }\n\n                const cleanup = _render(el, null);\n\n                let done = false;\n                return {\n                    unmount() {\n                        if (done) return;\n                        done = true;\n                        cleanup();\n                    },\n                };\n            },\n        };\n\n        return elurTemplate;\n    }\n"],"mappings":"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"}

package/dist/lib/elur/template/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./elur/template/types.cjs`),t=require(`./elur/template/keyed.cjs`),n=require(`./elur/template/keyed-diff.cjs`),r=require(`./elur/template/dom-write.cjs`),i=require(`./elur/template/node-binding.cjs`),a=require(`./elur/template/sanitize.cjs`),o=require(`./elur/template/bindings.cjs`),s=require(`./elur/template/html.cjs`),c=require(`./elur/template/raw.cjs`),l=require(`./elur/template/transitions.cjs`),u=require(`./elur/template/portal.cjs`),d=require(`./elur/template/error-boundary.cjs`);exports.COMMENT=e.COMMENT,exports.ELUR_RENDER_PROTOCOL=e.ELUR_RENDER_PROTOCOL,exports.ELUR_TEMPLATE_DESCRIPTOR=e.ELUR_TEMPLATE_DESCRIPTOR,exports._activateBindingsWithNodes=o._activateBindingsWithNodes,exports._activateDelegatedEvent=o.activateDelegatedEvent,exports._activateNodeBinding=i.activateNodeBinding,exports._createKeyedMount=n.createKeyedMount,exports._ensureDelegatedEvent=o._ensureDelegatedEvent,exports._getKeyedSequence=t.getSequence,exports._queueDOMWrite=r.queueDOMWrite,exports._reconcileKeyedList=n.reconcileKeyedList,exports._setDelegatedEvent=o._setDelegatedEvent,exports.buildHTML=s.buildHTML,exports.createErrorBoundary=d.createErrorBoundary,exports.createPortalOutlet=u.createPortalOutlet,exports.html=s.html,exports.injectOutlet=u.injectOutlet,exports.isElurTemplate=e.isElurTemplate,exports.isExecutableAttrName=a.isExecutableAttrName,exports.isKeyedList=e.isKeyedList,exports.isUrlAttrName=a.isUrlAttrName,exports.portal=u.portal,exports.portalOutlet=u.portalOutlet,exports.provideOutlet=u.provideOutlet,exports.raw=c.raw,exports.ref=e.ref,exports.repeat=t.repeat,exports.sanitizeUrl=a.sanitizeUrl,exports.showWhen=o.showWhen,exports.templateFeatures=e.templateFeatures,exports.transition=l.transition;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./elur/template/types.cjs`),t=require(`./elur/next-2/mount-helpers.cjs`),n=require(`./elur/template/keyed.cjs`),r=require(`./elur/next-2/keyed-diff.cjs`),i=require(`./elur/next-2/dom-write.cjs`),a=require(`./elur/next-2/node-binding.cjs`),o=require(`./elur/template/sanitize.cjs`),s=require(`./elur/template/bindings.cjs`),c=require(`./elur/template/html.cjs`),l=require(`./elur/template/raw.cjs`),u=require(`./elur/template/transitions.cjs`),d=require(`./elur/template/portal.cjs`),f=require(`./elur/template/error-boundary.cjs`);exports.COMMENT=e.COMMENT,exports.ELUR_RENDER_PROTOCOL=e.ELUR_RENDER_PROTOCOL,exports.ELUR_TEMPLATE_DESCRIPTOR=e.ELUR_TEMPLATE_DESCRIPTOR,exports._activateBindingsWithNodes=s._activateBindingsWithNodes,exports._activateDelegatedEvent=s.activateDelegatedEvent,exports._activateNodeBinding=a.activateNodeBinding,exports._createKeyedMount=r.createKeyedMount,exports._deferOnMount=t._deferOnMount,exports._ensureDelegatedEvent=s._ensureDelegatedEvent,exports._getKeyedSequence=n.getSequence,exports._keyedItemsEqual=n._keyedItemsEqual,exports._postMountScope=t._postMountScope,exports._postMountScopeSub=t._postMountScopeSub,exports._queueDOMWrite=i.queueDOMWrite,exports._reconcileKeyedList=r.reconcileKeyedList,exports._setDelegatedEvent=s._setDelegatedEvent,exports.buildHTML=c.buildHTML,exports.createErrorBoundary=f.createErrorBoundary,exports.createPortalOutlet=d.createPortalOutlet,exports.html=c.html,exports.injectOutlet=d.injectOutlet,exports.isElurTemplate=e.isElurTemplate,exports.isExecutableAttrName=o.isExecutableAttrName,exports.isKeyedList=e.isKeyedList,exports.isUrlAttrName=o.isUrlAttrName,exports.portal=d.portal,exports.portalOutlet=d.portalOutlet,exports.provideOutlet=d.provideOutlet,exports.raw=l.raw,exports.ref=e.ref,exports.repeat=n.repeat,exports.sanitizeUrl=o.sanitizeUrl,exports.showWhen=s.showWhen,exports.templateFeatures=e.templateFeatures,exports.transition=u.transition;

package/dist/lib/elur/template/index.d.cts

@@ -7,8 +7,9 @@ export { _activateBindingsWithNodes, activateDelegatedEvent as _activateDelegate
 export { activateNodeBinding as _activateNodeBinding } from "./node-binding.js";
 export { queueDOMWrite as _queueDOMWrite } from "./dom-write.js";
 export { sanitizeUrl, isUrlAttrName, isExecutableAttrName } from "./sanitize.js";
-export { repeat, getSequence as _getKeyedSequence } from "./keyed.js";
+export { repeat, getSequence as _getKeyedSequence, _keyedItemsEqual } from "./keyed.js";
 export { createKeyedMount as _createKeyedMount, reconcileKeyedList as _reconcileKeyedList, } from "./keyed-diff.js";
+export { _postMountScope, _postMountScopeSub, _deferOnMount } from "./mount-helpers.js";
 export { transition } from "./transitions.js";
 export type { TransitionOptions } from "./transitions.js";
 export { portal, portalOutlet, createPortalOutlet, provideOutlet, injectOutlet } from "./portal.js";

package/dist/lib/elur/template/index.d.ts

@@ -7,8 +7,9 @@ export { _activateBindingsWithNodes, activateDelegatedEvent as _activateDelegate
 export { activateNodeBinding as _activateNodeBinding } from "./node-binding.js";
 export { queueDOMWrite as _queueDOMWrite } from "./dom-write.js";
 export { sanitizeUrl, isUrlAttrName, isExecutableAttrName } from "./sanitize.js";
-export { repeat, getSequence as _getKeyedSequence } from "./keyed.js";
+export { repeat, getSequence as _getKeyedSequence, _keyedItemsEqual } from "./keyed.js";
 export { createKeyedMount as _createKeyedMount, reconcileKeyedList as _reconcileKeyedList, } from "./keyed-diff.js";
+export { _postMountScope, _postMountScopeSub, _deferOnMount } from "./mount-helpers.js";
 export { transition } from "./transitions.js";
 export type { TransitionOptions } from "./transitions.js";
 export { portal, portalOutlet, createPortalOutlet, provideOutlet, injectOutlet } from "./portal.js";

package/dist/lib/elur/template/index.js

@@ -1,13 +1,14 @@
 import { COMMENT as e, ELUR_RENDER_PROTOCOL as t, ELUR_TEMPLATE_DESCRIPTOR as n, isElurTemplate as r, isKeyedList as i, ref as a, templateFeatures as o } from "./elur/template/types.js";
-import { getSequence as s, repeat as c } from "./elur/template/keyed.js";
-import { createKeyedMount as l, reconcileKeyedList as u } from "./elur/template/keyed-diff.js";
-import { queueDOMWrite as d } from "./elur/template/dom-write.js";
-import { activateNodeBinding as f } from "./elur/template/node-binding.js";
-import { isExecutableAttrName as p, isUrlAttrName as m, sanitizeUrl as h } from "./elur/template/sanitize.js";
-import { _activateBindingsWithNodes as g, _ensureDelegatedEvent as _, _setDelegatedEvent as v, activateDelegatedEvent as y, showWhen as b } from "./elur/template/bindings.js";
-import { buildHTML as x, html as S } from "./elur/template/html.js";
-import { raw as C } from "./elur/template/raw.js";
-import { transition as w } from "./elur/template/transitions.js";
-import { createPortalOutlet as T, injectOutlet as E, portal as D, portalOutlet as O, provideOutlet as k } from "./elur/template/portal.js";
-import { createErrorBoundary as A } from "./elur/template/error-boundary.js";
-export { e as COMMENT, t as ELUR_RENDER_PROTOCOL, n as ELUR_TEMPLATE_DESCRIPTOR, g as _activateBindingsWithNodes, y as _activateDelegatedEvent, f as _activateNodeBinding, l as _createKeyedMount, _ as _ensureDelegatedEvent, s as _getKeyedSequence, d as _queueDOMWrite, u as _reconcileKeyedList, v as _setDelegatedEvent, x as buildHTML, A as createErrorBoundary, T as createPortalOutlet, S as html, E as injectOutlet, r as isElurTemplate, p as isExecutableAttrName, i as isKeyedList, m as isUrlAttrName, D as portal, O as portalOutlet, k as provideOutlet, C as raw, a as ref, c as repeat, h as sanitizeUrl, b as showWhen, o as templateFeatures, w as transition };
+import { _deferOnMount as s, _postMountScope as c, _postMountScopeSub as l } from "./elur/next-2/mount-helpers.js";
+import { _keyedItemsEqual as u, getSequence as d, repeat as f } from "./elur/template/keyed.js";
+import { createKeyedMount as p, reconcileKeyedList as m } from "./elur/next-2/keyed-diff.js";
+import { queueDOMWrite as h } from "./elur/next-2/dom-write.js";
+import { activateNodeBinding as g } from "./elur/next-2/node-binding.js";
+import { isExecutableAttrName as _, isUrlAttrName as v, sanitizeUrl as y } from "./elur/template/sanitize.js";
+import { _activateBindingsWithNodes as b, _ensureDelegatedEvent as x, _setDelegatedEvent as S, activateDelegatedEvent as C, showWhen as w } from "./elur/template/bindings.js";
+import { buildHTML as T, html as E } from "./elur/template/html.js";
+import { raw as D } from "./elur/template/raw.js";
+import { transition as O } from "./elur/template/transitions.js";
+import { createPortalOutlet as k, injectOutlet as A, portal as j, portalOutlet as M, provideOutlet as N } from "./elur/template/portal.js";
+import { createErrorBoundary as P } from "./elur/template/error-boundary.js";
+export { e as COMMENT, t as ELUR_RENDER_PROTOCOL, n as ELUR_TEMPLATE_DESCRIPTOR, b as _activateBindingsWithNodes, C as _activateDelegatedEvent, g as _activateNodeBinding, p as _createKeyedMount, s as _deferOnMount, x as _ensureDelegatedEvent, d as _getKeyedSequence, u as _keyedItemsEqual, c as _postMountScope, l as _postMountScopeSub, h as _queueDOMWrite, m as _reconcileKeyedList, S as _setDelegatedEvent, T as buildHTML, P as createErrorBoundary, k as createPortalOutlet, E as html, A as injectOutlet, r as isElurTemplate, _ as isExecutableAttrName, i as isKeyedList, v as isUrlAttrName, j as portal, M as portalOutlet, N as provideOutlet, D as raw, a as ref, f as repeat, y as sanitizeUrl, w as showWhen, o as templateFeatures, O as transition };

package/dist/lib/elur/template/keyed-diff.d.cts

@@ -1,32 +1 @@
-import { type KEntry, type KeyedList } from "./types.js";
-import { type RepeatKey } from "./keyed.js";
-/**
- * Mounts a single keyed item's rendered value before `endMarker` inside `parent`.
- * Used by the DOM renderer and the hydration renderer so both engines share the
- * exact same reconciliation semantics.
- */
-export declare function createKeyedMount(ctxSnapshot: Map<unknown, unknown>[]): (rendered: unknown, parent: Node, endMarker: Node) => () => void;
-export interface KeyedDiffOptions {
-    /** Node marking the start of the keyed zone. */
-    zoneStart: Node;
-    /** End boundary; new content is inserted before this node. */
-    anchor: Node;
-    /** Live map of key → entry (start/end markers + cleanup). */
-    state: Map<RepeatKey, KEntry>;
-    /** Key order from the previous reconciliation pass. */
-    prevOrder: RepeatKey[];
-    /** The current keyed list value. */
-    list: KeyedList;
-    /** Mounts a freshly rendered item into the DOM. */
-    mount: (rendered: unknown, parent: Node, endMarker: Node) => () => void;
-    /** Context snapshot for component mounts inside the effect. */
-    ctxSnapshot?: Map<unknown, unknown>[];
-    /** Called when a duplicate key is encountered. */
-    onDuplicateKey?: (key: RepeatKey) => void;
-}
-/**
- * Reconciles a keyed list between `zoneStart` and `anchor` using the same LIS
- * algorithm used by the DOM renderer. Total replacement (O(1)) when no key
- * survives; otherwise remove/insert/move with minimal DOM operations.
- */
-export declare function reconcileKeyedList(opts: KeyedDiffOptions): void;
+export * from "../next-2/keyed-diff.js";

package/dist/lib/elur/template/keyed-diff.d.ts

@@ -1,32 +1 @@
-import { type KEntry, type KeyedList } from "./types.js";
-import { type RepeatKey } from "./keyed.js";
-/**
- * Mounts a single keyed item's rendered value before `endMarker` inside `parent`.
- * Used by the DOM renderer and the hydration renderer so both engines share the
- * exact same reconciliation semantics.
- */
-export declare function createKeyedMount(ctxSnapshot: Map<unknown, unknown>[]): (rendered: unknown, parent: Node, endMarker: Node) => () => void;
-export interface KeyedDiffOptions {
-    /** Node marking the start of the keyed zone. */
-    zoneStart: Node;
-    /** End boundary; new content is inserted before this node. */
-    anchor: Node;
-    /** Live map of key → entry (start/end markers + cleanup). */
-    state: Map<RepeatKey, KEntry>;
-    /** Key order from the previous reconciliation pass. */
-    prevOrder: RepeatKey[];
-    /** The current keyed list value. */
-    list: KeyedList;
-    /** Mounts a freshly rendered item into the DOM. */
-    mount: (rendered: unknown, parent: Node, endMarker: Node) => () => void;
-    /** Context snapshot for component mounts inside the effect. */
-    ctxSnapshot?: Map<unknown, unknown>[];
-    /** Called when a duplicate key is encountered. */
-    onDuplicateKey?: (key: RepeatKey) => void;
-}
-/**
- * Reconciles a keyed list between `zoneStart` and `anchor` using the same LIS
- * algorithm used by the DOM renderer. Total replacement (O(1)) when no key
- * survives; otherwise remove/insert/move with minimal DOM operations.
- */
-export declare function reconcileKeyedList(opts: KeyedDiffOptions): void;
+export * from "../next-2/keyed-diff.js";

package/dist/lib/elur/template/keyed.cjs

@@ -1,2 +1,2 @@
-function e(e,t,n){return{__isKeyedList:!0,items:e,keyFn:t,renderFn:n}}function t(e,t){return typeof e==`string`||typeof e==`number`?e:(console.warn(`[elur] repeat(): key at index ${t} is not a string or number (got ${typeof e}); using positional fallback. Non-serializable keys cannot preserve identity across SSR/hydration.`),`__elur-key:${t}`)}function n(e){let t=new TextEncoder().encode(e),n=``;for(let e=0;e<t.length;e+=32768)n+=String.fromCharCode(...t.subarray(e,e+32768));return btoa(n)}function r(e){let t=atob(e),n=new Uint8Array(t.length);for(let e=0;e<t.length;e++)n[e]=t.charCodeAt(e);return new TextDecoder().decode(n)}function i(e){return n(JSON.stringify(e))}function a(e){try{let t=JSON.parse(r(e));if(typeof t==`string`||typeof t==`number`)return t}catch{}return e}function o(e){let t=e.slice(),n=[0],r,i,a,o,s,c=e.length;for(r=0;r<c;r++){let c=e[r];if(c!==0){if(i=n[n.length-1],e[i]<c){t[r]=i,n.push(r);continue}for(a=0,o=n.length-1;a<o;)s=a+o>>1,e[n[s]]<c?a=s+1:o=s;c<e[n[a]]&&(a>0&&(t[r]=n[a-1]),n[a]=r)}}for(a=n.length,o=n[a-1];a-- >0;)n[a]=o,o=t[o];return n}exports.deserializeRepeatKey=a,exports.getSequence=o,exports.normalizeRepeatKey=t,exports.repeat=e,exports.serializeRepeatKey=i;
+function e(e,t,n){return{__isKeyedList:!0,items:e,keyFn:t,renderFn:n}}function t(e,t){return typeof e==`string`||typeof e==`number`?e:(console.warn(`[elur] repeat(): key at index ${t} is not a string or number (got ${typeof e}); using positional fallback. Non-serializable keys cannot preserve identity across SSR/hydration.`),`__elur-key:${t}`)}function n(e){let t=new TextEncoder().encode(e),n=``;for(let e=0;e<t.length;e+=32768)n+=String.fromCharCode(...t.subarray(e,e+32768));return btoa(n)}function r(e){let t=atob(e),n=new Uint8Array(t.length);for(let e=0;e<t.length;e++)n[e]=t.charCodeAt(e);return new TextDecoder().decode(n)}function i(e){return n(JSON.stringify(e))}function a(e){try{let t=JSON.parse(r(e));if(typeof t==`string`||typeof t==`number`)return t}catch{}return e}function o(e){let t=e.slice(),n=[0],r,i,a,o,s,c=e.length;for(r=0;r<c;r++){let c=e[r];if(c!==0){if(i=n[n.length-1],e[i]<c){t[r]=i,n.push(r);continue}for(a=0,o=n.length-1;a<o;)s=a+o>>1,e[n[s]]<c?a=s+1:o=s;c<e[n[a]]&&(a>0&&(t[r]=n[a-1]),n[a]=r)}}for(a=n.length,o=n[a-1];a-- >0;)n[a]=o,o=t[o];return n}function s(e,t){if(e===t)return!0;if(typeof e!=`object`||typeof t!=`object`||e===null||t===null)return!1;let n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(let r=0;r<n.length;r++){let i=n[r];if(e[i]!==t[i])return!1}return!0}exports._keyedItemsEqual=s,exports.deserializeRepeatKey=a,exports.getSequence=o,exports.normalizeRepeatKey=t,exports.repeat=e,exports.serializeRepeatKey=i;
 //# sourceMappingURL=keyed.cjs.map

package/dist/lib/elur/template/keyed.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"keyed.cjs","names":[],"sources":["../../../../src/elur/template/keyed.ts"],"sourcesContent":["import type { ElurTemplate, KeyedList, KEntry } from \"./types.js\";\nimport type { ElurComponent } from \"../lifecycle.js\";\n\n// =============================================================================\n// --- repeat() ---\n// =============================================================================\n\n/**\n * Creates a keyed list for efficient DOM reconciliation.\n * Use instead of `.map()` when the list changes frequently.\n */\nexport function repeat<T>(\n    items: T[],\n    keyFn: (item: T, index: number) => string | number,\n    renderFn: (item: T, index: number) => ElurTemplate | ElurComponent\n): KeyedList<T> {\n    return { __isKeyedList: true as const, items, keyFn, renderFn };\n}\n\n// =============================================================================\n// --- Key serialization for SSR/hydration markers ---\n// =============================================================================\n\nexport type RepeatKey = string | number;\n\n/**\n * Normalizes a repeat() key to a serializable form. Keys must be strings or\n * numbers to preserve identity across SSR/hydration. Anything else produces a\n * diagnostic warning and a deterministic positional fallback so that server\n * and client agree without silent `String(key)` collisions.\n */\nexport function normalizeRepeatKey(key: unknown, index: number): RepeatKey {\n    if (typeof key === \"string\" || typeof key === \"number\") return key;\n    console.warn(\n        `[elur] repeat(): key at index ${index} is not a string or number (got ${typeof key}); ` +\n            `using positional fallback. Non-serializable keys cannot preserve identity across SSR/hydration.`,\n    );\n    return `__elur-key:${index}`;\n}\n\nexport function utf8ToBase64(value: string): string {\n    const bytes = new TextEncoder().encode(value);\n    let binary = \"\";\n    for (let i = 0; i < bytes.length; i += 0x8000) {\n        binary += String.fromCharCode(...bytes.subarray(i, i + 0x8000));\n    }\n    return btoa(binary);\n}\n\nexport function utf8FromBase64(value: string): string {\n    const binary = atob(value);\n    const bytes = new Uint8Array(binary.length);\n    for (let i = 0; i < binary.length; i++) bytes[i] = binary.charCodeAt(i);\n    return new TextDecoder().decode(bytes);\n}\n\n/** Serializes a repeat() key for the SSR keyed marker (base64 JSON, safe for HTML comments). */\nexport function serializeRepeatKey(key: RepeatKey): string {\n    return utf8ToBase64(JSON.stringify(key));\n}\n\n/** Decodes a repeat() key from a keyed hydration marker. */\nexport function deserializeRepeatKey(serialized: string): RepeatKey {\n    try {\n        const parsed: unknown = JSON.parse(utf8FromBase64(serialized));\n        if (typeof parsed === \"string\" || typeof parsed === \"number\") return parsed;\n    } catch {\n        // fall through\n    }\n    return serialized;\n}\n\n// =============================================================================\n// --- Longest Increasing Subsequence (LIS) ---\n// =============================================================================\n\n/**\n * Returns the indices of the Longest Increasing Subsequence.\n * Used to minimize DOM operations during list diffing.\n */\nexport function getSequence(arr: Int32Array | number[]): number[] {\n    const p = arr.slice();\n    const result = [0];\n    let i, j, u, v, c;\n    const len = arr.length;\n    for (i = 0; i < len; i++) {\n        const arrI = arr[i];\n        if (arrI !== 0) {\n            j = result[result.length - 1];\n            if (arr[j] < arrI) {\n                p[i] = j;\n                result.push(i);\n                continue;\n            }\n            u = 0;\n            v = result.length - 1;\n            while (u < v) {\n                c = (u + v) >> 1;\n                if (arr[result[c]] < arrI) {\n                    u = c + 1;\n                } else {\n                    v = c;\n                }\n            }\n            if (arrI < arr[result[u]]) {\n                if (u > 0) {\n                    p[i] = result[u - 1];\n                }\n                result[u] = i;\n            }\n        }\n    }\n    u = result.length;\n    v = result[u - 1];\n    while (u-- > 0) {\n        result[u] = v;\n        v = p[v];\n    }\n    return result;\n}\n\nexport type { KEntry };\n"],"mappings":"AAWA,SAAgB,EACZ,EACA,EACA,EACY,CACZ,MAAO,CAAE,cAAe,GAAe,QAAO,QAAO,WAAU,CAenE,SAAgB,EAAmB,EAAc,EAA0B,CAMvE,OALI,OAAO,GAAQ,UAAY,OAAO,GAAQ,SAAiB,GAC/D,QAAQ,KACJ,iCAAiC,EAAM,kCAAkC,OAAO,EAAI,oGAEvF,CACM,cAAc,KAGzB,SAAgB,EAAa,EAAuB,CAChD,IAAM,EAAQ,IAAI,aAAa,CAAC,OAAO,EAAM,CACzC,EAAS,GACb,IAAK,IAAI,EAAI,EAAG,EAAI,EAAM,OAAQ,GAAK,MACnC,GAAU,OAAO,aAAa,GAAG,EAAM,SAAS,EAAG,EAAI,MAAO,CAAC,CAEnE,OAAO,KAAK,EAAO,CAGvB,SAAgB,EAAe,EAAuB,CAClD,IAAM,EAAS,KAAK,EAAM,CACpB,EAAQ,IAAI,WAAW,EAAO,OAAO,CAC3C,IAAK,IAAI,EAAI,EAAG,EAAI,EAAO,OAAQ,IAAK,EAAM,GAAK,EAAO,WAAW,EAAE,CACvE,OAAO,IAAI,aAAa,CAAC,OAAO,EAAM,CAI1C,SAAgB,EAAmB,EAAwB,CACvD,OAAO,EAAa,KAAK,UAAU,EAAI,CAAC,CAI5C,SAAgB,EAAqB,EAA+B,CAChE,GAAI,CACA,IAAM,EAAkB,KAAK,MAAM,EAAe,EAAW,CAAC,CAC9D,GAAI,OAAO,GAAW,UAAY,OAAO,GAAW,SAAU,OAAO,OACjE,EAGR,OAAO,EAWX,SAAgB,EAAY,EAAsC,CAC9D,IAAM,EAAI,EAAI,OAAO,CACf,EAAS,CAAC,EAAE,CACd,EAAG,EAAG,EAAG,EAAG,EACV,EAAM,EAAI,OAChB,IAAK,EAAI,EAAG,EAAI,EAAK,IAAK,CACtB,IAAM,EAAO,EAAI,GACjB,GAAI,IAAS,EAAG,CAEZ,GADA,EAAI,EAAO,EAAO,OAAS,GACvB,EAAI,GAAK,EAAM,CACf,EAAE,GAAK,EACP,EAAO,KAAK,EAAE,CACd,SAIJ,IAFA,EAAI,EACJ,EAAI,EAAO,OAAS,EACb,EAAI,GACP,EAAK,EAAI,GAAM,EACX,EAAI,EAAO,IAAM,EACjB,EAAI,EAAI,EAER,EAAI,EAGR,EAAO,EAAI,EAAO,MACd,EAAI,IACJ,EAAE,GAAK,EAAO,EAAI,IAEtB,EAAO,GAAK,IAMxB,IAFA,EAAI,EAAO,OACX,EAAI,EAAO,EAAI,GACR,KAAM,GACT,EAAO,GAAK,EACZ,EAAI,EAAE,GAEV,OAAO"}
+{"version":3,"file":"keyed.cjs","names":[],"sources":["../../../../src/elur/template/keyed.ts"],"sourcesContent":["import type { ElurTemplate, KeyedList, KEntry } from \"./types.js\";\nimport type { ElurComponent } from \"../lifecycle.js\";\n\n// =============================================================================\n// --- repeat() ---\n// =============================================================================\n\n/**\n * Creates a keyed list for efficient DOM reconciliation.\n * Use instead of `.map()` when the list changes frequently.\n */\nexport function repeat<T>(\n    items: T[],\n    keyFn: (item: T, index: number) => string | number,\n    renderFn: (item: T, index: number) => ElurTemplate | ElurComponent\n): KeyedList<T> {\n    return { __isKeyedList: true as const, items, keyFn, renderFn };\n}\n\n// =============================================================================\n// --- Key serialization for SSR/hydration markers ---\n// =============================================================================\n\nexport type RepeatKey = string | number;\n\n/**\n * Normalizes a repeat() key to a serializable form. Keys must be strings or\n * numbers to preserve identity across SSR/hydration. Anything else produces a\n * diagnostic warning and a deterministic positional fallback so that server\n * and client agree without silent `String(key)` collisions.\n */\nexport function normalizeRepeatKey(key: unknown, index: number): RepeatKey {\n    if (typeof key === \"string\" || typeof key === \"number\") return key;\n    console.warn(\n        `[elur] repeat(): key at index ${index} is not a string or number (got ${typeof key}); ` +\n        `using positional fallback. Non-serializable keys cannot preserve identity across SSR/hydration.`,\n    );\n    return `__elur-key:${index}`;\n}\n\nfunction utf8ToBase64(value: string): string {\n    const bytes = new TextEncoder().encode(value);\n    let binary = \"\";\n    for (let i = 0; i < bytes.length; i += 0x8000) {\n        binary += String.fromCharCode(...bytes.subarray(i, i + 0x8000));\n    }\n    return btoa(binary);\n}\n\nfunction utf8FromBase64(value: string): string {\n    const binary = atob(value);\n    const bytes = new Uint8Array(binary.length);\n    for (let i = 0; i < binary.length; i++) bytes[i] = binary.charCodeAt(i);\n    return new TextDecoder().decode(bytes);\n}\n\n/** Serializes a repeat() key for the SSR keyed marker (base64 JSON, safe for HTML comments). */\nexport function serializeRepeatKey(key: RepeatKey): string {\n    return utf8ToBase64(JSON.stringify(key));\n}\n\n/** Decodes a repeat() key from a keyed hydration marker. */\nexport function deserializeRepeatKey(serialized: string): RepeatKey {\n    try {\n        const parsed: unknown = JSON.parse(utf8FromBase64(serialized));\n        if (typeof parsed === \"string\" || typeof parsed === \"number\") return parsed;\n    } catch {\n        // fall through\n    }\n    return serialized;\n}\n\n// =============================================================================\n// --- Longest Increasing Subsequence (LIS) ---\n// =============================================================================\n\n/**\n * Returns the indices of the Longest Increasing Subsequence.\n * Used to minimize DOM operations during list diffing.\n */\nexport function getSequence(arr: Int32Array | number[]): number[] {\n    const p = arr.slice();\n    const result = [0];\n    let i, j, u, v, c;\n    const len = arr.length;\n    for (i = 0; i < len; i++) {\n        const arrI = arr[i];\n        if (arrI !== 0) {\n            j = result[result.length - 1];\n            if (arr[j] < arrI) {\n                p[i] = j;\n                result.push(i);\n                continue;\n            }\n            u = 0;\n            v = result.length - 1;\n            while (u < v) {\n                c = (u + v) >> 1;\n                if (arr[result[c]] < arrI) {\n                    u = c + 1;\n                } else {\n                    v = c;\n                }\n            }\n            if (arrI < arr[result[u]]) {\n                if (u > 0) {\n                    p[i] = result[u - 1];\n                }\n                result[u] = i;\n            }\n        }\n    }\n    u = result.length;\n    v = result[u - 1];\n    while (u-- > 0) {\n        result[u] = v;\n        v = p[v];\n    }\n    return result;\n}\n\n/**\n * C.16.4: igualdad shallow de items de lista — misma key + objeto nuevo con\n * campos idénticos → el row se conserva (DOM, estado, bindings). Cualquier\n * campo distinto → re-mount in-place (los bindings capturaron el objeto\n * viejo por valor y no hay accessors que actualizar). Identidad `===`\n * primero (fast path para el caso común: mismos objetos reordenados).\n *\n * @internal — usado por keyed-diff (estable y next-2) y el runtime compilado.\n */\nexport function _keyedItemsEqual(a: unknown, b: unknown): boolean {\n    if (a === b) return true;\n    if (typeof a !== \"object\" || typeof b !== \"object\" || a === null || b === null) {\n        return false;\n    }\n    const ka = Object.keys(a as object);\n    const kb = Object.keys(b as object);\n    if (ka.length !== kb.length) return false;\n    for (let i = 0; i < ka.length; i++) {\n        const k = ka[i];\n        if ((a as Record<string, unknown>)[k] !== (b as Record<string, unknown>)[k]) {\n            return false;\n        }\n    }\n    return true;\n}\n\nexport type { KEntry };\n"],"mappings":"AAWA,SAAgB,EACZ,EACA,EACA,EACY,CACZ,MAAO,CAAE,cAAe,GAAe,QAAO,QAAO,WAAU,CAenE,SAAgB,EAAmB,EAAc,EAA0B,CAMvE,OALI,OAAO,GAAQ,UAAY,OAAO,GAAQ,SAAiB,GAC/D,QAAQ,KACJ,iCAAiC,EAAM,kCAAkC,OAAO,EAAI,oGAEvF,CACM,cAAc,KAGzB,SAAS,EAAa,EAAuB,CACzC,IAAM,EAAQ,IAAI,aAAa,CAAC,OAAO,EAAM,CACzC,EAAS,GACb,IAAK,IAAI,EAAI,EAAG,EAAI,EAAM,OAAQ,GAAK,MACnC,GAAU,OAAO,aAAa,GAAG,EAAM,SAAS,EAAG,EAAI,MAAO,CAAC,CAEnE,OAAO,KAAK,EAAO,CAGvB,SAAS,EAAe,EAAuB,CAC3C,IAAM,EAAS,KAAK,EAAM,CACpB,EAAQ,IAAI,WAAW,EAAO,OAAO,CAC3C,IAAK,IAAI,EAAI,EAAG,EAAI,EAAO,OAAQ,IAAK,EAAM,GAAK,EAAO,WAAW,EAAE,CACvE,OAAO,IAAI,aAAa,CAAC,OAAO,EAAM,CAI1C,SAAgB,EAAmB,EAAwB,CACvD,OAAO,EAAa,KAAK,UAAU,EAAI,CAAC,CAI5C,SAAgB,EAAqB,EAA+B,CAChE,GAAI,CACA,IAAM,EAAkB,KAAK,MAAM,EAAe,EAAW,CAAC,CAC9D,GAAI,OAAO,GAAW,UAAY,OAAO,GAAW,SAAU,OAAO,OACjE,EAGR,OAAO,EAWX,SAAgB,EAAY,EAAsC,CAC9D,IAAM,EAAI,EAAI,OAAO,CACf,EAAS,CAAC,EAAE,CACd,EAAG,EAAG,EAAG,EAAG,EACV,EAAM,EAAI,OAChB,IAAK,EAAI,EAAG,EAAI,EAAK,IAAK,CACtB,IAAM,EAAO,EAAI,GACjB,GAAI,IAAS,EAAG,CAEZ,GADA,EAAI,EAAO,EAAO,OAAS,GACvB,EAAI,GAAK,EAAM,CACf,EAAE,GAAK,EACP,EAAO,KAAK,EAAE,CACd,SAIJ,IAFA,EAAI,EACJ,EAAI,EAAO,OAAS,EACb,EAAI,GACP,EAAK,EAAI,GAAM,EACX,EAAI,EAAO,IAAM,EACjB,EAAI,EAAI,EAER,EAAI,EAGR,EAAO,EAAI,EAAO,MACd,EAAI,IACJ,EAAE,GAAK,EAAO,EAAI,IAEtB,EAAO,GAAK,IAMxB,IAFA,EAAI,EAAO,OACX,EAAI,EAAO,EAAI,GACR,KAAM,GACT,EAAO,GAAK,EACZ,EAAI,EAAE,GAEV,OAAO,EAYX,SAAgB,EAAiB,EAAY,EAAqB,CAC9D,GAAI,IAAM,EAAG,MAAO,GACpB,GAAI,OAAO,GAAM,UAAY,OAAO,GAAM,UAAY,IAAM,MAAQ,IAAM,KACtE,MAAO,GAEX,IAAM,EAAK,OAAO,KAAK,EAAY,CAC7B,EAAK,OAAO,KAAK,EAAY,CACnC,GAAI,EAAG,SAAW,EAAG,OAAQ,MAAO,GACpC,IAAK,IAAI,EAAI,EAAG,EAAI,EAAG,OAAQ,IAAK,CAChC,IAAM,EAAI,EAAG,GACb,GAAK,EAA8B,KAAQ,EAA8B,GACrE,MAAO,GAGf,MAAO"}

package/dist/lib/elur/template/keyed.d.cts

@@ -13,8 +13,6 @@ export type RepeatKey = string | number;
  * and client agree without silent `String(key)` collisions.
  */
 export declare function normalizeRepeatKey(key: unknown, index: number): RepeatKey;
-export declare function utf8ToBase64(value: string): string;
-export declare function utf8FromBase64(value: string): string;
 /** Serializes a repeat() key for the SSR keyed marker (base64 JSON, safe for HTML comments). */
 export declare function serializeRepeatKey(key: RepeatKey): string;
 /** Decodes a repeat() key from a keyed hydration marker. */
@@ -24,4 +22,14 @@ export declare function deserializeRepeatKey(serialized: string): RepeatKey;
  * Used to minimize DOM operations during list diffing.
  */
 export declare function getSequence(arr: Int32Array | number[]): number[];
+/**
+ * C.16.4: igualdad shallow de items de lista — misma key + objeto nuevo con
+ * campos idénticos → el row se conserva (DOM, estado, bindings). Cualquier
+ * campo distinto → re-mount in-place (los bindings capturaron el objeto
+ * viejo por valor y no hay accessors que actualizar). Identidad `===`
+ * primero (fast path para el caso común: mismos objetos reordenados).
+ *
+ * @internal — usado por keyed-diff (estable y next-2) y el runtime compilado.
+ */
+export declare function _keyedItemsEqual(a: unknown, b: unknown): boolean;
 export type { KEntry };

package/dist/lib/elur/template/keyed.d.ts

@@ -13,8 +13,6 @@ export type RepeatKey = string | number;
  * and client agree without silent `String(key)` collisions.
  */
 export declare function normalizeRepeatKey(key: unknown, index: number): RepeatKey;
-export declare function utf8ToBase64(value: string): string;
-export declare function utf8FromBase64(value: string): string;
 /** Serializes a repeat() key for the SSR keyed marker (base64 JSON, safe for HTML comments). */
 export declare function serializeRepeatKey(key: RepeatKey): string;
 /** Decodes a repeat() key from a keyed hydration marker. */
@@ -24,4 +22,14 @@ export declare function deserializeRepeatKey(serialized: string): RepeatKey;
  * Used to minimize DOM operations during list diffing.
  */
 export declare function getSequence(arr: Int32Array | number[]): number[];
+/**
+ * C.16.4: igualdad shallow de items de lista — misma key + objeto nuevo con
+ * campos idénticos → el row se conserva (DOM, estado, bindings). Cualquier
+ * campo distinto → re-mount in-place (los bindings capturaron el objeto
+ * viejo por valor y no hay accessors que actualizar). Identidad `===`
+ * primero (fast path para el caso común: mismos objetos reordenados).
+ *
+ * @internal — usado por keyed-diff (estable y next-2) y el runtime compilado.
+ */
+export declare function _keyedItemsEqual(a: unknown, b: unknown): boolean;
 export type { KEntry };

package/dist/lib/elur/template/keyed.js

@@ -46,7 +46,18 @@ function o(e) {
 	for (a = n.length, o = n[a - 1]; a-- > 0;) n[a] = o, o = t[o];
 	return n;
 }
+function s(e, t) {
+	if (e === t) return !0;
+	if (typeof e != "object" || typeof t != "object" || e === null || t === null) return !1;
+	let n = Object.keys(e), r = Object.keys(t);
+	if (n.length !== r.length) return !1;
+	for (let r = 0; r < n.length; r++) {
+		let i = n[r];
+		if (e[i] !== t[i]) return !1;
+	}
+	return !0;
+}
 //#endregion
-export { a as deserializeRepeatKey, o as getSequence, t as normalizeRepeatKey, e as repeat, i as serializeRepeatKey };
+export { s as _keyedItemsEqual, a as deserializeRepeatKey, o as getSequence, t as normalizeRepeatKey, e as repeat, i as serializeRepeatKey };
 
 //# sourceMappingURL=keyed.js.map

package/dist/lib/elur/template/keyed.js.map

@@ -1 +1 @@
-{"version":3,"file":"keyed.js","names":[],"sources":["../../../../src/elur/template/keyed.ts"],"sourcesContent":["import type { ElurTemplate, KeyedList, KEntry } from \"./types.js\";\nimport type { ElurComponent } from \"../lifecycle.js\";\n\n// =============================================================================\n// --- repeat() ---\n// =============================================================================\n\n/**\n * Creates a keyed list for efficient DOM reconciliation.\n * Use instead of `.map()` when the list changes frequently.\n */\nexport function repeat<T>(\n    items: T[],\n    keyFn: (item: T, index: number) => string | number,\n    renderFn: (item: T, index: number) => ElurTemplate | ElurComponent\n): KeyedList<T> {\n    return { __isKeyedList: true as const, items, keyFn, renderFn };\n}\n\n// =============================================================================\n// --- Key serialization for SSR/hydration markers ---\n// =============================================================================\n\nexport type RepeatKey = string | number;\n\n/**\n * Normalizes a repeat() key to a serializable form. Keys must be strings or\n * numbers to preserve identity across SSR/hydration. Anything else produces a\n * diagnostic warning and a deterministic positional fallback so that server\n * and client agree without silent `String(key)` collisions.\n */\nexport function normalizeRepeatKey(key: unknown, index: number): RepeatKey {\n    if (typeof key === \"string\" || typeof key === \"number\") return key;\n    console.warn(\n        `[elur] repeat(): key at index ${index} is not a string or number (got ${typeof key}); ` +\n            `using positional fallback. Non-serializable keys cannot preserve identity across SSR/hydration.`,\n    );\n    return `__elur-key:${index}`;\n}\n\nexport function utf8ToBase64(value: string): string {\n    const bytes = new TextEncoder().encode(value);\n    let binary = \"\";\n    for (let i = 0; i < bytes.length; i += 0x8000) {\n        binary += String.fromCharCode(...bytes.subarray(i, i + 0x8000));\n    }\n    return btoa(binary);\n}\n\nexport function utf8FromBase64(value: string): string {\n    const binary = atob(value);\n    const bytes = new Uint8Array(binary.length);\n    for (let i = 0; i < binary.length; i++) bytes[i] = binary.charCodeAt(i);\n    return new TextDecoder().decode(bytes);\n}\n\n/** Serializes a repeat() key for the SSR keyed marker (base64 JSON, safe for HTML comments). */\nexport function serializeRepeatKey(key: RepeatKey): string {\n    return utf8ToBase64(JSON.stringify(key));\n}\n\n/** Decodes a repeat() key from a keyed hydration marker. */\nexport function deserializeRepeatKey(serialized: string): RepeatKey {\n    try {\n        const parsed: unknown = JSON.parse(utf8FromBase64(serialized));\n        if (typeof parsed === \"string\" || typeof parsed === \"number\") return parsed;\n    } catch {\n        // fall through\n    }\n    return serialized;\n}\n\n// =============================================================================\n// --- Longest Increasing Subsequence (LIS) ---\n// =============================================================================\n\n/**\n * Returns the indices of the Longest Increasing Subsequence.\n * Used to minimize DOM operations during list diffing.\n */\nexport function getSequence(arr: Int32Array | number[]): number[] {\n    const p = arr.slice();\n    const result = [0];\n    let i, j, u, v, c;\n    const len = arr.length;\n    for (i = 0; i < len; i++) {\n        const arrI = arr[i];\n        if (arrI !== 0) {\n            j = result[result.length - 1];\n            if (arr[j] < arrI) {\n                p[i] = j;\n                result.push(i);\n                continue;\n            }\n            u = 0;\n            v = result.length - 1;\n            while (u < v) {\n                c = (u + v) >> 1;\n                if (arr[result[c]] < arrI) {\n                    u = c + 1;\n                } else {\n                    v = c;\n                }\n            }\n            if (arrI < arr[result[u]]) {\n                if (u > 0) {\n                    p[i] = result[u - 1];\n                }\n                result[u] = i;\n            }\n        }\n    }\n    u = result.length;\n    v = result[u - 1];\n    while (u-- > 0) {\n        result[u] = v;\n        v = p[v];\n    }\n    return result;\n}\n\nexport type { KEntry };\n"],"mappings":";AAWA,SAAgB,EACZ,GACA,GACA,GACY;AACZ,QAAO;EAAE,eAAe;EAAe;EAAO;EAAO;EAAU;;AAenE,SAAgB,EAAmB,GAAc,GAA0B;AAMvE,QALI,OAAO,KAAQ,YAAY,OAAO,KAAQ,WAAiB,KAC/D,QAAQ,KACJ,iCAAiC,EAAM,kCAAkC,OAAO,EAAI,oGAEvF,EACM,cAAc;;AAGzB,SAAgB,EAAa,GAAuB;CAChD,IAAM,IAAQ,IAAI,aAAa,CAAC,OAAO,EAAM,EACzC,IAAS;AACb,MAAK,IAAI,IAAI,GAAG,IAAI,EAAM,QAAQ,KAAK,MACnC,MAAU,OAAO,aAAa,GAAG,EAAM,SAAS,GAAG,IAAI,MAAO,CAAC;AAEnE,QAAO,KAAK,EAAO;;AAGvB,SAAgB,EAAe,GAAuB;CAClD,IAAM,IAAS,KAAK,EAAM,EACpB,IAAQ,IAAI,WAAW,EAAO,OAAO;AAC3C,MAAK,IAAI,IAAI,GAAG,IAAI,EAAO,QAAQ,IAAK,GAAM,KAAK,EAAO,WAAW,EAAE;AACvE,QAAO,IAAI,aAAa,CAAC,OAAO,EAAM;;AAI1C,SAAgB,EAAmB,GAAwB;AACvD,QAAO,EAAa,KAAK,UAAU,EAAI,CAAC;;AAI5C,SAAgB,EAAqB,GAA+B;AAChE,KAAI;EACA,IAAM,IAAkB,KAAK,MAAM,EAAe,EAAW,CAAC;AAC9D,MAAI,OAAO,KAAW,YAAY,OAAO,KAAW,SAAU,QAAO;SACjE;AAGR,QAAO;;AAWX,SAAgB,EAAY,GAAsC;CAC9D,IAAM,IAAI,EAAI,OAAO,EACf,IAAS,CAAC,EAAE,EACd,GAAG,GAAG,GAAG,GAAG,GACV,IAAM,EAAI;AAChB,MAAK,IAAI,GAAG,IAAI,GAAK,KAAK;EACtB,IAAM,IAAO,EAAI;AACjB,MAAI,MAAS,GAAG;AAEZ,OADA,IAAI,EAAO,EAAO,SAAS,IACvB,EAAI,KAAK,GAAM;AAEf,IADA,EAAE,KAAK,GACP,EAAO,KAAK,EAAE;AACd;;AAIJ,QAFA,IAAI,GACJ,IAAI,EAAO,SAAS,GACb,IAAI,GAEP,CADA,IAAK,IAAI,KAAM,GACX,EAAI,EAAO,MAAM,IACjB,IAAI,IAAI,IAER,IAAI;AAGZ,GAAI,IAAO,EAAI,EAAO,QACd,IAAI,MACJ,EAAE,KAAK,EAAO,IAAI,KAEtB,EAAO,KAAK;;;AAMxB,MAFA,IAAI,EAAO,QACX,IAAI,EAAO,IAAI,IACR,MAAM,GAET,CADA,EAAO,KAAK,GACZ,IAAI,EAAE;AAEV,QAAO"}
+{"version":3,"file":"keyed.js","names":[],"sources":["../../../../src/elur/template/keyed.ts"],"sourcesContent":["import type { ElurTemplate, KeyedList, KEntry } from \"./types.js\";\nimport type { ElurComponent } from \"../lifecycle.js\";\n\n// =============================================================================\n// --- repeat() ---\n// =============================================================================\n\n/**\n * Creates a keyed list for efficient DOM reconciliation.\n * Use instead of `.map()` when the list changes frequently.\n */\nexport function repeat<T>(\n    items: T[],\n    keyFn: (item: T, index: number) => string | number,\n    renderFn: (item: T, index: number) => ElurTemplate | ElurComponent\n): KeyedList<T> {\n    return { __isKeyedList: true as const, items, keyFn, renderFn };\n}\n\n// =============================================================================\n// --- Key serialization for SSR/hydration markers ---\n// =============================================================================\n\nexport type RepeatKey = string | number;\n\n/**\n * Normalizes a repeat() key to a serializable form. Keys must be strings or\n * numbers to preserve identity across SSR/hydration. Anything else produces a\n * diagnostic warning and a deterministic positional fallback so that server\n * and client agree without silent `String(key)` collisions.\n */\nexport function normalizeRepeatKey(key: unknown, index: number): RepeatKey {\n    if (typeof key === \"string\" || typeof key === \"number\") return key;\n    console.warn(\n        `[elur] repeat(): key at index ${index} is not a string or number (got ${typeof key}); ` +\n        `using positional fallback. Non-serializable keys cannot preserve identity across SSR/hydration.`,\n    );\n    return `__elur-key:${index}`;\n}\n\nfunction utf8ToBase64(value: string): string {\n    const bytes = new TextEncoder().encode(value);\n    let binary = \"\";\n    for (let i = 0; i < bytes.length; i += 0x8000) {\n        binary += String.fromCharCode(...bytes.subarray(i, i + 0x8000));\n    }\n    return btoa(binary);\n}\n\nfunction utf8FromBase64(value: string): string {\n    const binary = atob(value);\n    const bytes = new Uint8Array(binary.length);\n    for (let i = 0; i < binary.length; i++) bytes[i] = binary.charCodeAt(i);\n    return new TextDecoder().decode(bytes);\n}\n\n/** Serializes a repeat() key for the SSR keyed marker (base64 JSON, safe for HTML comments). */\nexport function serializeRepeatKey(key: RepeatKey): string {\n    return utf8ToBase64(JSON.stringify(key));\n}\n\n/** Decodes a repeat() key from a keyed hydration marker. */\nexport function deserializeRepeatKey(serialized: string): RepeatKey {\n    try {\n        const parsed: unknown = JSON.parse(utf8FromBase64(serialized));\n        if (typeof parsed === \"string\" || typeof parsed === \"number\") return parsed;\n    } catch {\n        // fall through\n    }\n    return serialized;\n}\n\n// =============================================================================\n// --- Longest Increasing Subsequence (LIS) ---\n// =============================================================================\n\n/**\n * Returns the indices of the Longest Increasing Subsequence.\n * Used to minimize DOM operations during list diffing.\n */\nexport function getSequence(arr: Int32Array | number[]): number[] {\n    const p = arr.slice();\n    const result = [0];\n    let i, j, u, v, c;\n    const len = arr.length;\n    for (i = 0; i < len; i++) {\n        const arrI = arr[i];\n        if (arrI !== 0) {\n            j = result[result.length - 1];\n            if (arr[j] < arrI) {\n                p[i] = j;\n                result.push(i);\n                continue;\n            }\n            u = 0;\n            v = result.length - 1;\n            while (u < v) {\n                c = (u + v) >> 1;\n                if (arr[result[c]] < arrI) {\n                    u = c + 1;\n                } else {\n                    v = c;\n                }\n            }\n            if (arrI < arr[result[u]]) {\n                if (u > 0) {\n                    p[i] = result[u - 1];\n                }\n                result[u] = i;\n            }\n        }\n    }\n    u = result.length;\n    v = result[u - 1];\n    while (u-- > 0) {\n        result[u] = v;\n        v = p[v];\n    }\n    return result;\n}\n\n/**\n * C.16.4: igualdad shallow de items de lista — misma key + objeto nuevo con\n * campos idénticos → el row se conserva (DOM, estado, bindings). Cualquier\n * campo distinto → re-mount in-place (los bindings capturaron el objeto\n * viejo por valor y no hay accessors que actualizar). Identidad `===`\n * primero (fast path para el caso común: mismos objetos reordenados).\n *\n * @internal — usado por keyed-diff (estable y next-2) y el runtime compilado.\n */\nexport function _keyedItemsEqual(a: unknown, b: unknown): boolean {\n    if (a === b) return true;\n    if (typeof a !== \"object\" || typeof b !== \"object\" || a === null || b === null) {\n        return false;\n    }\n    const ka = Object.keys(a as object);\n    const kb = Object.keys(b as object);\n    if (ka.length !== kb.length) return false;\n    for (let i = 0; i < ka.length; i++) {\n        const k = ka[i];\n        if ((a as Record<string, unknown>)[k] !== (b as Record<string, unknown>)[k]) {\n            return false;\n        }\n    }\n    return true;\n}\n\nexport type { KEntry };\n"],"mappings":";AAWA,SAAgB,EACZ,GACA,GACA,GACY;AACZ,QAAO;EAAE,eAAe;EAAe;EAAO;EAAO;EAAU;;AAenE,SAAgB,EAAmB,GAAc,GAA0B;AAMvE,QALI,OAAO,KAAQ,YAAY,OAAO,KAAQ,WAAiB,KAC/D,QAAQ,KACJ,iCAAiC,EAAM,kCAAkC,OAAO,EAAI,oGAEvF,EACM,cAAc;;AAGzB,SAAS,EAAa,GAAuB;CACzC,IAAM,IAAQ,IAAI,aAAa,CAAC,OAAO,EAAM,EACzC,IAAS;AACb,MAAK,IAAI,IAAI,GAAG,IAAI,EAAM,QAAQ,KAAK,MACnC,MAAU,OAAO,aAAa,GAAG,EAAM,SAAS,GAAG,IAAI,MAAO,CAAC;AAEnE,QAAO,KAAK,EAAO;;AAGvB,SAAS,EAAe,GAAuB;CAC3C,IAAM,IAAS,KAAK,EAAM,EACpB,IAAQ,IAAI,WAAW,EAAO,OAAO;AAC3C,MAAK,IAAI,IAAI,GAAG,IAAI,EAAO,QAAQ,IAAK,GAAM,KAAK,EAAO,WAAW,EAAE;AACvE,QAAO,IAAI,aAAa,CAAC,OAAO,EAAM;;AAI1C,SAAgB,EAAmB,GAAwB;AACvD,QAAO,EAAa,KAAK,UAAU,EAAI,CAAC;;AAI5C,SAAgB,EAAqB,GAA+B;AAChE,KAAI;EACA,IAAM,IAAkB,KAAK,MAAM,EAAe,EAAW,CAAC;AAC9D,MAAI,OAAO,KAAW,YAAY,OAAO,KAAW,SAAU,QAAO;SACjE;AAGR,QAAO;;AAWX,SAAgB,EAAY,GAAsC;CAC9D,IAAM,IAAI,EAAI,OAAO,EACf,IAAS,CAAC,EAAE,EACd,GAAG,GAAG,GAAG,GAAG,GACV,IAAM,EAAI;AAChB,MAAK,IAAI,GAAG,IAAI,GAAK,KAAK;EACtB,IAAM,IAAO,EAAI;AACjB,MAAI,MAAS,GAAG;AAEZ,OADA,IAAI,EAAO,EAAO,SAAS,IACvB,EAAI,KAAK,GAAM;AAEf,IADA,EAAE,KAAK,GACP,EAAO,KAAK,EAAE;AACd;;AAIJ,QAFA,IAAI,GACJ,IAAI,EAAO,SAAS,GACb,IAAI,GAEP,CADA,IAAK,IAAI,KAAM,GACX,EAAI,EAAO,MAAM,IACjB,IAAI,IAAI,IAER,IAAI;AAGZ,GAAI,IAAO,EAAI,EAAO,QACd,IAAI,MACJ,EAAE,KAAK,EAAO,IAAI,KAEtB,EAAO,KAAK;;;AAMxB,MAFA,IAAI,EAAO,QACX,IAAI,EAAO,IAAI,IACR,MAAM,GAET,CADA,EAAO,KAAK,GACZ,IAAI,EAAE;AAEV,QAAO;;AAYX,SAAgB,EAAiB,GAAY,GAAqB;AAC9D,KAAI,MAAM,EAAG,QAAO;AACpB,KAAI,OAAO,KAAM,YAAY,OAAO,KAAM,YAAY,MAAM,QAAQ,MAAM,KACtE,QAAO;CAEX,IAAM,IAAK,OAAO,KAAK,EAAY,EAC7B,IAAK,OAAO,KAAK,EAAY;AACnC,KAAI,EAAG,WAAW,EAAG,OAAQ,QAAO;AACpC,MAAK,IAAI,IAAI,GAAG,IAAI,EAAG,QAAQ,KAAK;EAChC,IAAM,IAAI,EAAG;AACb,MAAK,EAA8B,OAAQ,EAA8B,GACrE,QAAO;;AAGf,QAAO"}