@tko/build.knockout 4.0.1 → 4.1.0

package/dist/browser.js

@@ -1,4 +1,4 @@
-// @tko/build.knockout 🥊 4.0.1 IIFE
+// @tko/build.knockout 🥊 4.1.0 IIFE
 "use strict";
 var ko = (() => {
   var __defProp = Object.defineProperty;
@@ -184,17 +184,17 @@ var ko = (() => {
   }
   var statusNotInOld = "added";
   var statusNotInNew = "deleted";
-  function compareArrays(oldArray, newArray, options3) {
-    options3 = typeof options3 === "boolean" ? { dontLimitMoves: options3 } : options3 || {};
+  function compareArrays(oldArray, newArray, options4) {
+    options4 = typeof options4 === "boolean" ? { dontLimitMoves: options4 } : options4 || {};
     oldArray = oldArray || [];
     newArray = newArray || [];
     if (oldArray.length < newArray.length) {
-      return compareSmallArrayToBigArray(oldArray, newArray, statusNotInOld, statusNotInNew, options3);
+      return compareSmallArrayToBigArray(oldArray, newArray, statusNotInOld, statusNotInNew, options4);
     } else {
-      return compareSmallArrayToBigArray(newArray, oldArray, statusNotInNew, statusNotInOld, options3);
+      return compareSmallArrayToBigArray(newArray, oldArray, statusNotInNew, statusNotInOld, options4);
     }
   }
-  function compareSmallArrayToBigArray(smlArray, bigArray, statusNotInSml, statusNotInBig, options3) {
+  function compareSmallArrayToBigArray(smlArray, bigArray, statusNotInSml, statusNotInBig, options4) {
     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;
@@ -239,12 +239,12 @@ var ko = (() => {
       } else {
         --bigIndex;
         --smlIndex;
-        if (!(options3 == null ? void 0 : options3.sparse)) {
+        if (!(options4 == null ? void 0 : options4.sparse)) {
           editScript.push({ status: "retained", value: bigArray[bigIndex] });
         }
       }
     }
-    findMovesInArrayComparison(notInBig, notInSml, !options3.dontLimitMoves && smlIndexMax * 10);
+    findMovesInArrayComparison(notInBig, notInSml, !options4.dontLimitMoves && smlIndexMax * 10);
     return editScript.reverse();
   }
 
@@ -301,20 +301,20 @@ var ko = (() => {
       __publicField(this, "foreachHidesDestroyed", false);
     }
     get jQuery() {
-      var _a;
+      var _a2;
       if (this.disableJQueryUsage) return void 0;
-      return (_a = this._jQuery) != null ? _a : globalThis.jQuery;
+      return (_a2 = this._jQuery) != null ? _a2 : 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(jQuery2) {
-      if (!jQuery2) {
+    set jQuery(jQuery) {
+      if (!jQuery) {
         this.disableJQueryUsage = true;
         this._jQuery = void 0;
       } else {
-        this._jQuery = jQuery2;
+        this._jQuery = jQuery;
         this.disableJQueryUsage = false;
       }
     }
@@ -349,21 +349,21 @@ var ko = (() => {
   };
   var options = new Options();
   function defineOption(name, config) {
-    var _a;
+    var _a2;
     let _value = config.default;
     Object.defineProperty(options, name, {
       get() {
         return _value;
       },
       set(value2) {
-        var _a2;
+        var _a3;
         _value = value2;
-        (_a2 = config.set) == null ? void 0 : _a2.call(config, value2);
+        (_a3 = config.set) == null ? void 0 : _a3.call(config, value2);
       },
       enumerable: true,
       configurable: true
     });
-    (_a = config.set) == null ? void 0 : _a.call(config, _value);
+    (_a2 = config.set) == null ? void 0 : _a2.call(config, _value);
   }
   var options_default = options;
 
@@ -409,6 +409,11 @@ var ko = (() => {
     };
   }
 
+  // ../../packages/utils/src/compat.ts
+  function createSymbolOrString(identifier) {
+    return Symbol(identifier);
+  }
+
   // ../../packages/utils/src/object.ts
   function hasOwnProperty(obj, propName) {
     return Object.prototype.hasOwnProperty.call(obj, propName);
@@ -487,74 +492,31 @@ var ko = (() => {
     return isObjectLike(object) && typeof object.then === "function";
   }
 
-  // ../../packages/utils/src/function.ts
-  function testOverwrite() {
-    try {
-      Object.defineProperty(function x() {
-      }, "length", {});
-      return true;
-    } catch (e) {
-      return false;
-    }
-  }
-  var functionSupportsLengthOverwrite = testOverwrite();
-  function overwriteLengthPropertyIfSupported(fn, descriptor) {
-    if (functionSupportsLengthOverwrite) {
-      Object.defineProperty(fn, "length", descriptor);
-    }
-  }
-
   // ../../packages/utils/src/string.ts
-  function stringTrim(string) {
-    return string === null || string === void 0 ? "" : string.trim ? string.trim() : string.toString().replace(/^[\s\xa0]+|[\s\xa0]+$/g, "");
-  }
-  function stringStartsWith(string, startsWith) {
-    string = string || "";
-    if (startsWith.length > string.length) {
-      return false;
-    }
-    return string.substring(0, startsWith.length) === startsWith;
-  }
   function parseJson(jsonString) {
     if (typeof jsonString === "string") {
-      jsonString = stringTrim(jsonString);
-      if (jsonString) {
-        return JSON.parse(jsonString);
+      const trimmed = jsonString.trim();
+      if (trimmed) {
+        return JSON.parse(trimmed);
       }
     }
     return null;
   }
 
-  // ../../packages/utils/src/symbol.ts
-  var useSymbols = typeof Symbol === "function";
-  function createSymbolOrString(identifier) {
-    return useSymbols ? Symbol(identifier) : identifier;
-  }
-
   // ../../packages/utils/src/css.ts
   var cssClassNameRegex = /\S+/g;
   function toggleDomNodeCssClass(node, classNames, shouldHaveClass) {
-    let addOrRemoveFn;
     if (!classNames) {
       return;
     }
-    if (typeof node.classList === "object") {
-      addOrRemoveFn = node.classList[shouldHaveClass ? "add" : "remove"];
-      arrayForEach(classNames.match(cssClassNameRegex), function(className) {
-        addOrRemoveFn.call(node.classList, className);
-      });
-    } else if (typeof node.className["baseVal"] === "string") {
-      toggleObjectClassPropertyString(node.className, "baseVal", classNames, shouldHaveClass);
-    } else {
-      toggleObjectClassPropertyString(node, "className", classNames, shouldHaveClass);
+    const tokens = classNames.match(cssClassNameRegex);
+    if (!tokens) {
+      return;
+    }
+    const method = shouldHaveClass ? "add" : "remove";
+    for (const token of tokens) {
+      node.classList[method](token);
     }
-  }
-  function toggleObjectClassPropertyString(obj, prop, classNames, shouldHaveClass) {
-    const currentClassNames = obj[prop].match(cssClassNameRegex) || [];
-    arrayForEach(classNames.match(cssClassNameRegex), function(className) {
-      addOrRemoveItem(currentClassNames, className, shouldHaveClass);
-    });
-    obj[prop] = currentClassNames.join(" ");
   }
 
   // ../../packages/utils/src/dom/info.ts
@@ -632,9 +594,9 @@ var ko = (() => {
   function registerEventHandler(element, eventType, handler, eventOptions = false) {
     const wrappedHandler = catchFunctionErrors(handler);
     const mustUseNative = Boolean(eventOptions);
-    const jQuery2 = options_default.jQuery;
-    if (!options_default.useOnlyNativeEvents && !mustUseNative && jQuery2) {
-      jQuery2(element).on(eventType, wrappedHandler);
+    const jQuery = options_default.jQuery;
+    if (!options_default.useOnlyNativeEvents && !mustUseNative && jQuery) {
+      jQuery(element).on(eventType, wrappedHandler);
     } else if (typeof element.addEventListener === "function") {
       element.addEventListener(eventType, wrappedHandler, eventOptions);
     } else {
@@ -651,36 +613,26 @@ var ko = (() => {
     const useClickWorkaround = isClickOnCheckableElement(element, eventType);
     if (!options_default.useOnlyNativeEvents && options_default.jQuery && !useClickWorkaround) {
       options_default.jQuery(element).trigger(eventType);
-    } else if (typeof document.createEvent === "function") {
-      if (typeof element.dispatchEvent === "function") {
-        const eventCategory = knownEventTypesByEventName[eventType] || "HTMLEvents";
-        const event = document.createEvent(eventCategory);
-        event.initEvent(
-          eventType,
-          true,
-          true,
-          options_default.global,
-          0,
-          0,
-          0,
-          0,
-          0,
-          false,
-          false,
-          false,
-          false,
-          0,
-          element
-        );
-        element.dispatchEvent(event);
-      } else {
-        throw new Error("The supplied element doesn't support dispatchEvent");
+      return;
+    }
+    if (typeof element.dispatchEvent !== "function") {
+      if (useClickWorkaround && hasClick(element)) {
+        element.click();
+        return;
       }
-    } else if (useClickWorkaround && hasClick(element)) {
-      element.click();
+      throw new Error("The supplied element doesn't support dispatchEvent");
+    }
+    const eventCategory = knownEventTypesByEventName[eventType] || "HTMLEvents";
+    const view = options_default.global;
+    let event;
+    if (eventCategory === "MouseEvents" && typeof MouseEvent === "function") {
+      event = new MouseEvent(eventType, { bubbles: true, cancelable: true, view, relatedTarget: element });
+    } else if (eventCategory === "UIEvents" && typeof KeyboardEvent === "function") {
+      event = new KeyboardEvent(eventType, { bubbles: true, cancelable: true, view });
     } else {
-      throw new Error("Browser doesn't support triggering events");
+      event = new Event(eventType, { bubbles: true, cancelable: true });
     }
+    element.dispatchEvent(event);
   }
 
   // ../../packages/utils/src/dom/data.ts
@@ -1037,7 +989,7 @@ var ko = (() => {
     }
   }
   function prepend(containerNode, nodeToPrepend) {
-    var _a;
+    var _a2;
     if (!isStartComment(containerNode)) {
       if (containerNode.firstChild) {
         containerNode.insertBefore(nodeToPrepend, containerNode.firstChild);
@@ -1045,11 +997,11 @@ var ko = (() => {
         containerNode.appendChild(nodeToPrepend);
       }
     } else {
-      (_a = containerNode.parentNode) == null ? void 0 : _a.insertBefore(nodeToPrepend, containerNode.nextSibling);
+      (_a2 = containerNode.parentNode) == null ? void 0 : _a2.insertBefore(nodeToPrepend, containerNode.nextSibling);
     }
   }
   function insertAfter(containerNode, nodeToInsert, insertAfterNode) {
-    var _a;
+    var _a2;
     if (!insertAfterNode) {
       prepend(containerNode, nodeToInsert);
     } else if (!isStartComment(containerNode)) {
@@ -1059,7 +1011,7 @@ var ko = (() => {
         containerNode.appendChild(nodeToInsert);
       }
     } else {
-      (_a = containerNode.parentNode) == null ? void 0 : _a.insertBefore(nodeToInsert, insertAfterNode.nextSibling);
+      (_a2 = containerNode.parentNode) == null ? void 0 : _a2.insertBefore(nodeToInsert, insertAfterNode.nextSibling);
     }
   }
   function firstChild(node) {
@@ -1163,9 +1115,9 @@ var ko = (() => {
     return makeArray(template.content.childNodes);
   }
   function jQueryHtmlParse(html2, documentContext) {
-    const jQuery2 = options_default.jQuery;
-    if (jQuery2) {
-      return jQuery2.parseHTML(html2, documentContext) || [];
+    const jQuery = options_default.jQuery;
+    if (jQuery) {
+      return jQuery.parseHTML(html2, documentContext) || [];
     }
     return [];
   }
@@ -1201,10 +1153,10 @@ var ko = (() => {
       if (typeof html2 !== "string") {
         html2 = html2.toString();
       }
-      const jQuery2 = options_default.jQuery;
-      if (jQuery2 && !supportsTemplateTag) {
+      const jQuery = options_default.jQuery;
+      if (jQuery && !supportsTemplateTag) {
         const saferHtml = validateHTMLInput(html2);
-        jQuery2(node).html(saferHtml);
+        jQuery(node).html(saferHtml);
       } else {
         let parsedNodes;
         if (node.ownerDocument) {
@@ -1398,9 +1350,10 @@ var ko = (() => {
   var nextHandle = 1;
   var nextIndexToProcess = 0;
   var schedulerGlobal = options_default.global;
+  var _a;
   if (schedulerGlobal && typeof schedulerGlobal.queueMicrotask === "function") {
     options_default.taskScheduler = (callback) => schedulerGlobal.queueMicrotask(callback);
-  } else if (schedulerGlobal && schedulerGlobal.MutationObserver && schedulerGlobal.document && !(schedulerGlobal.navigator && schedulerGlobal.navigator.standalone)) {
+  } else if ((schedulerGlobal == null ? void 0 : schedulerGlobal.MutationObserver) && schedulerGlobal.document && !((_a = schedulerGlobal.navigator) == null ? void 0 : _a.standalone)) {
     options_default.taskScheduler = (function() {
       let scheduledCallback = null;
       let toggle = false;
@@ -1493,9 +1446,9 @@ var ko = (() => {
   function getId() {
     return ++lastId;
   }
-  function begin(options3) {
+  function begin(options4) {
     outerFrames.push(currentFrame);
-    currentFrame = options3;
+    currentFrame = options4;
   }
   function end() {
     currentFrame = outerFrames.pop();
@@ -1629,13 +1582,13 @@ var ko = (() => {
     }
     deferUpdates(target);
   }
-  function rateLimit(target, options3) {
+  function rateLimit(target, options4) {
     let timeout, method, limitFunction;
-    if (typeof options3 === "number") {
-      timeout = options3;
+    if (typeof options4 === "number") {
+      timeout = options4;
     } else {
-      timeout = options3.timeout;
-      method = options3.method;
+      timeout = options4.timeout;
+      method = options4.method;
     }
     target._deferUpdates = false;
     limitFunction = method === "notifyWhenChangesStop" ? debounce : throttle;
@@ -1787,7 +1740,7 @@ var ko = (() => {
         return Observable[LATEST_VALUE];
       }
     }
-    overwriteLengthPropertyIfSupported(Observable, { value: void 0 });
+    Object.defineProperty(Observable, "length", { value: void 0 });
     Observable[LATEST_VALUE] = initialValue;
     subscribable.fn.init(Observable);
     Object.setPrototypeOf(Observable, observable.fn);
@@ -1917,10 +1870,10 @@ var ko = (() => {
 
   // ../../packages/observable/src/observableArray.changeTracking.ts
   var arrayChangeEventName = "arrayChange";
-  function trackArrayChanges(target, options3) {
+  function trackArrayChanges(target, options4) {
     target.compareArrayOptions = {};
-    if (options3 && typeof options3 === "object") {
-      extend(target.compareArrayOptions, options3);
+    if (options4 && typeof options4 === "object") {
+      extend(target.compareArrayOptions, options4);
     }
     target.compareArrayOptions.sparse = true;
     if (target.cacheDiffForKnownOperation) {
@@ -2049,9 +2002,9 @@ var ko = (() => {
     }
     const result = Object.setPrototypeOf(observable(initialValues), observableArray.fn);
     trackArrayChanges(result);
-    overwriteLengthPropertyIfSupported(result, { get: () => {
-      var _a;
-      return (_a = result()) == null ? void 0 : _a.length;
+    Object.defineProperty(result, "length", { get: () => {
+      var _a2;
+      return (_a2 = result()) == null ? void 0 : _a2.length;
     } });
     return result;
   }
@@ -2239,19 +2192,19 @@ var ko = (() => {
   function looseEqual(a, b) {
     return a == b;
   }
-  looseEqual.precedence = 10;
+  looseEqual.precedence = 8;
   function looseNotEqual(a, b) {
     return a != b;
   }
-  looseNotEqual.precedence = 10;
+  looseNotEqual.precedence = 8;
   function strictEqual(a, b) {
     return a === b;
   }
-  strictEqual.precedence = 10;
+  strictEqual.precedence = 8;
   function strictNotEqual(a, b) {
     return a !== b;
   }
-  strictNotEqual.precedence = 10;
+  strictNotEqual.precedence = 8;
   var operators = {
     // unary
     "@": unwrapOrCall,
@@ -2358,40 +2311,40 @@ var ko = (() => {
   };
   operators["@"].precedence = 21;
   operators["#"].precedence = 21;
-  operators["."].precedence = 19;
-  operators["["].precedence = 19;
-  operators["?."].precedence = 19;
-  operators["!"].precedence = 16;
-  operators["!!"].precedence = 16;
-  operators["++"].precedence = 16;
-  operators["--"].precedence = 16;
-  operators["&-"].precedence = 16;
-  operators["**"].precedence = 15;
-  operators["%"].precedence = 14;
-  operators["*"].precedence = 14;
-  operators["/"].precedence = 14;
-  operators["+"].precedence = 13;
-  operators["-"].precedence = 13;
-  operators["|"].precedence = 12;
-  operators["^"].precedence = 11;
-  operators["&"].precedence = 10;
-  operators["<"].precedence = 11;
-  operators["<="].precedence = 11;
-  operators[">"].precedence = 11;
-  operators[">="].precedence = 11;
-  operators["=="].precedence = 10;
-  operators["!="].precedence = 10;
-  operators["==="].precedence = 10;
-  operators["!=="].precedence = 10;
-  operators["&&"].precedence = 6;
-  operators["||"].precedence = 5;
-  operators["??"].precedence = 5;
+  operators["."].precedence = 17;
+  operators["["].precedence = 17;
+  operators["?."].precedence = 17;
+  operators["!"].precedence = 14;
+  operators["!!"].precedence = 14;
+  operators["++"].precedence = 14;
+  operators["--"].precedence = 14;
+  operators["&-"].precedence = 14;
+  operators["**"].precedence = 13;
+  operators["%"].precedence = 12;
+  operators["*"].precedence = 12;
+  operators["/"].precedence = 12;
+  operators["+"].precedence = 11;
+  operators["-"].precedence = 11;
+  operators["<"].precedence = 9;
+  operators["<="].precedence = 9;
+  operators[">"].precedence = 9;
+  operators[">="].precedence = 9;
+  operators["=="].precedence = 8;
+  operators["!="].precedence = 8;
+  operators["==="].precedence = 8;
+  operators["!=="].precedence = 8;
+  operators["&"].precedence = 7;
+  operators["^"].precedence = 6;
+  operators["|"].precedence = 5;
+  operators["&&"].precedence = 4;
+  operators["||"].precedence = 3;
+  operators["??"].precedence = 3;
   operators["&&"].earlyOut = (a) => !a;
   operators["||"].earlyOut = (a) => a;
-  operators["??"].earlyOut = (a) => a;
-  operators[","].precedence = 2;
+  operators["??"].earlyOut = (a) => a !== null && a !== void 0;
+  operators["=>"].precedence = 2;
+  operators[","].precedence = 1;
   operators["call"].precedence = 1;
-  operators["=>"].precedence = 1;
   defineOption("strictEquality", {
     default: false,
     set(strict) {
@@ -3027,10 +2980,10 @@ ${name} ${msg} of ${this.text}
       throw this.createError("Bad string");
     }
     string() {
-      var _a, _b;
+      var _a2, _b;
       const ch = this.ch;
       if (ch === '"') {
-        return (_a = this.readString('"')) == null ? void 0 : _a.join("");
+        return (_a2 = this.readString('"')) == null ? void 0 : _a2.join("");
       } else if (ch === "'") {
         return (_b = this.readString("'")) == null ? void 0 : _b.join("");
       } else if (ch === "`") {
@@ -3444,13 +3397,13 @@ ${name} ${msg} of ${this.text}
       objectForEach(result, (name, value2) => {
         if (value2 instanceof Identifier) {
           Object.defineProperty(result, name, {
-            value: function(optionalValue, options3) {
+            value: function(optionalValue, options4) {
               const currentValue = value2.get_value(void 0, context, globals, node);
               if (arguments.length === 0) {
                 return currentValue;
               }
               const unchanged = optionalValue === currentValue;
-              if (options3 && options3.onlyIfChanged && unchanged) {
+              if (options4 && options4.onlyIfChanged && unchanged) {
                 return;
               }
               return value2.set_value(optionalValue, context, globals);
@@ -3538,11 +3491,12 @@ ${name} ${msg} of ${this.text}
   var divisionLookBehind = /[\])"'A-Za-z0-9_$]+$/;
   var keywordRegexLookBehind = { in: 1, return: 1, typeof: 1 };
   function parseObjectLiteral(objectLiteralString) {
-    let str = stringTrim(objectLiteralString);
+    var _a2, _b;
+    let str = String(objectLiteralString != null ? objectLiteralString : "").trim();
     if (str.charCodeAt(0) === 123) str = str.slice(1, -1);
     str += "\n,";
     const result = new Array();
-    let toks = str.match(bindingToken);
+    let toks = (_a2 = str.match(bindingToken)) != null ? _a2 : [];
     let key;
     let values = new Array();
     let depth = 0;
@@ -3568,8 +3522,8 @@ ${name} ${msg} of ${this.text}
       } else if (c === 47 && i && tok.length > 1) {
         const match = toks[i - 1].match(divisionLookBehind);
         if (match && !keywordRegexLookBehind[match[0]]) {
-          str = str.substr(str.indexOf(tok) + 1);
-          toks = str.match(bindingToken);
+          str = str.substring(str.indexOf(tok) + 1);
+          toks = (_b = str.match(bindingToken)) != null ? _b : [];
           i = -1;
           tok = "/";
         }
@@ -3586,7 +3540,7 @@ ${name} ${msg} of ${this.text}
   }
 
   // ../../packages/computed/src/computed.ts
-  var computedState = createSymbolOrString("_state");
+  var computedState = /* @__PURE__ */ Symbol("_state");
   var DISPOSED_STATE = {
     dependencyTracking: null,
     dependenciesCount: 0,
@@ -3598,19 +3552,19 @@ ${name} ${msg} of ${this.text}
     readFunction: null,
     _options: null
   };
-  function computed(evaluatorFunctionOrOptions, evaluatorFunctionTarget, options3) {
+  function computed(evaluatorFunctionOrOptions, evaluatorFunctionTarget, options4) {
     if (typeof evaluatorFunctionOrOptions === "object") {
-      options3 = evaluatorFunctionOrOptions;
+      options4 = evaluatorFunctionOrOptions;
     } else {
-      options3 = options3 || {};
+      options4 = options4 || {};
       if (evaluatorFunctionOrOptions) {
-        options3.read = evaluatorFunctionOrOptions;
+        options4.read = evaluatorFunctionOrOptions;
       }
     }
-    if (typeof (options3 == null ? void 0 : options3.read) !== "function") {
+    if (typeof (options4 == null ? void 0 : options4.read) !== "function") {
       throw Error("Pass a function that returns the value of the computed");
     }
-    const writeFunction = options3.write;
+    const writeFunction = options4.write;
     const state = {
       latestValue: void 0,
       isStale: true,
@@ -3620,10 +3574,10 @@ ${name} ${msg} of ${this.text}
       isDisposed: false,
       pure: false,
       isSleeping: false,
-      readFunction: options3.read,
-      evaluatorFunctionTarget: evaluatorFunctionTarget || options3.owner,
-      disposeWhenNodeIsRemoved: options3.disposeWhenNodeIsRemoved || null,
-      disposeWhen: options3.disposeWhen,
+      readFunction: options4.read,
+      evaluatorFunctionTarget: evaluatorFunctionTarget || options4.owner,
+      disposeWhenNodeIsRemoved: options4.disposeWhenNodeIsRemoved || null,
+      disposeWhen: options4.disposeWhen,
       domNodeDisposalCallback: null,
       dependencyTracking: {},
       dependenciesCount: 0,
@@ -3654,18 +3608,18 @@ ${name} ${msg} of ${this.text}
     computedObservable.isWriteable = typeof writeFunction === "function";
     subscribable.fn.init(computedObservable);
     Object.setPrototypeOf(computedObservable, computed.fn);
-    if (options3.pure) {
+    if (options4.pure) {
       state.pure = true;
       state.isSleeping = true;
       extend(computedObservable, pureComputedOverrides);
-    } else if (options3.deferEvaluation) {
+    } else if (options4.deferEvaluation) {
       extend(computedObservable, deferEvaluationOverrides);
     }
     if (options_default.deferUpdates) {
       extenders.deferred(computedObservable, true);
     }
     if (options_default.debug) {
-      computedObservable._options = options3;
+      computedObservable._options = options4;
     }
     if (state.disposeWhenNodeIsRemoved) {
       state.suppressDisposalUntilDisposeWhenReturnsFalse = true;
@@ -3673,7 +3627,7 @@ ${name} ${msg} of ${this.text}
         state.disposeWhenNodeIsRemoved = null;
       }
     }
-    if (!state.isSleeping && !options3.deferEvaluation) {
+    if (!state.isSleeping && !options4.deferEvaluation) {
       ;
       computedObservable.evaluateImmediate();
     }
@@ -4014,10 +3968,10 @@ ${name} ${msg} of ${this.text}
       const evaluator = evaluatorFunctionOrOptions;
       return computed(evaluator, evaluatorFunctionTarget, { pure: true });
     } else {
-      let options3 = evaluatorFunctionOrOptions;
-      options3 = extend({}, options3);
-      options3.pure = true;
-      return computed(options3, evaluatorFunctionTarget);
+      let options4 = evaluatorFunctionOrOptions;
+      options4 = extend({}, options4);
+      options4.pure = true;
+      return computed(options4, evaluatorFunctionTarget);
     }
   }
 
@@ -4080,7 +4034,7 @@ ${name} ${msg} of ${this.text}
         object[prop] = value2;
         return true;
       },
-      deleteProperty(property) {
+      deleteProperty(_target, property) {
         delete mirror[property];
         return delete object[property];
       },
@@ -4142,8 +4096,8 @@ ${name} ${msg} of ${this.text}
   }
 
   // ../../packages/lifecycle/src/LifeCycle.ts
-  var SUBSCRIPTIONS = createSymbolOrString("LifeCycle Subscriptions List");
-  var ANCHOR_NODE = createSymbolOrString("LifeCycle Anchor Node");
+  var SUBSCRIPTIONS = /* @__PURE__ */ Symbol("LifeCycle Subscriptions List");
+  var ANCHOR_NODE = /* @__PURE__ */ Symbol("LifeCycle Anchor Node");
   var LifeCycle = class _LifeCycle {
     // NOTE: For more advanced integration as an ES6 mixin, see e.g.:
     // http://justinfagnani.com/2015/12/21/real-mixins-with-javascript-classes/
@@ -4192,14 +4146,14 @@ ${name} ${msg} of ${this.text}
      */
     addEventListener(...args) {
       const node = args[0].nodeType ? args.shift() : this[ANCHOR_NODE];
-      const [type, act, options3] = args;
+      const [type, act, options4] = args;
       const handler = typeof act === "string" ? this[act].bind(this) : act;
-      this.__addEventListener(node, type, handler, options3);
+      this.__addEventListener(node, type, handler, options4);
     }
-    __addEventListener(node, eventType, handler, options3) {
-      node.addEventListener(eventType, handler, options3);
+    __addEventListener(node, eventType, handler, options4) {
+      node.addEventListener(eventType, handler, options4);
       function dispose() {
-        node.removeEventListener(eventType, handler);
+        node.removeEventListener(eventType, handler, options4);
       }
       addDisposeCallback(node, dispose);
       this.addDisposable({ dispose });
@@ -4345,10 +4299,10 @@ ${name} ${msg} of ${this.text}
         this,
         dataItemAlias,
         function(self, parentContext) {
-          var _a;
+          var _a2;
           self.$parentContext = parentContext;
           self.$parent = parentContext == null ? void 0 : parentContext.$data;
-          self.$parents = ((_a = parentContext == null ? void 0 : parentContext.$parents) != null ? _a : []).slice(0);
+          self.$parents = ((_a2 = parentContext == null ? void 0 : parentContext.$parents) != null ? _a2 : []).slice(0);
           self.$parents.unshift(self.$parent);
           if (extendCallback) {
             extendCallback(self);
@@ -4934,12 +4888,12 @@ ${name} ${msg} of ${this.text}
   }
   var lastMappingResultDomDataKey = data_exports.nextKey();
   var deletedItemDummyValue = data_exports.nextKey();
-  function setDomNodeChildrenFromArrayMapping(domNode, array, mapping, options3, callbackAfterAddingNodes, editScript) {
+  function setDomNodeChildrenFromArrayMapping(domNode, array, mapping, options4, callbackAfterAddingNodes, editScript) {
     array = array || [];
     if (typeof array.length === "undefined") {
       array = [array];
     }
-    options3 = options3 || {};
+    options4 = options4 || {};
     const lastMappingResult = data_exports.get(domNode, lastMappingResultDomDataKey);
     const isFirstExecution = !lastMappingResult;
     const newMappingResult = new Array();
@@ -4986,7 +4940,7 @@ ${name} ${msg} of ${this.text}
         const lastArray = arrayMap(lastMappingResult, function(x) {
           return x.arrayEntry;
         });
-        const compareOptions = { dontLimitMoves: options3.dontLimitMoves, sparse: true };
+        const compareOptions = { dontLimitMoves: options4.dontLimitMoves, sparse: true };
         editScript = compareArrays(lastArray, array, compareOptions);
       }
       for (let i = 0, editScriptItem, movedIndex, itemIndex; editScriptItem = editScript[i]; i++) {
@@ -5004,7 +4958,7 @@ ${name} ${msg} of ${this.text}
                 mapData.dependentObservable = void 0;
               }
               if (fixUpContinuousNodeArray(mapData.mappedNodes, domNode).length) {
-                if (options3.beforeRemove) {
+                if (options4.beforeRemove) {
                   newMappingResult.push(mapData);
                   itemsToProcess.push(mapData);
                   countWaitingForRemove++;
@@ -5039,8 +4993,8 @@ ${name} ${msg} of ${this.text}
       newMappingResult["_countWaitingForRemove"] = countWaitingForRemove;
     }
     data_exports.set(domNode, lastMappingResultDomDataKey, newMappingResult);
-    callCallback(options3.beforeMove, itemsForMoveCallbacks);
-    arrayForEach(nodesToDelete, options3.beforeRemove ? cleanNode : removeNode);
+    callCallback(options4.beforeMove, itemsForMoveCallbacks);
+    arrayForEach(nodesToDelete, options4.beforeRemove ? cleanNode : removeNode);
     for (let k = 0, nextNode = virtualElements_exports.firstChild(domNode), lastNode, node; mapData = itemsToProcess[k]; k++) {
       if (!mapData.mappedNodes) {
         extend(
@@ -5064,12 +5018,12 @@ ${name} ${msg} of ${this.text}
         mapData.initialized = true;
       }
     }
-    callCallback(options3.beforeRemove, itemsForBeforeRemoveCallbacks);
+    callCallback(options4.beforeRemove, itemsForBeforeRemoveCallbacks);
     for (let x = 0; x < itemsForBeforeRemoveCallbacks.length; ++x) {
       itemsForBeforeRemoveCallbacks[x].arrayEntry = deletedItemDummyValue;
     }
-    callCallback(options3.afterMove, itemsForMoveCallbacks);
-    callCallback(options3.afterAdd, itemsForAfterAddCallbacks);
+    callCallback(options4.afterMove, itemsForMoveCallbacks);
+    callCallback(options4.afterAdd, itemsForAfterAddCallbacks);
   }
 
   // ../../packages/bind/src/DescendantBindingHandler.ts
@@ -5183,8 +5137,8 @@ ${name} ${msg} of ${this.text}
   function templateEngine() {
   }
   extend(templateEngine.prototype, {
-    renderTemplateSource(templateSource, bindingContext2, options3, templateDocument) {
-      options3.onError("Override renderTemplateSource");
+    renderTemplateSource(templateSource, bindingContext2, options4, templateDocument) {
+      options4.onError("Override renderTemplateSource");
     },
     createJavaScriptEvaluatorBlock(script) {
       options_default.onError(new Error("Override createJavaScriptEvaluatorBlock"));
@@ -5205,9 +5159,9 @@ ${name} ${msg} of ${this.text}
         throw options_default.onError(new Error("Unknown template type: " + template), false);
       }
     },
-    renderTemplate(template, bindingContext2, options3, templateDocument) {
+    renderTemplate(template, bindingContext2, options4, templateDocument) {
       const templateSource = this.makeTemplateSource(template, templateDocument);
-      return this.renderTemplateSource(templateSource, bindingContext2, options3, templateDocument);
+      return this.renderTemplateSource(templateSource, bindingContext2, options4, templateDocument);
     }
   });
 
@@ -5276,12 +5230,12 @@ ${name} ${msg} of ${this.text}
   function getFirstNodeFromPossibleArray(nodeOrNodeArray) {
     return nodeOrNodeArray.nodeType ? nodeOrNodeArray : nodeOrNodeArray.length > 0 ? nodeOrNodeArray[0] : null;
   }
-  function executeTemplate(targetNodeOrNodeArray, renderMode, template, bindingContext2, options3, afterBindingCallback) {
-    options3 = options3 || {};
+  function executeTemplate(targetNodeOrNodeArray, renderMode, template, bindingContext2, options4, afterBindingCallback) {
+    options4 = options4 || {};
     const firstTargetNode = targetNodeOrNodeArray && getFirstNodeFromPossibleArray(targetNodeOrNodeArray);
     const templateDocument = (firstTargetNode || template || {}).ownerDocument;
-    const templateEngineToUse = options3.templateEngine || _templateEngine;
-    const renderedNodesArray = templateEngineToUse.renderTemplate(template, bindingContext2, options3, templateDocument);
+    const templateEngineToUse = options4.templateEngine || _templateEngine;
+    const renderedNodesArray = templateEngineToUse.renderTemplate(template, bindingContext2, options4, templateDocument);
     if (typeof renderedNodesArray.length !== "number" || renderedNodesArray.length > 0 && typeof renderedNodesArray[0].nodeType !== "number") {
       throw new Error("Template engine must return an array of DOM nodes");
     }
@@ -5302,8 +5256,8 @@ ${name} ${msg} of ${this.text}
     }
     if (haveAddedNodesToParent) {
       activateBindingsOnContinuousNodeArray(renderedNodesArray, bindingContext2, afterBindingCallback);
-      if (options3.afterRender) {
-        dependencyDetection_exports.ignore(options3.afterRender, null, [renderedNodesArray, bindingContext2["$data"]]);
+      if (options4.afterRender) {
+        dependencyDetection_exports.ignore(options4.afterRender, null, [renderedNodesArray, bindingContext2["$data"]]);
       }
       if (renderMode === "replaceChildren") {
         bindingEvent.notify(targetNodeOrNodeArray, bindingEvent.childrenComplete);
@@ -5320,9 +5274,9 @@ ${name} ${msg} of ${this.text}
       return template;
     }
   }
-  function renderTemplate(template, dataOrBindingContext, options3, targetNodeOrNodeArray, renderMode, afterBindingCallback) {
-    options3 = options3 || {};
-    if ((options3.templateEngine || _templateEngine) === void 0) {
+  function renderTemplate(template, dataOrBindingContext, options4, targetNodeOrNodeArray, renderMode, afterBindingCallback) {
+    options4 = options4 || {};
+    if ((options4.templateEngine || _templateEngine) === void 0) {
       throw new Error("Set a template engine before calling renderTemplate");
     }
     renderMode = renderMode || "replaceChildren";
@@ -5344,7 +5298,7 @@ ${name} ${msg} of ${this.text}
             renderMode,
             templateName,
             bindingContext2,
-            options3,
+            options4,
             afterBindingCallback
           );
           if (renderMode === "replaceNode") {
@@ -5357,23 +5311,23 @@ ${name} ${msg} of ${this.text}
       );
     } else {
       return memoization_exports.memoize(function(domNode) {
-        renderTemplate(template, dataOrBindingContext, options3, domNode, "replaceNode");
+        renderTemplate(template, dataOrBindingContext, options4, domNode, "replaceNode");
       });
     }
   }
-  function renderTemplateForEach(template, arrayOrObservableArray, options3, targetNode, parentBindingContext, afterBindingCallback) {
+  function renderTemplateForEach(template, arrayOrObservableArray, options4, targetNode, parentBindingContext, afterBindingCallback) {
     let arrayItemContext;
     function executeTemplateForArrayItem(arrayValue, index) {
-      if (options3.as) {
+      if (options4.as) {
         if (options_default.createChildContextWithAs) {
-          arrayItemContext = parentBindingContext.createChildContext(arrayValue, options3.as, (context) => {
+          arrayItemContext = parentBindingContext.createChildContext(arrayValue, options4.as, (context) => {
             context.$index = index;
           });
         } else {
-          arrayItemContext = parentBindingContext.extend({ [options3.as]: arrayValue, $index: index });
+          arrayItemContext = parentBindingContext.extend({ [options4.as]: arrayValue, $index: index });
         }
       } else {
-        arrayItemContext = parentBindingContext.createChildContext(arrayValue, options3.as, (context) => {
+        arrayItemContext = parentBindingContext.createChildContext(arrayValue, options4.as, (context) => {
           context.$index = index;
         });
       }
@@ -5383,14 +5337,14 @@ ${name} ${msg} of ${this.text}
         "ignoreTargetNode",
         templateName,
         arrayItemContext,
-        options3,
+        options4,
         afterBindingCallback
       );
     }
     const activateBindingsCallback = function(arrayValue, addedNodesArray) {
       activateBindingsOnContinuousNodeArray(addedNodesArray, arrayItemContext, afterBindingCallback);
-      if (options3.afterRender) {
-        options3.afterRender(addedNodesArray, arrayValue);
+      if (options4.afterRender) {
+        options4.afterRender(addedNodesArray, arrayValue);
       }
       arrayItemContext = null;
     };
@@ -5399,14 +5353,14 @@ ${name} ${msg} of ${this.text}
         targetNode,
         newArray,
         executeTemplateForArrayItem,
-        options3,
+        options4,
         activateBindingsCallback,
         changeList
       ]);
       bindingEvent.notify(targetNode, bindingEvent.childrenComplete);
     }
-    const shouldHideDestroyed = options3.includeDestroyed === false || options_default.foreachHidesDestroyed && !options3.includeDestroyed;
-    if (!shouldHideDestroyed && !options3.beforeRemove && isObservableArray(arrayOrObservableArray)) {
+    const shouldHideDestroyed = options4.includeDestroyed === false || options_default.foreachHidesDestroyed && !options4.includeDestroyed;
+    if (!shouldHideDestroyed && !options4.beforeRemove && isObservableArray(arrayOrObservableArray)) {
       localSetDomNodeChildrenFromArrayMapping(arrayOrObservableArray.peek());
       const subscription = arrayOrObservableArray.subscribe(
         function(changeList) {
@@ -5482,40 +5436,40 @@ ${name} ${msg} of ${this.text}
       const element = this.$element;
       const bindingContext2 = this.$context;
       const value2 = this.value;
-      let options3 = unwrap(value2);
+      let options4 = unwrap(value2);
       let shouldDisplay = true;
       let templateComputed = null;
       const elseChainSatisfied = data_exports.get(element, "conditional").elseChainSatisfied;
       let templateName;
-      if (typeof options3 === "string") {
+      if (typeof options4 === "string") {
         templateName = value2;
-        options3 = {};
+        options4 = {};
       } else {
-        templateName = options3.name;
-        if ("if" in options3) {
-          shouldDisplay = unwrap(options3.if);
+        templateName = options4.name;
+        if ("if" in options4) {
+          shouldDisplay = unwrap(options4.if);
         }
-        if (shouldDisplay && "ifnot" in options3) {
-          shouldDisplay = !unwrap(options3.ifnot);
+        if (shouldDisplay && "ifnot" in options4) {
+          shouldDisplay = !unwrap(options4.ifnot);
         }
       }
-      if ("foreach" in options3) {
-        const dataArray = shouldDisplay && options3.foreach || [];
+      if ("foreach" in options4) {
+        const dataArray = shouldDisplay && options4.foreach || [];
         templateComputed = renderTemplateForEach(
           templateName || element,
           dataArray,
-          options3,
+          options4,
           element,
           bindingContext2,
           this.completeBinding
         );
         elseChainSatisfied((unwrap(dataArray) || []).length !== 0);
       } else if (shouldDisplay) {
-        const innerBindingContext = "data" in options3 ? bindingContext2.createStaticChildContext(options3.data, options3.as) : bindingContext2;
+        const innerBindingContext = "data" in options4 ? bindingContext2.createStaticChildContext(options4.data, options4.as) : bindingContext2;
         templateComputed = renderTemplate(
           templateName || element,
           innerBindingContext,
-          options3,
+          options4,
           element,
           void 0,
           this.completeBinding
@@ -5551,7 +5505,7 @@ ${name} ${msg} of ${this.text}
   }
   nativeTemplateEngine.prototype = new templateEngine();
   nativeTemplateEngine.prototype.constructor = nativeTemplateEngine;
-  nativeTemplateEngine.prototype.renderTemplateSource = function(templateSource, bindingContext2, options3, templateDocument) {
+  nativeTemplateEngine.prototype.renderTemplateSource = function(templateSource, bindingContext2, options4, templateDocument) {
     const templateNodes = templateSource.nodes ? templateSource.nodes() : null;
     if (templateNodes) {
       return makeArray(templateNodes.cloneNode(true).childNodes);
@@ -5690,9 +5644,9 @@ ${name} ${msg} of ${this.text}
     bindingEvent
   };
   var Builder = class {
-    constructor({ provider: provider2, bindings: bindings6, extenders: extenders3, filters: filters2, options: options3 }) {
+    constructor({ provider: provider2, bindings: bindings6, extenders: extenders3, filters: filters2, options: options4 }) {
       __publicField(this, "providedProperties");
-      Object.assign(knockout.options, options3, { filters: filters2, bindingProviderInstance: provider2 });
+      Object.assign(knockout.options, options4, { filters: filters2, bindingProviderInstance: provider2 });
       provider2.setGlobals(knockout.options.bindingGlobals);
       if (Array.isArray(bindings6)) {
         for (const bindingsObject of bindings6) {
@@ -6204,8 +6158,12 @@ ${name} ${msg} of ${this.text}
   function possiblyGetConfigFromAmd(errorCallback, config, callback) {
     if (typeof config.require === "string") {
       if (window.amdRequire || window.require) {
-        ;
-        (window.amdRequire || window.require)([config.require], callback);
+        const amdRequire = window.amdRequire || window.require;
+        amdRequire([config.require], callback, function(err) {
+          var _a2;
+          const details = (_a2 = err == null ? void 0 : err.message) != null ? _a2 : String(err || "");
+          errorCallback("Failed to load AMD module: " + config.require + (details ? " \u2014 " + details : ""));
+        });
       } else {
         errorCallback("Uses require, but no AMD loader is present");
       }
@@ -6236,22 +6194,28 @@ ${name} ${msg} of ${this.text}
      * 2. An array of DOM nodes
      * 3. A document fragment
      * 4. An AMD module (with `{require: 'some/template'}`)
+     * If neither this nor `element` is overloaded, the component's own
+     * children serve as its template (children-as-template mode).
      * @return {mixed} One of the accepted template types for the ComponentBinding.
      */
     static get template() {
       if ("template" in this.prototype) {
         return void 0;
       }
-      return { element: this.element };
+      const element = this.element;
+      return element ? { element } : void 0;
     }
     /**
-     * This is called by the default `template`.  Overload this to return:
+     * Overload this to return:
      * 1. The element ID
      * 2. A DOM node itself
-     * @return {string|HTMLElement} either the element ID or actual element.
+     * Leave unset to use children-as-template mode — the component's own
+     * instance children become its template.
+     * @return {string|HTMLElement|undefined} the element ID, actual element,
+     *   or undefined to opt into children-as-template.
      */
     static get element() {
-      throw new Error("[ComponentABC] `element` must be overloaded.");
+      return void 0;
     }
     /**
      * @return {bool} True if the component shall load synchronously
@@ -6340,7 +6304,7 @@ ${name} ${msg} of ${this.text}
       const tagName = tagNameLower(node);
       if (src_default.isRegistered(tagName)) {
         const hasDash = tagName.includes("-");
-        const isUnknownEntity = "" + node === "[object HTMLUnknownElement]";
+        const isUnknownEntity = Object.prototype.toString.call(node) === "[object HTMLUnknownElement]";
         if (hasDash || isUnknownEntity) {
           return tagName;
         }
@@ -6510,7 +6474,7 @@ ${name} ${msg} of ${this.text}
       objectForEach(value2, function(attrName, attrValue) {
         attrValue = unwrap(attrValue);
         const prefixLen = attrName.indexOf(":");
-        const namespace = prefixLen > 0 && element.lookupNamespaceURI(attrName.substr(0, prefixLen));
+        const namespace = prefixLen > 0 && element.lookupNamespaceURI(attrName.substring(0, prefixLen));
         const toRemove = attrValue === false || attrValue === null || attrValue === void 0;
         if (toRemove) {
           if (namespace) {
@@ -6659,10 +6623,7 @@ ${name} ${msg} of ${this.text}
           }
           const bubbleMark = allBindings.get(eventName + "Bubble") !== false;
           if (bubble === false || !bubbleMark) {
-            event.cancelBubble = true;
-            if (event.stopPropagation) {
-              event.stopPropagation();
-            }
+            event.stopPropagation();
           }
         };
         if (debounce2) {
@@ -6696,13 +6657,13 @@ ${name} ${msg} of ${this.text}
           toggleDomNodeCssClass(element, className, shouldHaveClass);
         });
       } else {
-        value2 = stringTrim(String(value2 || ""));
+        value2 = String(value2 != null ? value2 : "").trim();
         toggleDomNodeCssClass(element, element[css.classesWrittenByBindingKey], false);
         element[css.classesWrittenByBindingKey] = value2;
         toggleDomNodeCssClass(element, value2, true);
       }
     },
-    classesWrittenByBindingKey: createSymbolOrString("__ko__cssValue")
+    classesWrittenByBindingKey: /* @__PURE__ */ Symbol("__ko__cssValue")
   };
 
   // ../../packages/binding.core/src/descendantsComplete.ts
@@ -6737,8 +6698,8 @@ ${name} ${msg} of ${this.text}
   };
 
   // ../../packages/binding.core/src/hasfocus.ts
-  var hasfocusUpdatingProperty = createSymbolOrString("__ko_hasfocusUpdating");
-  var hasfocusLastValue = createSymbolOrString("__ko_hasfocusLastValue");
+  var hasfocusUpdatingProperty = /* @__PURE__ */ Symbol("__ko_hasfocusUpdating");
+  var hasfocusLastValue = /* @__PURE__ */ Symbol("__ko_hasfocusLastValue");
   var hasfocus = {
     init: function(element, valueAccessor, _allBindings) {
       const handleElementFocusChange = function(isFocused) {
@@ -6809,7 +6770,7 @@ ${name} ${msg} of ${this.text}
 
   // ../../packages/binding.core/src/options.ts
   var captionPlaceholder = {};
-  var options2 = {
+  var options3 = {
     init: function(element) {
       if (tagNameLower(element) !== "select") {
         throw new Error("options binding applies only to SELECT elements");
@@ -6979,7 +6940,7 @@ ${name} ${msg} of ${this.text}
           styleValue = "";
         }
         if (options_default.jQuery) {
-          jQuery(element).css(styleName, styleValue);
+          options_default.jQuery(element).css(styleName, styleValue);
         } else {
           styleName = styleName.replace(/-(\w)/g, (all, letter) => letter.toUpperCase());
           const previousStyle = element.style[styleName];
@@ -7031,7 +6992,6 @@ ${name} ${msg} of ${this.text}
   var MSIE_REGEX = /MSIE ([^ ;]+)|rv:([^ )]+)/;
   var operaVersion;
   var safariVersion;
-  var firefoxVersion;
   var ieVersion;
   var TextInput = class extends BindingHandler {
     constructor(...args) {
@@ -7120,20 +7080,6 @@ ${name} ${msg} of ${this.text}
       return ["keydown"];
     }
   };
-  var TextInputLegacyFirefox = class 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
-      ];
-    }
-  };
   var w = options_default.global;
   if (w.navigator) {
     const parseVersion = (matches) => matches && parseFloat(matches[1]);
@@ -7142,12 +7088,11 @@ ${name} ${msg} of ${this.text}
     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]));
     }
   }
-  var textInput = ieVersion && ieVersion <= 11 ? TextInputIE : safariVersion && safariVersion < 5 ? TextInputLegacySafari : operaVersion && operaVersion < 11 ? TextInputLegacyOpera : firefoxVersion && firefoxVersion < 4 ? TextInputLegacyFirefox : TextInput;
+  var textInput = ieVersion && ieVersion <= 11 ? TextInputIE : safariVersion && safariVersion < 5 ? TextInputLegacySafari : operaVersion && operaVersion < 11 ? TextInputLegacyOpera : TextInput;
 
   // ../../packages/binding.core/src/uniqueName.ts
   var uniqueName = {
@@ -7213,7 +7158,7 @@ ${name} ${msg} of ${this.text}
     }
     registerEvent(eventName) {
       let handler = this.valueUpdateHandler.bind(this);
-      if (stringStartsWith(eventName, "after")) {
+      if (eventName.startsWith("after")) {
         handler = () => {
           this.elementValueBeforeEvent = selectExtensions.readValue(this.$element);
           safeSetTimeout(this.valueUpdateHandler.bind(this), 0);
@@ -7303,7 +7248,7 @@ ${name} ${msg} of ${this.text}
     html,
     let: let_default,
     on: onHandler,
-    options: options2,
+    options: options3,
     selectedOptions,
     style,
     submit,
@@ -7519,7 +7464,7 @@ ${name} ${msg} of ${this.text}
   };
 
   // ../../packages/binding.foreach/src/foreach.ts
-  var MAX_LIST_SIZE = 9007199254740991;
+  var MAX_LIST_SIZE = Number.MAX_SAFE_INTEGER;
   function isPlainObject(o) {
     return !!o && typeof o === "object" && o.constructor === Object;
   }
@@ -7545,10 +7490,10 @@ ${name} ${msg} of ${this.text}
   function valueToChangeAddItem(value2, index) {
     return { status: "added", value: value2, index };
   }
-  var PENDING_DELETE_INDEX_SYM = createSymbolOrString("_ko_ffe_pending_delete_index");
+  var PENDING_DELETE_INDEX_SYM = /* @__PURE__ */ Symbol("_ko_ffe_pending_delete_index");
   var _ForEachBinding = class _ForEachBinding extends AsyncBindingHandler {
     constructor(params) {
-      var _a;
+      var _a2;
       super(params);
       // NOTE: valid valueAccessors include:
       //    []
@@ -7583,7 +7528,7 @@ ${name} ${msg} of ${this.text}
       this.generateContext = this.createContextGenerator(this.as);
       this.$indexHasBeenRequested = false;
       this.templateNode = makeTemplateNode(
-        settings.templateNode || (settings.name ? (_a = document.getElementById(settings.name)) == null ? void 0 : _a.cloneNode(true) : this.$element)
+        settings.templateNode || (settings.name ? (_a2 = document.getElementById(settings.name)) == null ? void 0 : _a2.cloneNode(true) : this.$element)
       );
       ["afterAdd", "beforeRemove", "afterQueueFlush", "beforeQueueFlush"].forEach((p) => {
         this[p] = settings[p] || this.allBindings.get(p);
@@ -8021,25 +7966,45 @@ ${name} ${msg} of ${this.text}
 
   // ../../packages/utils.jsx/src/jsxClean.ts
   var DELAY_MS = 25;
-  var MAX_CLEAN_AT_ONCE = 1e3;
   var cleanNodeQueue = new Array();
   var cleanNodeTimeoutID = null;
+  defineOption("jsxCleanBatchSize", { default: 1e3 });
   function queueCleanNode(node) {
     cleanNodeQueue.push(node);
-    triggerCleanTimeout();
+    if (options_default.jsxCleanBatchSize === 0) {
+      flushAll();
+    } else {
+      scheduleBatch();
+    }
   }
-  function triggerCleanTimeout() {
+  function scheduleBatch() {
     if (!cleanNodeTimeoutID && cleanNodeQueue.length) {
-      cleanNodeTimeoutID = setTimeout(flushCleanQueue, DELAY_MS);
+      cleanNodeTimeoutID = setTimeout(flushBatch, DELAY_MS);
     }
   }
-  function flushCleanQueue() {
+  function flushBatch() {
     cleanNodeTimeoutID = null;
-    const nodes = cleanNodeQueue.splice(0, MAX_CLEAN_AT_ONCE);
+    const batchSize = Math.trunc(options_default.jsxCleanBatchSize);
+    if (!Number.isFinite(batchSize) || batchSize <= 0) {
+      flushAll();
+      return;
+    }
+    const nodes = cleanNodeQueue.splice(0, batchSize);
     for (const node of nodes) {
       cleanNode(node);
     }
-    triggerCleanTimeout();
+    scheduleBatch();
+  }
+  function flushAll() {
+    if (cleanNodeTimeoutID !== null) {
+      clearTimeout(cleanNodeTimeoutID);
+      cleanNodeTimeoutID = null;
+    }
+    while (cleanNodeQueue.length) {
+      for (const node of cleanNodeQueue.splice(0)) {
+        cleanNode(node);
+      }
+    }
   }
 
   // ../../packages/utils.jsx/src/JsxObserver.ts
@@ -8115,12 +8080,12 @@ ${name} ${msg} of ${this.text}
       this.dispose();
     }
     dispose() {
-      var _a;
+      var _a2;
       super.dispose();
       const ib = this.insertBefore;
       const insertBeforeIsChild = ib && this.parentNodeTarget === ib.parentNode;
       if (insertBeforeIsChild && !this.adoptedInsertBefore) {
-        (_a = this.parentNodeTarget) == null ? void 0 : _a.removeChild(ib);
+        (_a2 = this.parentNodeTarget) == null ? void 0 : _a2.removeChild(ib);
       }
       this.removeAllPriorNodes();
       Object.assign(this, {
@@ -8171,7 +8136,7 @@ ${name} ${msg} of ${this.text}
       this.nodeArrayOrObservableAtIndex.splice(index, 0, this.injectNode(jsx, this.lastNodeFor(index)));
     }
     injectNode(jsx, nextNode) {
-      var _a;
+      var _a2;
       let nodeArrayOrObservable;
       if (isObservable(jsx)) {
         const { parentNode, xmlns } = this;
@@ -8192,7 +8157,7 @@ ${name} ${msg} of ${this.text}
           nodeArrayOrObservable = [this.anyToNode(jsx)];
         }
         for (const node of nodeArrayOrObservable) {
-          (_a = this.parentNodeTarget) == null ? void 0 : _a.insertBefore(node, nextNode);
+          (_a2 = this.parentNodeTarget) == null ? void 0 : _a2.insertBefore(node, nextNode);
           if (shouldApplyBindings && this.canApplyBindings(node)) {
             applyBindings($context, node);
           }
@@ -8443,6 +8408,19 @@ ${name} ${msg} of ${this.text}
       this.originalChildNodes = makeArray(virtualElements_exports.childNodes(this.$element));
       this.computed("computeApplyComponent");
     }
+    /**
+     * True when originalChildNodes contain at least one element or a text
+     * node with non-whitespace content. Whitespace-only children are treated
+     * as "no children" so `<my-comp>   </my-comp>` still errors.
+     */
+    hasMeaningfulChildren() {
+      return this.originalChildNodes.some(
+        (n) => {
+          var _a2;
+          return n.nodeType === Node.ELEMENT_NODE || n.nodeType === Node.TEXT_NODE && ((_a2 = n.nodeValue) != null ? _a2 : "").trim().length > 0;
+        }
+      );
+    }
     cloneTemplateIntoElement(componentName, template, element) {
       if (!template) {
         throw new Error("Component '" + componentName + "' has no template");
@@ -8531,11 +8509,14 @@ ${name} ${msg} of ${this.text}
       );
       this.childBindingContext = this.makeChildBindingContext(componentViewModel);
       const viewTemplate = componentViewModel && componentViewModel.template;
-      if (!viewTemplate && !componentDefinition.template) {
-        throw new Error("Component '" + componentName + "' has no template");
-      }
       if (!componentDefinition.template) {
-        this.cloneTemplateIntoElement(componentName, viewTemplate, element);
+        if (viewTemplate) {
+          this.cloneTemplateIntoElement(componentName, viewTemplate, element);
+        } else if (!this.hasMeaningfulChildren()) {
+          throw new Error("Component '" + componentName + "' has no template");
+        } else {
+          this.cloneTemplateIntoElement(componentName, this.originalChildNodes, element);
+        }
       }
       if (componentViewModel instanceof LifeCycle) {
         componentViewModel.anchorTo(this.$element);
@@ -8658,10 +8639,10 @@ ${name} ${msg} of ${this.text}
             return replacement + value2.slice(-length);
           case "middle": {
             const leftLen = Math.ceil(length / 2);
-            return value2.substr(0, leftLen) + replacement + value2.slice(leftLen - length);
+            return value2.substring(0, leftLen) + replacement + value2.slice(leftLen - length);
           }
           default:
-            return value2.substr(0, length) + replacement;
+            return value2.substring(0, length) + replacement;
         }
       } else {
         return value2;
@@ -8711,7 +8692,7 @@ ${name} ${msg} of ${this.text}
       bindingStringPreparsers: [functionRewrite]
     }
   });
-  var version = "4.0.1";
+  var version = "4.1.0";
   var index_default = builder.create({
     version,
     components: src_default,