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

package/dist/attr.js

@@ -1,18 +1,14 @@
-// @tko/binding.core 🥊 4.0.0-beta1.0 ESM
-import {
-  setElementName,
-  objectForEach
-} from "@tko/utils";
-import {
-  unwrap
-} from "@tko/observable";
-export var attr = {
-  update: function(element, valueAccessor, allBindings) {
-    var value = unwrap(valueAccessor()) || {};
+// @tko/binding.core 🥊 4.0.0 ESM
+"use strict";
+import { objectForEach } from "@tko/utils";
+import { unwrap } from "@tko/observable";
+export const attr = {
+  update: function(element, valueAccessor, _allBindings) {
+    const value = unwrap(valueAccessor()) || {};
     objectForEach(value, function(attrName, attrValue) {
       attrValue = unwrap(attrValue);
-      var prefixLen = attrName.indexOf(":");
-      var namespace = prefixLen > 0 && element.lookupNamespaceURI(attrName.substr(0, prefixLen));
+      const prefixLen = attrName.indexOf(":");
+      const namespace = prefixLen > 0 && element.lookupNamespaceURI(attrName.substr(0, prefixLen));
       const toRemove = attrValue === false || attrValue === null || attrValue === void 0;
       if (toRemove) {
         if (namespace) {
@@ -29,7 +25,7 @@ export var attr = {
         }
       }
       if (attrName === "name") {
-        setElementName(element, toRemove ? "" : attrValue);
+        element.name = toRemove ? "" : attrValue;
       }
     });
   }

package/dist/attr.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/attr.ts"],
-  "sourcesContent": ["\nimport {\n  setElementName, objectForEach\n} from '@tko/utils'\n\nimport {\n  unwrap\n} from '@tko/observable'\n\nexport var attr = {\n  update: function (element, valueAccessor, allBindings) {\n    var value = unwrap(valueAccessor()) || {}\n    objectForEach(value, function (attrName, attrValue) {\n      attrValue = unwrap(attrValue)\n\n      // Find the namespace of this attribute, if any.\n      var prefixLen = attrName.indexOf(':')\n      var namespace = prefixLen > 0 && element.lookupNamespaceURI(attrName.substr(0, prefixLen))\n\n      // To cover cases like \"attr: { checked:someProp }\", we want to remove the attribute entirely\n      // when someProp is a \"no value\"-like value (strictly null, false, or undefined)\n      // (because the absence of the \"checked\" attr is how to mark an element as not checked, etc.)\n      const toRemove = attrValue === false || attrValue === null || attrValue === undefined\n\n      if (toRemove) {\n        if (namespace) {\n          element.removeAttributeNS(namespace, attrName)\n        } else {\n          element.removeAttribute(attrName)\n        }\n      } else {\n        attrValue = attrValue.toString()\n        if (namespace) {\n          element.setAttributeNS(namespace, attrName, attrValue)\n        } else {\n          element.setAttribute(attrName, attrValue)\n        }\n      }\n\n      // Treat \"name\" specially - although you can think of it as an attribute, it also needs\n      // special handling on older versions of IE (https://github.com/SteveSanderson/knockout/pull/333)\n      // Deliberately being case-sensitive here because XHTML would regard \"Name\" as a different thing\n      // entirely, and there's no strong reason to allow for such casing in HTML.\n      if (attrName === 'name') {\n        setElementName(element, toRemove ? '' : attrValue)\n      }\n    })\n  }\n}\n"],
-  "mappings": ";AACA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAIO,WAAI,OAAO;AAAA,EAChB,QAAQ,SAAU,SAAS,eAAe,aAAa;AACrD,QAAI,QAAQ,OAAO,cAAc,CAAC,KAAK,CAAC;AACxC,kBAAc,OAAO,SAAU,UAAU,WAAW;AAClD,kBAAY,OAAO,SAAS;AAG5B,UAAI,YAAY,SAAS,QAAQ,GAAG;AACpC,UAAI,YAAY,YAAY,KAAK,QAAQ,mBAAmB,SAAS,OAAO,GAAG,SAAS,CAAC;AAKzF,YAAM,WAAW,cAAc,SAAS,cAAc,QAAQ,cAAc;AAE5E,UAAI,UAAU;AACZ,YAAI,WAAW;AACb,kBAAQ,kBAAkB,WAAW,QAAQ;AAAA,QAC/C,OAAO;AACL,kBAAQ,gBAAgB,QAAQ;AAAA,QAClC;AAAA,MACF,OAAO;AACL,oBAAY,UAAU,SAAS;AAC/B,YAAI,WAAW;AACb,kBAAQ,eAAe,WAAW,UAAU,SAAS;AAAA,QACvD,OAAO;AACL,kBAAQ,aAAa,UAAU,SAAS;AAAA,QAC1C;AAAA,MACF;AAMA,UAAI,aAAa,QAAQ;AACvB,uBAAe,SAAS,WAAW,KAAK,SAAS;AAAA,MACnD;AAAA,IACF,CAAC;AAAA,EACH;AACF;",
+  "sourcesContent": ["import { objectForEach } from '@tko/utils'\n\nimport { unwrap } from '@tko/observable'\n\nimport type { AllBindings } from '@tko/bind'\n\nexport const attr = {\n  update: function (element, valueAccessor, _allBindings: AllBindings) {\n    const value = unwrap(valueAccessor()) || {}\n    objectForEach(value, function (attrName, attrValue) {\n      attrValue = unwrap(attrValue)\n\n      // Find the namespace of this attribute, if any.\n      const prefixLen = attrName.indexOf(':')\n      const namespace = prefixLen > 0 && element.lookupNamespaceURI(attrName.substr(0, prefixLen))\n\n      // To cover cases like \"attr: { checked:someProp }\", we want to remove the attribute entirely\n      // when someProp is a \"no value\"-like value (strictly null, false, or undefined)\n      // (because the absence of the \"checked\" attr is how to mark an element as not checked, etc.)\n      const toRemove = attrValue === false || attrValue === null || attrValue === undefined\n\n      if (toRemove) {\n        if (namespace) {\n          element.removeAttributeNS(namespace, attrName)\n        } else {\n          element.removeAttribute(attrName)\n        }\n      } else {\n        attrValue = attrValue.toString()\n        if (namespace) {\n          element.setAttributeNS(namespace, attrName, attrValue)\n        } else {\n          element.setAttribute(attrName, attrValue)\n        }\n      }\n\n      // Deliberately being case-sensitive here because XHTML would regard \"Name\" as a different thing\n      // entirely, and there's no strong reason to allow for such casing in HTML.\n      if (attrName === 'name') {\n        element.name = toRemove ? '' : attrValue\n      }\n    })\n  }\n}\n"],
+  "mappings": ";;AAAA,SAAS,qBAAqB;AAE9B,SAAS,cAAc;AAIhB,aAAM,OAAO;AAAA,EAClB,QAAQ,SAAU,SAAS,eAAe,cAA2B;AACnE,UAAM,QAAQ,OAAO,cAAc,CAAC,KAAK,CAAC;AAC1C,kBAAc,OAAO,SAAU,UAAU,WAAW;AAClD,kBAAY,OAAO,SAAS;AAG5B,YAAM,YAAY,SAAS,QAAQ,GAAG;AACtC,YAAM,YAAY,YAAY,KAAK,QAAQ,mBAAmB,SAAS,OAAO,GAAG,SAAS,CAAC;AAK3F,YAAM,WAAW,cAAc,SAAS,cAAc,QAAQ,cAAc;AAE5E,UAAI,UAAU;AACZ,YAAI,WAAW;AACb,kBAAQ,kBAAkB,WAAW,QAAQ;AAAA,QAC/C,OAAO;AACL,kBAAQ,gBAAgB,QAAQ;AAAA,QAClC;AAAA,MACF,OAAO;AACL,oBAAY,UAAU,SAAS;AAC/B,YAAI,WAAW;AACb,kBAAQ,eAAe,WAAW,UAAU,SAAS;AAAA,QACvD,OAAO;AACL,kBAAQ,aAAa,UAAU,SAAS;AAAA,QAC1C;AAAA,MACF;AAIA,UAAI,aAAa,QAAQ;AACvB,gBAAQ,OAAO,WAAW,KAAK;AAAA,MACjC;AAAA,IACF,CAAC;AAAA,EACH;AACF;",
   "names": []
 }

package/dist/checked.js

@@ -1,22 +1,12 @@
-// @tko/binding.core 🥊 4.0.0-beta1.0 ESM
-import {
-  registerEventHandler,
-  arrayIndexOf,
-  addOrRemoveItem
-} from "@tko/utils";
-import {
-  unwrap,
-  dependencyDetection,
-  isWriteableObservable
-} from "@tko/observable";
-import {
-  computed,
-  pureComputed
-} from "@tko/computed";
-export var checked = {
+// @tko/binding.core 🥊 4.0.0 ESM
+"use strict";
+import { registerEventHandler, arrayIndexOf, addOrRemoveItem } from "@tko/utils";
+import { unwrap, dependencyDetection, isWriteableObservable } from "@tko/observable";
+import { computed, pureComputed } from "@tko/computed";
+export const checked = {
   after: ["value", "attr"],
   init: function(element, valueAccessor, allBindings) {
-    var checkedValue2 = pureComputed(function() {
+    const checkedValue2 = pureComputed(function() {
       if (allBindings.has("checkedValue")) {
         return unwrap(allBindings.get("checkedValue"));
       } else if (useElementValue) {
@@ -28,16 +18,16 @@ export var checked = {
       }
     });
     function updateModel() {
-      var isChecked = element.checked, elemValue = checkedValue2();
+      let isChecked = element.checked, elemValue = checkedValue2();
       if (dependencyDetection.isInitial()) {
         return;
       }
       if (!isChecked && (isRadio || dependencyDetection.getDependenciesCount())) {
         return;
       }
-      var modelValue = dependencyDetection.ignore(valueAccessor);
+      const modelValue = dependencyDetection.ignore(valueAccessor);
       if (valueIsArray) {
-        var writableValue = rawValueIsNonArrayObservable ? modelValue.peek() : modelValue, saveOldValue = oldElemValue;
+        const writableValue = rawValueIsNonArrayObservable ? modelValue.peek() : modelValue, saveOldValue = oldElemValue;
         oldElemValue = elemValue;
         if (saveOldValue !== elemValue) {
           if (isChecked) {
@@ -59,13 +49,15 @@ export var checked = {
             elemValue = void 0;
           }
         }
-        valueAccessor(elemValue, { onlyIfChanged: true });
+        const modelValue2 = valueAccessor(elemValue, { onlyIfChanged: true });
+        if (isWriteableObservable(modelValue2) && modelValue2.peek() !== elemValue) {
+          modelValue2(elemValue);
+        }
       }
     }
-    ;
     function updateView() {
-      var modelValue = modelValue = unwrap(valueAccessor());
-      var elemValue = checkedValue2();
+      const modelValue = unwrap(valueAccessor());
+      const elemValue = checkedValue2();
       if (valueIsArray) {
         element.checked = arrayIndexOf(modelValue, elemValue) >= 0;
         oldElemValue = elemValue;
@@ -75,19 +67,18 @@ export var checked = {
         element.checked = checkedValue2() === modelValue;
       }
     }
-    ;
-    var isCheckbox = element.type == "checkbox", isRadio = element.type == "radio";
+    const isCheckbox = element.type == "checkbox", isRadio = element.type == "radio";
     if (!isCheckbox && !isRadio) {
       return;
     }
-    var rawValue = valueAccessor(), valueIsArray = isCheckbox && unwrap(rawValue) instanceof Array, rawValueIsNonArrayObservable = !(valueIsArray && rawValue.push && rawValue.splice), useElementValue = isRadio || valueIsArray, oldElemValue = valueIsArray ? checkedValue2() : void 0;
+    let rawValue = valueAccessor(), valueIsArray = isCheckbox && unwrap(rawValue) instanceof Array, rawValueIsNonArrayObservable = !(valueIsArray && rawValue.push && rawValue.splice), useElementValue = isRadio || valueIsArray, oldElemValue = valueIsArray ? checkedValue2() : void 0;
     computed(updateModel, null, { disposeWhenNodeIsRemoved: element });
     registerEventHandler(element, "click", updateModel);
     computed(updateView, null, { disposeWhenNodeIsRemoved: element });
     rawValue = void 0;
   }
 };
-export var checkedValue = {
+export const checkedValue = {
   update: function(element, valueAccessor) {
     element.value = unwrap(valueAccessor());
   }

package/dist/checked.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/checked.ts"],
-  "sourcesContent": ["\nimport {\n    registerEventHandler, arrayIndexOf, addOrRemoveItem\n} from '@tko/utils'\n\nimport {\n    unwrap, dependencyDetection, isWriteableObservable\n} from '@tko/observable'\n\nimport {\n    computed, pureComputed\n} from '@tko/computed'\n\nexport var checked = {\n  after: ['value', 'attr'],\n  init: function (element, valueAccessor, allBindings) {\n    var checkedValue = pureComputed(function () {\n      // Treat \"value\" like \"checkedValue\" when it is included with \"checked\" binding\n      if (allBindings.has('checkedValue')) {\n        return unwrap(allBindings.get('checkedValue'))\n      } else if (useElementValue) {\n        if (allBindings.has('value')) {\n          return unwrap(allBindings.get('value'))\n        } else {\n          return element.value\n        }\n      }\n    })\n\n    function updateModel () {\n      // This updates the model value from the view value.\n      // It runs in response to DOM events (click) and changes in checkedValue.\n      var isChecked = element.checked,\n        elemValue = checkedValue()\n\n      // When we're first setting up this computed, don't change any model state.\n      if (dependencyDetection.isInitial()) {\n        return\n      }\n\n      // We can ignore unchecked radio buttons, because some other radio\n      // button will be checked, and that one can take care of updating state.\n      // button will be checked, and that one can take care of updating state\n      if (!isChecked && (isRadio || dependencyDetection.getDependenciesCount())) {\n        return\n      }\n\n      var modelValue = dependencyDetection.ignore(valueAccessor)\n      if (valueIsArray) {\n        var writableValue = rawValueIsNonArrayObservable ? modelValue.peek() : modelValue,\n          saveOldValue = oldElemValue\n        oldElemValue = elemValue\n\n        if (saveOldValue !== elemValue) {\n          // When we're responding to the checkedValue changing, and the element is\n          // currently checked, replace the old elem value with the new elem value\n          // in the model array.\n          if (isChecked) {\n            addOrRemoveItem(writableValue, elemValue, true)\n            addOrRemoveItem(writableValue, saveOldValue, false)\n          }\n\n          oldElemValue = elemValue\n        } else {\n          // When we're responding to the user having checked/unchecked a checkbox,\n          // add/remove the element value to the model array.\n          addOrRemoveItem(writableValue, elemValue, isChecked)\n        }\n        if (rawValueIsNonArrayObservable && isWriteableObservable(modelValue)) {\n          modelValue(writableValue)\n        }\n      } else {\n        if (isCheckbox) {\n          if (elemValue === undefined) {\n            elemValue = isChecked\n          } else if (!isChecked) {\n            elemValue = undefined\n          }\n        }\n        valueAccessor(elemValue, {onlyIfChanged: true})\n      }\n    };\n\n    function updateView () {\n            // This updates the view value from the model value.\n            // It runs in response to changes in the bound (checked) value.\n      var modelValue = modelValue = unwrap(valueAccessor())\n      var elemValue = checkedValue()\n\n      if (valueIsArray) {\n                // When a checkbox is bound to an array, being checked represents its value being present in that array\n        element.checked = arrayIndexOf(modelValue, elemValue) >= 0\n        oldElemValue = elemValue\n      } else if (isCheckbox && elemValue === undefined) {\n                                 // When a checkbox is bound to any other value (not an array) and \"checkedValue\" is not defined,\n                                 // being checked represents the value being trueish\n        element.checked = !!modelValue\n      } else {\n        // Otherwise, being checked means that the checkbox or radio button's value corresponds to the model value\n        element.checked = (checkedValue() === modelValue)\n      }\n    };\n\n    var isCheckbox = element.type == 'checkbox',\n      isRadio = element.type == 'radio'\n\n        // Only bind to check boxes and radio buttons\n    if (!isCheckbox && !isRadio) {\n      return\n    }\n\n    var rawValue = valueAccessor(),\n      valueIsArray = isCheckbox && (unwrap(rawValue) instanceof Array),\n      rawValueIsNonArrayObservable = !(valueIsArray && rawValue.push && rawValue.splice),\n      useElementValue = isRadio || valueIsArray,\n      oldElemValue = valueIsArray ? checkedValue() : undefined\n\n        // Set up two computeds to update the binding:\n\n        // The first responds to changes in the checkedValue value and to element clicks\n    computed(updateModel, null, { disposeWhenNodeIsRemoved: element })\n    registerEventHandler(element, 'click', updateModel)\n\n        // The second responds to changes in the model value (the one associated with the checked binding)\n    computed(updateView, null, { disposeWhenNodeIsRemoved: element })\n\n    rawValue = undefined\n  }\n}\n\nexport var checkedValue = {\n  update: function (element, valueAccessor) {\n    element.value = unwrap(valueAccessor())\n  }\n}\n"],
-  "mappings": ";AACA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAIO,WAAI,UAAU;AAAA,EACnB,OAAO,CAAC,SAAS,MAAM;AAAA,EACvB,MAAM,SAAU,SAAS,eAAe,aAAa;AACnD,QAAI,gBAAe,aAAa,WAAY;AAE1C,UAAI,YAAY,IAAI,cAAc,GAAG;AACnC,eAAO,OAAO,YAAY,IAAI,cAAc,CAAC;AAAA,MAC/C,WAAW,iBAAiB;AAC1B,YAAI,YAAY,IAAI,OAAO,GAAG;AAC5B,iBAAO,OAAO,YAAY,IAAI,OAAO,CAAC;AAAA,QACxC,OAAO;AACL,iBAAO,QAAQ;AAAA,QACjB;AAAA,MACF;AAAA,IACF,CAAC;AAED,2BAAwB;AAGtB,UAAI,YAAY,QAAQ,SACtB,YAAY,cAAa;AAG3B,UAAI,oBAAoB,UAAU,GAAG;AACnC;AAAA,MACF;AAKA,UAAI,CAAC,aAAc,YAAW,oBAAoB,qBAAqB,IAAI;AACzE;AAAA,MACF;AAEA,UAAI,aAAa,oBAAoB,OAAO,aAAa;AACzD,UAAI,cAAc;AAChB,YAAI,gBAAgB,+BAA+B,WAAW,KAAK,IAAI,YACrE,eAAe;AACjB,uBAAe;AAEf,YAAI,iBAAiB,WAAW;AAI9B,cAAI,WAAW;AACb,4BAAgB,eAAe,WAAW,IAAI;AAC9C,4BAAgB,eAAe,cAAc,KAAK;AAAA,UACpD;AAEA,yBAAe;AAAA,QACjB,OAAO;AAGL,0BAAgB,eAAe,WAAW,SAAS;AAAA,QACrD;AACA,YAAI,gCAAgC,sBAAsB,UAAU,GAAG;AACrE,qBAAW,aAAa;AAAA,QAC1B;AAAA,MACF,OAAO;AACL,YAAI,YAAY;AACd,cAAI,cAAc,QAAW;AAC3B,wBAAY;AAAA,UACd,WAAW,CAAC,WAAW;AACrB,wBAAY;AAAA,UACd;AAAA,QACF;AACA,sBAAc,WAAW,EAAC,eAAe,KAAI,CAAC;AAAA,MAChD;AAAA,IACF;AAAC;AAED,0BAAuB;AAGrB,UAAI,aAAa,aAAa,OAAO,cAAc,CAAC;AACpD,UAAI,YAAY,cAAa;AAE7B,UAAI,cAAc;AAEhB,gBAAQ,UAAU,aAAa,YAAY,SAAS,KAAK;AACzD,uBAAe;AAAA,MACjB,WAAW,cAAc,cAAc,QAAW;AAGhD,gBAAQ,UAAU,CAAC,CAAC;AAAA,MACtB,OAAO;AAEL,gBAAQ,UAAW,cAAa,MAAM;AAAA,MACxC;AAAA,IACF;AAAC;AAED,QAAI,aAAa,QAAQ,QAAQ,YAC/B,UAAU,QAAQ,QAAQ;AAG5B,QAAI,CAAC,cAAc,CAAC,SAAS;AAC3B;AAAA,IACF;AAEA,QAAI,WAAW,cAAc,GAC3B,eAAe,cAAe,OAAO,QAAQ,aAAa,OAC1D,+BAA+B,CAAE,iBAAgB,SAAS,QAAQ,SAAS,SAC3E,kBAAkB,WAAW,cAC7B,eAAe,eAAe,cAAa,IAAI;AAKjD,aAAS,aAAa,MAAM,EAAE,0BAA0B,QAAQ,CAAC;AACjE,yBAAqB,SAAS,SAAS,WAAW;AAGlD,aAAS,YAAY,MAAM,EAAE,0BAA0B,QAAQ,CAAC;AAEhE,eAAW;AAAA,EACb;AACF;AAEO,WAAI,eAAe;AAAA,EACxB,QAAQ,SAAU,SAAS,eAAe;AACxC,YAAQ,QAAQ,OAAO,cAAc,CAAC;AAAA,EACxC;AACF;",
-  "names": []
+  "sourcesContent": ["import { registerEventHandler, arrayIndexOf, addOrRemoveItem } from '@tko/utils'\n\nimport { unwrap, dependencyDetection, isWriteableObservable } from '@tko/observable'\n\nimport { computed, pureComputed } from '@tko/computed'\n\nimport type { AllBindings } from '@tko/bind'\n\nexport const checked = {\n  after: ['value', 'attr'],\n  init: function (element, valueAccessor, allBindings: AllBindings) {\n    const checkedValue = pureComputed(function () {\n      // Treat \"value\" like \"checkedValue\" when it is included with \"checked\" binding\n      if (allBindings.has('checkedValue')) {\n        return unwrap(allBindings.get('checkedValue'))\n      } else if (useElementValue) {\n        if (allBindings.has('value')) {\n          return unwrap(allBindings.get('value'))\n        } else {\n          return element.value\n        }\n      }\n    })\n\n    function updateModel() {\n      // This updates the model value from the view value.\n      // It runs in response to DOM events (click) and changes in checkedValue.\n      let isChecked = element.checked,\n        elemValue = checkedValue()\n\n      // When we're first setting up this computed, don't change any model state.\n      if (dependencyDetection.isInitial()) {\n        return\n      }\n\n      // We can ignore unchecked radio buttons, because some other radio\n      // button will be checked, and that one can take care of updating state.\n      // button will be checked, and that one can take care of updating state\n      if (!isChecked && (isRadio || dependencyDetection.getDependenciesCount())) {\n        return\n      }\n\n      const modelValue = dependencyDetection.ignore(valueAccessor)\n      if (valueIsArray) {\n        const writableValue = rawValueIsNonArrayObservable ? modelValue.peek() : modelValue,\n          saveOldValue = oldElemValue\n        oldElemValue = elemValue\n\n        if (saveOldValue !== elemValue) {\n          // When we're responding to the checkedValue changing, and the element is\n          // currently checked, replace the old elem value with the new elem value\n          // in the model array.\n          if (isChecked) {\n            addOrRemoveItem(writableValue, elemValue, true)\n            addOrRemoveItem(writableValue, saveOldValue, false)\n          }\n\n          oldElemValue = elemValue\n        } else {\n          // When we're responding to the user having checked/unchecked a checkbox,\n          // add/remove the element value to the model array.\n          addOrRemoveItem(writableValue, elemValue, isChecked)\n        }\n        if (rawValueIsNonArrayObservable && isWriteableObservable(modelValue)) {\n          modelValue(writableValue)\n        }\n      } else {\n        if (isCheckbox) {\n          if (elemValue === undefined) {\n            elemValue = isChecked\n          } else if (!isChecked) {\n            elemValue = undefined\n          }\n        }\n        // valueAccessor(elemValue, {onlyIfChanged: true})\n        const modelValue = valueAccessor(elemValue, { onlyIfChanged: true })\n        if (isWriteableObservable(modelValue) && modelValue.peek() !== elemValue) {\n          modelValue(elemValue)\n        }\n      }\n    }\n\n    function updateView() {\n      // This updates the view value from the model value.\n      // It runs in response to changes in the bound (checked) value.\n      const modelValue = unwrap(valueAccessor())\n      const elemValue = checkedValue()\n\n      if (valueIsArray) {\n        // When a checkbox is bound to an array, being checked represents its value being present in that array\n        element.checked = arrayIndexOf(modelValue, elemValue) >= 0\n        oldElemValue = elemValue\n      } else if (isCheckbox && elemValue === undefined) {\n        // When a checkbox is bound to any other value (not an array) and \"checkedValue\" is not defined,\n        // being checked represents the value being trueish\n        element.checked = !!modelValue\n      } else {\n        // Otherwise, being checked means that the checkbox or radio button's value corresponds to the model value\n        element.checked = checkedValue() === modelValue\n      }\n    }\n\n    const isCheckbox = element.type == 'checkbox',\n      isRadio = element.type == 'radio'\n\n    // Only bind to check boxes and radio buttons\n    if (!isCheckbox && !isRadio) {\n      return\n    }\n\n    let rawValue = valueAccessor(),\n      valueIsArray = isCheckbox && unwrap(rawValue) instanceof Array,\n      rawValueIsNonArrayObservable = !(valueIsArray && rawValue.push && rawValue.splice),\n      useElementValue = isRadio || valueIsArray,\n      oldElemValue = valueIsArray ? checkedValue() : undefined\n\n    // Set up two computeds to update the binding:\n\n    // The first responds to changes in the checkedValue value and to element clicks\n    computed(updateModel, null, { disposeWhenNodeIsRemoved: element })\n    registerEventHandler(element, 'click', updateModel)\n\n    // The second responds to changes in the model value (the one associated with the checked binding)\n    computed(updateView, null, { disposeWhenNodeIsRemoved: element })\n\n    rawValue = undefined\n  }\n}\n\nexport const checkedValue = {\n  update: function (element, valueAccessor) {\n    element.value = unwrap(valueAccessor())\n  }\n}\n"],
+  "mappings": ";;AAAA,SAAS,sBAAsB,cAAc,uBAAuB;AAEpE,SAAS,QAAQ,qBAAqB,6BAA6B;AAEnE,SAAS,UAAU,oBAAoB;AAIhC,aAAM,UAAU;AAAA,EACrB,OAAO,CAAC,SAAS,MAAM;AAAA,EACvB,MAAM,SAAU,SAAS,eAAe,aAA0B;AAChE,UAAMA,gBAAe,aAAa,WAAY;AAE5C,UAAI,YAAY,IAAI,cAAc,GAAG;AACnC,eAAO,OAAO,YAAY,IAAI,cAAc,CAAC;AAAA,MAC/C,WAAW,iBAAiB;AAC1B,YAAI,YAAY,IAAI,OAAO,GAAG;AAC5B,iBAAO,OAAO,YAAY,IAAI,OAAO,CAAC;AAAA,QACxC,OAAO;AACL,iBAAO,QAAQ;AAAA,QACjB;AAAA,MACF;AAAA,IACF,CAAC;AAED,aAAS,cAAc;AAGrB,UAAI,YAAY,QAAQ,SACtB,YAAYA,cAAa;AAG3B,UAAI,oBAAoB,UAAU,GAAG;AACnC;AAAA,MACF;AAKA,UAAI,CAAC,cAAc,WAAW,oBAAoB,qBAAqB,IAAI;AACzE;AAAA,MACF;AAEA,YAAM,aAAa,oBAAoB,OAAO,aAAa;AAC3D,UAAI,cAAc;AAChB,cAAM,gBAAgB,+BAA+B,WAAW,KAAK,IAAI,YACvE,eAAe;AACjB,uBAAe;AAEf,YAAI,iBAAiB,WAAW;AAI9B,cAAI,WAAW;AACb,4BAAgB,eAAe,WAAW,IAAI;AAC9C,4BAAgB,eAAe,cAAc,KAAK;AAAA,UACpD;AAEA,yBAAe;AAAA,QACjB,OAAO;AAGL,0BAAgB,eAAe,WAAW,SAAS;AAAA,QACrD;AACA,YAAI,gCAAgC,sBAAsB,UAAU,GAAG;AACrE,qBAAW,aAAa;AAAA,QAC1B;AAAA,MACF,OAAO;AACL,YAAI,YAAY;AACd,cAAI,cAAc,QAAW;AAC3B,wBAAY;AAAA,UACd,WAAW,CAAC,WAAW;AACrB,wBAAY;AAAA,UACd;AAAA,QACF;AAEA,cAAMC,cAAa,cAAc,WAAW,EAAE,eAAe,KAAK,CAAC;AACnE,YAAI,sBAAsBA,WAAU,KAAKA,YAAW,KAAK,MAAM,WAAW;AACxE,UAAAA,YAAW,SAAS;AAAA,QACtB;AAAA,MACF;AAAA,IACF;AAEA,aAAS,aAAa;AAGpB,YAAM,aAAa,OAAO,cAAc,CAAC;AACzC,YAAM,YAAYD,cAAa;AAE/B,UAAI,cAAc;AAEhB,gBAAQ,UAAU,aAAa,YAAY,SAAS,KAAK;AACzD,uBAAe;AAAA,MACjB,WAAW,cAAc,cAAc,QAAW;AAGhD,gBAAQ,UAAU,CAAC,CAAC;AAAA,MACtB,OAAO;AAEL,gBAAQ,UAAUA,cAAa,MAAM;AAAA,MACvC;AAAA,IACF;AAEA,UAAM,aAAa,QAAQ,QAAQ,YACjC,UAAU,QAAQ,QAAQ;AAG5B,QAAI,CAAC,cAAc,CAAC,SAAS;AAC3B;AAAA,IACF;AAEA,QAAI,WAAW,cAAc,GAC3B,eAAe,cAAc,OAAO,QAAQ,aAAa,OACzD,+BAA+B,EAAE,gBAAgB,SAAS,QAAQ,SAAS,SAC3E,kBAAkB,WAAW,cAC7B,eAAe,eAAeA,cAAa,IAAI;AAKjD,aAAS,aAAa,MAAM,EAAE,0BAA0B,QAAQ,CAAC;AACjE,yBAAqB,SAAS,SAAS,WAAW;AAGlD,aAAS,YAAY,MAAM,EAAE,0BAA0B,QAAQ,CAAC;AAEhE,eAAW;AAAA,EACb;AACF;AAEO,aAAM,eAAe;AAAA,EAC1B,QAAQ,SAAU,SAAS,eAAe;AACxC,YAAQ,QAAQ,OAAO,cAAc,CAAC;AAAA,EACxC;AACF;",
+  "names": ["checkedValue", "modelValue"]
 }

package/dist/click.js

@@ -1,5 +1,4 @@
-// @tko/binding.core 🥊 4.0.0-beta1.0 ESM
-import {
-  makeEventHandlerShortcut
-} from "./event";
-export var click = makeEventHandlerShortcut("click");
+// @tko/binding.core 🥊 4.0.0 ESM
+"use strict";
+import { makeEventHandlerShortcut } from "./event";
+export const click = makeEventHandlerShortcut("click");

package/dist/click.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/click.ts"],
-  "sourcesContent": ["\nimport {\n    makeEventHandlerShortcut\n} from './event'\n\n// 'click' is just a shorthand for the usual full-length event:{click:handler}\nexport var click = makeEventHandlerShortcut('click')\n"],
-  "mappings": ";AACA;AAAA;AAAA;AAKO,WAAI,QAAQ,yBAAyB,OAAO;",
+  "sourcesContent": ["import { makeEventHandlerShortcut } from './event'\n\n// 'click' is just a shorthand for the usual full-length event:{click:handler}\nexport const click = makeEventHandlerShortcut('click')\n"],
+  "mappings": ";;AAAA,SAAS,gCAAgC;AAGlC,aAAM,QAAQ,yBAAyB,OAAO;",
   "names": []
 }

package/dist/css.js

@@ -1,17 +1,11 @@
-// @tko/binding.core 🥊 4.0.0-beta1.0 ESM
-import {
-  createSymbolOrString,
-  toggleDomNodeCssClass,
-  objectForEach,
-  stringTrim
-} from "@tko/utils";
-import {
-  unwrap
-} from "@tko/observable";
-export var css = {
+// @tko/binding.core 🥊 4.0.0 ESM
+"use strict";
+import { createSymbolOrString, toggleDomNodeCssClass, objectForEach, stringTrim } from "@tko/utils";
+import { unwrap } from "@tko/observable";
+export const css = {
   aliases: ["class"],
   update: function(element, valueAccessor) {
-    var value = unwrap(valueAccessor());
+    let value = unwrap(valueAccessor());
     if (value !== null && typeof value === "object") {
       objectForEach(value, function(className, shouldHaveClass) {
         shouldHaveClass = unwrap(shouldHaveClass);

package/dist/css.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/css.ts"],
-  "sourcesContent": ["\nimport {\n    createSymbolOrString, toggleDomNodeCssClass, objectForEach, stringTrim\n} from '@tko/utils'\n\nimport {\n    unwrap\n} from '@tko/observable'\n\nexport var css = {\n  aliases: ['class'],\n  update: function (element, valueAccessor) {\n    var value = unwrap(valueAccessor())\n    if (value !== null && typeof value === 'object') {\n      objectForEach(value, function (className, shouldHaveClass) {\n        shouldHaveClass = unwrap(shouldHaveClass)\n        toggleDomNodeCssClass(element, className, shouldHaveClass)\n      })\n    } else {\n      value = stringTrim(String(value || '')) // Make sure we don't try to store or set a non-string value\n      toggleDomNodeCssClass(element, element[css.classesWrittenByBindingKey], false)\n      element[css.classesWrittenByBindingKey] = value\n      toggleDomNodeCssClass(element, value, true)\n    }\n  },\n  classesWrittenByBindingKey: createSymbolOrString('__ko__cssValue')\n}\n"],
-  "mappings": ";AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAIO,WAAI,MAAM;AAAA,EACf,SAAS,CAAC,OAAO;AAAA,EACjB,QAAQ,SAAU,SAAS,eAAe;AACxC,QAAI,QAAQ,OAAO,cAAc,CAAC;AAClC,QAAI,UAAU,QAAQ,OAAO,UAAU,UAAU;AAC/C,oBAAc,OAAO,SAAU,WAAW,iBAAiB;AACzD,0BAAkB,OAAO,eAAe;AACxC,8BAAsB,SAAS,WAAW,eAAe;AAAA,MAC3D,CAAC;AAAA,IACH,OAAO;AACL,cAAQ,WAAW,OAAO,SAAS,EAAE,CAAC;AACtC,4BAAsB,SAAS,QAAQ,IAAI,6BAA6B,KAAK;AAC7E,cAAQ,IAAI,8BAA8B;AAC1C,4BAAsB,SAAS,OAAO,IAAI;AAAA,IAC5C;AAAA,EACF;AAAA,EACA,4BAA4B,qBAAqB,gBAAgB;AACnE;",
+  "sourcesContent": ["import { createSymbolOrString, toggleDomNodeCssClass, objectForEach, stringTrim } from '@tko/utils'\n\nimport { unwrap } from '@tko/observable'\n\nexport const css = {\n  aliases: ['class'],\n  update: function (element, valueAccessor) {\n    let value = unwrap(valueAccessor())\n    if (value !== null && typeof value === 'object') {\n      objectForEach(value, function (className, shouldHaveClass) {\n        shouldHaveClass = unwrap(shouldHaveClass)\n        toggleDomNodeCssClass(element, className, shouldHaveClass)\n      })\n    } else {\n      value = stringTrim(String(value || '')) // Make sure we don't try to store or set a non-string value\n      toggleDomNodeCssClass(element, element[css.classesWrittenByBindingKey], false)\n      element[css.classesWrittenByBindingKey] = value\n      toggleDomNodeCssClass(element, value, true)\n    }\n  },\n  classesWrittenByBindingKey: createSymbolOrString('__ko__cssValue')\n}\n"],
+  "mappings": ";;AAAA,SAAS,sBAAsB,uBAAuB,eAAe,kBAAkB;AAEvF,SAAS,cAAc;AAEhB,aAAM,MAAM;AAAA,EACjB,SAAS,CAAC,OAAO;AAAA,EACjB,QAAQ,SAAU,SAAS,eAAe;AACxC,QAAI,QAAQ,OAAO,cAAc,CAAC;AAClC,QAAI,UAAU,QAAQ,OAAO,UAAU,UAAU;AAC/C,oBAAc,OAAO,SAAU,WAAW,iBAAiB;AACzD,0BAAkB,OAAO,eAAe;AACxC,8BAAsB,SAAS,WAAW,eAAe;AAAA,MAC3D,CAAC;AAAA,IACH,OAAO;AACL,cAAQ,WAAW,OAAO,SAAS,EAAE,CAAC;AACtC,4BAAsB,SAAS,QAAQ,IAAI,0BAA0B,GAAG,KAAK;AAC7E,cAAQ,IAAI,0BAA0B,IAAI;AAC1C,4BAAsB,SAAS,OAAO,IAAI;AAAA,IAC5C;AAAA,EACF;AAAA,EACA,4BAA4B,qBAAqB,gBAAgB;AACnE;",
   "names": []
 }

package/dist/descendantsComplete.js

@@ -1,7 +1,6 @@
-// @tko/binding.core 🥊 4.0.0-beta1.0 ESM
-import {
-  BindingHandler
-} from "@tko/bind";
+// @tko/binding.core 🥊 4.0.0 ESM
+"use strict";
+import { BindingHandler } from "@tko/bind";
 export default class DescendantsCompleteHandler extends BindingHandler {
   onDescendantsComplete() {
     if (typeof this.value === "function") {

package/dist/descendantsComplete.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/descendantsComplete.ts"],
-  "sourcesContent": ["/**\n * A simple callback binding.\n */\nimport {\n  BindingHandler\n} from '@tko/bind'\n\nexport default class DescendantsCompleteHandler extends BindingHandler {\n  onDescendantsComplete () {\n    if (typeof this.value === 'function') {\n      this.value(this.$element)\n    }\n  }\n\n  static get allowVirtualElements () { return true }\n}\n"],
-  "mappings": ";AAGA;AAAA;AAAA;AAIA,qBAAqB,mCAAmC,eAAe;AAAA,EACrE,wBAAyB;AACvB,QAAI,OAAO,KAAK,UAAU,YAAY;AACpC,WAAK,MAAM,KAAK,QAAQ;AAAA,IAC1B;AAAA,EACF;AAAA,aAEW,uBAAwB;AAAE,WAAO;AAAA,EAAK;AACnD;",
+  "sourcesContent": ["/**\n * A simple callback binding.\n */\nimport { BindingHandler } from '@tko/bind'\n\nexport default class DescendantsCompleteHandler extends BindingHandler {\n  onDescendantsComplete() {\n    if (typeof this.value === 'function') {\n      this.value(this.$element)\n    }\n  }\n\n  static override get allowVirtualElements() {\n    return true\n  }\n}\n"],
+  "mappings": ";;AAGA,SAAS,sBAAsB;AAE/B,qBAAqB,mCAAmC,eAAe;AAAA,EACrE,wBAAwB;AACtB,QAAI,OAAO,KAAK,UAAU,YAAY;AACpC,WAAK,MAAM,KAAK,QAAQ;AAAA,IAC1B;AAAA,EACF;AAAA,EAEA,WAAoB,uBAAuB;AACzC,WAAO;AAAA,EACT;AACF;",
   "names": []
 }

package/dist/enableDisable.js

@@ -1,10 +1,9 @@
-// @tko/binding.core 🥊 4.0.0-beta1.0 ESM
-import {
-  unwrap
-} from "@tko/observable";
-export var enable = {
+// @tko/binding.core 🥊 4.0.0 ESM
+"use strict";
+import { unwrap } from "@tko/observable";
+export const enable = {
   update: function(element, valueAccessor) {
-    var value = unwrap(valueAccessor());
+    const value = unwrap(valueAccessor());
     if (value && element.disabled) {
       element.removeAttribute("disabled");
     } else if (!value && !element.disabled) {
@@ -12,7 +11,7 @@ export var enable = {
     }
   }
 };
-export var disable = {
+export const disable = {
   update: function(element, valueAccessor) {
     enable.update(element, function() {
       return !unwrap(valueAccessor());

package/dist/enableDisable.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/enableDisable.ts"],
-  "sourcesContent": ["\nimport {\n    unwrap\n} from '@tko/observable'\n\nexport var enable = {\n  update: function (element, valueAccessor) {\n    var value = unwrap(valueAccessor())\n    if (value && element.disabled) {\n      element.removeAttribute('disabled')\n    } else if ((!value) && (!element.disabled)) {\n      element.disabled = true\n    }\n  }\n}\n\nexport var disable = {\n  update: function (element, valueAccessor) {\n    enable.update(element, function () { return !unwrap(valueAccessor()) })\n  }\n}\n"],
-  "mappings": ";AACA;AAAA;AAAA;AAIO,WAAI,SAAS;AAAA,EAClB,QAAQ,SAAU,SAAS,eAAe;AACxC,QAAI,QAAQ,OAAO,cAAc,CAAC;AAClC,QAAI,SAAS,QAAQ,UAAU;AAC7B,cAAQ,gBAAgB,UAAU;AAAA,IACpC,WAAY,CAAC,SAAW,CAAC,QAAQ,UAAW;AAC1C,cAAQ,WAAW;AAAA,IACrB;AAAA,EACF;AACF;AAEO,WAAI,UAAU;AAAA,EACnB,QAAQ,SAAU,SAAS,eAAe;AACxC,WAAO,OAAO,SAAS,WAAY;AAAE,aAAO,CAAC,OAAO,cAAc,CAAC;AAAA,IAAE,CAAC;AAAA,EACxE;AACF;",
+  "sourcesContent": ["import { unwrap } from '@tko/observable'\n\nexport const enable = {\n  update: function (element, valueAccessor) {\n    const value = unwrap(valueAccessor())\n    if (value && element.disabled) {\n      element.removeAttribute('disabled')\n    } else if (!value && !element.disabled) {\n      element.disabled = true\n    }\n  }\n}\n\nexport const disable = {\n  update: function (element, valueAccessor) {\n    enable.update(element, function () {\n      return !unwrap(valueAccessor())\n    })\n  }\n}\n"],
+  "mappings": ";;AAAA,SAAS,cAAc;AAEhB,aAAM,SAAS;AAAA,EACpB,QAAQ,SAAU,SAAS,eAAe;AACxC,UAAM,QAAQ,OAAO,cAAc,CAAC;AACpC,QAAI,SAAS,QAAQ,UAAU;AAC7B,cAAQ,gBAAgB,UAAU;AAAA,IACpC,WAAW,CAAC,SAAS,CAAC,QAAQ,UAAU;AACtC,cAAQ,WAAW;AAAA,IACrB;AAAA,EACF;AACF;AAEO,aAAM,UAAU;AAAA,EACrB,QAAQ,SAAU,SAAS,eAAe;AACxC,WAAO,OAAO,SAAS,WAAY;AACjC,aAAO,CAAC,OAAO,cAAc,CAAC;AAAA,IAChC,CAAC;AAAA,EACH;AACF;",
   "names": []
 }

package/dist/event.js

@@ -1,18 +1,17 @@
-// @tko/binding.core 🥊 4.0.0-beta1.0 ESM
+// @tko/binding.core 🥊 4.0.0 ESM
+"use strict";
 import {
   objectForEach,
   registerEventHandler,
   throttle as throttleFn,
   debounce as debounceFn
 } from "@tko/utils";
-import {
-  unwrap
-} from "@tko/observable";
+import { unwrap } from "@tko/observable";
 export function makeEventHandlerShortcut(eventName) {
   return {
     init: function(element, valueAccessor, allBindings, viewModel, bindingContext) {
-      var newValueAccessor = function() {
-        var result = {};
+      const newValueAccessor = function() {
+        const result = {};
         result[eventName] = valueAccessor();
         return result;
       };
@@ -25,12 +24,12 @@ function makeDescriptor(handlerOrObject) {
 }
 export const eventHandler = {
   init: function(element, valueAccessor, allBindings, viewModel, bindingContext) {
-    var eventsToHandle = valueAccessor() || {};
+    const eventsToHandle = valueAccessor() || {};
     objectForEach(eventsToHandle, function(eventName, descriptor) {
       const { passive, capture, once, debounce, throttle } = makeDescriptor(descriptor);
       const eventOptions = (capture || passive || once) && { capture, passive, once };
       let eventHandlerFn = (event, ...more) => {
-        var handlerReturnValue;
+        let handlerReturnValue;
         const { handler, passive: passive2, bubble, preventDefault } = makeDescriptor(valueAccessor()[eventName]);
         try {
           if (handler) {

package/dist/event.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/event.ts"],
-  "sourcesContent": ["\nimport {\n    objectForEach, registerEventHandler, makeArray,\n    throttle as throttleFn, debounce as debounceFn\n} from '@tko/utils'\n\nimport {\n    unwrap\n} from '@tko/observable'\n\n// For certain common events (currently just 'click'), allow a simplified data-binding syntax\n// e.g. click:handler instead of the usual full-length event:{click:handler}\nexport function makeEventHandlerShortcut (eventName) {\n  return {\n    init: function (element, valueAccessor, allBindings, viewModel, bindingContext) {\n      var newValueAccessor = function () {\n        var result = {}\n        result[eventName] = valueAccessor()\n        return result\n      }\n      eventHandler.init.call(this, element, newValueAccessor, allBindings, viewModel, bindingContext)\n    }\n  }\n}\n\nfunction makeDescriptor (handlerOrObject) {\n  return typeof handlerOrObject === 'function' ? { handler: handlerOrObject } : handlerOrObject || {}\n}\n\nexport const eventHandler = {\n  init: function (element, valueAccessor, allBindings, viewModel, bindingContext) {\n    var eventsToHandle = valueAccessor() || {}\n    objectForEach(eventsToHandle, function (eventName, descriptor) {\n      const {passive, capture, once, debounce, throttle} = makeDescriptor(descriptor)\n      const eventOptions = (capture || passive || once) && {capture, passive, once}\n\n      let eventHandlerFn = (event, ...more) => {\n        var handlerReturnValue\n        const {handler, passive, bubble, preventDefault} = makeDescriptor(valueAccessor()[eventName])\n\n        try {\n          // Take all the event args, and prefix with the viewmodel\n          if (handler) {\n            const possiblyUpdatedViewModel = bindingContext.$data\n            const argsForHandler = [possiblyUpdatedViewModel, event, ...more]\n            handlerReturnValue = handler.apply(possiblyUpdatedViewModel, argsForHandler)\n          }\n        } finally {\n          // preventDefault in the descriptor takes precedent over the handler return value\n          if (preventDefault !== undefined) {\n            if (unwrap(preventDefault)) { event.preventDefault() }\n          } else if (handlerReturnValue !== true) {\n            // Normally we want to prevent default action. Developer can override this by explicitly returning true\n            // preventDefault will throw an error if the event is passive.\n            if (!passive) { event.preventDefault() }\n          }\n        }\n\n        const bubbleMark = allBindings.get(eventName + 'Bubble') !== false\n        if (bubble === false || !bubbleMark) {\n          event.cancelBubble = true\n          if (event.stopPropagation) { event.stopPropagation() }\n        }\n      }\n\n      if (debounce) { eventHandlerFn = debounceFn(eventHandlerFn, debounce) }\n      if (throttle) { eventHandlerFn = throttleFn(eventHandlerFn, throttle) }\n\n      registerEventHandler(element, eventName, eventHandlerFn, eventOptions || false)\n    })\n  }\n}\n\nexport const onHandler = {\n  init: eventHandler.init,\n  preprocess: function (value, key, addBinding) {\n    addBinding(key.replace('on.', ''), '=>' + value)\n  }\n}\n"],
-  "mappings": ";AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAMO,yCAAmC,WAAW;AACnD,SAAO;AAAA,IACL,MAAM,SAAU,SAAS,eAAe,aAAa,WAAW,gBAAgB;AAC9E,UAAI,mBAAmB,WAAY;AACjC,YAAI,SAAS,CAAC;AACd,eAAO,aAAa,cAAc;AAClC,eAAO;AAAA,MACT;AACA,mBAAa,KAAK,KAAK,MAAM,SAAS,kBAAkB,aAAa,WAAW,cAAc;AAAA,IAChG;AAAA,EACF;AACF;AAEA,wBAAyB,iBAAiB;AACxC,SAAO,OAAO,oBAAoB,aAAa,EAAE,SAAS,gBAAgB,IAAI,mBAAmB,CAAC;AACpG;AAEO,aAAM,eAAe;AAAA,EAC1B,MAAM,SAAU,SAAS,eAAe,aAAa,WAAW,gBAAgB;AAC9E,QAAI,iBAAiB,cAAc,KAAK,CAAC;AACzC,kBAAc,gBAAgB,SAAU,WAAW,YAAY;AAC7D,YAAM,EAAC,SAAS,SAAS,MAAM,UAAU,aAAY,eAAe,UAAU;AAC9E,YAAM,eAAgB,YAAW,WAAW,SAAS,EAAC,SAAS,SAAS,KAAI;AAE5E,UAAI,iBAAiB,CAAC,UAAU,SAAS;AACvC,YAAI;AACJ,cAAM,EAAC,SAAS,mBAAS,QAAQ,mBAAkB,eAAe,cAAc,EAAE,UAAU;AAE5F,YAAI;AAEF,cAAI,SAAS;AACX,kBAAM,2BAA2B,eAAe;AAChD,kBAAM,iBAAiB,CAAC,0BAA0B,OAAO,GAAG,IAAI;AAChE,iCAAqB,QAAQ,MAAM,0BAA0B,cAAc;AAAA,UAC7E;AAAA,QACF,UAAE;AAEA,cAAI,mBAAmB,QAAW;AAChC,gBAAI,OAAO,cAAc,GAAG;AAAE,oBAAM,eAAe;AAAA,YAAE;AAAA,UACvD,WAAW,uBAAuB,MAAM;AAGtC,gBAAI,CAAC,UAAS;AAAE,oBAAM,eAAe;AAAA,YAAE;AAAA,UACzC;AAAA,QACF;AAEA,cAAM,aAAa,YAAY,IAAI,YAAY,QAAQ,MAAM;AAC7D,YAAI,WAAW,SAAS,CAAC,YAAY;AACnC,gBAAM,eAAe;AACrB,cAAI,MAAM,iBAAiB;AAAE,kBAAM,gBAAgB;AAAA,UAAE;AAAA,QACvD;AAAA,MACF;AAEA,UAAI,UAAU;AAAE,yBAAiB,WAAW,gBAAgB,QAAQ;AAAA,MAAE;AACtE,UAAI,UAAU;AAAE,yBAAiB,WAAW,gBAAgB,QAAQ;AAAA,MAAE;AAEtE,2BAAqB,SAAS,WAAW,gBAAgB,gBAAgB,KAAK;AAAA,IAChF,CAAC;AAAA,EACH;AACF;AAEO,aAAM,YAAY;AAAA,EACvB,MAAM,aAAa;AAAA,EACnB,YAAY,SAAU,OAAO,KAAK,YAAY;AAC5C,eAAW,IAAI,QAAQ,OAAO,EAAE,GAAG,OAAO,KAAK;AAAA,EACjD;AACF;",
-  "names": []
+  "sourcesContent": ["import {\n  objectForEach,\n  registerEventHandler,\n  makeArray,\n  throttle as throttleFn,\n  debounce as debounceFn\n} from '@tko/utils'\n\nimport { unwrap } from '@tko/observable'\n\nimport type { AllBindings, BindingContext } from '@tko/bind'\n\n// For certain common events (currently just 'click'), allow a simplified data-binding syntax\n// e.g. click:handler instead of the usual full-length event:{click:handler}\nexport function makeEventHandlerShortcut(eventName) {\n  return {\n    init: function (element, valueAccessor, allBindings: AllBindings, viewModel, bindingContext: BindingContext) {\n      const newValueAccessor = function () {\n        const result = {}\n        result[eventName] = valueAccessor()\n        return result\n      }\n      eventHandler.init.call(this, element, newValueAccessor, allBindings, viewModel, bindingContext)\n    }\n  }\n}\n\nfunction makeDescriptor(handlerOrObject) {\n  return typeof handlerOrObject === 'function' ? { handler: handlerOrObject } : handlerOrObject || {}\n}\n\nexport const eventHandler = {\n  init: function (element, valueAccessor, allBindings, viewModel, bindingContext: BindingContext) {\n    const eventsToHandle = valueAccessor() || {}\n    objectForEach(eventsToHandle, function (eventName, descriptor) {\n      const { passive, capture, once, debounce, throttle } = makeDescriptor(descriptor)\n      const eventOptions = (capture || passive || once) && { capture, passive, once }\n\n      let eventHandlerFn = (event, ...more) => {\n        let handlerReturnValue\n        const { handler, passive, bubble, preventDefault } = makeDescriptor(valueAccessor()[eventName])\n\n        try {\n          // Take all the event args, and prefix with the viewmodel\n          if (handler) {\n            const possiblyUpdatedViewModel = bindingContext.$data\n            const argsForHandler = [possiblyUpdatedViewModel, event, ...more]\n            handlerReturnValue = handler.apply(possiblyUpdatedViewModel, argsForHandler)\n          }\n        } finally {\n          // preventDefault in the descriptor takes precedent over the handler return value\n          if (preventDefault !== undefined) {\n            if (unwrap(preventDefault)) {\n              event.preventDefault()\n            }\n          } else if (handlerReturnValue !== true) {\n            // Normally we want to prevent default action. Developer can override this by explicitly returning true\n            // preventDefault will throw an error if the event is passive.\n            if (!passive) {\n              event.preventDefault()\n            }\n          }\n        }\n\n        const bubbleMark = allBindings.get(eventName + 'Bubble') !== false\n        if (bubble === false || !bubbleMark) {\n          event.cancelBubble = true\n          if (event.stopPropagation) {\n            event.stopPropagation()\n          }\n        }\n      }\n\n      if (debounce) {\n        eventHandlerFn = debounceFn(eventHandlerFn, debounce)\n      }\n      if (throttle) {\n        eventHandlerFn = throttleFn(eventHandlerFn, throttle)\n      }\n\n      registerEventHandler(element, eventName, eventHandlerFn, eventOptions || false)\n    })\n  }\n}\n\nexport const onHandler = {\n  init: eventHandler.init,\n  preprocess: function (value, key, addBinding) {\n    addBinding(key.replace('on.', ''), '=>' + value)\n  }\n}\n"],
+  "mappings": ";;AAAA;AAAA,EACE;AAAA,EACA;AAAA,EAEA,YAAY;AAAA,EACZ,YAAY;AAAA,OACP;AAEP,SAAS,cAAc;AAMhB,gBAAS,yBAAyB,WAAW;AAClD,SAAO;AAAA,IACL,MAAM,SAAU,SAAS,eAAe,aAA0B,WAAW,gBAAgC;AAC3G,YAAM,mBAAmB,WAAY;AACnC,cAAM,SAAS,CAAC;AAChB,eAAO,SAAS,IAAI,cAAc;AAClC,eAAO;AAAA,MACT;AACA,mBAAa,KAAK,KAAK,MAAM,SAAS,kBAAkB,aAAa,WAAW,cAAc;AAAA,IAChG;AAAA,EACF;AACF;AAEA,SAAS,eAAe,iBAAiB;AACvC,SAAO,OAAO,oBAAoB,aAAa,EAAE,SAAS,gBAAgB,IAAI,mBAAmB,CAAC;AACpG;AAEO,aAAM,eAAe;AAAA,EAC1B,MAAM,SAAU,SAAS,eAAe,aAAa,WAAW,gBAAgC;AAC9F,UAAM,iBAAiB,cAAc,KAAK,CAAC;AAC3C,kBAAc,gBAAgB,SAAU,WAAW,YAAY;AAC7D,YAAM,EAAE,SAAS,SAAS,MAAM,UAAU,SAAS,IAAI,eAAe,UAAU;AAChF,YAAM,gBAAgB,WAAW,WAAW,SAAS,EAAE,SAAS,SAAS,KAAK;AAE9E,UAAI,iBAAiB,CAAC,UAAU,SAAS;AACvC,YAAI;AACJ,cAAM,EAAE,SAAS,SAAAA,UAAS,QAAQ,eAAe,IAAI,eAAe,cAAc,EAAE,SAAS,CAAC;AAE9F,YAAI;AAEF,cAAI,SAAS;AACX,kBAAM,2BAA2B,eAAe;AAChD,kBAAM,iBAAiB,CAAC,0BAA0B,OAAO,GAAG,IAAI;AAChE,iCAAqB,QAAQ,MAAM,0BAA0B,cAAc;AAAA,UAC7E;AAAA,QACF,UAAE;AAEA,cAAI,mBAAmB,QAAW;AAChC,gBAAI,OAAO,cAAc,GAAG;AAC1B,oBAAM,eAAe;AAAA,YACvB;AAAA,UACF,WAAW,uBAAuB,MAAM;AAGtC,gBAAI,CAACA,UAAS;AACZ,oBAAM,eAAe;AAAA,YACvB;AAAA,UACF;AAAA,QACF;AAEA,cAAM,aAAa,YAAY,IAAI,YAAY,QAAQ,MAAM;AAC7D,YAAI,WAAW,SAAS,CAAC,YAAY;AACnC,gBAAM,eAAe;AACrB,cAAI,MAAM,iBAAiB;AACzB,kBAAM,gBAAgB;AAAA,UACxB;AAAA,QACF;AAAA,MACF;AAEA,UAAI,UAAU;AACZ,yBAAiB,WAAW,gBAAgB,QAAQ;AAAA,MACtD;AACA,UAAI,UAAU;AACZ,yBAAiB,WAAW,gBAAgB,QAAQ;AAAA,MACtD;AAEA,2BAAqB,SAAS,WAAW,gBAAgB,gBAAgB,KAAK;AAAA,IAChF,CAAC;AAAA,EACH;AACF;AAEO,aAAM,YAAY;AAAA,EACvB,MAAM,aAAa;AAAA,EACnB,YAAY,SAAU,OAAO,KAAK,YAAY;AAC5C,eAAW,IAAI,QAAQ,OAAO,EAAE,GAAG,OAAO,KAAK;AAAA,EACjD;AACF;",
+  "names": ["passive"]
 }

package/dist/hasfocus.js

@@ -1,22 +1,16 @@
-// @tko/binding.core 🥊 4.0.0-beta1.0 ESM
-import {
-  createSymbolOrString,
-  triggerEvent,
-  registerEventHandler
-} from "@tko/utils";
-import {
-  unwrap,
-  dependencyDetection
-} from "@tko/observable";
-var hasfocusUpdatingProperty = createSymbolOrString("__ko_hasfocusUpdating");
-var hasfocusLastValue = createSymbolOrString("__ko_hasfocusLastValue");
-export var hasfocus = {
-  init: function(element, valueAccessor) {
-    var handleElementFocusChange = function(isFocused) {
+// @tko/binding.core 🥊 4.0.0 ESM
+"use strict";
+import { createSymbolOrString, triggerEvent, registerEventHandler } from "@tko/utils";
+import { unwrap, dependencyDetection, isWriteableObservable } from "@tko/observable";
+const hasfocusUpdatingProperty = createSymbolOrString("__ko_hasfocusUpdating");
+const hasfocusLastValue = createSymbolOrString("__ko_hasfocusLastValue");
+export const hasfocus = {
+  init: function(element, valueAccessor, _allBindings) {
+    const handleElementFocusChange = function(isFocused) {
       element[hasfocusUpdatingProperty] = true;
-      var ownerDoc = element.ownerDocument;
+      const ownerDoc = element.ownerDocument;
       if ("activeElement" in ownerDoc) {
-        var active;
+        let active;
         try {
           active = ownerDoc.activeElement;
         } catch (e) {
@@ -24,21 +18,28 @@ export var hasfocus = {
         }
         isFocused = active === element;
       }
-      valueAccessor(isFocused, { onlyIfChanged: true });
+      const modelValue = valueAccessor(isFocused, { onlyIfChanged: true });
+      if (isWriteableObservable(modelValue) && modelValue.peek() !== isFocused) {
+        modelValue(isFocused);
+      }
       element[hasfocusLastValue] = isFocused;
       element[hasfocusUpdatingProperty] = false;
     };
-    var handleElementFocusIn = handleElementFocusChange.bind(null, true);
-    var handleElementFocusOut = handleElementFocusChange.bind(null, false);
+    const handleElementFocusIn = handleElementFocusChange.bind(null, true);
+    const handleElementFocusOut = handleElementFocusChange.bind(null, false);
     registerEventHandler(element, "focus", handleElementFocusIn);
     registerEventHandler(element, "focusin", handleElementFocusIn);
     registerEventHandler(element, "blur", handleElementFocusOut);
     registerEventHandler(element, "focusout", handleElementFocusOut);
   },
   update: function(element, valueAccessor) {
-    var value = !!unwrap(valueAccessor());
+    const value = !!unwrap(valueAccessor());
     if (!element[hasfocusUpdatingProperty] && element[hasfocusLastValue] !== value) {
-      value ? element.focus() : element.blur();
+      if (value) {
+        element.focus();
+      } else {
+        element.blur();
+      }
       if (!value && element[hasfocusLastValue]) {
         element.ownerDocument.body.focus();
       }

package/dist/hasfocus.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/hasfocus.ts"],
-  "sourcesContent": ["\nimport {\n    createSymbolOrString, triggerEvent, registerEventHandler\n} from '@tko/utils'\n\nimport {\n    unwrap, dependencyDetection\n} from '@tko/observable'\n\nvar hasfocusUpdatingProperty = createSymbolOrString('__ko_hasfocusUpdating')\nvar hasfocusLastValue = createSymbolOrString('__ko_hasfocusLastValue')\n\nexport var hasfocus = {\n  init: function (element, valueAccessor /*, allBindings */) {\n    var handleElementFocusChange = function (isFocused) {\n            // Where possible, ignore which event was raised and determine focus state using activeElement,\n            // as this avoids phantom focus/blur events raised when changing tabs in modern browsers.\n            // However, not all KO-targeted browsers (Firefox 2) support activeElement. For those browsers,\n            // prevent a loss of focus when changing tabs/windows by setting a flag that prevents hasfocus\n            // from calling 'blur()' on the element when it loses focus.\n            // Discussion at https://github.com/SteveSanderson/knockout/pull/352\n      element[hasfocusUpdatingProperty] = true\n      var ownerDoc = element.ownerDocument\n      if ('activeElement' in ownerDoc) {\n        var active\n        try {\n          active = ownerDoc.activeElement\n        } catch (e) {\n                    // IE9 throws if you access activeElement during page load (see issue #703)\n          active = ownerDoc.body\n        }\n        isFocused = (active === element)\n      }\n            // var modelValue = valueAccessor();\n      valueAccessor(isFocused, {onlyIfChanged: true})\n\n            // cache the latest value, so we can avoid unnecessarily calling focus/blur in the update function\n      element[hasfocusLastValue] = isFocused\n      element[hasfocusUpdatingProperty] = false\n    }\n    var handleElementFocusIn = handleElementFocusChange.bind(null, true)\n    var handleElementFocusOut = handleElementFocusChange.bind(null, false)\n\n    registerEventHandler(element, 'focus', handleElementFocusIn)\n    registerEventHandler(element, 'focusin', handleElementFocusIn) // For IE\n    registerEventHandler(element, 'blur', handleElementFocusOut)\n    registerEventHandler(element, 'focusout', handleElementFocusOut) // For IE\n  },\n  update: function (element, valueAccessor) {\n    var value = !!unwrap(valueAccessor())\n\n    if (!element[hasfocusUpdatingProperty] && element[hasfocusLastValue] !== value) {\n      value ? element.focus() : element.blur()\n\n            // In IE, the blur method doesn't always cause the element to lose focus (for example, if the window is not in focus).\n            // Setting focus to the body element does seem to be reliable in IE, but should only be used if we know that the current\n            // element was focused already.\n      if (!value && element[hasfocusLastValue]) {\n        element.ownerDocument.body.focus()\n      }\n\n            // For IE, which doesn't reliably fire \"focus\" or \"blur\" events synchronously\n      dependencyDetection.ignore(triggerEvent, null, [element, value ? 'focusin' : 'focusout'])\n    }\n  }\n}\n"],
-  "mappings": ";AACA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAIA,IAAI,2BAA2B,qBAAqB,uBAAuB;AAC3E,IAAI,oBAAoB,qBAAqB,wBAAwB;AAE9D,WAAI,WAAW;AAAA,EACpB,MAAM,SAAU,SAAS,eAAkC;AACzD,QAAI,2BAA2B,SAAU,WAAW;AAOlD,cAAQ,4BAA4B;AACpC,UAAI,WAAW,QAAQ;AACvB,UAAI,mBAAmB,UAAU;AAC/B,YAAI;AACJ,YAAI;AACF,mBAAS,SAAS;AAAA,QACpB,SAAS,GAAP;AAEA,mBAAS,SAAS;AAAA,QACpB;AACA,oBAAa,WAAW;AAAA,MAC1B;AAEA,oBAAc,WAAW,EAAC,eAAe,KAAI,CAAC;AAG9C,cAAQ,qBAAqB;AAC7B,cAAQ,4BAA4B;AAAA,IACtC;AACA,QAAI,uBAAuB,yBAAyB,KAAK,MAAM,IAAI;AACnE,QAAI,wBAAwB,yBAAyB,KAAK,MAAM,KAAK;AAErE,yBAAqB,SAAS,SAAS,oBAAoB;AAC3D,yBAAqB,SAAS,WAAW,oBAAoB;AAC7D,yBAAqB,SAAS,QAAQ,qBAAqB;AAC3D,yBAAqB,SAAS,YAAY,qBAAqB;AAAA,EACjE;AAAA,EACA,QAAQ,SAAU,SAAS,eAAe;AACxC,QAAI,QAAQ,CAAC,CAAC,OAAO,cAAc,CAAC;AAEpC,QAAI,CAAC,QAAQ,6BAA6B,QAAQ,uBAAuB,OAAO;AAC9E,cAAQ,QAAQ,MAAM,IAAI,QAAQ,KAAK;AAKvC,UAAI,CAAC,SAAS,QAAQ,oBAAoB;AACxC,gBAAQ,cAAc,KAAK,MAAM;AAAA,MACnC;AAGA,0BAAoB,OAAO,cAAc,MAAM,CAAC,SAAS,QAAQ,YAAY,UAAU,CAAC;AAAA,IAC1F;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { createSymbolOrString, triggerEvent, registerEventHandler } from '@tko/utils'\n\nimport { unwrap, dependencyDetection, isWriteableObservable } from '@tko/observable'\n\nimport type { AllBindings } from '@tko/bind'\n\nconst hasfocusUpdatingProperty = createSymbolOrString('__ko_hasfocusUpdating')\nconst hasfocusLastValue = createSymbolOrString('__ko_hasfocusLastValue')\n\nexport const hasfocus = {\n  init: function (element, valueAccessor, _allBindings: AllBindings) {\n    const handleElementFocusChange = function (isFocused) {\n      // Where possible, ignore which event was raised and determine focus state using activeElement,\n      // as this avoids phantom focus/blur events raised when changing tabs in modern browsers.\n      // However, not all KO-targeted browsers (Firefox 2) support activeElement. For those browsers,\n      // prevent a loss of focus when changing tabs/windows by setting a flag that prevents hasfocus\n      // from calling 'blur()' on the element when it loses focus.\n      // Discussion at https://github.com/SteveSanderson/knockout/pull/352\n      element[hasfocusUpdatingProperty] = true\n      const ownerDoc = element.ownerDocument\n      if ('activeElement' in ownerDoc) {\n        let active\n        try {\n          active = ownerDoc.activeElement\n        } catch (e) {\n          // IE9 throws if you access activeElement during page load (see issue #703)\n          active = ownerDoc.body\n        }\n        isFocused = active === element\n      }\n\n      const modelValue = valueAccessor(isFocused, { onlyIfChanged: true })\n      // Found a scenario where hasFocus changes were not fired\n      // the fix was transfered from ko 3.5 (Focusout event was not fired)\n      // This only replies the value if there are changes\n      // it won't effect if already set by valueAccessor (Parser.convertToAccessors)\n      if (isWriteableObservable(modelValue) && modelValue.peek() !== isFocused) {\n        modelValue(isFocused)\n      }\n\n      // cache the latest value, so we can avoid unnecessarily calling focus/blur in the update function\n      element[hasfocusLastValue] = isFocused\n      element[hasfocusUpdatingProperty] = false\n    }\n\n    const handleElementFocusIn = handleElementFocusChange.bind(null, true)\n    const handleElementFocusOut = handleElementFocusChange.bind(null, false)\n\n    registerEventHandler(element, 'focus', handleElementFocusIn)\n    registerEventHandler(element, 'focusin', handleElementFocusIn) // For IE\n    registerEventHandler(element, 'blur', handleElementFocusOut)\n    registerEventHandler(element, 'focusout', handleElementFocusOut) // For IE\n  },\n  update: function (element, valueAccessor) {\n    const value = !!unwrap(valueAccessor())\n\n    if (!element[hasfocusUpdatingProperty] && element[hasfocusLastValue] !== value) {\n      if (value) {\n        element.focus()\n      } else {\n        element.blur()\n      }\n\n      // In IE, the blur method doesn't always cause the element to lose focus (for example, if the window is not in focus).\n      // Setting focus to the body element does seem to be reliable in IE, but should only be used if we know that the current\n      // element was focused already.\n      if (!value && element[hasfocusLastValue]) {\n        element.ownerDocument.body.focus()\n      }\n\n      // For IE, which doesn't reliably fire \"focus\" or \"blur\" events synchronously\n      dependencyDetection.ignore(triggerEvent, null, [element, value ? 'focusin' : 'focusout'])\n    }\n  }\n}\n"],
+  "mappings": ";;AAAA,SAAS,sBAAsB,cAAc,4BAA4B;AAEzE,SAAS,QAAQ,qBAAqB,6BAA6B;AAInE,MAAM,2BAA2B,qBAAqB,uBAAuB;AAC7E,MAAM,oBAAoB,qBAAqB,wBAAwB;AAEhE,aAAM,WAAW;AAAA,EACtB,MAAM,SAAU,SAAS,eAAe,cAA2B;AACjE,UAAM,2BAA2B,SAAU,WAAW;AAOpD,cAAQ,wBAAwB,IAAI;AACpC,YAAM,WAAW,QAAQ;AACzB,UAAI,mBAAmB,UAAU;AAC/B,YAAI;AACJ,YAAI;AACF,mBAAS,SAAS;AAAA,QACpB,SAAS,GAAG;AAEV,mBAAS,SAAS;AAAA,QACpB;AACA,oBAAY,WAAW;AAAA,MACzB;AAEA,YAAM,aAAa,cAAc,WAAW,EAAE,eAAe,KAAK,CAAC;AAKnE,UAAI,sBAAsB,UAAU,KAAK,WAAW,KAAK,MAAM,WAAW;AACxE,mBAAW,SAAS;AAAA,MACtB;AAGA,cAAQ,iBAAiB,IAAI;AAC7B,cAAQ,wBAAwB,IAAI;AAAA,IACtC;AAEA,UAAM,uBAAuB,yBAAyB,KAAK,MAAM,IAAI;AACrE,UAAM,wBAAwB,yBAAyB,KAAK,MAAM,KAAK;AAEvE,yBAAqB,SAAS,SAAS,oBAAoB;AAC3D,yBAAqB,SAAS,WAAW,oBAAoB;AAC7D,yBAAqB,SAAS,QAAQ,qBAAqB;AAC3D,yBAAqB,SAAS,YAAY,qBAAqB;AAAA,EACjE;AAAA,EACA,QAAQ,SAAU,SAAS,eAAe;AACxC,UAAM,QAAQ,CAAC,CAAC,OAAO,cAAc,CAAC;AAEtC,QAAI,CAAC,QAAQ,wBAAwB,KAAK,QAAQ,iBAAiB,MAAM,OAAO;AAC9E,UAAI,OAAO;AACT,gBAAQ,MAAM;AAAA,MAChB,OAAO;AACL,gBAAQ,KAAK;AAAA,MACf;AAKA,UAAI,CAAC,SAAS,QAAQ,iBAAiB,GAAG;AACxC,gBAAQ,cAAc,KAAK,MAAM;AAAA,MACnC;AAGA,0BAAoB,OAAO,cAAc,MAAM,CAAC,SAAS,QAAQ,YAAY,UAAU,CAAC;AAAA,IAC1F;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/html.js

@@ -1,13 +1,13 @@
-// @tko/binding.core 🥊 4.0.0-beta1.0 ESM
-import {
-  setHtml
-} from "@tko/utils";
-export var html = {
+// @tko/binding.core 🥊 4.0.0 ESM
+"use strict";
+import { setHtml } from "@tko/utils";
+export const html = {
   init: function() {
-    return {
-      "controlsDescendantBindings": true
-    };
+    return { controlsDescendantBindings: true };
   },
+  //
+  // Modify internal, per ko.punches and :
+  //      http://stackoverflow.com/a/15348139
   update: function(element, valueAccessor) {
     setHtml(element, valueAccessor());
   },

package/dist/html.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/html.ts"],
-  "sourcesContent": ["import {\n    setHtml, parseHtmlFragment, virtualElements\n} from '@tko/utils'\n\nimport {\n    unwrap\n} from '@tko/observable'\n\nexport var html = {\n  init: function () {\n        // Prevent binding on the dynamically-injected HTML (as developers are unlikely to expect that, and it has security implications)\n    return {\n      'controlsDescendantBindings': true\n    }\n  },\n    //\n    // Modify internal, per ko.punches and :\n    //      http://stackoverflow.com/a/15348139\n  update: function (element, valueAccessor) {\n    setHtml(element, valueAccessor())\n  },\n  allowVirtualElements: true\n}\n"],
-  "mappings": ";AAAA;AAAA;AAAA;AAQO,WAAI,OAAO;AAAA,EAChB,MAAM,WAAY;AAEhB,WAAO;AAAA,MACL,8BAA8B;AAAA,IAChC;AAAA,EACF;AAAA,EAIA,QAAQ,SAAU,SAAS,eAAe;AACxC,YAAQ,SAAS,cAAc,CAAC;AAAA,EAClC;AAAA,EACA,sBAAsB;AACxB;",
+  "sourcesContent": ["import { setHtml } from '@tko/utils'\n\nexport const html = {\n  init: function () {\n    // Prevent binding on the dynamically-injected HTML (as developers are unlikely to expect that, and it has security implications)\n    return { controlsDescendantBindings: true }\n  },\n  //\n  // Modify internal, per ko.punches and :\n  //      http://stackoverflow.com/a/15348139\n  update: function (element, valueAccessor) {\n    setHtml(element, valueAccessor())\n  },\n  allowVirtualElements: true\n}\n"],
+  "mappings": ";;AAAA,SAAS,eAAe;AAEjB,aAAM,OAAO;AAAA,EAClB,MAAM,WAAY;AAEhB,WAAO,EAAE,4BAA4B,KAAK;AAAA,EAC5C;AAAA;AAAA;AAAA;AAAA,EAIA,QAAQ,SAAU,SAAS,eAAe;AACxC,YAAQ,SAAS,cAAc,CAAC;AAAA,EAClC;AAAA,EACA,sBAAsB;AACxB;",
   "names": []
 }