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

package/dist/textInput.js

@@ -1,19 +1,10 @@
-// @tko/binding.core 🥊 4.0.0-beta1.0 ESM
-import {
-  domData,
-  registerEventHandler,
-  ieVersion,
-  safeSetTimeout,
-  options,
-  arrayForEach
-} from "@tko/utils";
-import {
-  unwrap
-} from "@tko/observable";
-import {
-  BindingHandler
-} from "@tko/bind";
-var parseVersion, operaVersion, safariVersion, firefoxVersion;
+// @tko/binding.core 🥊 4.0.0 ESM
+"use strict";
+import { safeSetTimeout, options, arrayForEach } from "@tko/utils";
+import { unwrap } from "@tko/observable";
+import { BindingHandler } from "@tko/bind";
+export const MSIE_REGEX = /MSIE ([^ ;]+)|rv:([^ )]+)/;
+let operaVersion, safariVersion, firefoxVersion, ieVersion;
 class TextInput extends BindingHandler {
   get aliases() {
     return "textinput";
@@ -51,6 +42,7 @@ class TextInput extends BindingHandler {
     const elementValue = element.value;
     if (this.previousElementValue !== elementValue) {
       if (options.debug && event) {
+        ;
         element._ko_textInputProcessedEvent = event.type;
       }
       this.previousElementValue = elementValue;
@@ -61,8 +53,8 @@ class TextInput extends BindingHandler {
     const element = this.$element;
     if (!this.timeoutHandle) {
       this.elementValueBeforeEvent = element.value;
-      const handler2 = options.debug ? this.updateModel.bind(this, { type: event.type }) : this.updateModel;
-      this.timeoutHandle = safeSetTimeout(handler2, 4);
+      const handler = options.debug ? this.updateModel.bind(this, { type: event.type }) : this.updateModel;
+      this.timeoutHandle = safeSetTimeout(handler, 4);
     }
   }
   updateView() {
@@ -80,43 +72,8 @@ class TextInput extends BindingHandler {
   }
 }
 class TextInputIE extends TextInput {
-  constructor(...args) {
-    super(...args);
-    if (ieVersion < 11) {
-      this.addEventListener("propertychange", (event) => event.propertyName === "value" && this.updateModel(event));
-    }
-    if (ieVersion >= 8 && ieVersion < 10) {
-      this.watchForSelectionChangeEvent();
-      this.addEventListener("dragend", "deferUpdateModel");
-    }
-  }
   eventsIndicatingSyncValueChange() {
-    return [...super.eventsIndicatingValueChange(), "keypress"];
-  }
-  selectionChangeHandler(event) {
-    const target = this.activeElement;
-    const handler2 = target && domData.get(target, selectionChangeHandlerName);
-    if (handler2) {
-      handler2(event);
-    }
-  }
-  watchForSelectionChangeEvent(element, ieUpdateModel) {
-    const ownerDoc = element.ownerDocument;
-    if (!domData.get(ownerDoc, selectionChangeRegisteredName)) {
-      domData.set(ownerDoc, selectionChangeRegisteredName, true);
-      registerEventHandler(ownerDoc, "selectionchange", this.selectionChangeHandler.bind(ownerDoc));
-    }
-    domData.set(element, selectionChangeHandlerName, handler);
-  }
-}
-class TextInputIE9 extends TextInputIE {
-  updateModel(...args) {
-    this.deferUpdateModel(...args);
-  }
-}
-class TextInputIE8 extends TextInputIE {
-  eventsIndicatingValueChange() {
-    return [...super.eventsIndicatingValueChange(), "keyup", "keydown"];
+    return [...super.eventsIndicatingSyncValueChange(), "keypress"];
   }
 }
 class TextInputLegacySafari extends TextInput {
@@ -133,19 +90,27 @@ class TextInputLegacyFirefox extends TextInput {
   eventsIndicatingValueChange() {
     return [
       ...super.eventsIndicatingSyncValueChange(),
+      // Firefox <= 3.6 doesn't fire the 'input' event when text is filled in through autocomplete
       "DOMAutoComplete",
+      // Firefox <=3.5 doesn't fire the 'input' event when text is dropped into the input.
       "dragdrop",
+      // < 3.5
       "drop"
+      // 3.5
     ];
   }
 }
 const w = options.global;
 if (w.navigator) {
-  const parseVersion2 = (matches) => matches && parseFloat(matches[1]);
+  const parseVersion = (matches) => matches && parseFloat(matches[1]);
   const userAgent = w.navigator.userAgent;
   const isChrome = userAgent.match(/Chrome\/([^ ]+)/);
-  operaVersion = w.opera && w.opera.version && parseInt(w.opera.version());
-  safariVersion = parseVersion2(userAgent.match(/Version\/([^ ]+) Safari/));
-  firefoxVersion = parseVersion2(userAgent.match(/Firefox\/([^ ]*)/));
+  if (!isChrome) {
+    operaVersion = w.opera && w.opera.version && parseInt(w.opera.version());
+    safariVersion = parseVersion(userAgent.match(/Version\/([^ ]+) Safari/));
+    firefoxVersion = parseVersion(userAgent.match(/Firefox\/([^ ]*)/));
+    const ieMatch = userAgent.match(MSIE_REGEX);
+    ieVersion = ieMatch && (parseFloat(ieMatch[1]) || parseFloat(ieMatch[2]));
+  }
 }
-export const textInput = ieVersion === 8 ? TextInputIE8 : ieVersion === 9 ? TextInputIE9 : ieVersion ? TextInputIE : safariVersion && safariVersion < 5 ? TextInputLegacySafari : operaVersion < 11 ? TextInputLegacyOpera : firefoxVersion && firefoxVersion < 4 ? TextInputLegacyFirefox : TextInput;
+export const textInput = ieVersion && ieVersion <= 11 ? TextInputIE : safariVersion && safariVersion < 5 ? TextInputLegacySafari : operaVersion && operaVersion < 11 ? TextInputLegacyOpera : firefoxVersion && firefoxVersion < 4 ? TextInputLegacyFirefox : TextInput;

package/dist/textInput.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/textInput.ts"],
-  "sourcesContent": ["\nimport {\n    domData, registerEventHandler, ieVersion, safeSetTimeout, options,\n    arrayForEach, tagNameLower\n} from '@tko/utils'\n\nimport {\n    unwrap\n} from '@tko/observable'\n\nimport {\n    computed\n} from '@tko/computed'\n\nimport {\n  BindingHandler\n} from '@tko/bind'\n\nvar parseVersion, operaVersion, safariVersion, firefoxVersion\n\n\n/**\n * TextInput binding handler for modern browsers (legacy below).\n * @extends BindingHandler\n */\nclass TextInput extends BindingHandler {\n  get aliases () { return 'textinput' }\n\n  constructor (...args) {\n    super(...args)\n    this.previousElementValue = this.$element.value\n\n    if (options.debug && this.constructor._forceUpdateOn) {\n      // Provide a way for tests to specify exactly which events are bound\n      arrayForEach(this.constructor._forceUpdateOn, (eventName) => {\n        if (eventName.slice(0, 5) === 'after') {\n          this.addEventListener(eventName.slice(5), 'deferUpdateModel')\n        } else {\n          this.addEventListener(eventName, 'updateModel')\n        }\n      })\n    }\n\n    for (const eventName of this.eventsIndicatingSyncValueChange()) {\n      this.addEventListener(eventName, 'updateModel')\n    }\n    for (const eventName of this.eventsIndicatingDeferValueChange()) {\n      this.addEventListener(eventName, 'deferUpdateModel')\n    }\n    this.computed('updateView')\n  }\n\n  eventsIndicatingSyncValueChange () {\n    // input: Default, modern handler\n    // change: Catch programmatic updates of the value that fire this event.\n    // blur: To deal with browsers that don't notify any kind of event for some changes (IE, Safari, etc.)\n    return ['input', 'change', 'blur']\n  }\n\n  eventsIndicatingDeferValueChange () {\n    return []\n  }\n\n  updateModel (event) {\n    const element = this.$element\n    clearTimeout(this.timeoutHandle)\n    this.elementValueBeforeEvent = this.timeoutHandle = undefined\n    const elementValue = element.value\n    if (this.previousElementValue !== elementValue) {\n              // Provide a way for tests to know exactly which event was processed\n      if (options.debug && event) {\n        element._ko_textInputProcessedEvent = event.type\n      }\n      this.previousElementValue = elementValue\n      this.value = elementValue\n    }\n  }\n\n  deferUpdateModel (event) {\n    const element = this.$element\n    if (!this.timeoutHandle) {\n      // The elementValueBeforeEvent variable is set *only* during the brief gap between an\n      // event firing and the updateModel function running. This allows us to ignore model\n      // updates that are from the previous state of the element, usually due to techniques\n      // such as rateLimit. Such updates, if not ignored, can cause keystrokes to be lost.\n      this.elementValueBeforeEvent = element.value\n      const handler = options.debug ? this.updateModel.bind(this, { type: event.type }) : this.updateModel\n      this.timeoutHandle = safeSetTimeout(handler, 4)\n    }\n  }\n\n  updateView () {\n    let modelValue = unwrap(this.value)\n    if (modelValue === null || modelValue === undefined) {\n      modelValue = ''\n    }\n    if (this.elementValueBeforeEvent !== undefined\n               && modelValue === this.elementValueBeforeEvent) {\n      setTimeout(this.updateView.bind(this), 4)\n    } else if (this.$element.value !== modelValue) {\n      // Update the element only if the element and model are different. On some browsers, updating the value\n      // will move the cursor to the end of the input, which would be bad while the user is typing.\n      this.previousElementValue = modelValue // Make sure we ignore events (propertychange) that result from updating the value\n      this.$element.value = modelValue\n      this.previousElementValue = this.$element.value // In case the browser changes the value (see #2281)\n    }\n  }\n}\n\n/**\n * Legacy Input Classes, below\n */\nclass TextInputIE extends TextInput {\n  constructor (...args) {\n    super(...args)\n\n    if (ieVersion < 11) {\n      // Internet Explorer <= 8 doesn't support the 'input' event, but does include 'propertychange' that fires whenever\n      // any property of an element changes. Unlike 'input', it also fires if a property is changed from JavaScript code,\n      // but that's an acceptable compromise for this binding. IE 9 and 10 support 'input', but since they don't always\n      // fire it when using autocomplete, we'll use 'propertychange' for them also.\n      this.addEventListener('propertychange', event =>\n        event.propertyName === 'value' && this.updateModel(event)\n      )\n    }\n\n    if (ieVersion >= 8 && ieVersion < 10) {\n      this.watchForSelectionChangeEvent()\n      this.addEventListener('dragend', 'deferUpdateModel')\n    }\n  }\n\n  eventsIndicatingSyncValueChange () {\n    // keypress: All versions (including 11) of Internet Explorer have a bug that they don't generate an input or propertychange event when ESC is pressed\n    return [...super.eventsIndicatingValueChange(), 'keypress']\n  }\n\n  // IE 8 and 9 have bugs that prevent the normal events from firing when the value changes.\n  // But it does fire the 'selectionchange' event on many of those, presumably because the\n  // cursor is moving and that counts as the selection changing. The 'selectionchange' event is\n  // fired at the document level only and doesn't directly indicate which element changed. We\n  // set up just one event handler for the document and use 'activeElement' to determine which\n  // element was changed.\n  selectionChangeHandler (event) {\n      const target = this.activeElement\n      const handler = target && domData.get(target, selectionChangeHandlerName)\n      if (handler) { handler(event) }\n  }\n\n  watchForSelectionChangeEvent (element, ieUpdateModel) {\n    const ownerDoc = element.ownerDocument;\n    if (!domData.get(ownerDoc, selectionChangeRegisteredName)) {\n        domData.set(ownerDoc, selectionChangeRegisteredName, true)\n        registerEventHandler(ownerDoc, 'selectionchange', this.selectionChangeHandler.bind(ownerDoc))\n    }\n    domData.set(element, selectionChangeHandlerName, handler)\n  }\n}\n\n\n// IE 8 and 9 have bugs that prevent the normal events from firing when the value changes.\n// But it does fire the 'selectionchange' event on many of those, presumably because the\n// cursor is moving and that counts as the selection changing. The 'selectionchange' event is\n// fired at the document level only and doesn't directly indicate which element changed. We\n// set up just one event handler for the document and use 'activeElement' to determine which\n// element was changed.\nclass TextInputIE9 extends TextInputIE {\n  updateModel (...args) {\n    // IE9 will mess up the DOM if you handle events synchronously which results in DOM changes (such as other bindings);\n    // so we'll make sure all updates are asynchronous\n    this.deferUpdateModel(...args)\n  }\n}\n\n\nclass TextInputIE8 extends TextInputIE {\n  eventsIndicatingValueChange () {\n    // IE 8 has a bug where it fails to fire 'propertychange' on the first update following a value change from\n    // JavaScript code. It also doesn't fire if you clear the entire value. To fix this, we bind to the following\n    // events too.\n    // keypress: All versions (including 11) of Internet Explorer have a bug that they don't generate an input or propertychange event when ESC is pressed\n    // keyup: A single keystoke\n    // keydown: First character when a key is held down\n    return [...super.eventsIndicatingValueChange(), 'keyup', 'keydown']\n  }\n}\n\n\n// Safari <5 doesn't fire the 'input' event for <textarea> elements (it does fire 'textInput'\n// but only when typing). So we'll just catch as much as we can with keydown, cut, and paste.\nclass TextInputLegacySafari extends TextInput {\n  eventsIndicatingDeferValueChange () {\n    return ['keydown', 'paste', 'cut']\n  }\n}\n\n\nclass TextInputLegacyOpera extends TextInput {\n  eventsIndicatingDeferValueChange () {\n    // Opera 10 doesn't always fire the 'input' event for cut, paste, undo & drop operations.\n    // We can try to catch some of those using 'keydown'.\n    return ['keydown']\n  }\n}\n\n\nclass TextInputLegacyFirefox extends TextInput {\n  eventsIndicatingValueChange () {\n    return [\n      ...super.eventsIndicatingSyncValueChange(),\n      // Firefox <= 3.6 doesn't fire the 'input' event when text is filled in through autocomplete\n      'DOMAutoComplete',\n      // Firefox <=3.5 doesn't fire the 'input' event when text is dropped into the input.\n      'dragdrop', // < 3.5\n      'drop' // 3.5\n    ]\n  }\n}\n\n\nconst w = options.global // window / global\nif (w.navigator) {\n  const parseVersion = (matches) => matches && parseFloat(matches[1])\n  const userAgent = w.navigator.userAgent\n  const isChrome = userAgent.match(/Chrome\\/([^ ]+)/)\n  // Detect various browser versions because some old versions don't fully support the 'input' event\n  operaVersion = w.opera && w.opera.version && parseInt(w.opera.version())\n  safariVersion = parseVersion(userAgent.match(/Version\\/([^ ]+) Safari/))\n  firefoxVersion = parseVersion(userAgent.match(/Firefox\\/([^ ]*)/))\n}\n\n\nexport const textInput =\n  ieVersion === 8 ? TextInputIE8\n  : ieVersion === 9 ? TextInputIE9\n  : ieVersion ? TextInputIE\n  : safariVersion && safariVersion < 5 ? TextInputLegacySafari\n  : operaVersion < 11 ? TextInputLegacyOpera\n  : firefoxVersion && firefoxVersion < 4 ? TextInputLegacyFirefox\n  : TextInput\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { safeSetTimeout, options, arrayForEach } from '@tko/utils'\n\nimport { unwrap } from '@tko/observable'\n\nimport { BindingHandler } from '@tko/bind'\n\nexport const MSIE_REGEX = /MSIE ([^ ;]+)|rv:([^ )]+)/\n\nlet operaVersion, safariVersion, firefoxVersion, ieVersion\n\n/**\n * TextInput binding handler for modern browsers (legacy below).\n * @extends BindingHandler\n */\nclass TextInput extends BindingHandler {\n  get aliases() {\n    return 'textinput'\n  }\n\n  override $element: HTMLInputElement\n  previousElementValue: any\n  elementValueBeforeEvent?: ReturnType<typeof setTimeout>\n  timeoutHandle?: ReturnType<typeof setTimeout>\n\n  constructor(...args: [any]) {\n    super(...args)\n    this.previousElementValue = this.$element.value\n\n    if (options.debug && (this.constructor as any)._forceUpdateOn) {\n      // Provide a way for tests to specify exactly which events are bound\n      arrayForEach((this.constructor as any)._forceUpdateOn, eventName => {\n        if (eventName.slice(0, 5) === 'after') {\n          this.addEventListener(eventName.slice(5), 'deferUpdateModel')\n        } else {\n          this.addEventListener(eventName, 'updateModel')\n        }\n      })\n    }\n\n    for (const eventName of this.eventsIndicatingSyncValueChange()) {\n      this.addEventListener(eventName, 'updateModel')\n    }\n    for (const eventName of this.eventsIndicatingDeferValueChange()) {\n      this.addEventListener(eventName, 'deferUpdateModel')\n    }\n    this.computed('updateView')\n  }\n\n  eventsIndicatingSyncValueChange() {\n    // input: Default, modern handler\n    // change: Catch programmatic updates of the value that fire this event.\n    // blur: To deal with browsers that don't notify any kind of event for some changes (IE, Safari, etc.)\n    return ['input', 'change', 'blur']\n  }\n\n  eventsIndicatingDeferValueChange(): any[] {\n    return []\n  }\n\n  updateModel(event) {\n    const element = this.$element\n    clearTimeout(this.timeoutHandle)\n    this.elementValueBeforeEvent = this.timeoutHandle = undefined\n    const elementValue = element.value\n    if (this.previousElementValue !== elementValue) {\n      // Provide a way for tests to know exactly which event was processed\n      if (options.debug && event) {\n        ;(element as any)._ko_textInputProcessedEvent = event.type\n      }\n      this.previousElementValue = elementValue\n      this.value = elementValue\n    }\n  }\n\n  deferUpdateModel(event: any) {\n    const element = this.$element\n    if (!this.timeoutHandle) {\n      // The elementValueBeforeEvent variable is set *only* during the brief gap between an\n      // event firing and the updateModel function running. This allows us to ignore model\n      // updates that are from the previous state of the element, usually due to techniques\n      // such as rateLimit. Such updates, if not ignored, can cause keystrokes to be lost.\n      this.elementValueBeforeEvent = element.value as any\n      const handler = options.debug ? this.updateModel.bind(this, { type: event.type }) : this.updateModel\n      this.timeoutHandle = safeSetTimeout(handler, 4)\n    }\n  }\n\n  updateView() {\n    let modelValue = unwrap(this.value)\n    if (modelValue === null || modelValue === undefined) {\n      modelValue = ''\n    }\n    if (this.elementValueBeforeEvent !== undefined && modelValue === this.elementValueBeforeEvent) {\n      setTimeout(this.updateView.bind(this), 4)\n    } else if (this.$element.value !== modelValue) {\n      // Update the element only if the element and model are different. On some browsers, updating the value\n      // will move the cursor to the end of the input, which would be bad while the user is typing.\n      this.previousElementValue = modelValue // Make sure we ignore events (propertychange) that result from updating the value\n      this.$element.value = modelValue\n      this.previousElementValue = this.$element.value // In case the browser changes the value (see #2281)\n    }\n  }\n}\n\nclass TextInputIE extends TextInput {\n  override eventsIndicatingSyncValueChange() {\n    //keypress: All versions (including 11) of Internet Explorer have a bug that they don't generate an input or propertychange event when ESC is pressed\n    return [...super.eventsIndicatingSyncValueChange(), 'keypress']\n  }\n}\n\n// Safari <5 doesn't fire the 'input' event for <textarea> elements (it does fire 'textInput'\n// but only when typing). So we'll just catch as much as we can with keydown, cut, and paste.\nclass TextInputLegacySafari extends TextInput {\n  override eventsIndicatingDeferValueChange() {\n    return ['keydown', 'paste', 'cut']\n  }\n}\n\nclass TextInputLegacyOpera extends TextInput {\n  override eventsIndicatingDeferValueChange(): string[] {\n    // Opera 10 doesn't always fire the 'input' event for cut, paste, undo & drop operations.\n    // We can try to catch some of those using 'keydown'.\n    return ['keydown']\n  }\n}\n\nclass TextInputLegacyFirefox extends TextInput {\n  eventsIndicatingValueChange(): string[] {\n    return [\n      ...super.eventsIndicatingSyncValueChange(),\n      // Firefox <= 3.6 doesn't fire the 'input' event when text is filled in through autocomplete\n      'DOMAutoComplete',\n      // Firefox <=3.5 doesn't fire the 'input' event when text is dropped into the input.\n      'dragdrop', // < 3.5\n      'drop' // 3.5\n    ]\n  }\n}\n\nconst w = options.global // window / global\nif (w.navigator) {\n  const parseVersion = matches => matches && parseFloat(matches[1])\n  const userAgent = w.navigator.userAgent\n  const isChrome = userAgent.match(/Chrome\\/([^ ]+)/)\n  if (!isChrome) {\n    // Detect various browser versions because some old versions don't fully support the 'input' event\n    operaVersion = w.opera && w.opera.version && parseInt(w.opera.version())\n    safariVersion = parseVersion(userAgent.match(/Version\\/([^ ]+) Safari/))\n    firefoxVersion = parseVersion(userAgent.match(/Firefox\\/([^ ]*)/))\n    const ieMatch = userAgent.match(MSIE_REGEX)\n    ieVersion = ieMatch && (parseFloat(ieMatch[1]) || parseFloat(ieMatch[2]))\n  }\n}\n\nexport const textInput =\n  ieVersion && ieVersion <= 11\n    ? TextInputIE\n    : safariVersion && safariVersion < 5\n      ? TextInputLegacySafari\n      : operaVersion && operaVersion < 11\n        ? TextInputLegacyOpera\n        : firefoxVersion && firefoxVersion < 4\n          ? TextInputLegacyFirefox\n          : TextInput\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/uniqueName.js

@@ -1,12 +1,10 @@
-// @tko/binding.core 🥊 4.0.0-beta1.0 ESM
-import {
-  setElementName
-} from "@tko/utils";
-export var uniqueName = {
+// @tko/binding.core 🥊 4.0.0 ESM
+"use strict";
+export const uniqueName = {
   init: function(element, valueAccessor) {
     if (valueAccessor()) {
-      var name = "ko_unique_" + ++uniqueName.currentIndex;
-      setElementName(element, name);
+      const name = "ko_unique_" + ++uniqueName.currentIndex;
+      element.name = name;
     }
   },
   currentIndex: 0

package/dist/uniqueName.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/uniqueName.ts"],
-  "sourcesContent": ["\nimport {\n    setElementName\n} from '@tko/utils'\n\nexport var uniqueName = {\n  init: function (element, valueAccessor) {\n    if (valueAccessor()) {\n      var name = 'ko_unique_' + (++uniqueName.currentIndex)\n      setElementName(element, name)\n    }\n  },\n  currentIndex: 0\n}\n"],
-  "mappings": ";AACA;AAAA;AAAA;AAIO,WAAI,aAAa;AAAA,EACtB,MAAM,SAAU,SAAS,eAAe;AACtC,QAAI,cAAc,GAAG;AACnB,UAAI,OAAO,eAAgB,EAAE,WAAW;AACxC,qBAAe,SAAS,IAAI;AAAA,IAC9B;AAAA,EACF;AAAA,EACA,cAAc;AAChB;",
+  "sourcesContent": ["export const uniqueName = {\n  init: function (element, valueAccessor) {\n    if (valueAccessor()) {\n      const name = 'ko_unique_' + ++uniqueName.currentIndex\n      element.name = name\n    }\n  },\n  currentIndex: 0\n}\n"],
+  "mappings": ";;AAAO,aAAM,aAAa;AAAA,EACxB,MAAM,SAAU,SAAS,eAAe;AACtC,QAAI,cAAc,GAAG;AACnB,YAAM,OAAO,eAAe,EAAE,WAAW;AACzC,cAAQ,OAAO;AAAA,IACjB;AAAA,EACF;AAAA,EACA,cAAc;AAChB;",
   "names": []
 }

package/dist/using.js

@@ -1,10 +1,9 @@
-// @tko/binding.core 🥊 4.0.0-beta1.0 ESM
-import {
-  applyBindingsToDescendants
-} from "@tko/bind";
-export var using = {
-  init: function(element, valueAccessor, allBindings, viewModel, bindingContext) {
-    var innerContext = bindingContext.createChildContext(valueAccessor);
+// @tko/binding.core 🥊 4.0.0 ESM
+"use strict";
+import { applyBindingsToDescendants } from "@tko/bind";
+export const using = {
+  init: function(element, valueAccessor, _allBindings, _viewModel, bindingContext) {
+    const innerContext = bindingContext.createChildContext(valueAccessor);
     applyBindingsToDescendants(innerContext, element);
     return { controlsDescendantBindings: true };
   },

package/dist/using.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/using.ts"],
-  "sourcesContent": ["import {\n  applyBindingsToDescendants\n} from '@tko/bind'\n\nexport var using = {\n  init: function (element, valueAccessor, allBindings, viewModel, bindingContext) {\n    var innerContext = bindingContext.createChildContext(valueAccessor)\n    applyBindingsToDescendants(innerContext, element)\n    return { controlsDescendantBindings: true }\n  },\n  allowVirtualElements: true\n}\n"],
-  "mappings": ";AAAA;AAAA;AAAA;AAIO,WAAI,QAAQ;AAAA,EACjB,MAAM,SAAU,SAAS,eAAe,aAAa,WAAW,gBAAgB;AAC9E,QAAI,eAAe,eAAe,mBAAmB,aAAa;AAClE,+BAA2B,cAAc,OAAO;AAChD,WAAO,EAAE,4BAA4B,KAAK;AAAA,EAC5C;AAAA,EACA,sBAAsB;AACxB;",
+  "sourcesContent": ["import { applyBindingsToDescendants } from '@tko/bind'\n\nimport type { BindingContext, AllBindings } from '@tko/bind'\n\nexport const using = {\n  init: function (element, valueAccessor, _allBindings: AllBindings, _viewModel, bindingContext: BindingContext) {\n    const innerContext = bindingContext.createChildContext(valueAccessor)\n    applyBindingsToDescendants(innerContext, element)\n    return { controlsDescendantBindings: true }\n  },\n  allowVirtualElements: true\n}\n"],
+  "mappings": ";;AAAA,SAAS,kCAAkC;AAIpC,aAAM,QAAQ;AAAA,EACnB,MAAM,SAAU,SAAS,eAAe,cAA2B,YAAY,gBAAgC;AAC7G,UAAM,eAAe,eAAe,mBAAmB,aAAa;AACpE,+BAA2B,cAAc,OAAO;AAChD,WAAO,EAAE,4BAA4B,KAAK;AAAA,EAC5C;AAAA,EACA,sBAAsB;AACxB;",
   "names": []
 }

package/dist/value.js

@@ -1,20 +1,9 @@
-// @tko/binding.core 🥊 4.0.0-beta1.0 ESM
-import {
-  ieVersion,
-  stringStartsWith,
-  safeSetTimeout,
-  tagNameLower,
-  arrayForEach,
-  selectExtensions
-} from "@tko/utils";
-import {
-  unwrap,
-  dependencyDetection
-} from "@tko/observable";
-import {
-  applyBindingAccessorsToNode,
-  BindingHandler
-} from "@tko/bind";
+// @tko/binding.core 🥊 4.0.0 ESM
+"use strict";
+import { stringStartsWith, safeSetTimeout, tagNameLower, arrayForEach, selectExtensions } from "@tko/utils";
+import { unwrap, dependencyDetection } from "@tko/observable";
+import { applyBindingAccessorsToNode, BindingHandler } from "@tko/bind";
+import { MSIE_REGEX } from "./textInput";
 export class value extends BindingHandler {
   static get after() {
     return ["options", "foreach", "template"];
@@ -52,8 +41,10 @@ export class value extends BindingHandler {
     const e = this.$element;
     return this.isInput && (e.type == "checkbox" || e.type == "radio");
   }
+  // Workaround for https://github.com/SteveSanderson/knockout/issues/122
+  // IE doesn't fire "change" events on textboxes if the user selects a value from its autocomplete list
   get ieAutoCompleteHackNeeded() {
-    return ieVersion && isInputElement && this.$element.type == "text" && this.$element.autocomplete != "off" && (!this.$element.form || this.$element.form.autocomplete != "off");
+    return this.isInput && this.$element.type == "text" && this.$element.autocomplete != "off" && (!this.$element.form || this.$element.form.autocomplete != "off") && MSIE_REGEX.test(window.navigator.userAgent);
   }
   valueUpdateHandler() {
     this.elementValueBeforeEvent = null;
@@ -61,18 +52,21 @@ export class value extends BindingHandler {
     this.value = selectExtensions.readValue(this.$element);
   }
   registerEvent(eventName) {
-    var handler = this.valueUpdateHandler.bind(this);
+    let handler = this.valueUpdateHandler.bind(this);
     if (stringStartsWith(eventName, "after")) {
       handler = () => {
         this.elementValueBeforeEvent = selectExtensions.readValue(this.$element);
         safeSetTimeout(this.valueUpdateHandler.bind(this), 0);
       };
-      eventName = eventName.substring(5);
+      eventName = eventName.substring(
+        5
+        /* 'after'.length */
+      );
     }
     this.addEventListener(eventName, handler);
   }
   updateFromModelForFile() {
-    var newValue = unwrap(this.value);
+    const newValue = unwrap(this.value);
     if (newValue === null || newValue === void 0 || newValue === "") {
       this.$element.value = "";
     } else {
@@ -81,8 +75,8 @@ export class value extends BindingHandler {
   }
   updateFromModelForValue() {
     const element = this.$element;
-    var newValue = unwrap(this.value);
-    var elementValue = selectExtensions.readValue(element);
+    const newValue = unwrap(this.value);
+    const elementValue = selectExtensions.readValue(element);
     if (this.elementValueBeforeEvent !== null && newValue === this.elementValueBeforeEvent) {
       safeSetTimeout(this.updateFromModel.bind(this), 0);
       return;

package/dist/value.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/value.ts"],
-  "sourcesContent": ["\nimport {\n    ieVersion, stringStartsWith, safeSetTimeout, tagNameLower, arrayForEach,\n    selectExtensions\n} from '@tko/utils'\n\nimport {\n    unwrap, dependencyDetection\n} from '@tko/observable'\n\nimport {\n    applyBindingAccessorsToNode, BindingHandler\n} from '@tko/bind'\n\nexport class value extends BindingHandler {\n  static get after () { return ['options', 'foreach', 'template'] }\n\n  constructor (...args) {\n    super(...args)\n\n    // If the value binding is placed on a radio/checkbox, then just pass through to checkedValue and quit\n    if (this.isCheckboxOrRadio) {\n      applyBindingAccessorsToNode(this.$element,\n        { checkedValue: this.valueAccessor })\n      return\n    }\n\n    this.propertyChangedFired = false\n    this.elementValueBeforeEvent = null\n\n    if (this.ieAutoCompleteHackNeeded) {\n      this.addEventListener('propertyChange', () => this.propertyChangedFired = true)\n      this.addEventListener('focus', () => this.propertyChangedFired = false)\n      this.addEventListener('blur', () => this.propertyChangeFired &&\n        this.valueUpdateHandler())\n    }\n\n    arrayForEach(this.eventsToCatch, eventName => this.registerEvent(eventName))\n\n    if (this.isInput && this.$element.type === 'file') {\n      this.updateFromModel = this.updateFromModelForFile\n    } else {\n      this.updateFromModel = this.updateFromModelForValue\n    }\n\n    this.computed('updateFromModel')\n  }\n\n  get eventsToCatch () {\n    const requestedEventsToCatch = this.allBindings.get('valueUpdate')\n    const requestedEventsArray = typeof requestedEventsToCatch === 'string' ?\n      [requestedEventsToCatch] : requestedEventsToCatch || []\n    return [...new Set(['change', ...requestedEventsArray])]\n  }\n\n  get isInput () {\n    return tagNameLower(this.$element) === 'input'\n  }\n\n  get isCheckboxOrRadio () {\n    const e = this.$element\n    return this.isInput && (e.type == 'checkbox' || e.type == 'radio')\n  }\n\n  // Workaround for https://github.com/SteveSanderson/knockout/issues/122\n  // IE doesn't fire \"change\" events on textboxes if the user selects a value from its autocomplete list\n  get ieAutoCompleteHackNeeded () {\n    return ieVersion && isInputElement &&\n      this.$element.type == 'text' && this.$element.autocomplete != 'off' &&\n      (!this.$element.form || this.$element.form.autocomplete != 'off')\n  }\n\n  valueUpdateHandler () {\n    this.elementValueBeforeEvent = null\n    this.propertyChangedFired = false\n    this.value = selectExtensions.readValue(this.$element)\n  }\n\n  registerEvent (eventName) {\n    // The syntax \"after<eventname>\" means \"run the handler asynchronously after the event\"\n    // This is useful, for example, to catch \"keydown\" events after the browser has updated the control\n    // (otherwise, selectExtensions.readValue(this) will receive the control's value *before* the key event)\n    var handler = this.valueUpdateHandler.bind(this)\n    if (stringStartsWith(eventName, 'after')) {\n      handler = () => {\n        // The elementValueBeforeEvent variable is non-null *only* during the brief gap between\n        // a keyX event firing and the valueUpdateHandler running, which is scheduled to happen\n        // at the earliest asynchronous opportunity. We store this temporary information so that\n        // if, between keyX and valueUpdateHandler, the underlying model value changes separately,\n        // we can overwrite that model value change with the value the user just typed. Otherwise,\n        // techniques like rateLimit can trigger model changes at critical moments that will\n        // override the user's inputs, causing keystrokes to be lost.\n        this.elementValueBeforeEvent = selectExtensions.readValue(this.$element)\n        safeSetTimeout(this.valueUpdateHandler.bind(this), 0)\n      }\n      eventName = eventName.substring(5 /* 'after'.length */)\n    }\n    this.addEventListener(eventName, handler)\n  }\n\n  updateFromModelForFile () {\n    // For file input elements, can only write the empty string\n    var newValue = unwrap(this.value)\n    if (newValue === null || newValue === undefined || newValue === '') {\n      this.$element.value = ''\n    } else {\n      dependencyDetection.ignore(this.valueUpdateHandler, this)   // reset the model to match the element\n    }\n  }\n\n  updateFromModelForValue () {\n    const element = this.$element\n    var newValue = unwrap(this.value)\n    var elementValue = selectExtensions.readValue(element)\n\n    if (this.elementValueBeforeEvent !== null && newValue === this.elementValueBeforeEvent) {\n      safeSetTimeout(this.updateFromModel.bind(this), 0)\n      return\n    }\n\n    if (newValue === elementValue && elementValue !== undefined) { return }\n\n    if (tagNameLower(element) === 'select') {\n      const allowUnset = this.allBindings.get('valueAllowUnset')\n      selectExtensions.writeValue(element, newValue, allowUnset)\n\n      if (!allowUnset && newValue !== selectExtensions.readValue(element)) {\n       // If you try to set a model value that can't be represented in an already-populated dropdown, reject that change,\n       // because you're not allowed to have a model value that disagrees with a visible UI selection.\n        dependencyDetection.ignore(this.valueUpdateHandler, this)\n      }\n    } else {\n      selectExtensions.writeValue(element, newValue)\n    }\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { stringStartsWith, safeSetTimeout, tagNameLower, arrayForEach, selectExtensions } from '@tko/utils'\n\nimport { unwrap, dependencyDetection } from '@tko/observable'\n\nimport { applyBindingAccessorsToNode, BindingHandler } from '@tko/bind'\n\nimport { MSIE_REGEX } from './textInput'\n\nexport class value extends BindingHandler {\n  static get after() {\n    return ['options', 'foreach', 'template']\n  }\n\n  override $element: HTMLInputElement\n  elementValueBeforeEvent: any\n  propertyChangeFired: any\n  propertyChangedFired: boolean\n  updateFromModel: any\n  constructor(...args: [any]) {\n    super(...args)\n\n    // If the value binding is placed on a radio/checkbox, then just pass through to checkedValue and quit\n    if (this.isCheckboxOrRadio) {\n      applyBindingAccessorsToNode(this.$element, { checkedValue: this.valueAccessor })\n      return\n    }\n\n    this.propertyChangedFired = false\n    this.elementValueBeforeEvent = null\n\n    if (this.ieAutoCompleteHackNeeded) {\n      this.addEventListener('propertyChange', () => (this.propertyChangedFired = true))\n      this.addEventListener('focus', () => (this.propertyChangedFired = false))\n      this.addEventListener('blur', () => this.propertyChangeFired && this.valueUpdateHandler())\n    }\n\n    arrayForEach(this.eventsToCatch, eventName => this.registerEvent(eventName))\n\n    if (this.isInput && this.$element.type === 'file') {\n      this.updateFromModel = this.updateFromModelForFile\n    } else {\n      this.updateFromModel = this.updateFromModelForValue\n    }\n\n    this.computed('updateFromModel')\n  }\n\n  get eventsToCatch() {\n    const requestedEventsToCatch = this.allBindings.get('valueUpdate')\n    const requestedEventsArray =\n      typeof requestedEventsToCatch === 'string' ? [requestedEventsToCatch] : requestedEventsToCatch || []\n    return [...new Set(['change', ...requestedEventsArray])]\n  }\n\n  get isInput() {\n    return tagNameLower(this.$element) === 'input'\n  }\n\n  get isCheckboxOrRadio() {\n    const e = this.$element\n    return this.isInput && (e.type == 'checkbox' || e.type == 'radio')\n  }\n\n  // Workaround for https://github.com/SteveSanderson/knockout/issues/122\n  // IE doesn't fire \"change\" events on textboxes if the user selects a value from its autocomplete list\n  get ieAutoCompleteHackNeeded() {\n    return (\n      this.isInput\n      && this.$element.type == 'text'\n      && this.$element.autocomplete != 'off'\n      && (!this.$element.form || this.$element.form.autocomplete != 'off')\n      && MSIE_REGEX.test(window.navigator.userAgent) //IE detection (primarily for IE10/11)\n    )\n  }\n\n  valueUpdateHandler() {\n    this.elementValueBeforeEvent = null\n    this.propertyChangedFired = false\n    this.value = selectExtensions.readValue(this.$element)\n  }\n\n  registerEvent(eventName) {\n    // The syntax \"after<eventname>\" means \"run the handler asynchronously after the event\"\n    // This is useful, for example, to catch \"keydown\" events after the browser has updated the control\n    // (otherwise, selectExtensions.readValue(this) will receive the control's value *before* the key event)\n    let handler = this.valueUpdateHandler.bind(this)\n    if (stringStartsWith(eventName, 'after')) {\n      handler = () => {\n        // The elementValueBeforeEvent variable is non-null *only* during the brief gap between\n        // a keyX event firing and the valueUpdateHandler running, which is scheduled to happen\n        // at the earliest asynchronous opportunity. We store this temporary information so that\n        // if, between keyX and valueUpdateHandler, the underlying model value changes separately,\n        // we can overwrite that model value change with the value the user just typed. Otherwise,\n        // techniques like rateLimit can trigger model changes at critical moments that will\n        // override the user's inputs, causing keystrokes to be lost.\n        this.elementValueBeforeEvent = selectExtensions.readValue(this.$element)\n        safeSetTimeout(this.valueUpdateHandler.bind(this), 0)\n      }\n      eventName = eventName.substring(5 /* 'after'.length */)\n    }\n    this.addEventListener(eventName, handler)\n  }\n\n  updateFromModelForFile() {\n    // For file input elements, can only write the empty string\n    const newValue = unwrap(this.value)\n    if (newValue === null || newValue === undefined || newValue === '') {\n      this.$element.value = ''\n    } else {\n      dependencyDetection.ignore(this.valueUpdateHandler, this) // reset the model to match the element\n    }\n  }\n\n  updateFromModelForValue() {\n    const element = this.$element\n    const newValue = unwrap(this.value)\n    const elementValue = selectExtensions.readValue(element)\n\n    if (this.elementValueBeforeEvent !== null && newValue === this.elementValueBeforeEvent) {\n      safeSetTimeout(this.updateFromModel.bind(this), 0)\n      return\n    }\n\n    if (newValue === elementValue && elementValue !== undefined) {\n      return\n    }\n\n    if (tagNameLower(element) === 'select') {\n      const allowUnset = this.allBindings.get('valueAllowUnset')\n      selectExtensions.writeValue(element, newValue, allowUnset)\n\n      if (!allowUnset && newValue !== selectExtensions.readValue(element)) {\n        // If you try to set a model value that can't be represented in an already-populated dropdown, reject that change,\n        // because you're not allowed to have a model value that disagrees with a visible UI selection.\n        dependencyDetection.ignore(this.valueUpdateHandler, this)\n      }\n    } else {\n      selectExtensions.writeValue(element, newValue)\n    }\n  }\n}\n"],
+  "mappings": ";;AAAA,SAAS,kBAAkB,gBAAgB,cAAc,cAAc,wBAAwB;AAE/F,SAAS,QAAQ,2BAA2B;AAE5C,SAAS,6BAA6B,sBAAsB;AAE5D,SAAS,kBAAkB;AAEpB,aAAM,cAAc,eAAe;AAAA,EACxC,WAAW,QAAQ;AACjB,WAAO,CAAC,WAAW,WAAW,UAAU;AAAA,EAC1C;AAAA,EAOA,eAAe,MAAa;AAC1B,UAAM,GAAG,IAAI;AAGb,QAAI,KAAK,mBAAmB;AAC1B,kCAA4B,KAAK,UAAU,EAAE,cAAc,KAAK,cAAc,CAAC;AAC/E;AAAA,IACF;AAEA,SAAK,uBAAuB;AAC5B,SAAK,0BAA0B;AAE/B,QAAI,KAAK,0BAA0B;AACjC,WAAK,iBAAiB,kBAAkB,MAAO,KAAK,uBAAuB,IAAK;AAChF,WAAK,iBAAiB,SAAS,MAAO,KAAK,uBAAuB,KAAM;AACxE,WAAK,iBAAiB,QAAQ,MAAM,KAAK,uBAAuB,KAAK,mBAAmB,CAAC;AAAA,IAC3F;AAEA,iBAAa,KAAK,eAAe,eAAa,KAAK,cAAc,SAAS,CAAC;AAE3E,QAAI,KAAK,WAAW,KAAK,SAAS,SAAS,QAAQ;AACjD,WAAK,kBAAkB,KAAK;AAAA,IAC9B,OAAO;AACL,WAAK,kBAAkB,KAAK;AAAA,IAC9B;AAEA,SAAK,SAAS,iBAAiB;AAAA,EACjC;AAAA,EAEA,IAAI,gBAAgB;AAClB,UAAM,yBAAyB,KAAK,YAAY,IAAI,aAAa;AACjE,UAAM,uBACJ,OAAO,2BAA2B,WAAW,CAAC,sBAAsB,IAAI,0BAA0B,CAAC;AACrG,WAAO,CAAC,GAAG,oBAAI,IAAI,CAAC,UAAU,GAAG,oBAAoB,CAAC,CAAC;AAAA,EACzD;AAAA,EAEA,IAAI,UAAU;AACZ,WAAO,aAAa,KAAK,QAAQ,MAAM;AAAA,EACzC;AAAA,EAEA,IAAI,oBAAoB;AACtB,UAAM,IAAI,KAAK;AACf,WAAO,KAAK,YAAY,EAAE,QAAQ,cAAc,EAAE,QAAQ;AAAA,EAC5D;AAAA;AAAA;AAAA,EAIA,IAAI,2BAA2B;AAC7B,WACE,KAAK,WACF,KAAK,SAAS,QAAQ,UACtB,KAAK,SAAS,gBAAgB,UAC7B,CAAC,KAAK,SAAS,QAAQ,KAAK,SAAS,KAAK,gBAAgB,UAC3D,WAAW,KAAK,OAAO,UAAU,SAAS;AAAA,EAEjD;AAAA,EAEA,qBAAqB;AACnB,SAAK,0BAA0B;AAC/B,SAAK,uBAAuB;AAC5B,SAAK,QAAQ,iBAAiB,UAAU,KAAK,QAAQ;AAAA,EACvD;AAAA,EAEA,cAAc,WAAW;AAIvB,QAAI,UAAU,KAAK,mBAAmB,KAAK,IAAI;AAC/C,QAAI,iBAAiB,WAAW,OAAO,GAAG;AACxC,gBAAU,MAAM;AAQd,aAAK,0BAA0B,iBAAiB,UAAU,KAAK,QAAQ;AACvE,uBAAe,KAAK,mBAAmB,KAAK,IAAI,GAAG,CAAC;AAAA,MACtD;AACA,kBAAY,UAAU;AAAA,QAAU;AAAA;AAAA,MAAsB;AAAA,IACxD;AACA,SAAK,iBAAiB,WAAW,OAAO;AAAA,EAC1C;AAAA,EAEA,yBAAyB;AAEvB,UAAM,WAAW,OAAO,KAAK,KAAK;AAClC,QAAI,aAAa,QAAQ,aAAa,UAAa,aAAa,IAAI;AAClE,WAAK,SAAS,QAAQ;AAAA,IACxB,OAAO;AACL,0BAAoB,OAAO,KAAK,oBAAoB,IAAI;AAAA,IAC1D;AAAA,EACF;AAAA,EAEA,0BAA0B;AACxB,UAAM,UAAU,KAAK;AACrB,UAAM,WAAW,OAAO,KAAK,KAAK;AAClC,UAAM,eAAe,iBAAiB,UAAU,OAAO;AAEvD,QAAI,KAAK,4BAA4B,QAAQ,aAAa,KAAK,yBAAyB;AACtF,qBAAe,KAAK,gBAAgB,KAAK,IAAI,GAAG,CAAC;AACjD;AAAA,IACF;AAEA,QAAI,aAAa,gBAAgB,iBAAiB,QAAW;AAC3D;AAAA,IACF;AAEA,QAAI,aAAa,OAAO,MAAM,UAAU;AACtC,YAAM,aAAa,KAAK,YAAY,IAAI,iBAAiB;AACzD,uBAAiB,WAAW,SAAS,UAAU,UAAU;AAEzD,UAAI,CAAC,cAAc,aAAa,iBAAiB,UAAU,OAAO,GAAG;AAGnE,4BAAoB,OAAO,KAAK,oBAAoB,IAAI;AAAA,MAC1D;AAAA,IACF,OAAO;AACL,uBAAiB,WAAW,SAAS,QAAQ;AAAA,IAC/C;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/visible.js

@@ -1,11 +1,10 @@
-// @tko/binding.core 🥊 4.0.0-beta1.0 ESM
-import {
-  unwrap
-} from "@tko/observable";
-export var visible = {
+// @tko/binding.core 🥊 4.0.0 ESM
+"use strict";
+import { unwrap } from "@tko/observable";
+export const visible = {
   update: function(element, valueAccessor) {
-    var value = unwrap(valueAccessor());
-    var isCurrentlyVisible = !(element.style.display === "none");
+    const value = unwrap(valueAccessor());
+    const isCurrentlyVisible = !(element.style.display === "none");
     if (value && !isCurrentlyVisible) {
       element.style.display = "";
     } else if (!value && isCurrentlyVisible) {
@@ -13,7 +12,7 @@ export var visible = {
     }
   }
 };
-export var hidden = {
+export const hidden = {
   update: function(element, valueAccessor) {
     visible.update.call(this, element, () => !unwrap(valueAccessor()));
   }

package/dist/visible.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/visible.ts"],
-  "sourcesContent": ["import {\n    unwrap\n} from '@tko/observable'\n\nexport var visible = {\n  update: function (element, valueAccessor) {\n    var value = unwrap(valueAccessor())\n    var isCurrentlyVisible = !(element.style.display === 'none')\n    if (value && !isCurrentlyVisible) {\n      element.style.display = ''\n    } else if (!value && isCurrentlyVisible) {\n      element.style.display = 'none'\n    }\n  }\n}\n\nexport var hidden = {\n  update: function (element, valueAccessor) {\n    visible.update.call(this, element, () => !unwrap(valueAccessor()))\n  }\n}\n"],
-  "mappings": ";AAAA;AAAA;AAAA;AAIO,WAAI,UAAU;AAAA,EACnB,QAAQ,SAAU,SAAS,eAAe;AACxC,QAAI,QAAQ,OAAO,cAAc,CAAC;AAClC,QAAI,qBAAqB,CAAE,SAAQ,MAAM,YAAY;AACrD,QAAI,SAAS,CAAC,oBAAoB;AAChC,cAAQ,MAAM,UAAU;AAAA,IAC1B,WAAW,CAAC,SAAS,oBAAoB;AACvC,cAAQ,MAAM,UAAU;AAAA,IAC1B;AAAA,EACF;AACF;AAEO,WAAI,SAAS;AAAA,EAClB,QAAQ,SAAU,SAAS,eAAe;AACxC,YAAQ,OAAO,KAAK,MAAM,SAAS,MAAM,CAAC,OAAO,cAAc,CAAC,CAAC;AAAA,EACnE;AACF;",
+  "sourcesContent": ["import { unwrap } from '@tko/observable'\n\nexport const visible = {\n  update: function (element, valueAccessor) {\n    const value = unwrap(valueAccessor())\n    const isCurrentlyVisible = !(element.style.display === 'none')\n    if (value && !isCurrentlyVisible) {\n      element.style.display = ''\n    } else if (!value && isCurrentlyVisible) {\n      element.style.display = 'none'\n    }\n  }\n}\n\nexport const hidden = {\n  update: function (element, valueAccessor) {\n    visible.update.call(this, element, () => !unwrap(valueAccessor()))\n  }\n}\n"],
+  "mappings": ";;AAAA,SAAS,cAAc;AAEhB,aAAM,UAAU;AAAA,EACrB,QAAQ,SAAU,SAAS,eAAe;AACxC,UAAM,QAAQ,OAAO,cAAc,CAAC;AACpC,UAAM,qBAAqB,EAAE,QAAQ,MAAM,YAAY;AACvD,QAAI,SAAS,CAAC,oBAAoB;AAChC,cAAQ,MAAM,UAAU;AAAA,IAC1B,WAAW,CAAC,SAAS,oBAAoB;AACvC,cAAQ,MAAM,UAAU;AAAA,IAC1B;AAAA,EACF;AACF;AAEO,aAAM,SAAS;AAAA,EACpB,QAAQ,SAAU,SAAS,eAAe;AACxC,YAAQ,OAAO,KAAK,MAAM,SAAS,MAAM,CAAC,OAAO,cAAc,CAAC,CAAC;AAAA,EACnE;AACF;",
   "names": []
 }

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "4.0.0-beta1.0",
+  "version": "4.0.0",
   "name": "@tko/binding.core",
   "description": "TKO Core bindings",
   "module": "dist/binding.core.js",
@@ -23,10 +23,10 @@
   },
   "homepage": "https://tko.io",
   "dependencies": {
-    "@tko/bind": "^4.0.0-beta1.0",
-    "@tko/computed": "^4.0.0-beta1.0",
-    "@tko/observable": "^4.0.0-beta1.0",
-    "@tko/utils": "^4.0.0-beta1.0",
+    "@tko/bind": "^4.0.0",
+    "@tko/computed": "^4.0.0",
+    "@tko/observable": "^4.0.0",
+    "@tko/utils": "^4.0.0",
     "tslib": "^2.2.0"
   },
   "karma": {
@@ -46,6 +46,5 @@
       "import": "./dist/index.js"
     },
     "./helpers/*": "./helpers/*"
-  },
-  "gitHead": "99114c4deded3fc5dbddd5c7c9c63c845a18263b"
+  }
 }

package/LICENSE

@@ -1,22 +0,0 @@
-The MIT License (MIT) - http://www.opensource.org/licenses/mit-license.php
-
-Copyright (c) Steven Sanderson, the Knockout.js team, and other contributors
-http://knockoutjs.com/
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.

package/dist/test-helper.js

@@ -1,14 +0,0 @@
-// @tko/binding.core 🥊 4.0.0-beta1.0 ESM
-import {
-  arrayFilter,
-  arrayMap,
-  selectExtensions
-} from "@tko/utils";
-export var matchers = {
-  toHaveSelectedValues(expectedValues) {
-    const selectedNodes = arrayFilter(this.actual.childNodes, (node) => node.selected);
-    const selectedValues = arrayMap(selectedNodes, (node) => selectExtensions.readValue(node));
-    this.actual = selectedValues;
-    return this.env.equals_(selectedValues, expectedValues);
-  }
-};

package/dist/test-helper.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/test-helper.ts"],
-  "sourcesContent": ["\nimport {\n    arrayFilter, arrayMap, selectExtensions\n} from '@tko/utils'\n\n/**\n * Note that these matchers cannot be included in jasmine-13-helpers.js.\n *\n * When using Rollup to create the tests, it creates multiple files e.g.\n * - optionsBehaviors\n * - checkedBehaviors\n * - ...\n *\n * This is problematic if domData access is imported via jasmine-13-helper,\n * since there'll be only one instance of domData imported i.e.  the imports\n * should look like this:\n *\n * - optionsBehaviors\n *   - utils/dom/data\n * - checkedBehaviors\n *   - utils/dom/data/\n *\n * But what happens is that the singleton in data.js (dataStore) is created\n * in jasmine-13-helper, so when it's referenced it always comes from\n * the very first import.  So in checkedBehaviors any reference to domData\n * would get it from the `dataStore` in optionsBehaviors (because it was\n * imported first).\n *\n * Or at least that seems to be the dragon here.\n */\n\nexport var matchers = {\n  toHaveSelectedValues (expectedValues) {\n    const selectedNodes = arrayFilter(this.actual.childNodes, node => node.selected)\n    const selectedValues = arrayMap(selectedNodes, node => selectExtensions.readValue(node))\n    this.actual = selectedValues   // Fix explanatory message\n    return this.env.equals_(selectedValues, expectedValues)\n  }\n}\n"],
-  "mappings": ";AACA;AAAA;AAAA;AAAA;AAAA;AA8BO,WAAI,WAAW;AAAA,EACpB,qBAAsB,gBAAgB;AACpC,UAAM,gBAAgB,YAAY,KAAK,OAAO,YAAY,UAAQ,KAAK,QAAQ;AAC/E,UAAM,iBAAiB,SAAS,eAAe,UAAQ,iBAAiB,UAAU,IAAI,CAAC;AACvF,SAAK,SAAS;AACd,WAAO,KAAK,IAAI,QAAQ,gBAAgB,cAAc;AAAA,EACxD;AACF;",
-  "names": []
-}