marko 6.1.5 → 6.1.7

package/dist/debug/dom.js

@@ -597,8 +597,8 @@ function init(runtimeId = "M") {
 			const render = curRenders[renderId] = renders[renderId] || renders(renderId);
 			const walk = render.w;
 			const scopeLookup = {};
-			const getScope = (id) => scopeLookup[id] || initScope(scopeLookup[id] = { ["#Id"]: +id });
-			const initGlobal = () => $global ||= {
+			const getScope = (id) => scopeLookup[id] || (+id ? initScope(scopeLookup[id] = { ["#Id"]: +id }) : initGlobal());
+			const initGlobal = () => scopeLookup[0] ||= {
 				runtimeId,
 				renderId
 			};
@@ -684,7 +684,6 @@ function init(runtimeId = "M") {
 				resumes.splice(0, i);
 				return i;
 			};
-			let $global;
 			let lastEffect;
 			let visits;
 			let visit;

package/dist/debug/dom.mjs

@@ -595,8 +595,8 @@ function init(runtimeId = "M") {
 			const render = curRenders[renderId] = renders[renderId] || renders(renderId);
 			const walk = render.w;
 			const scopeLookup = {};
-			const getScope = (id) => scopeLookup[id] || initScope(scopeLookup[id] = { ["#Id"]: +id });
-			const initGlobal = () => $global ||= {
+			const getScope = (id) => scopeLookup[id] || (+id ? initScope(scopeLookup[id] = { ["#Id"]: +id }) : initGlobal());
+			const initGlobal = () => scopeLookup[0] ||= {
 				runtimeId,
 				renderId
 			};
@@ -682,7 +682,6 @@ function init(runtimeId = "M") {
 				resumes.splice(0, i);
 				return i;
 			};
-			let $global;
 			let lastEffect;
 			let visits;
 			let visit;

package/dist/debug/html.js

@@ -382,11 +382,11 @@ var Serializer = class {
 	pendingReadyChannel() {
 		for (const mutation of this.#state.mutated) if (mutation.channel?.readyId) return mutation.channel;
 	}
-	stringifyScopes(flushes, globals, boundary, channel) {
+	stringifyScopes(flushes, boundary, channel) {
 		try {
 			this.#state.boundary = boundary;
 			this.#state.channel = channel;
-			return writeScopesRoot(this.#state, flushes, globals);
+			return writeScopesRoot(this.#state, flushes);
 		} finally {
 			this.#state.flush++;
 			this.#state.buf = [];
@@ -424,15 +424,10 @@ function getRegistered(val) {
 		scope: registered.scope
 	};
 }
-function writeScopesRoot(state, flushes, globals) {
+function writeScopesRoot(state, flushes) {
 	const { buf } = state;
 	let nextSlotId = -1;
 	let fillIndex = -1;
-	if (globals) {
-		fillIndex = buf.push("[0,") - 1;
-		writeProp(state, globals, null, "");
-		nextSlotId = 1;
-	}
 	for (const flush of flushes) {
 		const scopeId = flush[0];
 		const scope = flush[1];
@@ -2144,7 +2139,7 @@ var Chunk = class Chunk {
 		if (needsWalk) state.walkOnNextFlush = false;
 		let readyResumeScripts = this.flushReadyScripts();
 		for (let channel; channel = state.serializer.pendingReadyChannel();) {
-			const resumes = state.serializer.stringifyScopes([], 0, boundary, channel);
+			const resumes = state.serializer.stringifyScopes([], boundary, channel);
 			const deps = state.serializer.takeChannelDeps();
 			state.needsMainRuntime = true;
 			readyResumeScripts = concatScripts(readyResumeScripts, state.writeReady(channel.readyId, concatSequence(depsMarker(deps), resumes)));
@@ -2247,7 +2242,6 @@ function flushSerializer(boundary, serializeState) {
 		const { writeScopes, passiveScopes } = serializeState;
 		const isBlockingState = serializeState !== state;
 		const flushes = [];
-		let globals = 0;
 		if (passiveScopes) for (const key in passiveScopes) {
 			const props = writeScopes[key];
 			if (props) {
@@ -2257,7 +2251,12 @@ function flushSerializer(boundary, serializeState) {
 		}
 		if (!isBlockingState && !state.hasGlobals) {
 			state.hasGlobals = true;
-			globals = getFilteredGlobals(state.$global);
+			const globals = getFilteredGlobals(state.$global);
+			if (globals) flushes.push([
+				0,
+				globals,
+				globals
+			]);
 		}
 		for (const key in writeScopes) {
 			const scopeId = +key;
@@ -2268,9 +2267,9 @@ function flushSerializer(boundary, serializeState) {
 				props
 			]);
 		}
-		if (flushes.length || globals || pending) {
+		if (flushes.length || pending) {
 			if (isBlockingState && !state.hasGlobals) flushSerializerGlobals(boundary);
-			serializeState.resumes = concatSequence(serializeState.resumes, serializer.stringifyScopes(flushes, globals, boundary, serializeState));
+			serializeState.resumes = concatSequence(serializeState.resumes, serializer.stringifyScopes(flushes, boundary, serializeState));
 		}
 		serializeState.writeScopes = {};
 		serializeState.flushScopes = false;
@@ -2283,7 +2282,11 @@ function flushSerializerGlobals(boundary) {
 	if (globals) {
 		state.hasGlobals = true;
 		state.needsMainRuntime = true;
-		state.resumes = concatSequence(state.resumes, state.serializer.stringifyScopes([], globals, boundary));
+		state.resumes = concatSequence(state.resumes, state.serializer.stringifyScopes([[
+			0,
+			globals,
+			globals
+		]], boundary));
 	}
 }
 function depsMarker(deps) {
@@ -2900,7 +2903,7 @@ function writeTriggerScript(html, triggers) {
 			default: return `(e=>e?.addEventListener("${trigger.type.slice(3)}",l,{once:1}))(document.querySelector(${JSON.stringify(trigger.selector)})||l())`;
 		}
 	});
-	writeScript(`((p,h,d,l=$=>d||p.insertAdjacentHTML("afterend",d=h))=>${exprs.length > 1 ? `{${exprs.join(";")}}` : exprs[0]})(document.currentScript,${htmlStr})`);
+	writeScript(`((p,h,d,l=$=>d||p.after(new Range().createContextualFragment(d=h)))=>${exprs.length > 1 ? `{${exprs.join(";")}}` : exprs[0]})(document.currentScript,${htmlStr})`);
 }
 function toObjectExpression(options) {
 	let result = "{";

package/dist/debug/html.mjs

@@ -380,11 +380,11 @@ var Serializer = class {
 	pendingReadyChannel() {
 		for (const mutation of this.#state.mutated) if (mutation.channel?.readyId) return mutation.channel;
 	}
-	stringifyScopes(flushes, globals, boundary, channel) {
+	stringifyScopes(flushes, boundary, channel) {
 		try {
 			this.#state.boundary = boundary;
 			this.#state.channel = channel;
-			return writeScopesRoot(this.#state, flushes, globals);
+			return writeScopesRoot(this.#state, flushes);
 		} finally {
 			this.#state.flush++;
 			this.#state.buf = [];
@@ -422,15 +422,10 @@ function getRegistered(val) {
 		scope: registered.scope
 	};
 }
-function writeScopesRoot(state, flushes, globals) {
+function writeScopesRoot(state, flushes) {
 	const { buf } = state;
 	let nextSlotId = -1;
 	let fillIndex = -1;
-	if (globals) {
-		fillIndex = buf.push("[0,") - 1;
-		writeProp(state, globals, null, "");
-		nextSlotId = 1;
-	}
 	for (const flush of flushes) {
 		const scopeId = flush[0];
 		const scope = flush[1];
@@ -2142,7 +2137,7 @@ var Chunk = class Chunk {
 		if (needsWalk) state.walkOnNextFlush = false;
 		let readyResumeScripts = this.flushReadyScripts();
 		for (let channel; channel = state.serializer.pendingReadyChannel();) {
-			const resumes = state.serializer.stringifyScopes([], 0, boundary, channel);
+			const resumes = state.serializer.stringifyScopes([], boundary, channel);
 			const deps = state.serializer.takeChannelDeps();
 			state.needsMainRuntime = true;
 			readyResumeScripts = concatScripts(readyResumeScripts, state.writeReady(channel.readyId, concatSequence(depsMarker(deps), resumes)));
@@ -2245,7 +2240,6 @@ function flushSerializer(boundary, serializeState) {
 		const { writeScopes, passiveScopes } = serializeState;
 		const isBlockingState = serializeState !== state;
 		const flushes = [];
-		let globals = 0;
 		if (passiveScopes) for (const key in passiveScopes) {
 			const props = writeScopes[key];
 			if (props) {
@@ -2255,7 +2249,12 @@ function flushSerializer(boundary, serializeState) {
 		}
 		if (!isBlockingState && !state.hasGlobals) {
 			state.hasGlobals = true;
-			globals = getFilteredGlobals(state.$global);
+			const globals = getFilteredGlobals(state.$global);
+			if (globals) flushes.push([
+				0,
+				globals,
+				globals
+			]);
 		}
 		for (const key in writeScopes) {
 			const scopeId = +key;
@@ -2266,9 +2265,9 @@ function flushSerializer(boundary, serializeState) {
 				props
 			]);
 		}
-		if (flushes.length || globals || pending) {
+		if (flushes.length || pending) {
 			if (isBlockingState && !state.hasGlobals) flushSerializerGlobals(boundary);
-			serializeState.resumes = concatSequence(serializeState.resumes, serializer.stringifyScopes(flushes, globals, boundary, serializeState));
+			serializeState.resumes = concatSequence(serializeState.resumes, serializer.stringifyScopes(flushes, boundary, serializeState));
 		}
 		serializeState.writeScopes = {};
 		serializeState.flushScopes = false;
@@ -2281,7 +2280,11 @@ function flushSerializerGlobals(boundary) {
 	if (globals) {
 		state.hasGlobals = true;
 		state.needsMainRuntime = true;
-		state.resumes = concatSequence(state.resumes, state.serializer.stringifyScopes([], globals, boundary));
+		state.resumes = concatSequence(state.resumes, state.serializer.stringifyScopes([[
+			0,
+			globals,
+			globals
+		]], boundary));
 	}
 }
 function depsMarker(deps) {
@@ -2898,7 +2901,7 @@ function writeTriggerScript(html, triggers) {
 			default: return `(e=>e?.addEventListener("${trigger.type.slice(3)}",l,{once:1}))(document.querySelector(${JSON.stringify(trigger.selector)})||l())`;
 		}
 	});
-	writeScript(`((p,h,d,l=$=>d||p.insertAdjacentHTML("afterend",d=h))=>${exprs.length > 1 ? `{${exprs.join(";")}}` : exprs[0]})(document.currentScript,${htmlStr})`);
+	writeScript(`((p,h,d,l=$=>d||p.after(new Range().createContextualFragment(d=h)))=>${exprs.length > 1 ? `{${exprs.join(";")}}` : exprs[0]})(document.currentScript,${htmlStr})`);
 }
 function toObjectExpression(options) {
 	let result = "{";

package/dist/dom.js

@@ -434,7 +434,7 @@ function init(runtimeId = "M") {
 	if (curRenders) return;
 	let renders = self[runtimeId], defineRuntime = (desc) => Object.defineProperty(self, runtimeId, desc), initRuntime = (renders) => {
 		defineRuntime({ value: curRenders = ((renderId) => {
-			let render = curRenders[renderId] = renders[renderId] || renders(renderId), walk = render.w, scopeLookup = {}, getScope = (id) => scopeLookup[id] || initScope(scopeLookup[id] = { L: +id }), initGlobal = () => $global ||= {
+			let render = curRenders[renderId] = renders[renderId] || renders(renderId), walk = render.w, scopeLookup = {}, getScope = (id) => scopeLookup[id] || (+id ? initScope(scopeLookup[id] = { L: +id }) : initGlobal()), initGlobal = () => scopeLookup[0] ||= {
 				runtimeId,
 				renderId
 			}, initScope = (scope) => (scope.$ = initGlobal(), branchesEnabled && scope.G && (scope.F = getScope(scope.G)), scope), applyScopes = (partials) => {
@@ -471,7 +471,7 @@ function init(runtimeId = "M") {
 					}
 				}
 				return resumes.splice(0, i), i;
-			}, $global, lastEffect, visits, visit, visitText, visitType, visitScope, lastToken, lastTokenIndex, visitBranches, embedAnchor;
+			}, lastEffect, visits, visit, visitText, visitType, visitScope, lastToken, lastTokenIndex, visitBranches, embedAnchor;
 			return serializeContext._ = registeredValues, render.m = (effects) => {
 				if (processResumes(render.r, effects), readyIds && render.b) for (let progress = 1; progress;) {
 					progress = 0;

package/dist/dom.mjs

@@ -433,7 +433,7 @@ function init(runtimeId = "M") {
 	if (curRenders) return;
 	let renders = self[runtimeId], defineRuntime = (desc) => Object.defineProperty(self, runtimeId, desc), initRuntime = (renders) => {
 		defineRuntime({ value: curRenders = ((renderId) => {
-			let render = curRenders[renderId] = renders[renderId] || renders(renderId), walk = render.w, scopeLookup = {}, getScope = (id) => scopeLookup[id] || initScope(scopeLookup[id] = { L: +id }), initGlobal = () => $global ||= {
+			let render = curRenders[renderId] = renders[renderId] || renders(renderId), walk = render.w, scopeLookup = {}, getScope = (id) => scopeLookup[id] || (+id ? initScope(scopeLookup[id] = { L: +id }) : initGlobal()), initGlobal = () => scopeLookup[0] ||= {
 				runtimeId,
 				renderId
 			}, initScope = (scope) => (scope.$ = initGlobal(), branchesEnabled && scope.G && (scope.F = getScope(scope.G)), scope), applyScopes = (partials) => {
@@ -470,7 +470,7 @@ function init(runtimeId = "M") {
 					}
 				}
 				return resumes.splice(0, i), i;
-			}, $global, lastEffect, visits, visit, visitText, visitType, visitScope, lastToken, lastTokenIndex, visitBranches, embedAnchor;
+			}, lastEffect, visits, visit, visitText, visitType, visitScope, lastToken, lastTokenIndex, visitBranches, embedAnchor;
 			return serializeContext._ = registeredValues, render.m = (effects) => {
 				if (processResumes(render.r, effects), readyIds && render.b) for (let progress = 1; progress;) {
 					progress = 0;

package/dist/html/serializer.d.ts

@@ -10,7 +10,7 @@ export declare class Serializer {
     #private;
     pending(channel?: SerializeChannel): boolean;
     pendingReadyChannel(): SerializeChannel | undefined;
-    stringifyScopes(flushes: ScopeFlush[], globals: object | 0, boundary: Boundary, channel?: SerializeChannel): string;
+    stringifyScopes(flushes: ScopeFlush[], boundary: Boundary, channel?: SerializeChannel): string;
     written(val: WeakKey): boolean;
     takeChannelDeps(): Set<string> | null;
     writeCall(value: unknown, object: unknown, property: string, channel?: SerializeChannel): void;

package/dist/html.js

@@ -422,9 +422,9 @@ var State$1 = class {
 	pendingReadyChannel() {
 		for (let mutation of this.#state.mutated) if (mutation.channel?.readyId) return mutation.channel;
 	}
-	stringifyScopes(flushes, globals, boundary, channel) {
+	stringifyScopes(flushes, boundary, channel) {
 		try {
-			return this.#state.boundary = boundary, this.#state.channel = channel, writeScopesRoot(this.#state, flushes, globals);
+			return this.#state.boundary = boundary, this.#state.channel = channel, writeScopesRoot(this.#state, flushes);
 		} finally {
 			this.#state.flush++, this.#state.buf = [];
 		}
@@ -459,9 +459,8 @@ function getRegistered(val) {
 		scope: registered.scope
 	};
 }
-function writeScopesRoot(state, flushes, globals) {
+function writeScopesRoot(state, flushes) {
 	let { buf } = state, nextSlotId = -1, fillIndex = -1;
-	globals && (fillIndex = buf.push("[0,") - 1, writeProp(state, globals, null, ""), nextSlotId = 1);
 	for (let flush of flushes) {
 		let scopeId = flush[0], scope = flush[1], ref = state.refs.get(scope) || newScopeReference(state, scope, scopeId), openIndex = buf.push("") - 1;
 		writeObjectProps(state, flush[2], ref) ? (buf[openIndex] = nextSlotId === -1 ? "[" + scopeId + ",{" : (scopeId > nextSlotId ? "," + (scopeId - nextSlotId) : "") + ",{", fillIndex === -1 && (fillIndex = openIndex), nextSlotId = scopeId + 1, buf.push("}")) : buf.pop();
@@ -1464,7 +1463,7 @@ var State = class {
 		needsWalk && (state.walkOnNextFlush = !1);
 		let readyResumeScripts = this.flushReadyScripts();
 		for (let channel; channel = state.serializer.pendingReadyChannel();) {
-			let resumes = state.serializer.stringifyScopes([], 0, boundary, channel), deps = state.serializer.takeChannelDeps();
+			let resumes = state.serializer.stringifyScopes([], boundary, channel), deps = state.serializer.takeChannelDeps();
 			state.needsMainRuntime = !0, readyResumeScripts = concatScripts(readyResumeScripts, state.writeReady(channel.readyId, concatSequence(depsMarker(deps), resumes)));
 		}
 		readyResumeScripts && (needsWalk = !0);
@@ -1497,12 +1496,20 @@ var State = class {
 function flushSerializer(boundary, serializeState) {
 	let { state } = boundary, { serializer } = state, pending = serializer.pending(serializeState);
 	if (serializeState.flushScopes || pending) {
-		let { writeScopes, passiveScopes } = serializeState, isBlockingState = serializeState !== state, flushes = [], globals = 0;
+		let { writeScopes, passiveScopes } = serializeState, isBlockingState = serializeState !== state, flushes = [];
 		if (passiveScopes) for (let key in passiveScopes) {
 			let props = writeScopes[key];
 			props && (writeScopes[key] = Object.assign(passiveScopes[key], props), delete passiveScopes[key]);
 		}
-		!isBlockingState && !state.hasGlobals && (state.hasGlobals = !0, globals = getFilteredGlobals(state.$global));
+		if (!isBlockingState && !state.hasGlobals) {
+			state.hasGlobals = !0;
+			let globals = getFilteredGlobals(state.$global);
+			globals && flushes.push([
+				0,
+				globals,
+				globals
+			]);
+		}
 		for (let key in writeScopes) {
 			let scopeId = +key, props = writeScopes[scopeId];
 			Object.getOwnPropertyNames(props).length && flushes.push([
@@ -1511,12 +1518,16 @@ function flushSerializer(boundary, serializeState) {
 				props
 			]);
 		}
-		(flushes.length || globals || pending) && (isBlockingState && !state.hasGlobals && flushSerializerGlobals(boundary), serializeState.resumes = concatSequence(serializeState.resumes, serializer.stringifyScopes(flushes, globals, boundary, serializeState))), serializeState.writeScopes = {}, serializeState.flushScopes = !1, pending && (state.walkOnNextFlush = !0);
+		(flushes.length || pending) && (isBlockingState && !state.hasGlobals && flushSerializerGlobals(boundary), serializeState.resumes = concatSequence(serializeState.resumes, serializer.stringifyScopes(flushes, boundary, serializeState))), serializeState.writeScopes = {}, serializeState.flushScopes = !1, pending && (state.walkOnNextFlush = !0);
 	}
 }
 function flushSerializerGlobals(boundary) {
 	let { state } = boundary, globals = getFilteredGlobals(state.$global);
-	globals && (state.hasGlobals = !0, state.needsMainRuntime = !0, state.resumes = concatSequence(state.resumes, state.serializer.stringifyScopes([], globals, boundary)));
+	globals && (state.hasGlobals = !0, state.needsMainRuntime = !0, state.resumes = concatSequence(state.resumes, state.serializer.stringifyScopes([[
+		0,
+		globals,
+		globals
+	]], boundary)));
 }
 function depsMarker(deps) {
 	let marker = "";
@@ -1930,7 +1941,7 @@ function writeTriggerScript(html, triggers) {
 			default: return `(e=>e?.addEventListener("${trigger.type.slice(3)}",l,{once:1}))(document.querySelector(${JSON.stringify(trigger.selector)})||l())`;
 		}
 	});
-	writeScript(`((p,h,d,l=$=>d||p.insertAdjacentHTML("afterend",d=h))=>${exprs.length > 1 ? `{${exprs.join(";")}}` : exprs[0]})(document.currentScript,${htmlStr})`);
+	writeScript(`((p,h,d,l=$=>d||p.after(new Range().createContextualFragment(d=h)))=>${exprs.length > 1 ? `{${exprs.join(";")}}` : exprs[0]})(document.currentScript,${htmlStr})`);
 }
 function toObjectExpression(options) {
 	let result = "{", sep = "";

package/dist/html.mjs

@@ -421,9 +421,9 @@ var State$1 = class {
 	pendingReadyChannel() {
 		for (let mutation of this.#state.mutated) if (mutation.channel?.readyId) return mutation.channel;
 	}
-	stringifyScopes(flushes, globals, boundary, channel) {
+	stringifyScopes(flushes, boundary, channel) {
 		try {
-			return this.#state.boundary = boundary, this.#state.channel = channel, writeScopesRoot(this.#state, flushes, globals);
+			return this.#state.boundary = boundary, this.#state.channel = channel, writeScopesRoot(this.#state, flushes);
 		} finally {
 			this.#state.flush++, this.#state.buf = [];
 		}
@@ -458,9 +458,8 @@ function getRegistered(val) {
 		scope: registered.scope
 	};
 }
-function writeScopesRoot(state, flushes, globals) {
+function writeScopesRoot(state, flushes) {
 	let { buf } = state, nextSlotId = -1, fillIndex = -1;
-	globals && (fillIndex = buf.push("[0,") - 1, writeProp(state, globals, null, ""), nextSlotId = 1);
 	for (let flush of flushes) {
 		let scopeId = flush[0], scope = flush[1], ref = state.refs.get(scope) || newScopeReference(state, scope, scopeId), openIndex = buf.push("") - 1;
 		writeObjectProps(state, flush[2], ref) ? (buf[openIndex] = nextSlotId === -1 ? "[" + scopeId + ",{" : (scopeId > nextSlotId ? "," + (scopeId - nextSlotId) : "") + ",{", fillIndex === -1 && (fillIndex = openIndex), nextSlotId = scopeId + 1, buf.push("}")) : buf.pop();
@@ -1463,7 +1462,7 @@ var State = class {
 		needsWalk && (state.walkOnNextFlush = !1);
 		let readyResumeScripts = this.flushReadyScripts();
 		for (let channel; channel = state.serializer.pendingReadyChannel();) {
-			let resumes = state.serializer.stringifyScopes([], 0, boundary, channel), deps = state.serializer.takeChannelDeps();
+			let resumes = state.serializer.stringifyScopes([], boundary, channel), deps = state.serializer.takeChannelDeps();
 			state.needsMainRuntime = !0, readyResumeScripts = concatScripts(readyResumeScripts, state.writeReady(channel.readyId, concatSequence(depsMarker(deps), resumes)));
 		}
 		readyResumeScripts && (needsWalk = !0);
@@ -1496,12 +1495,20 @@ var State = class {
 function flushSerializer(boundary, serializeState) {
 	let { state } = boundary, { serializer } = state, pending = serializer.pending(serializeState);
 	if (serializeState.flushScopes || pending) {
-		let { writeScopes, passiveScopes } = serializeState, isBlockingState = serializeState !== state, flushes = [], globals = 0;
+		let { writeScopes, passiveScopes } = serializeState, isBlockingState = serializeState !== state, flushes = [];
 		if (passiveScopes) for (let key in passiveScopes) {
 			let props = writeScopes[key];
 			props && (writeScopes[key] = Object.assign(passiveScopes[key], props), delete passiveScopes[key]);
 		}
-		!isBlockingState && !state.hasGlobals && (state.hasGlobals = !0, globals = getFilteredGlobals(state.$global));
+		if (!isBlockingState && !state.hasGlobals) {
+			state.hasGlobals = !0;
+			let globals = getFilteredGlobals(state.$global);
+			globals && flushes.push([
+				0,
+				globals,
+				globals
+			]);
+		}
 		for (let key in writeScopes) {
 			let scopeId = +key, props = writeScopes[scopeId];
 			Object.getOwnPropertyNames(props).length && flushes.push([
@@ -1510,12 +1517,16 @@ function flushSerializer(boundary, serializeState) {
 				props
 			]);
 		}
-		(flushes.length || globals || pending) && (isBlockingState && !state.hasGlobals && flushSerializerGlobals(boundary), serializeState.resumes = concatSequence(serializeState.resumes, serializer.stringifyScopes(flushes, globals, boundary, serializeState))), serializeState.writeScopes = {}, serializeState.flushScopes = !1, pending && (state.walkOnNextFlush = !0);
+		(flushes.length || pending) && (isBlockingState && !state.hasGlobals && flushSerializerGlobals(boundary), serializeState.resumes = concatSequence(serializeState.resumes, serializer.stringifyScopes(flushes, boundary, serializeState))), serializeState.writeScopes = {}, serializeState.flushScopes = !1, pending && (state.walkOnNextFlush = !0);
 	}
 }
 function flushSerializerGlobals(boundary) {
 	let { state } = boundary, globals = getFilteredGlobals(state.$global);
-	globals && (state.hasGlobals = !0, state.needsMainRuntime = !0, state.resumes = concatSequence(state.resumes, state.serializer.stringifyScopes([], globals, boundary)));
+	globals && (state.hasGlobals = !0, state.needsMainRuntime = !0, state.resumes = concatSequence(state.resumes, state.serializer.stringifyScopes([[
+		0,
+		globals,
+		globals
+	]], boundary)));
 }
 function depsMarker(deps) {
 	let marker = "";
@@ -1929,7 +1940,7 @@ function writeTriggerScript(html, triggers) {
 			default: return `(e=>e?.addEventListener("${trigger.type.slice(3)}",l,{once:1}))(document.querySelector(${JSON.stringify(trigger.selector)})||l())`;
 		}
 	});
-	writeScript(`((p,h,d,l=$=>d||p.insertAdjacentHTML("afterend",d=h))=>${exprs.length > 1 ? `{${exprs.join(";")}}` : exprs[0]})(document.currentScript,${htmlStr})`);
+	writeScript(`((p,h,d,l=$=>d||p.after(new Range().createContextualFragment(d=h)))=>${exprs.length > 1 ? `{${exprs.join(";")}}` : exprs[0]})(document.currentScript,${htmlStr})`);
 }
 function toObjectExpression(options) {
 	let result = "{", sep = "";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "marko",
-  "version": "6.1.5",
+  "version": "6.1.7",
   "description": "Optimized runtime for Marko templates.",
   "keywords": [
     "api",