@tko/observable 4.0.0-beta1.3 → 4.0.0

package/dist/index.cjs

@@ -1,8 +1,13 @@
-// @tko/observable 🥊 4.0.0-beta1.3 CommonJS
+// @tko/observable 🥊 4.0.0 CommonJS
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __knownSymbol = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -16,10 +21,42 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __await = function(promise, isYieldStar) {
+  this[0] = promise;
+  this[1] = isYieldStar;
+};
+var __yieldStar = (value) => {
+  var obj = value[__knownSymbol("asyncIterator")], isAwait = false, method, it = {};
+  if (obj == null) {
+    obj = value[__knownSymbol("iterator")]();
+    method = (k) => it[k] = (x) => obj[k](x);
+  } else {
+    obj = obj.call(value);
+    method = (k) => it[k] = (v) => {
+      if (isAwait) {
+        isAwait = false;
+        if (k === "throw") throw v;
+        return v;
+      }
+      isAwait = true;
+      return {
+        done: false,
+        value: new __await(new Promise((resolve) => {
+          var x = obj[k](v);
+          if (!(x instanceof Object)) __typeError("Object expected");
+          resolve(x);
+        }), 1)
+      };
+    };
+  }
+  return it[__knownSymbol("iterator")] = () => it, method("next"), "throw" in obj ? method("throw") : it.throw = (x) => {
+    throw x;
+  }, "return" in obj && method("return"), it;
+};
 
 // index.ts
-var observable_exports = {};
-__export(observable_exports, {
+var index_exports = {};
+__export(index_exports, {
   LATEST_VALUE: () => LATEST_VALUE,
   applyExtenders: () => applyExtenders,
   arrayChangeEventName: () => arrayChangeEventName,
@@ -41,13 +78,13 @@ __export(observable_exports, {
   unwrap: () => unwrap,
   valuesArePrimitiveAndEqual: () => valuesArePrimitiveAndEqual
 });
-module.exports = __toCommonJS(observable_exports);
+module.exports = __toCommonJS(index_exports);
 
 // ../utils/dist/array.js
 var { isArray } = Array;
-function arrayForEach(array, action, thisArg) {
+function arrayForEach(array, action, actionOwner) {
   if (arguments.length > 2) {
-    action = action.bind(thisArg);
+    action = action.bind(actionOwner);
   }
   for (let i = 0, j = array.length; i < j; ++i) {
     action(array[i], i, array);
@@ -57,7 +94,7 @@ function arrayIndexOf(array, item) {
   return (isArray(array) ? array : [...array]).indexOf(item);
 }
 function arrayRemoveItem(array, itemToRemove) {
-  var index = arrayIndexOf(array, itemToRemove);
+  const index = arrayIndexOf(array, itemToRemove);
   if (index > 0) {
     array.splice(index, 1);
   } else if (index === 0) {
@@ -66,7 +103,7 @@ function arrayRemoveItem(array, itemToRemove) {
 }
 function findMovesInArrayComparison(left, right, limitFailedCompares) {
   if (left.length && right.length) {
-    var failedCompares, l, r, leftItem, rightItem;
+    let failedCompares, l, r, leftItem, rightItem;
     for (failedCompares = l = 0; (!limitFailedCompares || failedCompares < limitFailedCompares) && (leftItem = left[l]); ++l) {
       for (r = 0; rightItem = right[r]; ++r) {
         if (leftItem.value === rightItem.value) {
@@ -94,10 +131,10 @@ function compareArrays(oldArray, newArray, options2) {
   }
 }
 function compareSmallArrayToBigArray(smlArray, bigArray, statusNotInSml, statusNotInBig, options2) {
-  var myMin = Math.min, myMax = Math.max, editDistanceMatrix = [], smlIndex, smlIndexMax = smlArray.length, bigIndex, bigIndexMax = bigArray.length, compareRange = bigIndexMax - smlIndexMax || 1, maxDistance = smlIndexMax + bigIndexMax + 1, thisRow, lastRow, bigIndexMaxForRow, bigIndexMinForRow;
+  let myMin = Math.min, myMax = Math.max, editDistanceMatrix = new Array(), smlIndex, smlIndexMax = smlArray.length, bigIndex, bigIndexMax = bigArray.length, compareRange = bigIndexMax - smlIndexMax || 1, maxDistance = smlIndexMax + bigIndexMax + 1, thisRow, lastRow, bigIndexMaxForRow, bigIndexMinForRow;
   for (smlIndex = 0; smlIndex <= smlIndexMax; smlIndex++) {
     lastRow = thisRow;
-    editDistanceMatrix.push(thisRow = []);
+    editDistanceMatrix.push(thisRow = new Array());
     bigIndexMaxForRow = myMin(bigIndexMax, smlIndex + compareRange);
     bigIndexMinForRow = myMax(0, smlIndex - 1);
     for (bigIndex = bigIndexMinForRow; bigIndex <= bigIndexMaxForRow; bigIndex++) {
@@ -108,35 +145,38 @@ function compareSmallArrayToBigArray(smlArray, bigArray, statusNotInSml, statusN
       } else if (smlArray[smlIndex - 1] === bigArray[bigIndex - 1]) {
         thisRow[bigIndex] = lastRow[bigIndex - 1];
       } else {
-        var northDistance = lastRow[bigIndex] || maxDistance;
-        var westDistance = thisRow[bigIndex - 1] || maxDistance;
+        const northDistance = lastRow[bigIndex] || maxDistance;
+        const westDistance = thisRow[bigIndex - 1] || maxDistance;
         thisRow[bigIndex] = myMin(northDistance, westDistance) + 1;
       }
     }
   }
-  var editScript = [], meMinusOne, notInSml = [], notInBig = [];
+  let editScript = new Array(), meMinusOne, notInSml = new Array(), notInBig = new Array();
   for (smlIndex = smlIndexMax, bigIndex = bigIndexMax; smlIndex || bigIndex; ) {
     meMinusOne = editDistanceMatrix[smlIndex][bigIndex] - 1;
     if (bigIndex && meMinusOne === editDistanceMatrix[smlIndex][bigIndex - 1]) {
-      notInSml.push(editScript[editScript.length] = {
-        "status": statusNotInSml,
-        "value": bigArray[--bigIndex],
-        "index": bigIndex
-      });
+      notInSml.push(
+        editScript[editScript.length] = {
+          // added
+          status: statusNotInSml,
+          value: bigArray[--bigIndex],
+          index: bigIndex
+        }
+      );
     } else if (smlIndex && meMinusOne === editDistanceMatrix[smlIndex - 1][bigIndex]) {
-      notInBig.push(editScript[editScript.length] = {
-        "status": statusNotInBig,
-        "value": smlArray[--smlIndex],
-        "index": smlIndex
-      });
+      notInBig.push(
+        editScript[editScript.length] = {
+          // deleted
+          status: statusNotInBig,
+          value: smlArray[--smlIndex],
+          index: smlIndex
+        }
+      );
     } else {
       --bigIndex;
       --smlIndex;
-      if (!options2.sparse) {
-        editScript.push({
-          "status": "retained",
-          "value": bigArray[bigIndex]
-        });
+      if (!(options2 == null ? void 0 : options2.sparse)) {
+        editScript.push({ status: "retained", value: bigArray[bigIndex] });
       }
     }
   }
@@ -145,40 +185,79 @@ function compareSmallArrayToBigArray(smlArray, bigArray, statusNotInSml, statusN
 }
 
 // ../utils/dist/options.js
-var options = {
-  deferUpdates: false,
-  useOnlyNativeEvents: false,
-  protoProperty: "__ko_proto__",
-  defaultBindingAttribute: "data-bind",
-  allowVirtualElements: true,
-  bindingGlobals: /* @__PURE__ */ Object.create(null),
-  bindingProviderInstance: null,
-  createChildContextWithAs: false,
-  jQuery: globalThis.jQuery,
-  Promise: globalThis.Promise,
-  taskScheduler: null,
-  debug: false,
-  global: globalThis,
-  document: globalThis.document,
-  filters: {},
-  includeDestroyed: false,
-  foreachHidesDestroyed: false,
-  onError: function(e) {
-    throw e;
-  },
-  set: function(name, value) {
-    options[name] = value;
-  },
-  getBindingHandler() {
-  },
-  cleanExternalData() {
+var Options = class {
+  constructor() {
+    this.bindingStringPreparsers = [];
+    this.knockoutInstance = null;
+    this.deferUpdates = false;
+    this.useOnlyNativeEvents = true;
+    this.useTemplateTag = true;
+    this.protoProperty = "__ko_proto__";
+    this.defaultBindingAttribute = "data-bind";
+    this.allowVirtualElements = true;
+    this.bindingGlobals = /* @__PURE__ */ Object.create(null);
+    this.createChildContextWithAs = false;
+    this.disableJQueryUsage = false;
+    this.Promise = globalThis.Promise;
+    this.taskScheduler = null;
+    this.debug = false;
+    this.templateSizeLimit = 4096;
+    this.allowScriptTagsInTemplates = false;
+    this._sanitizeWarningLogged = false;
+    this.global = globalThis;
+    this.document = globalThis.document;
+    this.filters = {};
+    this.includeDestroyed = false;
+    this.foreachHidesDestroyed = false;
   }
-};
-Object.defineProperty(options, "$", {
-  get: function() {
-    return options.jQuery;
+  get jQuery() {
+    var _a;
+    if (this.disableJQueryUsage) return;
+    return (_a = this._jQuery) != null ? _a : globalThis.jQuery;
   }
-});
+  /**
+   * Set jQuery manuall to be used by TKO.
+   * @param jQuery If jQuery set to undefined, TKO will not use jQuery and this.disableJQueryUsage to true.
+   */
+  set jQuery(jQuery) {
+    if (!jQuery) {
+      this.disableJQueryUsage = true;
+      this._jQuery = void 0;
+    } else {
+      this._jQuery = jQuery;
+      this.disableJQueryUsage = false;
+    }
+  }
+  /**
+   * Sanitize HTML templates before parsing them. Default is a no-op.
+   * Please configure something like DOMPurify or validator.js for your environment.
+   * @param html HTML string to be sanitized
+   * @returns Sanitized HTML string
+   */
+  sanitizeHtmlTemplate(html) {
+    if (!this._sanitizeWarningLogged) {
+      console.warn(
+        "WARNING -- You don't have a HTML sanitizer configured. Please configure options.sanitizeHtmlTemplate to avoid XSS vulnerabilities."
+      );
+      this._sanitizeWarningLogged = true;
+    }
+    return html;
+  }
+  onError(e, throws = true) {
+    if (throws) throw e;
+    return e;
+  }
+  set(name, value) {
+    this[name] = value;
+  }
+  // Overload getBindingHandler to have a custom lookup function.
+  getBindingHandler(key) {
+    return null;
+  }
+  cleanExternalData(node, callback) {
+  }
+};
+var options = new Options();
 var options_default = options;
 
 // ../utils/dist/error.js
@@ -205,7 +284,7 @@ function safeSetTimeout(handler, timeout) {
 
 // ../utils/dist/async.js
 function throttle(callback, timeout) {
-  var timeoutInstance;
+  let timeoutInstance;
   return function(...args) {
     if (!timeoutInstance) {
       timeoutInstance = safeSetTimeout(function() {
@@ -216,33 +295,22 @@ function throttle(callback, timeout) {
   };
 }
 function debounce(callback, timeout) {
-  var timeoutInstance;
+  let timeoutInstance;
   return function(...args) {
     clearTimeout(timeoutInstance);
     timeoutInstance = safeSetTimeout(() => callback(...args), timeout);
   };
 }
 
-// ../utils/dist/ie.js
-var ieVersion = options_default.document && function() {
-  var version = 3, div = options_default.document.createElement("div"), iElems = div.getElementsByTagName("i");
-  while (div.innerHTML = "<!--[if gt IE " + ++version + "]><i></i><![endif]-->", iElems[0]) {
-  }
-  if (!version) {
-    const userAgent = window.navigator.userAgent;
-    return ua.match(/MSIE ([^ ]+)/) || ua.match(/rv:([^ )]+)/);
-  }
-  return version > 4 ? version : void 0;
-}();
-
 // ../utils/dist/object.js
 function hasOwnProperty(obj, propName) {
   return Object.prototype.hasOwnProperty.call(obj, propName);
 }
 function extend(target, source) {
   if (source) {
-    for (var prop in source) {
+    for (const prop of Object.keys(source)) {
       if (hasOwnProperty(source, prop)) {
+        ;
         target[prop] = source[prop];
       }
     }
@@ -250,7 +318,7 @@ function extend(target, source) {
   return target;
 }
 function objectForEach(obj, action) {
-  for (var prop in obj) {
+  for (const prop in obj) {
     if (hasOwnProperty(obj, prop)) {
       action(prop, obj[prop]);
     }
@@ -274,78 +342,75 @@ function overwriteLengthPropertyIfSupported(fn, descriptor) {
   }
 }
 
-// ../utils/dist/jquery.js
-var jQueryInstance = options_default.global && options_default.global.jQuery;
-
 // ../utils/dist/dom/info.js
 function tagNameLower(element) {
   return element && element.tagName && element.tagName.toLowerCase();
 }
 
+// ../utils/dist/dom/event.js
+var knownEvents = {};
+var knownEventTypesByEventName = {};
+knownEvents["UIEvents"] = ["keyup", "keydown", "keypress"];
+knownEvents["MouseEvents"] = [
+  "click",
+  "dblclick",
+  "mousedown",
+  "mouseup",
+  "mousemove",
+  "mouseover",
+  "mouseout",
+  "mouseenter",
+  "mouseleave"
+];
+objectForEach(knownEvents, function(eventType, knownEventsForType) {
+  if (knownEventsForType.length) {
+    for (let i = 0, j = knownEventsForType.length; i < j; i++) {
+      knownEventTypesByEventName[knownEventsForType[i]] = eventType;
+    }
+  }
+});
+
 // ../utils/dist/dom/data.js
-var datastoreTime = new Date().getTime();
+var datastoreTime = (/* @__PURE__ */ new Date()).getTime();
 var dataStoreKeyExpandoPropertyName = `__ko__${datastoreTime}`;
-var dataStoreSymbol = Symbol("Knockout data");
-var dataStore;
+var dataStoreSymbol = /* @__PURE__ */ Symbol("Knockout data");
 var uniqueId = 0;
-var modern = {
-  getDataForNode(node, createIfNotFound) {
-    let dataForNode = node[dataStoreSymbol];
-    if (!dataForNode && createIfNotFound) {
-      dataForNode = node[dataStoreSymbol] = {};
-    }
-    return dataForNode;
-  },
-  clear(node) {
-    if (node[dataStoreSymbol]) {
-      delete node[dataStoreSymbol];
-      return true;
-    }
-    return false;
-  }
-};
-var IE = {
-  getDataforNode(node, createIfNotFound) {
-    let dataStoreKey = node[dataStoreKeyExpandoPropertyName];
-    const hasExistingDataStore = dataStoreKey && dataStoreKey !== "null" && dataStore[dataStoreKey];
-    if (!hasExistingDataStore) {
-      if (!createIfNotFound) {
-        return void 0;
-      }
-      dataStoreKey = node[dataStoreKeyExpandoPropertyName] = "ko" + uniqueId++;
-      dataStore[dataStoreKey] = {};
-    }
-    return dataStore[dataStoreKey];
-  },
-  clear(node) {
-    const dataStoreKey = node[dataStoreKeyExpandoPropertyName];
-    if (dataStoreKey) {
-      delete dataStore[dataStoreKey];
-      node[dataStoreKeyExpandoPropertyName] = null;
-      return true;
-    }
-    return false;
+function isSafeKey(key) {
+  return key !== "__proto__" && key !== "constructor" && key !== "prototype";
+}
+function getDataForNode(node, createIfNotFound) {
+  let dataForNode = node[dataStoreSymbol];
+  if (!dataForNode && createIfNotFound) {
+    dataForNode = node[dataStoreSymbol] = {};
   }
-};
-var { getDataForNode, clear } = ieVersion ? IE : modern;
+  return dataForNode;
+}
 function nextKey() {
   return uniqueId++ + dataStoreKeyExpandoPropertyName;
 }
 function get(node, key) {
+  if (!isSafeKey(key)) throw new Error("Unsafe key for DOM data: " + key);
   const dataForNode = getDataForNode(node, false);
   return dataForNode && dataForNode[key];
 }
 function set(node, key, value) {
-  var dataForNode = getDataForNode(node, value !== void 0);
-  dataForNode && (dataForNode[key] = value);
+  if (!isSafeKey(key)) throw new Error("Unsafe key for DOM data: " + key);
+  const dataForNode = getDataForNode(
+    node,
+    value !== void 0
+    /* createIfNotFound */
+  );
+  if (dataForNode) {
+    dataForNode[key] = value;
+  }
 }
 
 // ../utils/dist/dom/disposal.js
 var domDataKey = nextKey();
 function getDisposeCallbacksCollection(node, createIfNotFound) {
-  var allDisposeCallbacks = get(node, domDataKey);
+  let allDisposeCallbacks = get(node, domDataKey);
   if (allDisposeCallbacks === void 0 && createIfNotFound) {
-    allDisposeCallbacks = [];
+    allDisposeCallbacks = new Array();
     set(node, domDataKey, allDisposeCallbacks);
   }
   return allDisposeCallbacks;
@@ -360,7 +425,7 @@ function addDisposeCallback(node, callback) {
   getDisposeCallbacksCollection(node, true).push(callback);
 }
 function removeDisposeCallback(node, callback) {
-  var callbacksCollection = getDisposeCallbacksCollection(node, false);
+  const callbacksCollection = getDisposeCallbacksCollection(node, false);
   if (callbacksCollection) {
     arrayRemoveItem(callbacksCollection, callback);
     if (callbacksCollection.length === 0) {
@@ -368,58 +433,34 @@ function removeDisposeCallback(node, callback) {
     }
   }
 }
-var otherNodeCleanerFunctions = [];
+var otherNodeCleanerFunctions = new Array();
 function cleanjQueryData(node) {
-  var jQueryCleanNodeFn = jQueryInstance ? jQueryInstance.cleanData : null;
+  const jQueryCleanNodeFn = options_default.jQuery ? options_default.jQuery.cleanData : null;
   if (jQueryCleanNodeFn) {
     jQueryCleanNodeFn([node]);
   }
 }
 otherNodeCleanerFunctions.push(cleanjQueryData);
 
-// ../utils/dist/dom/event.js
-var knownEvents = {};
-var knownEventTypesByEventName = {};
-var keyEventTypeName = options_default.global.navigator && /Firefox\/2/i.test(options_default.global.navigator.userAgent) ? "KeyboardEvent" : "UIEvents";
-knownEvents[keyEventTypeName] = ["keyup", "keydown", "keypress"];
-knownEvents["MouseEvents"] = [
-  "click",
-  "dblclick",
-  "mousedown",
-  "mouseup",
-  "mousemove",
-  "mouseover",
-  "mouseout",
-  "mouseenter",
-  "mouseleave"
-];
-objectForEach(knownEvents, function(eventType, knownEventsForType) {
-  if (knownEventsForType.length) {
-    for (var i = 0, j = knownEventsForType.length; i < j; i++) {
-      knownEventTypesByEventName[knownEventsForType[i]] = eventType;
-    }
-  }
-});
-
-// ../utils/dist/dom/virtualElements.js
-var commentNodesHaveTextProperty = options_default.document && options_default.document.createComment("test").text === "<!--test-->";
-
 // ../utils/dist/dom/html.js
-var supportsTemplateTag = options_default.document && "content" in options_default.document.createElement("template");
+var supportsTemplateTag = options_default.useTemplateTag && options_default.document && "content" in options_default.document.createElement("template");
 
 // ../utils/dist/dom/selectExtensions.js
-var hasDomDataExpandoProperty = Symbol("Knockout selectExtensions hasDomDataProperty");
+var hasDomDataExpandoProperty = /* @__PURE__ */ Symbol("Knockout selectExtensions hasDomDataProperty");
 var selectExtensions = {
   optionValueDomDataKey: nextKey(),
   readValue: function(element) {
     switch (tagNameLower(element)) {
-      case "option":
+      case "option": {
         if (element[hasDomDataExpandoProperty] === true) {
           return get(element, selectExtensions.optionValueDomDataKey);
         }
         return element.value;
-      case "select":
-        return element.selectedIndex >= 0 ? selectExtensions.readValue(element.options[element.selectedIndex]) : void 0;
+      }
+      case "select": {
+        const selectElement = element;
+        return selectElement.selectedIndex >= 0 ? selectExtensions.readValue(selectElement.options[selectElement.selectedIndex]) : void 0;
+      }
       default:
         return element.value;
     }
@@ -432,36 +473,42 @@ var selectExtensions = {
           if (hasDomDataExpandoProperty in element) {
             delete element[hasDomDataExpandoProperty];
           }
+          ;
           element.value = value;
         } else {
+          const el = element;
           set(element, selectExtensions.optionValueDomDataKey, value);
-          element[hasDomDataExpandoProperty] = true;
-          element.value = typeof value === "number" ? value : "";
+          el[hasDomDataExpandoProperty] = true;
+          el.value = typeof value === "number" ? value : "";
         }
         break;
       case "select":
-        if (value === "" || value === null) {
-          value = void 0;
-        }
-        var selection = -1;
-        for (let i = 0, n = element.options.length, optionValue; i < n; ++i) {
-          optionValue = selectExtensions.readValue(element.options[i]);
-          const strictEqual = optionValue === value;
-          const blankEqual = optionValue === "" && value === void 0;
-          const numericEqual = typeof value === "number" && Number(optionValue) === value;
-          if (strictEqual || blankEqual || numericEqual) {
-            selection = i;
-            break;
+        {
+          if (value === "" || value === null) {
+            value = void 0;
+          }
+          let selection = -1;
+          const selectElement = element;
+          for (let i = 0, n = selectElement.options.length, optionValue; i < n; ++i) {
+            optionValue = selectExtensions.readValue(selectElement.options[i]);
+            const strictEqual = optionValue === value;
+            const blankEqual = optionValue === "" && value === void 0;
+            const numericEqual = typeof value === "number" && Number(optionValue) === value;
+            if (strictEqual || blankEqual || numericEqual) {
+              selection = i;
+              break;
+            }
+          }
+          if (allowUnset || selection >= 0 || value === void 0 && selectElement.size > 1) {
+            selectElement.selectedIndex = selection;
           }
-        }
-        if (allowUnset || selection >= 0 || value === void 0 && element.size > 1) {
-          element.selectedIndex = selection;
         }
         break;
       default:
         if (value === null || value === void 0) {
           value = "";
         }
+        ;
         element.value = value;
         break;
     }
@@ -476,30 +523,19 @@ __export(tasks_exports, {
   runEarly: () => processTasks,
   schedule: () => schedule
 });
-var taskQueue = [];
+var taskQueue = new Array();
 var taskQueueLength = 0;
 var nextHandle = 1;
 var nextIndexToProcess = 0;
 var w = options_default.global;
 if (w && w.MutationObserver && !(w.navigator && w.navigator.standalone)) {
-  options_default.taskScheduler = function(callback) {
-    var div = w.document.createElement("div");
+  options_default.taskScheduler = (function(callback) {
+    const div = w.document.createElement("div");
     new w.MutationObserver(callback).observe(div, { attributes: true });
     return function() {
       div.classList.toggle("foo");
     };
-  }(scheduledProcess);
-} else if (w && w.document && "onreadystatechange" in w.document.createElement("script")) {
-  options_default.taskScheduler = function(callback) {
-    var script = document.createElement("script");
-    script.onreadystatechange = function() {
-      script.onreadystatechange = null;
-      document.documentElement.removeChild(script);
-      script = null;
-      callback();
-    };
-    document.documentElement.appendChild(script);
-  };
+  })(scheduledProcess);
 } else {
   options_default.taskScheduler = function(callback) {
     setTimeout(callback, 0);
@@ -507,8 +543,8 @@ if (w && w.MutationObserver && !(w.navigator && w.navigator.standalone)) {
 }
 function processTasks() {
   if (taskQueueLength) {
-    var mark = taskQueueLength, countMarks = 0;
-    for (var task; nextIndexToProcess < taskQueueLength; ) {
+    let mark = taskQueueLength, countMarks = 0;
+    for (let task; nextIndexToProcess < taskQueueLength; ) {
       if (task = taskQueue[nextIndexToProcess++]) {
         if (nextIndexToProcess > mark) {
           if (++countMarks >= 5e3) {
@@ -542,13 +578,13 @@ function schedule(func) {
   return nextHandle++;
 }
 function cancel(handle) {
-  var index = handle - (nextHandle - taskQueueLength);
+  const index = handle - (nextHandle - taskQueueLength);
   if (index >= nextIndexToProcess && index < taskQueueLength) {
     taskQueue[index] = null;
   }
 }
 function resetForTesting() {
-  var length = taskQueueLength - nextIndexToProcess;
+  const length = taskQueueLength - nextIndexToProcess;
   nextIndexToProcess = taskQueueLength = taskQueue.length = 0;
   return length;
 }
@@ -567,13 +603,13 @@ __export(dependencyDetection_exports, {
 });
 
 // src/subscribableSymbol.ts
-var SUBSCRIBABLE_SYM = Symbol("Knockout Subscribable");
+var SUBSCRIBABLE_SYM = /* @__PURE__ */ Symbol("Knockout Subscribable");
 function isSubscribable(instance) {
   return instance && instance[SUBSCRIBABLE_SYM] || false;
 }
 
 // src/dependencyDetection.ts
-var outerFrames = [];
+var outerFrames = new Array();
 var currentFrame;
 var lastId = 0;
 function getId() {
@@ -591,7 +627,11 @@ function registerDependency(subscribable2) {
     if (!isSubscribable(subscribable2)) {
       throw new Error("Only subscribable things can act as dependencies");
     }
-    currentFrame.callback.call(currentFrame.callbackTarget, subscribable2, subscribable2._id || (subscribable2._id = getId()));
+    currentFrame.callback.call(
+      currentFrame.callbackTarget,
+      subscribable2,
+      subscribable2._id || (subscribable2._id = getId())
+    );
   }
 }
 function ignore(callback, callbackTarget, callbackArgs) {
@@ -606,16 +646,19 @@ function getDependenciesCount() {
   if (currentFrame) {
     return currentFrame.computed.getDependenciesCount();
   }
+  return void 0;
 }
 function getDependencies() {
   if (currentFrame) {
     return currentFrame.computed.getDependencies();
   }
+  return void 0;
 }
 function isInitial() {
   if (currentFrame) {
     return currentFrame.isInitial;
   }
+  return void 0;
 }
 
 // src/defer.ts
@@ -662,6 +705,7 @@ var Subscription = class {
     this._node = node;
     addDisposeCallback(node, this._domNodeDisposalCallback = this.dispose.bind(this));
   }
+  // TC39 Observable API
   unsubscribe() {
     this.dispose();
   }
@@ -671,21 +715,16 @@ var Subscription = class {
 };
 
 // src/extenders.ts
-var primitiveTypes = {
-  "undefined": 1,
-  "boolean": 1,
-  "number": 1,
-  "string": 1
-};
+var primitiveTypes = { undefined: 1, boolean: 1, number: 1, string: 1 };
 function valuesArePrimitiveAndEqual(a, b) {
-  var oldValueIsPrimitive = a === null || typeof a in primitiveTypes;
+  const oldValueIsPrimitive = a === null || typeof a in primitiveTypes;
   return oldValueIsPrimitive ? a === b : false;
 }
 function applyExtenders(requestedExtenders) {
-  var target = this;
+  let target = this;
   if (requestedExtenders) {
     objectForEach(requestedExtenders, function(key, value) {
-      var extenderHandler = extenders[key];
+      const extenderHandler = extenders[key];
       if (typeof extenderHandler === "function") {
         target = extenderHandler(target, value) || target;
       } else {
@@ -700,12 +739,14 @@ function notify(target, notifyWhen) {
 }
 function deferred(target, option) {
   if (option !== true) {
-    throw new Error("The 'deferred' extender only accepts the value 'true', because it is not supported to turn deferral off once enabled.");
+    throw new Error(
+      "The 'deferred' extender only accepts the value 'true', because it is not supported to turn deferral off once enabled."
+    );
   }
   deferUpdates(target);
 }
 function rateLimit(target, options2) {
-  var timeout, method, limitFunction;
+  let timeout, method, limitFunction;
   if (typeof options2 === "number") {
     timeout = options2;
   } else {
@@ -718,21 +759,17 @@ function rateLimit(target, options2) {
     return limitFunction(callback, timeout);
   });
 }
-var extenders = {
-  notify,
-  deferred,
-  rateLimit
-};
+var extenders = { notify, deferred, rateLimit };
 
 // src/subscribable.ts
-var LATEST_VALUE = Symbol("Knockout latest value");
+var LATEST_VALUE = /* @__PURE__ */ Symbol("Knockout latest value");
 if (!Symbol.observable) {
-  Symbol.observable = Symbol.for("@tko/Symbol.observable");
+  Symbol.observable = /* @__PURE__ */ Symbol.for("@tko/Symbol.observable");
 }
-function subscribable() {
+var subscribable = function subscribableFactory() {
   Object.setPrototypeOf(this, ko_subscribable_fn);
   ko_subscribable_fn.init(this);
-}
+};
 var defaultEvent = "change";
 var ko_subscribable_fn = {
   [SUBSCRIBABLE_SYM]: true,
@@ -746,9 +783,7 @@ var ko_subscribable_fn = {
   subscribe(callback, callbackTarget, event) {
     const isTC39Callback = typeof callback === "object" && callback.next;
     event = event || defaultEvent;
-    const observer = isTC39Callback ? callback : {
-      next: callbackTarget ? callback.bind(callbackTarget) : callback
-    };
+    const observer = isTC39Callback ? callback : { next: callbackTarget ? callback.bind(callbackTarget) : callback };
     const subscriptionInstance = new Subscription(this, observer, () => {
       arrayRemoveItem(this._subscriptions[event], subscriptionInstance);
       if (this.afterSubscriptionRemove) {
@@ -759,7 +794,7 @@ var ko_subscribable_fn = {
       this.beforeSubscriptionAdd(event);
     }
     if (!this._subscriptions[event]) {
-      this._subscriptions[event] = [];
+      this._subscriptions[event] = new Array();
     }
     this._subscriptions[event].push(subscriptionInstance);
     if (isTC39Callback && LATEST_VALUE in this) {
@@ -802,7 +837,7 @@ var ko_subscribable_fn = {
     if (event) {
       return this._subscriptions[event] && this._subscriptions[event].length || 0;
     } else {
-      var total = 0;
+      let total = 0;
       objectForEach(this._subscriptions, function(eventName, subscriptions) {
         if (eventName !== "dirty") {
           total += subscriptions.length;
@@ -857,6 +892,7 @@ function observable(initialValue) {
   function Observable() {
     if (arguments.length > 0) {
       if (Observable.isDifferent(Observable[LATEST_VALUE], arguments[0])) {
+        ;
         Observable.valueWillMutate();
         Observable[LATEST_VALUE] = arguments[0];
         Observable.valueHasMutated();
@@ -877,20 +913,43 @@ function observable(initialValue) {
   return Observable;
 }
 observable.fn = {
+  /**
+   * Compares two values for equality.
+   * @param a The first value.
+   * @param b The second value.
+   * @returns True if the values are equal, otherwise false.
+   */
   equalityComparer: valuesArePrimitiveAndEqual,
+  /**
+   * Returns the current value of the observable without creating a dependency.
+   * @returns The current value.
+   */
   peek() {
     return this[LATEST_VALUE];
   },
+  /**
+   * Notifies subscribers that the value has changed.
+   */
   valueHasMutated() {
     this.notifySubscribers(this[LATEST_VALUE], "spectate");
     this.notifySubscribers(this[LATEST_VALUE]);
   },
+  /**
+   * Notifies subscribers that the value is about to change.
+   */
   valueWillMutate() {
     this.notifySubscribers(this[LATEST_VALUE], "beforeChange");
   },
+  /**
+   * Modifies the value of the observable using a function.
+   * @param fn The function to modify the value.
+   * @param peek Whether to use the current value without creating a dependency.
+   * @returns The modified observable.
+   */
   modify(fn, peek2 = true) {
-    return this(fn(peek2 ? this.peek() : this()));
+    this(fn(peek2 ? this.peek() : this()));
   },
+  // Some observables may not always be writeable, notably computeds.
   isWriteable: true
 };
 function limitNotifySubscribers(value, event) {
@@ -903,15 +962,15 @@ function limitNotifySubscribers(value, event) {
   }
 }
 subscribable.fn.limit = function limit(limitFunction) {
-  var self = this;
-  var selfIsObservable = isObservable(self);
-  var beforeChange = "beforeChange";
-  var ignoreBeforeChange, notifyNextChange, previousValue, pendingValue, didUpdate;
+  const self = this;
+  const selfIsObservable = isObservable(self);
+  const beforeChange = "beforeChange";
+  let ignoreBeforeChange, notifyNextChange, previousValue, pendingValue, didUpdate;
   if (!self._origNotifySubscribers) {
     self._origNotifySubscribers = self.notifySubscribers;
     self.notifySubscribers = limitNotifySubscribers;
   }
-  var finish = limitFunction(function() {
+  const finish = limitFunction(function() {
     self._notificationIsPending = false;
     if (selfIsObservable && pendingValue === self) {
       pendingValue = self._evalIfChanged ? self._evalIfChanged() : self();
@@ -939,7 +998,10 @@ subscribable.fn.limit = function limit(limitFunction) {
       }
     },
     _notifyNextChangeIfValueIsDifferent() {
-      if (self.isDifferent(previousValue, self.peek(true))) {
+      if (self.isDifferent(previousValue, self.peek(
+        true
+        /* evaluate */
+      ))) {
         notifyNextChange = true;
       }
     },
@@ -985,8 +1047,8 @@ function trackArrayChanges(target, options2) {
   let arrayChangeSubscription;
   let pendingNotifications = 0;
   let underlyingNotifySubscribersFunction;
-  let underlyingBeforeSubscriptionAddFunction = target.beforeSubscriptionAdd;
-  let underlyingAfterSubscriptionRemoveFunction = target.afterSubscriptionRemove;
+  const underlyingBeforeSubscriptionAddFunction = target.beforeSubscriptionAdd;
+  const underlyingAfterSubscriptionRemoveFunction = target.afterSubscriptionRemove;
   target.beforeSubscriptionAdd = function(event) {
     if (underlyingBeforeSubscriptionAddFunction) {
       underlyingBeforeSubscriptionAddFunction.call(target, event);
@@ -1023,11 +1085,11 @@ function trackArrayChanges(target, options2) {
       }
       return underlyingNotifySubscribersFunction.apply(this, arguments);
     };
-    var previousContents = [].concat(target.peek() === void 0 ? [] : target.peek());
+    let previousContents = new Array().concat(target.peek() === void 0 ? [] : target.peek());
     cachedDiff = null;
     arrayChangeSubscription = target.subscribe(function(currentContents) {
       let changes;
-      currentContents = [].concat(currentContents || []);
+      currentContents = new Array().concat(currentContents || []);
       if (target.hasSubscriptionsForEvent(arrayChangeEventName)) {
         changes = getChanges(previousContents, currentContents);
       }
@@ -1049,9 +1111,9 @@ function trackArrayChanges(target, options2) {
     if (!trackingChanges || pendingNotifications) {
       return;
     }
-    var diff = [], arrayLength = rawArray.length, argsLength = args.length, offset = 0;
+    let diff = new Array(), arrayLength = rawArray.length, argsLength = args.length, offset = 0;
     function pushDiff(status, value, index) {
-      return diff[diff.length] = { "status": status, "value": value, "index": index };
+      return diff[diff.length] = { status, value, index };
     }
     switch (operationName) {
       case "push":
@@ -1069,16 +1131,18 @@ function trackArrayChanges(target, options2) {
         }
         break;
       case "splice":
-        var startIndex = Math.min(Math.max(0, args[0] < 0 ? arrayLength + args[0] : args[0]), arrayLength), endDeleteIndex = argsLength === 1 ? arrayLength : Math.min(startIndex + (args[1] || 0), arrayLength), endAddIndex = startIndex + argsLength - 2, endIndex = Math.max(endDeleteIndex, endAddIndex), additions = [], deletions = [];
-        for (let index = startIndex, argsIndex = 2; index < endIndex; ++index, ++argsIndex) {
-          if (index < endDeleteIndex) {
-            deletions.push(pushDiff("deleted", rawArray[index], index));
-          }
-          if (index < endAddIndex) {
-            additions.push(pushDiff("added", args[argsIndex], index));
+        {
+          const startIndex = Math.min(Math.max(0, args[0] < 0 ? arrayLength + args[0] : args[0]), arrayLength), endDeleteIndex = argsLength === 1 ? arrayLength : Math.min(startIndex + (args[1] || 0), arrayLength), endAddIndex = startIndex + argsLength - 2, endIndex = Math.max(endDeleteIndex, endAddIndex), additions = new Array(), deletions = new Array();
+          for (let index = startIndex, argsIndex = 2; index < endIndex; ++index, ++argsIndex) {
+            if (index < endDeleteIndex) {
+              deletions.push(pushDiff("deleted", rawArray[index], index));
+            }
+            if (index < endAddIndex) {
+              additions.push(pushDiff("added", args[argsIndex], index));
+            }
           }
+          findMovesInArrayComparison(deletions, additions);
         }
-        findMovesInArrayComparison(deletions, additions);
         break;
       default:
         return;
@@ -1093,12 +1157,16 @@ extenders.trackArrayChanges = trackArrayChanges;
 function observableArray(initialValues) {
   initialValues = initialValues || [];
   if (typeof initialValues !== "object" || !("length" in initialValues)) {
-    throw new Error("The argument passed when initializing an observable array must be an array, or null, or undefined.");
+    throw new Error(
+      "The argument passed when initializing an observable array must be an array, or null, or undefined."
+    );
   }
-  var result = observable(initialValues);
-  Object.setPrototypeOf(result, observableArray.fn);
+  const result = Object.setPrototypeOf(observable(initialValues), observableArray.fn);
   trackArrayChanges(result);
-  overwriteLengthPropertyIfSupported(result, { get: () => result().length });
+  overwriteLengthPropertyIfSupported(result, { get: () => {
+    var _a;
+    return (_a = result()) == null ? void 0 : _a.length;
+  } });
   return result;
 }
 function isObservableArray(instance) {
@@ -1106,13 +1174,13 @@ function isObservableArray(instance) {
 }
 observableArray.fn = {
   remove(valueOrPredicate) {
-    var underlyingArray = this.peek();
-    var removedValues = [];
-    var predicate = typeof valueOrPredicate === "function" && !isObservable(valueOrPredicate) ? valueOrPredicate : function(value2) {
-      return value2 === valueOrPredicate;
+    const underlyingArray = this.peek();
+    const removedValues = new Array();
+    const predicate = typeof valueOrPredicate === "function" && !isObservable(valueOrPredicate) ? valueOrPredicate : function(value) {
+      return value === valueOrPredicate;
     };
-    for (var i = 0; i < underlyingArray.length; i++) {
-      var value = underlyingArray[i];
+    for (let i = 0; i < underlyingArray.length; i++) {
+      const value = underlyingArray[i];
       if (predicate(value)) {
         if (removedValues.length === 0) {
           this.valueWillMutate();
@@ -1132,8 +1200,8 @@ observableArray.fn = {
   },
   removeAll(arrayOfValues) {
     if (arrayOfValues === void 0) {
-      var underlyingArray = this.peek();
-      var allValues = underlyingArray.slice(0);
+      const underlyingArray = this.peek();
+      const allValues = underlyingArray.slice(0);
       this.valueWillMutate();
       underlyingArray.splice(0, underlyingArray.length);
       this.valueHasMutated();
@@ -1147,13 +1215,13 @@ observableArray.fn = {
     });
   },
   destroy(valueOrPredicate) {
-    var underlyingArray = this.peek();
-    var predicate = typeof valueOrPredicate === "function" && !isObservable(valueOrPredicate) ? valueOrPredicate : function(value2) {
-      return value2 === valueOrPredicate;
+    const underlyingArray = this.peek();
+    const predicate = typeof valueOrPredicate === "function" && !isObservable(valueOrPredicate) ? valueOrPredicate : function(value) {
+      return value === valueOrPredicate;
     };
     this.valueWillMutate();
-    for (var i = underlyingArray.length - 1; i >= 0; i--) {
-      var value = underlyingArray[i];
+    for (let i = underlyingArray.length - 1; i >= 0; i--) {
+      const value = underlyingArray[i];
       if (predicate(value)) {
         value["_destroy"] = true;
       }
@@ -1177,7 +1245,7 @@ observableArray.fn = {
     return arrayIndexOf(this(), item);
   },
   replace(oldItem, newItem) {
-    var index = this.indexOf(oldItem);
+    const index = this.indexOf(oldItem);
     if (index >= 0) {
       this.valueWillMutate();
       this.peek()[index] = newItem;
@@ -1191,23 +1259,23 @@ observableArray.fn = {
     return [...this()].reverse();
   },
   [Symbol.iterator]: function* () {
-    yield* this();
+    yield* __yieldStar(this());
   }
 };
 Object.setPrototypeOf(observableArray.fn, observable.fn);
 arrayForEach(["pop", "push", "reverse", "shift", "sort", "splice", "unshift"], function(methodName) {
   observableArray.fn[methodName] = function() {
-    var underlyingArray = this.peek();
+    const underlyingArray = this.peek();
     this.valueWillMutate();
     this.cacheDiffForKnownOperation(underlyingArray, methodName, arguments);
-    var methodCallResult = underlyingArray[methodName].apply(underlyingArray, arguments);
+    const methodCallResult = underlyingArray[methodName].apply(underlyingArray, arguments);
     this.valueHasMutated();
     return methodCallResult === underlyingArray ? this : methodCallResult;
   };
 });
 arrayForEach(["slice"], function(methodName) {
   observableArray.fn[methodName] = function() {
-    var underlyingArray = this();
+    const underlyingArray = this();
     return underlyingArray[methodName].apply(underlyingArray, arguments);
   };
 });
@@ -1220,26 +1288,26 @@ function toJS(rootObject) {
     throw new Error("When calling ko.toJS, pass the object you want to convert.");
   }
   return mapJsObjectGraph(rootObject, function(valueToMap) {
-    for (var i = 0; isObservable(valueToMap) && i < maxNestedObservableDepth; i++) {
+    for (let i = 0; isObservable(valueToMap) && i < maxNestedObservableDepth; i++) {
       valueToMap = valueToMap();
     }
     return valueToMap;
   });
 }
 function toJSON(rootObject, replacer, space) {
-  var plainJavaScriptObject = toJS(rootObject);
+  const plainJavaScriptObject = toJS(rootObject);
   return JSON.stringify(plainJavaScriptObject, replacer, space);
 }
 function mapJsObjectGraph(rootObject, mapInputCallback, visitedObjects = /* @__PURE__ */ new Map()) {
   rootObject = mapInputCallback(rootObject);
-  var canHaveProperties = typeof rootObject === "object" && rootObject !== null && rootObject !== void 0 && !(rootObject instanceof RegExp) && !(rootObject instanceof Date) && !(rootObject instanceof String) && !(rootObject instanceof Number) && !(rootObject instanceof Boolean);
+  const canHaveProperties = typeof rootObject === "object" && rootObject !== null && rootObject !== void 0 && !(rootObject instanceof RegExp) && !(rootObject instanceof Date) && !(rootObject instanceof String) && !(rootObject instanceof Number) && !(rootObject instanceof Boolean);
   if (!canHaveProperties) {
     return rootObject;
   }
-  var outputProperties = rootObject instanceof Array ? [] : {};
+  const outputProperties = rootObject instanceof Array ? [] : {};
   visitedObjects.set(rootObject, outputProperties);
   visitPropertiesOrArrayEntries(rootObject, function(indexer) {
-    var propertyValue = mapInputCallback(rootObject[indexer]);
+    const propertyValue = mapInputCallback(rootObject[indexer]);
     switch (typeof propertyValue) {
       case "boolean":
       case "number":
@@ -1249,8 +1317,10 @@ function mapJsObjectGraph(rootObject, mapInputCallback, visitedObjects = /* @__P
         break;
       case "object":
       case "undefined":
-        var previouslyMappedValue = visitedObjects.get(propertyValue);
-        outputProperties[indexer] = previouslyMappedValue !== void 0 ? previouslyMappedValue : mapJsObjectGraph(propertyValue, mapInputCallback, visitedObjects);
+        {
+          const previouslyMappedValue = visitedObjects.get(propertyValue);
+          outputProperties[indexer] = previouslyMappedValue !== void 0 ? previouslyMappedValue : mapJsObjectGraph(propertyValue, mapInputCallback, visitedObjects);
+        }
         break;
     }
   });
@@ -1258,14 +1328,14 @@ function mapJsObjectGraph(rootObject, mapInputCallback, visitedObjects = /* @__P
 }
 function visitPropertiesOrArrayEntries(rootObject, visitorCallback) {
   if (rootObject instanceof Array) {
-    for (var i = 0; i < rootObject.length; i++) {
+    for (let i = 0; i < rootObject.length; i++) {
       visitorCallback(i);
     }
     if (typeof rootObject["toJSON"] === "function") {
       visitorCallback("toJSON");
     }
   } else {
-    for (var propertyName in rootObject) {
+    for (const propertyName in rootObject) {
       visitorCallback(propertyName);
     }
   }