marko 6.0.155 → 6.0.156

package/dist/dom.js

@@ -105,6 +105,7 @@ __export(dom_exports, {
   forTo: () => forTo,
   forUntil: () => forUntil,
   init: () => init,
+  initEmbedded: () => initEmbedded,
   run: () => run
 });
 module.exports = __toCommonJS(dom_exports);
@@ -187,7 +188,7 @@ function normalizeDynamicRenderer(value) {
   if (value) {
     if (typeof value == "string") return value;
     let normalized = value.content || value.default || value;
-    if (/* @__KEY__ */ "f" in normalized)
+    if (/* @__KEY__ */ "g" in normalized)
       return normalized;
   }
 }
@@ -275,10 +276,13 @@ function findBranchWithKey(scope, key) {
 function destroyBranch(branch) {
   branch.N?.D?.delete(
     branch
-  ), destroyNestedBranches(branch);
+  ), destroyNestedScopes(branch);
 }
-function destroyNestedBranches(branch) {
-  branch.I = 1, branch.D?.forEach(destroyNestedBranches), branch.B?.forEach(resetControllers);
+function destroyScope(scope) {
+  scope.I || (destroyNestedScopes(scope), resetControllers(scope));
+}
+function destroyNestedScopes(scope) {
+  scope.I = 1, scope.D?.forEach(destroyNestedScopes), scope.B?.forEach(resetControllers);
 }
 function resetControllers(scope) {
   for (let id in scope.A)
@@ -372,9 +376,9 @@ function subscribeToScopeSet(ownerScope, accessor, scope) {
   ));
 }
 function _closure(...closureSignals) {
-  let [{ l: ___scopeInstancesAccessor, n: ___signalIndexAccessor }] = closureSignals;
+  let [{ o: ___scopeInstancesAccessor, q: ___signalIndexAccessor }] = closureSignals;
   for (let i = closureSignals.length; i--; )
-    closureSignals[i].t = i;
+    closureSignals[i].x = i;
   return (scope) => {
     if (scope[___scopeInstancesAccessor])
       for (let childScope of scope[___scopeInstancesAccessor])
@@ -388,13 +392,13 @@ function _closure(...closureSignals) {
 function _closure_get(valueAccessor, fn, getOwnerScope, resumeId) {
   valueAccessor = decodeAccessor(valueAccessor);
   let closureSignal = ((scope) => {
-    scope[closureSignal.n] = closureSignal.t, fn(scope), subscribeToScopeSet(
+    scope[closureSignal.q] = closureSignal.x, fn(scope), subscribeToScopeSet(
       getOwnerScope ? getOwnerScope(scope) : scope._,
-      closureSignal.l,
+      closureSignal.o,
       scope
     );
   });
-  return closureSignal.l = "B" /* ClosureScopes */ + valueAccessor, closureSignal.n = "C" /* ClosureSignalIndex */ + valueAccessor, resumeId && _resume(resumeId, closureSignal), closureSignal;
+  return closureSignal.o = "B" /* ClosureScopes */ + valueAccessor, closureSignal.q = "C" /* ClosureSignalIndex */ + valueAccessor, resumeId && _resume(resumeId, closureSignal), closureSignal;
 }
 function _child_setup(setup) {
   return setup._ = (scope, owner) => {
@@ -486,7 +490,7 @@ function walkInternal(currentWalkIndex, walkCodes, scope) {
 // src/dom/renderer.ts
 function createBranch($global, renderer, parentScope, parentNode) {
   let branch = createScope($global);
-  return branch._ = renderer.e || parentScope, setParentBranch(branch, parentScope?.F), renderer.j?.(
+  return branch._ = renderer.f || parentScope, setParentBranch(branch, parentScope?.F), renderer.k?.(
     branch,
     parentNode.namespaceURI
   ), branch;
@@ -501,7 +505,7 @@ function createAndSetupBranch($global, renderer, parentScope, parentNode) {
   );
 }
 function setupBranch(renderer, branch) {
-  return renderer.k && queueRender(branch, renderer.k, -1), branch;
+  return renderer.l && queueRender(branch, renderer.l, -1), branch;
 }
 function _content(id, template, walks, setup, params, dynamicScopesAccessor) {
   walks = walks ? walks.replace(/[^\0-1]+$/, "") : "", setup = setup ? setup._ || setup : void 0, params ||= void 0;
@@ -518,12 +522,12 @@ function _content(id, template, walks, setup, params, dynamicScopesAccessor) {
     );
   };
   return (owner) => ({
-    f: id,
-    j: clone,
-    e: owner,
-    k: setup,
-    b: params,
-    d: dynamicScopesAccessor
+    g: id,
+    k: clone,
+    f: owner,
+    l: setup,
+    d: params,
+    e: dynamicScopesAccessor
   });
 }
 function _content_resume(id, template, walks, setup, params, dynamicScopesAccessor) {
@@ -538,7 +542,7 @@ function _content_closures(renderer, closureFns) {
     closureSignals[key] = _const(+key, closureFns[key]);
   return (owner, closureValues) => {
     let instance = renderer(owner);
-    return instance.g = closureSignals, instance.o = closureValues, instance;
+    return instance.h = closureSignals, instance.t = closureValues, instance;
   };
 }
 var cloneCache = {};
@@ -557,12 +561,31 @@ function createCloneableHTML(html, ns) {
 }
 
 // src/dom/resume.ts
-var registeredValues = {}, branchesEnabled;
+var registeredValues = {}, curRuntimeId, readyLookup, branchesEnabled, embedEnabled;
 function enableBranches() {
   branchesEnabled = 1;
 }
+var ready = /* @__PURE__ */ ((_) => (id) => {
+  readyLookup[id]?.(), readyLookup[id] = 1;
+})(readyLookup = {});
+function initEmbedded(readyId, runtimeId) {
+  embedEnabled = 1, ready(readyId), init(runtimeId), new MutationObserver(() => {
+    let renders = self[curRuntimeId];
+    for (let renderId in renders) {
+      let { s, n } = renders[renderId];
+      if (n && !n.isConnected) {
+        delete renders[renderId];
+        for (let id in s)
+          destroyScope(s[id]);
+      }
+    }
+  }).observe(document.body, { childList: !0, subtree: !0 });
+}
 function init(runtimeId = "M") {
-  let renders = self[runtimeId], defineRuntime = (desc) => Object.defineProperty(self, runtimeId, desc), resumeRender, initRuntime = (renders2) => {
+  if (curRuntimeId)
+    return;
+  curRuntimeId = runtimeId;
+  let resumeRender, renders = self[runtimeId], defineRuntime = (desc) => Object.defineProperty(self, runtimeId, desc), initRuntime = (renders2) => {
     defineRuntime({
       value: resumeRender = ((renderId) => {
         let render = resumeRender[renderId] = renders2[renderId] || renders2(renderId), walk2 = render.w, scopeLookup = render.s = {}, getScope = (id) => scopeLookup[id] ||= { L: +id }, serializeContext = {
@@ -589,11 +612,19 @@ function init(runtimeId = "M") {
             );
           }
           endedBranches && (orphanBranches.push(...endedBranches), singleNode && (visitScope[accessor] = endedBranches.length > 1 ? endedBranches.reverse() : endedBranches[0])), visitType === "[" /* BranchStart */ && (endedBranches || (branchScopesStack.push(curBranchScopes), curBranchScopes = void 0), branchStarts.push(visit));
-        })(), $global, lastEffect, visits, resumes, visit, visitText, visitType, visitScope, lastToken, lastTokenIndex, lastScopeId = 0, nextToken = () => lastToken = visitText.slice(
+        })(), nextToken = () => lastToken = visitText.slice(
           lastTokenIndex,
           (lastTokenIndex = visitText.indexOf(" ", lastTokenIndex) + 1 || visitText.length + 1) - 1
-        );
+        ), $global, lastEffect, visits, resumes, visit, visitText, visitType, visitScope, lastToken, lastTokenIndex, lastScopeId = 0;
         return render.m = (effects = []) => {
+          if (readyLookup) {
+            for (let readyId in render.b)
+              if (readyLookup[readyId] !== 1)
+                return readyLookup[readyId] = /* @__PURE__ */ ((prev) => () => {
+                  render.m(), prev?.();
+                })(readyLookup[readyId]), effects;
+            render.b = 0;
+          }
           for (let serialized of resumes = render.r || [])
             if (typeof serialized == "string")
               for (lastTokenIndex = 0, visitText = serialized; nextToken(); )
@@ -609,7 +640,10 @@ function init(runtimeId = "M") {
             )), visitType === "*" /* Node */ ? visitScope[nextToken(
               /* read accessor */
             )] = visit.previousSibling : branchesEnabled && visitBranches();
-          return visits.length = resumes.length = 0, effects;
+          return embedEnabled && (render.n ||= visit?.parentNode.insertBefore(
+            new Text(),
+            visit.nextSibling
+          )), visits.length = resumes.length = 0, effects;
         }, render.w = () => {
           walk2(), runResumeEffects(render);
         }, render;
@@ -991,15 +1025,15 @@ function attrsInternal(scope, nodeAccessor, nextAttrs) {
 }
 function _attr_content(scope, nodeAccessor, value) {
   let content = normalizeClientRender(value);
-  scope["D" /* ConditionalRenderer */ + nodeAccessor] !== (scope["D" /* ConditionalRenderer */ + nodeAccessor] = content?.f) && (setConditionalRenderer(scope, nodeAccessor, content, createAndSetupBranch), content?.d && subscribeToScopeSet(
+  scope["D" /* ConditionalRenderer */ + nodeAccessor] !== (scope["D" /* ConditionalRenderer */ + nodeAccessor] = content?.g) && (setConditionalRenderer(scope, nodeAccessor, content, createAndSetupBranch), content?.e && subscribeToScopeSet(
+    content.f,
     content.e,
-    content.d,
     scope["A" /* BranchScopes */ + nodeAccessor]
   ));
-  for (let accessor in content?.g)
-    content.g[accessor](
+  for (let accessor in content?.h)
+    content.h[accessor](
       scope["A" /* BranchScopes */ + nodeAccessor],
-      content.o[accessor]
+      content.t[accessor]
     );
 }
 function _attrs_script(scope, nodeAccessor) {
@@ -1038,7 +1072,7 @@ function _html(scope, value, accessor) {
 }
 function normalizeClientRender(value) {
   let renderer = normalizeDynamicRenderer(value);
-  if (renderer && renderer.f)
+  if (renderer && renderer.g)
     return renderer;
 }
 function normalizeAttrValue(value) {
@@ -1198,7 +1232,7 @@ function renderCatch(scope, error) {
       tryWithCatch.C,
       tryWithCatch.E,
       createAndSetupBranch
-    ), tryWithCatch.E.b?.(
+    ), tryWithCatch.E.d?.(
       owner["A" /* BranchScopes */ + tryWithCatch.C],
       [error]
     );
@@ -1234,7 +1268,7 @@ var _dynamic_tag = function(nodeAccessor, getContent, getTagVar, inputIsArgs) {
   let childScopeAccessor = "A" /* BranchScopes */ + nodeAccessor, rendererAccessor = "D" /* ConditionalRenderer */ + nodeAccessor;
   return enableBranches(), (scope, newRenderer, getInput) => {
     let normalizedRenderer = normalizeDynamicRenderer(newRenderer);
-    if (scope[rendererAccessor] !== (scope[rendererAccessor] = normalizedRenderer?.f || normalizedRenderer) || getContent && !(normalizedRenderer || scope[childScopeAccessor]))
+    if (scope[rendererAccessor] !== (scope[rendererAccessor] = normalizedRenderer?.g || normalizedRenderer) || getContent && !(normalizedRenderer || scope[childScopeAccessor]))
       if (setConditionalRenderer(
         scope,
         nodeAccessor,
@@ -1248,15 +1282,15 @@ var _dynamic_tag = function(nodeAccessor, getContent, getTagVar, inputIsArgs) {
             "a",
             content,
             createAndSetupBranch
-          ), content.d && subscribeToScopeSet(
+          ), content.e && subscribeToScopeSet(
+            content.f,
             content.e,
-            content.d,
             scope[childScopeAccessor]["Aa"]
           );
         }
-      } else normalizedRenderer?.d && subscribeToScopeSet(
+      } else normalizedRenderer?.e && subscribeToScopeSet(
+        normalizedRenderer.f,
         normalizedRenderer.e,
-        normalizedRenderer.d,
         scope[childScopeAccessor]
       );
     if (normalizedRenderer) {
@@ -1268,20 +1302,20 @@ var _dynamic_tag = function(nodeAccessor, getContent, getTagVar, inputIsArgs) {
           (inputIsArgs ? args[0] : args) || {}
         ), (childScope["Ia"] || childScope["Ea"]) && queueEffect(childScope, dynamicTagScript);
       else {
-        for (let accessor in normalizedRenderer.g)
-          normalizedRenderer.g[accessor](
+        for (let accessor in normalizedRenderer.h)
+          normalizedRenderer.h[accessor](
             childScope,
-            normalizedRenderer.o[accessor]
+            normalizedRenderer.t[accessor]
           );
-        if (normalizedRenderer.b)
+        if (normalizedRenderer.d)
           if (inputIsArgs)
-            normalizedRenderer.b(
+            normalizedRenderer.d(
               childScope,
               normalizedRenderer._ ? args[0] : args
             );
           else {
             let inputWithContent = getContent ? { ...args, content: getContent(scope) } : args || {};
-            normalizedRenderer.b(
+            normalizedRenderer.d(
               childScope,
               normalizedRenderer._ ? inputWithContent : [inputWithContent]
             );
@@ -1408,12 +1442,12 @@ function byFirstArg(name) {
 var pendingRenders = [], pendingRendersLookup = /* @__PURE__ */ new Map(), asyncRendersLookup, caughtError = /* @__PURE__ */ new WeakSet(), placeholderShown = /* @__PURE__ */ new WeakSet(), pendingEffects = [], pendingScopes = [], rendering, scopeKeyOffset = 1e3;
 function queueRender(scope, signal, signalKey, value, scopeKey = scope.L) {
   let key = scopeKey * scopeKeyOffset + signalKey, render = signalKey >= 0 && pendingRendersLookup.get(key);
-  render ? render.q = value : (queuePendingRender(
+  render ? render.u = value : (queuePendingRender(
     render = {
       a: key,
-      h: scope,
-      u: signal,
-      q: value
+      j: scope,
+      y: signal,
+      u: value
     }
   ), signalKey >= 0 && pendingRendersLookup.set(key, render));
 }
@@ -1466,13 +1500,13 @@ function runRenders() {
       }
       pendingRenders[i] = item;
     }
-    render.h.F?.I || runRender(render);
+    render.j.F?.I || runRender(render);
   }
   for (let scope of pendingScopes)
     scope.H = 0;
   pendingScopes = [];
 }
-var runRender = (render) => render.u(render.h, render.q), _enable_catch = () => {
+var runRender = (render) => render.y(render.j, render.u), _enable_catch = () => {
   _enable_catch = () => {
   }, enableBranches();
   let handlePendingTry = (fn, scope, branch) => {
@@ -1491,7 +1525,7 @@ var runRender = (render) => render.u(render.h, render.q), _enable_catch = () =>
       runEffects2(effects);
   })(runEffects), runRender = /* @__PURE__ */ ((runRender2) => (render) => {
     try {
-      let branch = render.h.F;
+      let branch = render.j.F;
       for (; branch; ) {
         if (branch.W)
           return asyncRendersLookup.set(
@@ -1502,7 +1536,7 @@ var runRender = (render) => render.u(render.h, render.q), _enable_catch = () =>
       }
       runRender2(render);
     } catch (error) {
-      renderCatch(render.h, error);
+      renderCatch(render.j, error);
     }
   })(runRender);
 };
@@ -1535,7 +1569,7 @@ var classIdToBranch = /* @__PURE__ */ new Map(), compat = {
     _resume(RENDERER_REGISTER_ID, fn);
   },
   isRenderer(renderer) {
-    return renderer.j;
+    return renderer.k;
   },
   getStartNode(branch) {
     return branch.S;
@@ -1557,7 +1591,7 @@ var classIdToBranch = /* @__PURE__ */ new Map(), compat = {
   },
   createRenderer(params, clone) {
     let renderer = _content("", 0, 0, 0, params)();
-    return renderer.j = (branch) => {
+    return renderer.k = (branch) => {
       let cloned = clone();
       branch.S = cloned.startNode, branch.K = cloned.endNode;
     }, renderer;
@@ -1573,9 +1607,9 @@ var classIdToBranch = /* @__PURE__ */ new Map(), compat = {
       branch || (created = 1, branch = component.scope = createAndSetupBranch(
         out.global,
         renderer,
-        renderer.e,
+        renderer.f,
         document.body
-      )), renderer.b?.(branch, renderer._ ? args[0] : args);
+      )), renderer.d?.(branch, renderer._ ? args[0] : args);
     }), created)
       return toInsertNode(
         branch.S,
@@ -1615,7 +1649,7 @@ function mount(input = {}, reference, position) {
       parentNode = reference.parentNode, nextSibling = reference.nextSibling;
       break;
   }
-  let curValue, args = this.b, effects = prepareEffects(() => {
+  let curValue, args = this.d, effects = prepareEffects(() => {
     branch = createBranch(
       $global,
       this,
@@ -1623,7 +1657,7 @@ function mount(input = {}, reference, position) {
       parentNode
     ), branch.T = (newValue) => {
       curValue = newValue;
-    }, this.k?.(branch), args?.(branch, input);
+    }, this.l?.(branch), args?.(branch, input);
   });
   return insertChildNodes(
     parentNode,