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

package/dist/textInput.js.map

@@ -0,0 +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": ";AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAQA;AAAA;AAAA;AAIA,IAAI,cAAc,cAAc,eAAe;AAO/C,MAAM,kBAAkB,eAAe;AAAA,MACjC,UAAW;AAAE,WAAO;AAAA,EAAY;AAAA,EAEpC,eAAgB,MAAM;AACpB,UAAM,GAAG,IAAI;AACb,SAAK,uBAAuB,KAAK,SAAS;AAE1C,QAAI,QAAQ,SAAS,KAAK,YAAY,gBAAgB;AAEpD,mBAAa,KAAK,YAAY,gBAAgB,CAAC,cAAc;AAC3D,YAAI,UAAU,MAAM,GAAG,CAAC,MAAM,SAAS;AACrC,eAAK,iBAAiB,UAAU,MAAM,CAAC,GAAG,kBAAkB;AAAA,QAC9D,OAAO;AACL,eAAK,iBAAiB,WAAW,aAAa;AAAA,QAChD;AAAA,MACF,CAAC;AAAA,IACH;AAEA,eAAW,aAAa,KAAK,gCAAgC,GAAG;AAC9D,WAAK,iBAAiB,WAAW,aAAa;AAAA,IAChD;AACA,eAAW,aAAa,KAAK,iCAAiC,GAAG;AAC/D,WAAK,iBAAiB,WAAW,kBAAkB;AAAA,IACrD;AACA,SAAK,SAAS,YAAY;AAAA,EAC5B;AAAA,EAEA,kCAAmC;AAIjC,WAAO,CAAC,SAAS,UAAU,MAAM;AAAA,EACnC;AAAA,EAEA,mCAAoC;AAClC,WAAO,CAAC;AAAA,EACV;AAAA,EAEA,YAAa,OAAO;AAClB,UAAM,UAAU,KAAK;AACrB,iBAAa,KAAK,aAAa;AAC/B,SAAK,0BAA0B,KAAK,gBAAgB;AACpD,UAAM,eAAe,QAAQ;AAC7B,QAAI,KAAK,yBAAyB,cAAc;AAE9C,UAAI,QAAQ,SAAS,OAAO;AAC1B,gBAAQ,8BAA8B,MAAM;AAAA,MAC9C;AACA,WAAK,uBAAuB;AAC5B,WAAK,QAAQ;AAAA,IACf;AAAA,EACF;AAAA,EAEA,iBAAkB,OAAO;AACvB,UAAM,UAAU,KAAK;AACrB,QAAI,CAAC,KAAK,eAAe;AAKvB,WAAK,0BAA0B,QAAQ;AACvC,YAAM,WAAU,QAAQ,QAAQ,KAAK,YAAY,KAAK,MAAM,EAAE,MAAM,MAAM,KAAK,CAAC,IAAI,KAAK;AACzF,WAAK,gBAAgB,eAAe,UAAS,CAAC;AAAA,IAChD;AAAA,EACF;AAAA,EAEA,aAAc;AACZ,QAAI,aAAa,OAAO,KAAK,KAAK;AAClC,QAAI,eAAe,QAAQ,eAAe,QAAW;AACnD,mBAAa;AAAA,IACf;AACA,QAAI,KAAK,4BAA4B,UACvB,eAAe,KAAK,yBAAyB;AACzD,iBAAW,KAAK,WAAW,KAAK,IAAI,GAAG,CAAC;AAAA,IAC1C,WAAW,KAAK,SAAS,UAAU,YAAY;AAG7C,WAAK,uBAAuB;AAC5B,WAAK,SAAS,QAAQ;AACtB,WAAK,uBAAuB,KAAK,SAAS;AAAA,IAC5C;AAAA,EACF;AACF;AAKA,MAAM,oBAAoB,UAAU;AAAA,EAClC,eAAgB,MAAM;AACpB,UAAM,GAAG,IAAI;AAEb,QAAI,YAAY,IAAI;AAKlB,WAAK,iBAAiB,kBAAkB,WACtC,MAAM,iBAAiB,WAAW,KAAK,YAAY,KAAK,CAC1D;AAAA,IACF;AAEA,QAAI,aAAa,KAAK,YAAY,IAAI;AACpC,WAAK,6BAA6B;AAClC,WAAK,iBAAiB,WAAW,kBAAkB;AAAA,IACrD;AAAA,EACF;AAAA,EAEA,kCAAmC;AAEjC,WAAO,CAAC,GAAG,MAAM,4BAA4B,GAAG,UAAU;AAAA,EAC5D;AAAA,EAQA,uBAAwB,OAAO;AAC3B,UAAM,SAAS,KAAK;AACpB,UAAM,WAAU,UAAU,QAAQ,IAAI,QAAQ,0BAA0B;AACxE,QAAI,UAAS;AAAE,eAAQ,KAAK;AAAA,IAAE;AAAA,EAClC;AAAA,EAEA,6BAA8B,SAAS,eAAe;AACpD,UAAM,WAAW,QAAQ;AACzB,QAAI,CAAC,QAAQ,IAAI,UAAU,6BAA6B,GAAG;AACvD,cAAQ,IAAI,UAAU,+BAA+B,IAAI;AACzD,2BAAqB,UAAU,mBAAmB,KAAK,uBAAuB,KAAK,QAAQ,CAAC;AAAA,IAChG;AACA,YAAQ,IAAI,SAAS,4BAA4B,OAAO;AAAA,EAC1D;AACF;AASA,MAAM,qBAAqB,YAAY;AAAA,EACrC,eAAgB,MAAM;AAGpB,SAAK,iBAAiB,GAAG,IAAI;AAAA,EAC/B;AACF;AAGA,MAAM,qBAAqB,YAAY;AAAA,EACrC,8BAA+B;AAO7B,WAAO,CAAC,GAAG,MAAM,4BAA4B,GAAG,SAAS,SAAS;AAAA,EACpE;AACF;AAKA,MAAM,8BAA8B,UAAU;AAAA,EAC5C,mCAAoC;AAClC,WAAO,CAAC,WAAW,SAAS,KAAK;AAAA,EACnC;AACF;AAGA,MAAM,6BAA6B,UAAU;AAAA,EAC3C,mCAAoC;AAGlC,WAAO,CAAC,SAAS;AAAA,EACnB;AACF;AAGA,MAAM,+BAA+B,UAAU;AAAA,EAC7C,8BAA+B;AAC7B,WAAO;AAAA,MACL,GAAG,MAAM,gCAAgC;AAAA,MAEzC;AAAA,MAEA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;AAGA,MAAM,IAAI,QAAQ;AAClB,IAAI,EAAE,WAAW;AACf,QAAM,gBAAe,CAAC,YAAY,WAAW,WAAW,QAAQ,EAAE;AAClE,QAAM,YAAY,EAAE,UAAU;AAC9B,QAAM,WAAW,UAAU,MAAM,iBAAiB;AAElD,iBAAe,EAAE,SAAS,EAAE,MAAM,WAAW,SAAS,EAAE,MAAM,QAAQ,CAAC;AACvE,kBAAgB,cAAa,UAAU,MAAM,yBAAyB,CAAC;AACvE,mBAAiB,cAAa,UAAU,MAAM,kBAAkB,CAAC;AACnE;AAGO,aAAM,YACX,cAAc,IAAI,eAChB,cAAc,IAAI,eAClB,YAAY,cACZ,iBAAiB,gBAAgB,IAAI,wBACrC,eAAe,KAAK,uBACpB,kBAAkB,iBAAiB,IAAI,yBACvC;",
+  "names": []
+}

package/dist/uniqueName.js

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

package/dist/uniqueName.js.map

@@ -0,0 +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;",
+  "names": []
+}

package/dist/using.js

@@ -0,0 +1,12 @@
+// @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);
+    applyBindingsToDescendants(innerContext, element);
+    return { controlsDescendantBindings: true };
+  },
+  allowVirtualElements: true
+};

package/dist/using.js.map

@@ -0,0 +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;",
+  "names": []
+}

package/dist/value.js

@@ -0,0 +1,103 @@
+// @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";
+export class value extends BindingHandler {
+  static get after() {
+    return ["options", "foreach", "template"];
+  }
+  constructor(...args) {
+    super(...args);
+    if (this.isCheckboxOrRadio) {
+      applyBindingAccessorsToNode(this.$element, { checkedValue: this.valueAccessor });
+      return;
+    }
+    this.propertyChangedFired = false;
+    this.elementValueBeforeEvent = null;
+    if (this.ieAutoCompleteHackNeeded) {
+      this.addEventListener("propertyChange", () => this.propertyChangedFired = true);
+      this.addEventListener("focus", () => this.propertyChangedFired = false);
+      this.addEventListener("blur", () => this.propertyChangeFired && this.valueUpdateHandler());
+    }
+    arrayForEach(this.eventsToCatch, (eventName) => this.registerEvent(eventName));
+    if (this.isInput && this.$element.type === "file") {
+      this.updateFromModel = this.updateFromModelForFile;
+    } else {
+      this.updateFromModel = this.updateFromModelForValue;
+    }
+    this.computed("updateFromModel");
+  }
+  get eventsToCatch() {
+    const requestedEventsToCatch = this.allBindings.get("valueUpdate");
+    const requestedEventsArray = typeof requestedEventsToCatch === "string" ? [requestedEventsToCatch] : requestedEventsToCatch || [];
+    return [.../* @__PURE__ */ new Set(["change", ...requestedEventsArray])];
+  }
+  get isInput() {
+    return tagNameLower(this.$element) === "input";
+  }
+  get isCheckboxOrRadio() {
+    const e = this.$element;
+    return this.isInput && (e.type == "checkbox" || e.type == "radio");
+  }
+  get ieAutoCompleteHackNeeded() {
+    return ieVersion && isInputElement && this.$element.type == "text" && this.$element.autocomplete != "off" && (!this.$element.form || this.$element.form.autocomplete != "off");
+  }
+  valueUpdateHandler() {
+    this.elementValueBeforeEvent = null;
+    this.propertyChangedFired = false;
+    this.value = selectExtensions.readValue(this.$element);
+  }
+  registerEvent(eventName) {
+    var 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);
+    }
+    this.addEventListener(eventName, handler);
+  }
+  updateFromModelForFile() {
+    var newValue = unwrap(this.value);
+    if (newValue === null || newValue === void 0 || newValue === "") {
+      this.$element.value = "";
+    } else {
+      dependencyDetection.ignore(this.valueUpdateHandler, this);
+    }
+  }
+  updateFromModelForValue() {
+    const element = this.$element;
+    var newValue = unwrap(this.value);
+    var elementValue = selectExtensions.readValue(element);
+    if (this.elementValueBeforeEvent !== null && newValue === this.elementValueBeforeEvent) {
+      safeSetTimeout(this.updateFromModel.bind(this), 0);
+      return;
+    }
+    if (newValue === elementValue && elementValue !== void 0) {
+      return;
+    }
+    if (tagNameLower(element) === "select") {
+      const allowUnset = this.allBindings.get("valueAllowUnset");
+      selectExtensions.writeValue(element, newValue, allowUnset);
+      if (!allowUnset && newValue !== selectExtensions.readValue(element)) {
+        dependencyDetection.ignore(this.valueUpdateHandler, this);
+      }
+    } else {
+      selectExtensions.writeValue(element, newValue);
+    }
+  }
+}

package/dist/value.js.map

@@ -0,0 +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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",
+  "names": []
+}

package/dist/visible.js

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

package/dist/visible.js.map

@@ -0,0 +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;",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
+  "version": "4.0.0-beta1.0",
   "name": "@tko/binding.core",
-  "version": "4.0.0-alpha9.0",
   "description": "TKO Core bindings",
   "module": "dist/binding.core.js",
   "files": [
@@ -9,53 +9,43 @@
   ],
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/knockout/tko.binding.core.git"
+    "url": "git+https://github.com/knockout/tko.git"
   },
   "keywords": [
     "knockout",
     "tko",
     "ko"
   ],
-  "author": "Knockout",
+  "author": "The Knockout Team",
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/knockout/tko.util/issues"
+    "url": "https://github.com/knockout/tko/issues"
   },
   "homepage": "https://tko.io",
   "dependencies": {
-    "@tko/bind": "^4.0.0-alpha9.0",
-    "@tko/computed": "^4.0.0-alpha8.0",
-    "@tko/observable": "^4.0.0-alpha8.0",
-    "@tko/utils": "^4.0.0-alpha8.0",
-    "tslib": "^1.8.0"
+    "@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",
+    "tslib": "^2.2.0"
   },
   "karma": {
     "frameworks": [
       "jasmine"
     ]
   },
-  "__about__shared.package.json": "These properties are copied into all packages/*/package.json.  Run `yarn repackage`",
-  "standard": {
-    "env": [
-      "browser",
-      "jasmine",
-      "mocha"
-    ]
-  },
-  "scripts": {
-    "test": "npx karma start ../../karma.conf.js --once",
-    "build": "npx rollup -c ../../rollup.config.js",
-    "watch": "npx karma start ../../karma.conf.js",
-    "prepare": "npx rollup -c ../../rollup.config.js"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
   "licenses": [
     {
       "type": "MIT",
-      "url": "http://www.opensource.org/licenses/mit-license.php"
+      "url": "https://opensource.org/licenses/MIT"
     }
   ],
-  "gitHead": "90cdb597db01d50725c567810af092e70a5b32d9"
+  "exports": {
+    ".": {
+      "require": "./dist/index.cjs",
+      "import": "./dist/index.js"
+    },
+    "./helpers/*": "./helpers/*"
+  },
+  "gitHead": "99114c4deded3fc5dbddd5c7c9c63c845a18263b"
 }