@tko/binding.template 4.0.0-beta1.0 → 4.0.0

package/dist/templating.js

@@ -1,4 +1,5 @@
-// @tko/binding.template 🥊 4.0.0-beta1.0 ESM
+// @tko/binding.template 🥊 4.0.0 ESM
+"use strict";
 import {
   virtualElements,
   fixUpContinuousNodeArray,
@@ -17,23 +18,11 @@ import {
   bindingEvent,
   bindingContext as BindingContextConstructor
 } from "@tko/bind";
-import {
-  computed
-} from "@tko/computed";
-import {
-  isObservable,
-  dependencyDetection,
-  unwrap,
-  observable,
-  isObservableArray
-} from "@tko/observable";
-import {
-  templateEngine
-} from "./templateEngine";
-import {
-  anonymousTemplate as AnonymousTemplate
-} from "./templateSources";
-var _templateEngine;
+import { computed } from "@tko/computed";
+import { isObservable, dependencyDetection, unwrap, observable, isObservableArray } from "@tko/observable";
+import { templateEngine } from "./templateEngine";
+import { anonymousTemplate as AnonymousTemplate } from "./templateSources";
+let _templateEngine;
 const cleanContainerDomDataKey = domData.nextKey();
 export function setTemplateEngine(tEngine) {
   if (tEngine !== void 0 && !(tEngine instanceof templateEngine)) {
@@ -44,7 +33,7 @@ export function setTemplateEngine(tEngine) {
 function invokeForEachNodeInContinuousRange(firstNode, lastNode, action) {
   let node;
   let nextInQueue = firstNode;
-  let firstOutOfRangeNode = virtualElements.nextSibling(lastNode);
+  const firstOutOfRangeNode = virtualElements.nextSibling(lastNode);
   while (nextInQueue && (node = nextInQueue) !== firstOutOfRangeNode) {
     nextInQueue = virtualElements.nextSibling(node);
     action(node, nextInQueue);
@@ -52,15 +41,15 @@ function invokeForEachNodeInContinuousRange(firstNode, lastNode, action) {
 }
 function activateBindingsOnContinuousNodeArray(continuousNodeArray, bindingContext, afterBindingCallback) {
   if (continuousNodeArray.length) {
-    var firstNode = continuousNodeArray[0];
-    var lastNode = continuousNodeArray[continuousNodeArray.length - 1];
-    var parentNode = firstNode.parentNode;
-    var provider = koOptions.bindingProviderInstance;
-    var preprocessNode = provider.preprocessNode;
+    let firstNode = continuousNodeArray[0];
+    let lastNode = continuousNodeArray[continuousNodeArray.length - 1];
+    const parentNode = firstNode.parentNode;
+    const provider = koOptions.bindingProviderInstance;
+    const preprocessNode = provider.preprocessNode;
     if (preprocessNode) {
       invokeForEachNodeInContinuousRange(firstNode, lastNode, function(node, nextNodeInRange) {
-        var nodePreviousSibling = node.previousSibling;
-        var newNodes = preprocessNode.call(provider, node);
+        const nodePreviousSibling = node.previousSibling;
+        const newNodes = preprocessNode.call(provider, node);
         if (newNodes) {
           if (node === firstNode) {
             firstNode = newNodes[0] || nextNodeInRange;
@@ -82,12 +71,12 @@ function activateBindingsOnContinuousNodeArray(continuousNodeArray, bindingConte
       }
     }
     invokeForEachNodeInContinuousRange(firstNode, lastNode, function(node) {
-      if (node.nodeType === 1 || node.nodeType === 8) {
+      if (node.nodeType === Node.ELEMENT_NODE || node.nodeType === Node.COMMENT_NODE) {
         applyBindings(bindingContext, node).then(afterBindingCallback);
       }
     });
     invokeForEachNodeInContinuousRange(firstNode, lastNode, function(node) {
-      if (node.nodeType === 1 || node.nodeType === 8) {
+      if (node.nodeType === Node.ELEMENT_NODE || node.nodeType === Node.COMMENT_NODE) {
         memoization.unmemoizeDomNodeAndDescendants(node, [bindingContext]);
       }
     });
@@ -99,14 +88,14 @@ function getFirstNodeFromPossibleArray(nodeOrNodeArray) {
 }
 function executeTemplate(targetNodeOrNodeArray, renderMode, template, bindingContext, options, afterBindingCallback) {
   options = options || {};
-  var firstTargetNode = targetNodeOrNodeArray && getFirstNodeFromPossibleArray(targetNodeOrNodeArray);
-  var templateDocument = (firstTargetNode || template || {}).ownerDocument;
-  var templateEngineToUse = options.templateEngine || _templateEngine;
-  var renderedNodesArray = templateEngineToUse.renderTemplate(template, bindingContext, options, templateDocument);
+  const firstTargetNode = targetNodeOrNodeArray && getFirstNodeFromPossibleArray(targetNodeOrNodeArray);
+  const templateDocument = (firstTargetNode || template || {}).ownerDocument;
+  const templateEngineToUse = options.templateEngine || _templateEngine;
+  const renderedNodesArray = templateEngineToUse.renderTemplate(template, bindingContext, options, templateDocument);
   if (typeof renderedNodesArray.length !== "number" || renderedNodesArray.length > 0 && typeof renderedNodesArray[0].nodeType !== "number") {
     throw new Error("Template engine must return an array of DOM nodes");
   }
-  var haveAddedNodesToParent = false;
+  let haveAddedNodesToParent = false;
   switch (renderMode) {
     case "replaceChildren":
       virtualElements.setDomNodeChildren(targetNodeOrNodeArray, renderedNodesArray);
@@ -148,20 +137,34 @@ export function renderTemplate(template, dataOrBindingContext, options, targetNo
   }
   renderMode = renderMode || "replaceChildren";
   if (targetNodeOrNodeArray) {
-    var firstTargetNode = getFirstNodeFromPossibleArray(targetNodeOrNodeArray);
-    var whenToDispose = function() {
+    let firstTargetNode = getFirstNodeFromPossibleArray(targetNodeOrNodeArray);
+    const whenToDispose = function() {
       return !firstTargetNode || !domNodeIsAttachedToDocument(firstTargetNode);
     };
-    var activelyDisposeWhenNodeIsRemoved = firstTargetNode && renderMode === "replaceNode" ? firstTargetNode.parentNode : firstTargetNode;
-    return computed(function() {
-      var bindingContext = dataOrBindingContext && dataOrBindingContext instanceof BindingContextConstructor ? dataOrBindingContext : new BindingContextConstructor(dataOrBindingContext, null, null, null, { "exportDependencies": true });
-      var templateName = resolveTemplateName(template, bindingContext.$data, bindingContext);
-      const renderedNodesArray = executeTemplate(targetNodeOrNodeArray, renderMode, templateName, bindingContext, options, afterBindingCallback);
-      if (renderMode === "replaceNode") {
-        targetNodeOrNodeArray = renderedNodesArray;
-        firstTargetNode = getFirstNodeFromPossibleArray(targetNodeOrNodeArray);
-      }
-    }, null, { disposeWhen: whenToDispose, disposeWhenNodeIsRemoved: activelyDisposeWhenNodeIsRemoved });
+    const activelyDisposeWhenNodeIsRemoved = firstTargetNode && renderMode === "replaceNode" ? firstTargetNode.parentNode : firstTargetNode;
+    return computed(
+      // So the DOM is automatically updated when any dependency changes
+      function() {
+        const bindingContext = dataOrBindingContext && dataOrBindingContext instanceof BindingContextConstructor ? dataOrBindingContext : new BindingContextConstructor(dataOrBindingContext, void 0, void 0, void 0, {
+          exportDependencies: true
+        });
+        const templateName = resolveTemplateName(template, bindingContext.$data, bindingContext);
+        const renderedNodesArray = executeTemplate(
+          targetNodeOrNodeArray,
+          renderMode,
+          templateName,
+          bindingContext,
+          options,
+          afterBindingCallback
+        );
+        if (renderMode === "replaceNode") {
+          targetNodeOrNodeArray = renderedNodesArray;
+          firstTargetNode = getFirstNodeFromPossibleArray(targetNodeOrNodeArray);
+        }
+      },
+      null,
+      { disposeWhen: whenToDispose, disposeWhenNodeIsRemoved: activelyDisposeWhenNodeIsRemoved }
+    );
   } else {
     return memoization.memoize(function(domNode) {
       renderTemplate(template, dataOrBindingContext, options, domNode, "replaceNode");
@@ -169,7 +172,7 @@ export function renderTemplate(template, dataOrBindingContext, options, targetNo
   }
 }
 export default function renderTemplateForEach(template, arrayOrObservableArray, options, targetNode, parentBindingContext, afterBindingCallback) {
-  var arrayItemContext;
+  let arrayItemContext;
   function executeTemplateForArrayItem(arrayValue, index) {
     if (options.as) {
       if (koOptions.createChildContextWithAs) {
@@ -177,20 +180,24 @@ export default function renderTemplateForEach(template, arrayOrObservableArray,
           context.$index = index;
         });
       } else {
-        arrayItemContext = parentBindingContext.extend({
-          [options.as]: arrayValue,
-          $index: index
-        });
+        arrayItemContext = parentBindingContext.extend({ [options.as]: arrayValue, $index: index });
       }
     } else {
       arrayItemContext = parentBindingContext.createChildContext(arrayValue, options.as, (context) => {
         context.$index = index;
       });
     }
-    var templateName = resolveTemplateName(template, arrayValue, arrayItemContext);
-    return executeTemplate(targetNode, "ignoreTargetNode", templateName, arrayItemContext, options, afterBindingCallback);
+    const templateName = resolveTemplateName(template, arrayValue, arrayItemContext);
+    return executeTemplate(
+      targetNode,
+      "ignoreTargetNode",
+      templateName,
+      arrayItemContext,
+      options,
+      afterBindingCallback
+    );
   }
-  var activateBindingsCallback = function(arrayValue, addedNodesArray) {
+  const activateBindingsCallback = function(arrayValue, addedNodesArray) {
     activateBindingsOnContinuousNodeArray(addedNodesArray, arrayItemContext, afterBindingCallback);
     if (options.afterRender) {
       options.afterRender(addedNodesArray, arrayValue);
@@ -198,42 +205,55 @@ export default function renderTemplateForEach(template, arrayOrObservableArray,
     arrayItemContext = null;
   };
   function localSetDomNodeChildrenFromArrayMapping(newArray, changeList) {
-    dependencyDetection.ignore(setDomNodeChildrenFromArrayMapping, null, [targetNode, newArray, executeTemplateForArrayItem, options, activateBindingsCallback, changeList]);
+    dependencyDetection.ignore(setDomNodeChildrenFromArrayMapping, null, [
+      targetNode,
+      newArray,
+      executeTemplateForArrayItem,
+      options,
+      activateBindingsCallback,
+      changeList
+    ]);
     bindingEvent.notify(targetNode, bindingEvent.childrenComplete);
   }
   const shouldHideDestroyed = options.includeDestroyed === false || koOptions.foreachHidesDestroyed && !options.includeDestroyed;
   if (!shouldHideDestroyed && !options.beforeRemove && isObservableArray(arrayOrObservableArray)) {
     localSetDomNodeChildrenFromArrayMapping(arrayOrObservableArray.peek());
-    var subscription = arrayOrObservableArray.subscribe(function(changeList) {
-      localSetDomNodeChildrenFromArrayMapping(arrayOrObservableArray(), changeList);
-    }, null, "arrayChange");
+    const subscription = arrayOrObservableArray.subscribe(
+      function(changeList) {
+        localSetDomNodeChildrenFromArrayMapping(arrayOrObservableArray(), changeList);
+      },
+      null,
+      "arrayChange"
+    );
     subscription.disposeWhenNodeIsRemoved(targetNode);
     return subscription;
   } else {
-    return computed(function() {
-      var unwrappedArray = unwrap(arrayOrObservableArray) || [];
-      const unwrappedIsIterable = Symbol.iterator in unwrappedArray;
-      if (!unwrappedIsIterable) {
-        unwrappedArray = [unwrappedArray];
-      }
-      if (shouldHideDestroyed) {
-        unwrappedArray = arrayFilter(unwrappedArray, function(item) {
-          return item === void 0 || item === null || !unwrap(item._destroy);
-        });
-      }
-      localSetDomNodeChildrenFromArrayMapping(unwrappedArray);
-    }, null, { disposeWhenNodeIsRemoved: targetNode });
+    return computed(
+      function() {
+        let unwrappedArray = unwrap(arrayOrObservableArray) || [];
+        const unwrappedIsIterable = Symbol.iterator in unwrappedArray;
+        if (!unwrappedIsIterable) {
+          unwrappedArray = [unwrappedArray];
+        }
+        if (shouldHideDestroyed) {
+          unwrappedArray = arrayFilter(unwrappedArray, function(item) {
+            return item === void 0 || item === null || !unwrap(item._destroy);
+          });
+        }
+        localSetDomNodeChildrenFromArrayMapping(unwrappedArray);
+      },
+      null,
+      { disposeWhenNodeIsRemoved: targetNode }
+    );
   }
 }
-let templateComputedDomDataKey = domData.nextKey();
+const templateComputedDomDataKey = domData.nextKey();
 export class TemplateBindingHandler extends AsyncBindingHandler {
   constructor(params) {
     super(params);
     const element = this.$element;
     const bindingValue = unwrap(this.value);
-    domData.set(element, "conditional", {
-      elseChainSatisfied: observable(true)
-    });
+    domData.set(element, "conditional", { elseChainSatisfied: observable(true) });
     if (typeof bindingValue === "string" || bindingValue.name) {
       this.bindNamedTemplate();
     } else if ("nodes" in bindingValue) {
@@ -245,6 +265,10 @@ export class TemplateBindingHandler extends AsyncBindingHandler {
   bindNamedTemplate() {
     virtualElements.emptyNode(this.$element);
   }
+  // We've been given an array of DOM nodes. Save them as the template source.
+  // There is no known use case for the node array being an observable array (if the output
+  // varies, put that behavior *into* your template - that's what templates are for), and
+  // the implementation would be a mess, so assert that it's not observable.
   bindNodeTemplate(nodes) {
     if (isObservable(nodes)) {
       throw new Error('The "nodes" option must be a plain, non-observable array.');
@@ -267,12 +291,12 @@ export class TemplateBindingHandler extends AsyncBindingHandler {
   onValueChange() {
     const element = this.$element;
     const bindingContext = this.$context;
-    var value = this.value;
-    var options = unwrap(value);
-    var shouldDisplay = true;
-    var templateComputed = null;
-    var elseChainSatisfied = domData.get(element, "conditional").elseChainSatisfied;
-    var templateName;
+    const value = this.value;
+    let options = unwrap(value);
+    let shouldDisplay = true;
+    let templateComputed = null;
+    const elseChainSatisfied = domData.get(element, "conditional").elseChainSatisfied;
+    let templateName;
     if (typeof options === "string") {
       templateName = value;
       options = {};
@@ -286,12 +310,26 @@ export class TemplateBindingHandler extends AsyncBindingHandler {
       }
     }
     if ("foreach" in options) {
-      var dataArray = shouldDisplay && options.foreach || [];
-      templateComputed = renderTemplateForEach(templateName || element, dataArray, options, element, bindingContext, this.completeBinding);
+      const dataArray = shouldDisplay && options.foreach || [];
+      templateComputed = renderTemplateForEach(
+        templateName || element,
+        dataArray,
+        options,
+        element,
+        bindingContext,
+        this.completeBinding
+      );
       elseChainSatisfied((unwrap(dataArray) || []).length !== 0);
     } else if (shouldDisplay) {
-      var innerBindingContext = "data" in options ? bindingContext.createStaticChildContext(options.data, options.as) : bindingContext;
-      templateComputed = renderTemplate(templateName || element, innerBindingContext, options, element, void 0, this.completeBinding);
+      const innerBindingContext = "data" in options ? bindingContext.createStaticChildContext(options.data, options.as) : bindingContext;
+      templateComputed = renderTemplate(
+        templateName || element,
+        innerBindingContext,
+        options,
+        element,
+        void 0,
+        this.completeBinding
+      );
       elseChainSatisfied(true);
     } else {
       virtualElements.emptyNode(element);
@@ -300,11 +338,15 @@ export class TemplateBindingHandler extends AsyncBindingHandler {
     this.disposeOldComputedAndStoreNewOne(element, templateComputed);
   }
   disposeOldComputedAndStoreNewOne(element, newComputed) {
-    let oldComputed = domData.get(element, templateComputedDomDataKey);
+    const oldComputed = domData.get(element, templateComputedDomDataKey);
     if (oldComputed && typeof oldComputed.dispose === "function") {
       oldComputed.dispose();
     }
-    domData.set(element, templateComputedDomDataKey, newComputed && (!newComputed.isActive || newComputed.isActive()) ? newComputed : void 0);
+    domData.set(
+      element,
+      templateComputedDomDataKey,
+      newComputed && (!newComputed.isActive || newComputed.isActive()) ? newComputed : void 0
+    );
   }
   get controlsDescendants() {
     return true;

package/dist/templating.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/templating.ts"],
-  "sourcesContent": ["import {\n    virtualElements, fixUpContinuousNodeArray, replaceDomNodes, memoization,\n    domNodeIsAttachedToDocument, moveCleanedNodesToContainerElement,\n    arrayFilter, domData, options as koOptions\n} from '@tko/utils'\n\nimport {\n    applyBindings, setDomNodeChildrenFromArrayMapping, AsyncBindingHandler,\n    bindingEvent, bindingContext as BindingContextConstructor\n} from '@tko/bind'\n\nimport {\n    computed\n} from '@tko/computed'\n\nimport {\n    isObservable, dependencyDetection, unwrap, observable, isObservableArray\n} from '@tko/observable'\n\nimport {\n    templateEngine\n} from './templateEngine'\n\nimport {\n  anonymousTemplate as AnonymousTemplate\n} from './templateSources'\n\nvar _templateEngine\nconst cleanContainerDomDataKey = domData.nextKey()\n\nexport function setTemplateEngine (tEngine) {\n  if ((tEngine !== undefined) && !(tEngine instanceof templateEngine)) {\n        // TODO: ko.templateEngine to appropriate name\n    throw new Error('templateEngine must inherit from ko.templateEngine')\n  }\n  _templateEngine = tEngine\n}\n\nfunction invokeForEachNodeInContinuousRange (firstNode, lastNode, action) {\n  let node\n  let nextInQueue = firstNode\n  let firstOutOfRangeNode = virtualElements.nextSibling(lastNode)\n  while (nextInQueue && ((node = nextInQueue) !== firstOutOfRangeNode)) {\n    nextInQueue = virtualElements.nextSibling(node)\n    action(node, nextInQueue)\n  }\n}\n\nfunction activateBindingsOnContinuousNodeArray (continuousNodeArray, bindingContext, afterBindingCallback) {\n  // To be used on any nodes that have been rendered by a template and have been inserted into some parent element\n  // Walks through continuousNodeArray (which *must* be continuous, i.e., an uninterrupted sequence of sibling nodes, because\n  // the algorithm for walking them relies on this), and for each top-level item in the virtual-element sense,\n  // (1) Does a regular \"applyBindings\" to associate bindingContext with this node and to activate any non-memoized bindings\n  // (2) Unmemoizes any memos in the DOM subtree (e.g., to activate bindings that had been memoized during template rewriting)\n\n  if (continuousNodeArray.length) {\n    var firstNode = continuousNodeArray[0]\n    var lastNode = continuousNodeArray[continuousNodeArray.length - 1]\n    var parentNode = firstNode.parentNode\n    var provider = koOptions.bindingProviderInstance\n    var preprocessNode = provider.preprocessNode\n\n    if (preprocessNode) {\n      invokeForEachNodeInContinuousRange(firstNode, lastNode, function (node, nextNodeInRange) {\n        var nodePreviousSibling = node.previousSibling\n        var newNodes = preprocessNode.call(provider, node)\n        if (newNodes) {\n          if (node === firstNode) { firstNode = newNodes[0] || nextNodeInRange }\n          if (node === lastNode) { lastNode = newNodes[newNodes.length - 1] || nodePreviousSibling }\n        }\n      })\n\n      // Because preprocessNode can change the nodes, including the first and last nodes, update continuousNodeArray to match.\n      // We need the full set, including inner nodes, because the unmemoize step might remove the first node (and so the real\n      // first node needs to be in the array).\n      continuousNodeArray.length = 0\n      if (!firstNode) { // preprocessNode might have removed all the nodes, in which case there's nothing left to do\n        return\n      }\n      if (firstNode === lastNode) {\n        continuousNodeArray.push(firstNode)\n      } else {\n        continuousNodeArray.push(firstNode, lastNode)\n        fixUpContinuousNodeArray(continuousNodeArray, parentNode)\n      }\n    }\n\n    // Need to applyBindings *before* unmemoziation, because unmemoization might introduce extra nodes (that we don't want to re-bind)\n    // whereas a regular applyBindings won't introduce new memoized nodes\n    invokeForEachNodeInContinuousRange(firstNode, lastNode, function (node) {\n      if (node.nodeType === 1 || node.nodeType === 8) { applyBindings(bindingContext, node).then(afterBindingCallback) }\n    })\n    invokeForEachNodeInContinuousRange(firstNode, lastNode, function (node) {\n      if (node.nodeType === 1 || node.nodeType === 8) { memoization.unmemoizeDomNodeAndDescendants(node, [bindingContext]) }\n    })\n\n    // Make sure any changes done by applyBindings or unmemoize are reflected in the array\n    fixUpContinuousNodeArray(continuousNodeArray, parentNode)\n  }\n}\n\nfunction getFirstNodeFromPossibleArray (nodeOrNodeArray) {\n  return nodeOrNodeArray.nodeType ? nodeOrNodeArray\n                                    : nodeOrNodeArray.length > 0 ? nodeOrNodeArray[0]\n                                    : null\n}\n\nfunction executeTemplate (targetNodeOrNodeArray, renderMode, template, bindingContext, options, afterBindingCallback) {\n  options = options || {}\n  var firstTargetNode = targetNodeOrNodeArray && getFirstNodeFromPossibleArray(targetNodeOrNodeArray)\n  var templateDocument = (firstTargetNode || template || {}).ownerDocument\n  var templateEngineToUse = (options.templateEngine || _templateEngine)\n  var renderedNodesArray = templateEngineToUse.renderTemplate(template, bindingContext, options, templateDocument)\n\n    // Loosely check result is an array of DOM nodes\n  if ((typeof renderedNodesArray.length !== 'number') || (renderedNodesArray.length > 0 && typeof renderedNodesArray[0].nodeType !== 'number')) { throw new Error('Template engine must return an array of DOM nodes') }\n\n  var haveAddedNodesToParent = false\n  switch (renderMode) {\n    case 'replaceChildren':\n      virtualElements.setDomNodeChildren(targetNodeOrNodeArray, renderedNodesArray)\n      haveAddedNodesToParent = true\n      break\n    case 'replaceNode':\n      replaceDomNodes(targetNodeOrNodeArray, renderedNodesArray)\n      haveAddedNodesToParent = true\n      break\n    case 'ignoreTargetNode': break\n    default:\n      throw new Error('Unknown renderMode: ' + renderMode)\n  }\n\n  if (haveAddedNodesToParent) {\n    activateBindingsOnContinuousNodeArray(renderedNodesArray, bindingContext, afterBindingCallback)\n    if (options.afterRender) { dependencyDetection.ignore(options.afterRender, null, [renderedNodesArray, bindingContext['$data']]) }\n    if (renderMode === 'replaceChildren') {\n      bindingEvent.notify(targetNodeOrNodeArray, bindingEvent.childrenComplete)\n    }\n  }\n\n  return renderedNodesArray\n}\n\nfunction resolveTemplateName (template, data, context) {\n    // The template can be specified as:\n  if (isObservable(template)) {\n    // 1. An observable, with string value\n    return template()\n  } else if (typeof template === 'function') {\n    // 2. A function of (data, context) returning a string\n    return template(data, context)\n  } else {\n    // 3. A string\n    return template\n  }\n}\n\nexport function renderTemplate (template, dataOrBindingContext, options, targetNodeOrNodeArray, renderMode, afterBindingCallback) {\n  options = options || {}\n  if ((options.templateEngine || _templateEngine) === undefined) { throw new Error('Set a template engine before calling renderTemplate') }\n  renderMode = renderMode || 'replaceChildren'\n\n  if (targetNodeOrNodeArray) {\n    var firstTargetNode = getFirstNodeFromPossibleArray(targetNodeOrNodeArray)\n\n    var whenToDispose = function () { return (!firstTargetNode) || !domNodeIsAttachedToDocument(firstTargetNode) } // Passive disposal (on next evaluation)\n    var activelyDisposeWhenNodeIsRemoved = (firstTargetNode && renderMode === 'replaceNode') ? firstTargetNode.parentNode : firstTargetNode\n\n    return computed( // So the DOM is automatically updated when any dependency changes\n      function () {\n        // Ensure we've got a proper binding context to work with\n        var bindingContext = (dataOrBindingContext && (dataOrBindingContext instanceof BindingContextConstructor))\n              ? dataOrBindingContext\n              : new BindingContextConstructor(dataOrBindingContext, null, null, null, { 'exportDependencies': true })\n\n        var templateName = resolveTemplateName(template, bindingContext.$data, bindingContext)\n        const renderedNodesArray = executeTemplate(targetNodeOrNodeArray, renderMode, templateName, bindingContext, options, afterBindingCallback)\n\n        if (renderMode === 'replaceNode') {\n          targetNodeOrNodeArray = renderedNodesArray\n          firstTargetNode = getFirstNodeFromPossibleArray(targetNodeOrNodeArray)\n        }\n      },\n      null,\n      { disposeWhen: whenToDispose, disposeWhenNodeIsRemoved: activelyDisposeWhenNodeIsRemoved }\n    )\n  } else {\n        // We don't yet have a DOM node to evaluate, so use a memo and render the template later when there is a DOM node\n    return memoization.memoize(function (domNode) {\n      renderTemplate(template, dataOrBindingContext, options, domNode, 'replaceNode')\n    })\n  }\n}\n\nexport default function renderTemplateForEach (template, arrayOrObservableArray, options, targetNode, parentBindingContext, afterBindingCallback) {\n    // Since setDomNodeChildrenFromArrayMapping always calls executeTemplateForArrayItem and then\n    // activateBindingsCallback for added items, we can store the binding context in the former to use in the latter.\n  var arrayItemContext\n\n    // This will be called by setDomNodeChildrenFromArrayMapping to get the nodes to add to targetNode\n  function executeTemplateForArrayItem (arrayValue, index) {\n    // Support selecting template as a function of the data being rendered\n    if (options.as) {\n      if (koOptions.createChildContextWithAs) {\n        arrayItemContext = parentBindingContext.createChildContext(\n          arrayValue, options.as, context => { context.$index = index }\n        )\n      } else {\n        arrayItemContext = parentBindingContext.extend({\n          [options.as]: arrayValue,\n          $index: index\n        })\n      }\n    } else {\n      arrayItemContext = parentBindingContext.createChildContext(arrayValue, options.as, context => { context.$index = index })\n    }\n\n    var templateName = resolveTemplateName(template, arrayValue, arrayItemContext)\n    return executeTemplate(targetNode, 'ignoreTargetNode', templateName, arrayItemContext, options, afterBindingCallback)\n  }\n\n    // This will be called whenever setDomNodeChildrenFromArrayMapping has added nodes to targetNode\n  var activateBindingsCallback = function (arrayValue, addedNodesArray /*, index */) {\n    activateBindingsOnContinuousNodeArray(addedNodesArray, arrayItemContext, afterBindingCallback)\n    if (options.afterRender) { options.afterRender(addedNodesArray, arrayValue) }\n\n        // release the \"cache\" variable, so that it can be collected by\n        // the GC when its value isn't used from within the bindings anymore.\n    arrayItemContext = null\n  }\n\n  // Call setDomNodeChildrenFromArrayMapping, ignoring any observables unwrapped within (most likely from a callback function).\n  // If the array items are observables, though, they will be unwrapped in executeTemplateForArrayItem and managed within setDomNodeChildrenFromArrayMapping.\n  function localSetDomNodeChildrenFromArrayMapping (newArray, changeList) {\n    dependencyDetection.ignore(setDomNodeChildrenFromArrayMapping, null, [targetNode, newArray, executeTemplateForArrayItem, options, activateBindingsCallback, changeList])\n    bindingEvent.notify(targetNode, bindingEvent.childrenComplete)\n  }\n\n  const shouldHideDestroyed = (options.includeDestroyed === false) || (koOptions.foreachHidesDestroyed && !options.includeDestroyed);\n  if (!shouldHideDestroyed && !options.beforeRemove && isObservableArray(arrayOrObservableArray)) {\n    localSetDomNodeChildrenFromArrayMapping(arrayOrObservableArray.peek())\n    var subscription = arrayOrObservableArray.subscribe(function (changeList) {\n      localSetDomNodeChildrenFromArrayMapping(arrayOrObservableArray(), changeList)\n    }, null, 'arrayChange')\n    subscription.disposeWhenNodeIsRemoved(targetNode)\n    return subscription\n  } else {\n    return computed(function () {\n      var unwrappedArray = unwrap(arrayOrObservableArray) || []\n      const unwrappedIsIterable = Symbol.iterator in unwrappedArray\n      if (!unwrappedIsIterable) { unwrappedArray = [unwrappedArray] }\n      if (shouldHideDestroyed) {\n        // Filter out any entries marked as destroyed\n        unwrappedArray = arrayFilter(unwrappedArray, function (item) {\n          return item === undefined || item === null || !unwrap(item._destroy);\n        })\n      }\n      localSetDomNodeChildrenFromArrayMapping(unwrappedArray)\n    }, null, { disposeWhenNodeIsRemoved: targetNode })\n  }\n}\n\nlet templateComputedDomDataKey = domData.nextKey()\n\nexport class TemplateBindingHandler extends AsyncBindingHandler {\n  constructor (params) {\n    super(params)\n    const element = this.$element\n    const bindingValue = unwrap(this.value)\n\n    // Expose 'conditional' for `else` chaining.\n    domData.set(element, 'conditional', {\n      elseChainSatisfied: observable(true)\n    })\n\n    // Support anonymous templates\n    if (typeof bindingValue === 'string' || bindingValue.name) {\n      this.bindNamedTemplate()\n    } else if ('nodes' in bindingValue) {\n      this.bindNodeTemplate(bindingValue.nodes || [])\n    } else {\n      this.bindAnonymousTemplate()\n    }\n  }\n\n  bindNamedTemplate () {\n    // It's a named template - clear the element\n    virtualElements.emptyNode(this.$element)\n  }\n\n  // We've been given an array of DOM nodes. Save them as the template source.\n  // There is no known use case for the node array being an observable array (if the output\n  // varies, put that behavior *into* your template - that's what templates are for), and\n  // the implementation would be a mess, so assert that it's not observable.\n  bindNodeTemplate (nodes) {\n    if (isObservable(nodes)) {\n      throw new Error('The \"nodes\" option must be a plain, non-observable array.')\n    }\n\n    // If the nodes are already attached to a KO-generated container, we reuse that container without moving the\n    // elements to a new one (we check only the first node, as the nodes are always moved together)\n    let container = nodes[0] && nodes[0].parentNode\n    if (!container || !domData.get(container, cleanContainerDomDataKey)) {\n      container = moveCleanedNodesToContainerElement(nodes)\n      domData.set(container, cleanContainerDomDataKey, true)\n    }\n\n    new AnonymousTemplate(this.$element).nodes(container)\n  }\n\n  bindAnonymousTemplate () {\n    // It's an anonymous template - store the element contents, then clear the element\n    const templateNodes = virtualElements.childNodes(this.$element)\n    if (templateNodes.length === 0) {\n      throw new Error('Anonymous template defined, but no template content was provided.')\n    }\n    const container = moveCleanedNodesToContainerElement(templateNodes) // This also removes the nodes from their current parent\n    new AnonymousTemplate(this.$element).nodes(container)\n  }\n\n  onValueChange () {\n    const element = this.$element\n    const bindingContext = this.$context\n    var value = this.value\n    var options = unwrap(value)\n    var shouldDisplay = true\n    var templateComputed = null\n    var elseChainSatisfied = domData.get(element, 'conditional').elseChainSatisfied\n    var templateName\n\n    if (typeof options === 'string') {\n      templateName = value\n      options = {}\n    } else {\n      templateName = options.name\n\n      // Support \"if\"/\"ifnot\" conditions\n      if ('if' in options) {\n        shouldDisplay = unwrap(options.if)\n      }\n\n      if (shouldDisplay && 'ifnot' in options) {\n        shouldDisplay = !unwrap(options.ifnot)\n      }\n    }\n\n    if ('foreach' in options) {\n      // Render once for each data point (treating data set as empty if shouldDisplay==false)\n      var dataArray = (shouldDisplay && options.foreach) || []\n      templateComputed = renderTemplateForEach(templateName || element, dataArray, options, element, bindingContext, this.completeBinding)\n\n      elseChainSatisfied((unwrap(dataArray) || []).length !== 0)\n    } else if (shouldDisplay) {\n      // Render once for this single data point (or use the viewModel if no data was provided)\n      var innerBindingContext = ('data' in options)\n        ? bindingContext.createStaticChildContext(options.data, options.as)  // Given an explicit 'data' value, we create a child binding context for it\n        : bindingContext                                                        // Given no explicit 'data' value, we retain the same binding context\n      templateComputed = renderTemplate(templateName || element, innerBindingContext, options, element, undefined, this.completeBinding)\n      elseChainSatisfied(true)\n    } else {\n      virtualElements.emptyNode(element)\n      elseChainSatisfied(false)\n    }\n\n    // It only makes sense to have a single template computed per element (otherwise which one should have its output displayed?)\n    this.disposeOldComputedAndStoreNewOne(element, templateComputed)\n  }\n\n  disposeOldComputedAndStoreNewOne (element, newComputed) {\n    let oldComputed = domData.get(element, templateComputedDomDataKey)\n    if (oldComputed && (typeof oldComputed.dispose === 'function')) { oldComputed.dispose() }\n    domData.set(element, templateComputedDomDataKey, (newComputed && (!newComputed.isActive || newComputed.isActive())) ? newComputed : undefined)\n  }\n\n  get controlsDescendants () { return true }\n  static get allowVirtualElements () { return true }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  virtualElements,\n  fixUpContinuousNodeArray,\n  replaceDomNodes,\n  memoization,\n  domNodeIsAttachedToDocument,\n  moveCleanedNodesToContainerElement,\n  arrayFilter,\n  domData,\n  options as koOptions\n} from '@tko/utils'\n\nimport {\n  applyBindings,\n  setDomNodeChildrenFromArrayMapping,\n  AsyncBindingHandler,\n  bindingEvent,\n  bindingContext as BindingContextConstructor\n} from '@tko/bind'\n\nimport { computed } from '@tko/computed'\n\nimport type { Computed } from '@tko/computed'\n\nimport type { BindingContext } from '@tko/bind'\n\nimport { isObservable, dependencyDetection, unwrap, observable, isObservableArray } from '@tko/observable'\n\nimport { templateEngine } from './templateEngine'\n\nimport type { TemplateEngine, TemplateOptions } from './templateEngine'\n\nimport { anonymousTemplate as AnonymousTemplate } from './templateSources'\n\nlet _templateEngine: TemplateEngine\nconst cleanContainerDomDataKey = domData.nextKey()\n\nexport function setTemplateEngine(tEngine: TemplateEngine | undefined): void {\n  if (tEngine !== undefined && !(tEngine instanceof templateEngine)) {\n    // TODO: ko.templateEngine to appropriate name\n    throw new Error('templateEngine must inherit from ko.templateEngine')\n  }\n  _templateEngine = tEngine!\n}\n\nfunction invokeForEachNodeInContinuousRange(firstNode, lastNode, action) {\n  let node\n  let nextInQueue = firstNode\n  const firstOutOfRangeNode = virtualElements.nextSibling(lastNode)\n  while (nextInQueue && (node = nextInQueue) !== firstOutOfRangeNode) {\n    nextInQueue = virtualElements.nextSibling(node)\n    action(node, nextInQueue)\n  }\n}\n\nfunction activateBindingsOnContinuousNodeArray(\n  continuousNodeArray,\n  bindingContext: BindingContext,\n  afterBindingCallback\n) {\n  // To be used on any nodes that have been rendered by a template and have been inserted into some parent element\n  // Walks through continuousNodeArray (which *must* be continuous, i.e., an uninterrupted sequence of sibling nodes, because\n  // the algorithm for walking them relies on this), and for each top-level item in the virtual-element sense,\n  // (1) Does a regular \"applyBindings\" to associate bindingContext with this node and to activate any non-memoized bindings\n  // (2) Unmemoizes any memos in the DOM subtree (e.g., to activate bindings that had been memoized during template rewriting)\n\n  if (continuousNodeArray.length) {\n    let firstNode = continuousNodeArray[0]\n    let lastNode = continuousNodeArray[continuousNodeArray.length - 1]\n    const parentNode = firstNode.parentNode\n    const provider = koOptions.bindingProviderInstance\n    const preprocessNode = provider.preprocessNode\n\n    if (preprocessNode) {\n      invokeForEachNodeInContinuousRange(firstNode, lastNode, function (node, nextNodeInRange) {\n        const nodePreviousSibling = node.previousSibling\n        const newNodes = preprocessNode.call(provider, node)\n        if (newNodes) {\n          if (node === firstNode) {\n            firstNode = newNodes[0] || nextNodeInRange\n          }\n          if (node === lastNode) {\n            lastNode = newNodes[newNodes.length - 1] || nodePreviousSibling\n          }\n        }\n      })\n\n      // Because preprocessNode can change the nodes, including the first and last nodes, update continuousNodeArray to match.\n      // We need the full set, including inner nodes, because the unmemoize step might remove the first node (and so the real\n      // first node needs to be in the array).\n      continuousNodeArray.length = 0\n      if (!firstNode) {\n        // preprocessNode might have removed all the nodes, in which case there's nothing left to do\n        return\n      }\n      if (firstNode === lastNode) {\n        continuousNodeArray.push(firstNode)\n      } else {\n        continuousNodeArray.push(firstNode, lastNode)\n        fixUpContinuousNodeArray(continuousNodeArray, parentNode)\n      }\n    }\n\n    // Need to applyBindings *before* unmemoziation, because unmemoization might introduce extra nodes (that we don't want to re-bind)\n    // whereas a regular applyBindings won't introduce new memoized nodes\n    invokeForEachNodeInContinuousRange(firstNode, lastNode, function (node) {\n      if (node.nodeType === Node.ELEMENT_NODE || node.nodeType === Node.COMMENT_NODE) {\n        applyBindings(bindingContext, node).then(afterBindingCallback)\n      }\n    })\n    invokeForEachNodeInContinuousRange(firstNode, lastNode, function (node) {\n      if (node.nodeType === Node.ELEMENT_NODE || node.nodeType === Node.COMMENT_NODE) {\n        memoization.unmemoizeDomNodeAndDescendants(node, [bindingContext])\n      }\n    })\n\n    // Make sure any changes done by applyBindings or unmemoize are reflected in the array\n    fixUpContinuousNodeArray(continuousNodeArray, parentNode)\n  }\n}\n\nfunction getFirstNodeFromPossibleArray(nodeOrNodeArray) {\n  return nodeOrNodeArray.nodeType ? nodeOrNodeArray : nodeOrNodeArray.length > 0 ? nodeOrNodeArray[0] : null\n}\n\nfunction executeTemplate(targetNodeOrNodeArray, renderMode, template, bindingContext, options, afterBindingCallback) {\n  options = options || {}\n  const firstTargetNode = targetNodeOrNodeArray && getFirstNodeFromPossibleArray(targetNodeOrNodeArray)\n  const templateDocument = (firstTargetNode || template || {}).ownerDocument\n  const templateEngineToUse = options.templateEngine || _templateEngine\n  const renderedNodesArray = templateEngineToUse.renderTemplate(template, bindingContext, options, templateDocument)\n\n  // Loosely check result is an array of DOM nodes\n  if (\n    typeof renderedNodesArray.length !== 'number'\n    || (renderedNodesArray.length > 0 && typeof renderedNodesArray[0].nodeType !== 'number')\n  ) {\n    throw new Error('Template engine must return an array of DOM nodes')\n  }\n\n  let haveAddedNodesToParent = false\n  switch (renderMode) {\n    case 'replaceChildren':\n      virtualElements.setDomNodeChildren(targetNodeOrNodeArray, renderedNodesArray)\n      haveAddedNodesToParent = true\n      break\n    case 'replaceNode':\n      replaceDomNodes(targetNodeOrNodeArray, renderedNodesArray)\n      haveAddedNodesToParent = true\n      break\n    case 'ignoreTargetNode':\n      break\n    default:\n      throw new Error('Unknown renderMode: ' + renderMode)\n  }\n\n  if (haveAddedNodesToParent) {\n    activateBindingsOnContinuousNodeArray(renderedNodesArray, bindingContext, afterBindingCallback)\n    if (options.afterRender) {\n      dependencyDetection.ignore(options.afterRender, null, [renderedNodesArray, bindingContext['$data']])\n    }\n    if (renderMode === 'replaceChildren') {\n      bindingEvent.notify(targetNodeOrNodeArray, bindingEvent.childrenComplete)\n    }\n  }\n\n  return renderedNodesArray\n}\n\nfunction resolveTemplateName(template, data, context) {\n  // The template can be specified as:\n  if (isObservable(template)) {\n    // 1. An observable, with string value\n    return template()\n  } else if (typeof template === 'function') {\n    // 2. A function of (data, context) returning a string\n    return template(data, context)\n  } else {\n    // 3. A string\n    return template\n  }\n}\n\nexport type RenderModeEnum = 'replaceChildren' | 'replaceNode' | 'ignoreTargetNode'\n\nexport function renderTemplate<T = any>(\n  template: string | Node | (() => string | Node),\n  dataOrBindingContext: T | BindingContext<T> | null | undefined,\n  options: TemplateOptions<T> | null | undefined,\n  targetNodeOrNodeArray: Node | Node[],\n  renderMode?: RenderModeEnum,\n  afterBindingCallback?\n): Computed<void> | string {\n  options = options || {}\n  if ((options.templateEngine || _templateEngine) === undefined) {\n    throw new Error('Set a template engine before calling renderTemplate')\n  }\n  renderMode = renderMode || 'replaceChildren'\n\n  if (targetNodeOrNodeArray) {\n    let firstTargetNode = getFirstNodeFromPossibleArray(targetNodeOrNodeArray)\n\n    const whenToDispose = function () {\n      return !firstTargetNode || !domNodeIsAttachedToDocument(firstTargetNode)\n    } // Passive disposal (on next evaluation)\n    const activelyDisposeWhenNodeIsRemoved =\n      firstTargetNode && renderMode === 'replaceNode' ? firstTargetNode.parentNode : firstTargetNode\n\n    return computed(\n      // So the DOM is automatically updated when any dependency changes\n      function () {\n        // Ensure we've got a proper binding context to work with\n        const bindingContext =\n          dataOrBindingContext && dataOrBindingContext instanceof BindingContextConstructor\n            ? dataOrBindingContext\n            : new BindingContextConstructor(dataOrBindingContext, undefined, undefined, undefined, {\n                exportDependencies: true\n              })\n\n        const templateName = resolveTemplateName(template, bindingContext.$data, bindingContext)\n        const renderedNodesArray = executeTemplate(\n          targetNodeOrNodeArray,\n          renderMode,\n          templateName,\n          bindingContext,\n          options,\n          afterBindingCallback\n        )\n\n        if (renderMode === 'replaceNode') {\n          targetNodeOrNodeArray = renderedNodesArray\n          firstTargetNode = getFirstNodeFromPossibleArray(targetNodeOrNodeArray)\n        }\n      },\n      null,\n      { disposeWhen: whenToDispose, disposeWhenNodeIsRemoved: activelyDisposeWhenNodeIsRemoved }\n    )\n  } else {\n    // We don't yet have a DOM node to evaluate, so use a memo and render the template later when there is a DOM node\n    return memoization.memoize(function (domNode) {\n      renderTemplate(template, dataOrBindingContext, options, domNode, 'replaceNode')\n    })\n  }\n}\n\nexport default function renderTemplateForEach(\n  template,\n  arrayOrObservableArray,\n  options,\n  targetNode,\n  parentBindingContext,\n  afterBindingCallback\n) {\n  // Since setDomNodeChildrenFromArrayMapping always calls executeTemplateForArrayItem and then\n  // activateBindingsCallback for added items, we can store the binding context in the former to use in the latter.\n  let arrayItemContext\n\n  // This will be called by setDomNodeChildrenFromArrayMapping to get the nodes to add to targetNode\n  function executeTemplateForArrayItem(arrayValue, index) {\n    // Support selecting template as a function of the data being rendered\n    if (options.as) {\n      if (koOptions.createChildContextWithAs) {\n        arrayItemContext = parentBindingContext.createChildContext(arrayValue, options.as, context => {\n          context.$index = index\n        })\n      } else {\n        arrayItemContext = parentBindingContext.extend({ [options.as]: arrayValue, $index: index })\n      }\n    } else {\n      arrayItemContext = parentBindingContext.createChildContext(arrayValue, options.as, context => {\n        context.$index = index\n      })\n    }\n\n    const templateName = resolveTemplateName(template, arrayValue, arrayItemContext)\n    return executeTemplate(\n      targetNode,\n      'ignoreTargetNode',\n      templateName,\n      arrayItemContext,\n      options,\n      afterBindingCallback\n    )\n  }\n\n  // This will be called whenever setDomNodeChildrenFromArrayMapping has added nodes to targetNode\n  const activateBindingsCallback = function (arrayValue, addedNodesArray /*, index */) {\n    activateBindingsOnContinuousNodeArray(addedNodesArray, arrayItemContext, afterBindingCallback)\n    if (options.afterRender) {\n      options.afterRender(addedNodesArray, arrayValue)\n    }\n\n    // release the \"cache\" variable, so that it can be collected by\n    // the GC when its value isn't used from within the bindings anymore.\n    arrayItemContext = null\n  }\n\n  // Call setDomNodeChildrenFromArrayMapping, ignoring any observables unwrapped within (most likely from a callback function).\n  // If the array items are observables, though, they will be unwrapped in executeTemplateForArrayItem and managed within setDomNodeChildrenFromArrayMapping.\n  function localSetDomNodeChildrenFromArrayMapping(newArray, changeList?) {\n    dependencyDetection.ignore(setDomNodeChildrenFromArrayMapping, null, [\n      targetNode,\n      newArray,\n      executeTemplateForArrayItem,\n      options,\n      activateBindingsCallback,\n      changeList\n    ])\n    bindingEvent.notify(targetNode, bindingEvent.childrenComplete)\n  }\n\n  const shouldHideDestroyed =\n    options.includeDestroyed === false || (koOptions.foreachHidesDestroyed && !options.includeDestroyed)\n  if (!shouldHideDestroyed && !options.beforeRemove && isObservableArray(arrayOrObservableArray)) {\n    localSetDomNodeChildrenFromArrayMapping(arrayOrObservableArray.peek())\n    const subscription = arrayOrObservableArray.subscribe(\n      function (changeList) {\n        localSetDomNodeChildrenFromArrayMapping(arrayOrObservableArray(), changeList)\n      },\n      null,\n      'arrayChange'\n    )\n    subscription.disposeWhenNodeIsRemoved(targetNode)\n    return subscription\n  } else {\n    return computed(\n      function () {\n        let unwrappedArray = unwrap(arrayOrObservableArray) || []\n        const unwrappedIsIterable = Symbol.iterator in unwrappedArray\n        if (!unwrappedIsIterable) {\n          unwrappedArray = [unwrappedArray]\n        }\n        if (shouldHideDestroyed) {\n          // Filter out any entries marked as destroyed\n          unwrappedArray = arrayFilter(unwrappedArray, function (item) {\n            return item === undefined || item === null || !unwrap(item._destroy)\n          })\n        }\n        localSetDomNodeChildrenFromArrayMapping(unwrappedArray)\n      },\n      null,\n      { disposeWhenNodeIsRemoved: targetNode }\n    )\n  }\n}\n\nconst templateComputedDomDataKey = domData.nextKey()\n\nexport class TemplateBindingHandler extends AsyncBindingHandler {\n  constructor(params) {\n    super(params)\n    const element = this.$element\n    const bindingValue = unwrap(this.value)\n\n    // Expose 'conditional' for `else` chaining.\n    domData.set(element, 'conditional', { elseChainSatisfied: observable(true) })\n\n    // Support anonymous templates\n    if (typeof bindingValue === 'string' || bindingValue.name) {\n      this.bindNamedTemplate()\n    } else if ('nodes' in bindingValue) {\n      this.bindNodeTemplate(bindingValue.nodes || [])\n    } else {\n      this.bindAnonymousTemplate()\n    }\n  }\n\n  bindNamedTemplate() {\n    // It's a named template - clear the element\n    virtualElements.emptyNode(this.$element)\n  }\n\n  // We've been given an array of DOM nodes. Save them as the template source.\n  // There is no known use case for the node array being an observable array (if the output\n  // varies, put that behavior *into* your template - that's what templates are for), and\n  // the implementation would be a mess, so assert that it's not observable.\n  bindNodeTemplate(nodes) {\n    if (isObservable(nodes)) {\n      throw new Error('The \"nodes\" option must be a plain, non-observable array.')\n    }\n\n    // If the nodes are already attached to a KO-generated container, we reuse that container without moving the\n    // elements to a new one (we check only the first node, as the nodes are always moved together)\n    let container = nodes[0] && nodes[0].parentNode\n    if (!container || !domData.get(container, cleanContainerDomDataKey)) {\n      container = moveCleanedNodesToContainerElement(nodes)\n      domData.set(container, cleanContainerDomDataKey, true)\n    }\n\n    new AnonymousTemplate(this.$element).nodes(container)\n  }\n\n  bindAnonymousTemplate() {\n    // It's an anonymous template - store the element contents, then clear the element\n    const templateNodes = virtualElements.childNodes(this.$element)\n    if (templateNodes.length === 0) {\n      throw new Error('Anonymous template defined, but no template content was provided.')\n    }\n    const container = moveCleanedNodesToContainerElement(templateNodes) // This also removes the nodes from their current parent\n    new AnonymousTemplate(this.$element).nodes(container)\n  }\n\n  onValueChange() {\n    const element = this.$element\n    const bindingContext = this.$context\n    const value = this.value\n    let options = unwrap(value)\n    let shouldDisplay = true\n    let templateComputed: string | Computed<any> | null = null\n    const elseChainSatisfied = domData.get(element, 'conditional').elseChainSatisfied\n    let templateName\n\n    if (typeof options === 'string') {\n      templateName = value\n      options = {}\n    } else {\n      templateName = options.name\n\n      // Support \"if\"/\"ifnot\" conditions\n      if ('if' in options) {\n        shouldDisplay = unwrap(options.if)\n      }\n\n      if (shouldDisplay && 'ifnot' in options) {\n        shouldDisplay = !unwrap(options.ifnot)\n      }\n    }\n\n    if ('foreach' in options) {\n      // Render once for each data point (treating data set as empty if shouldDisplay==false)\n      const dataArray = (shouldDisplay && options.foreach) || []\n      templateComputed = renderTemplateForEach(\n        templateName || element,\n        dataArray,\n        options,\n        element,\n        bindingContext,\n        this.completeBinding\n      )\n\n      elseChainSatisfied((unwrap(dataArray) || []).length !== 0)\n    } else if (shouldDisplay) {\n      // Render once for this single data point (or use the viewModel if no data was provided)\n      const innerBindingContext =\n        'data' in options\n          ? bindingContext.createStaticChildContext(options.data, options.as) // Given an explicit 'data' value, we create a child binding context for it\n          : bindingContext // Given no explicit 'data' value, we retain the same binding context\n      templateComputed = renderTemplate(\n        templateName || element,\n        innerBindingContext,\n        options,\n        element,\n        undefined,\n        this.completeBinding\n      )\n      elseChainSatisfied(true)\n    } else {\n      virtualElements.emptyNode(element)\n      elseChainSatisfied(false)\n    }\n\n    // It only makes sense to have a single template computed per element (otherwise which one should have its output displayed?)\n    this.disposeOldComputedAndStoreNewOne(element, templateComputed)\n  }\n\n  disposeOldComputedAndStoreNewOne(element, newComputed) {\n    const oldComputed = domData.get(element, templateComputedDomDataKey)\n    if (oldComputed && typeof oldComputed.dispose === 'function') {\n      oldComputed.dispose()\n    }\n    domData.set(\n      element,\n      templateComputedDomDataKey,\n      newComputed && (!newComputed.isActive || newComputed.isActive()) ? newComputed : undefined\n    )\n  }\n\n  override get controlsDescendants() {\n    return true\n  }\n  static override get allowVirtualElements() {\n    return true\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }