@tko/build.knockout 4.0.0-beta1.3 → 4.0.0-beta1.5

package/dist/browser.js

@@ -1,4 +1,5 @@
-// @tko/build.knockout 🥊 4.0.0-beta1.3 IIFE
+"use strict";
+// @tko/build.knockout 🥊 4.0.0-beta1.5 IIFE
 var ko = (() => {
   var __defProp = Object.defineProperty;
   var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -2087,6 +2088,7 @@ var ko = (() => {
   }
 
   // ../../packages/utils.parser/dist/operators.js
+  var __pow = Math.pow;
   function LAMBDA() {
   }
   function unwrapOrCall(a, b) {
@@ -2111,6 +2113,9 @@ var ko = (() => {
     "--": function preinc2(a, b) {
       return --b;
     },
+    "**": function exp(a, b) {
+      return __pow(a, b);
+    },
     "*": function mul(a, b) {
       return a * b;
     },
@@ -2168,11 +2173,17 @@ var ko = (() => {
     "||": function logicOr(a, b) {
       return a || b;
     },
+    "??": function nullishCoalesce(a, b) {
+      return a != null ? a : b;
+    },
     ".": function member(a, b) {
-      return a[b];
+      return a == null ? void 0 : a[b];
     },
-    "[": function member2(a, b) {
-      return a[b];
+    "?.": function omember(a, b) {
+      return a == null ? void 0 : a[b];
+    },
+    "[": function bmember(a, b) {
+      return a == null ? void 0 : a[b];
     },
     ",": function comma(a, b) {
       return b;
@@ -2185,11 +2196,13 @@ var ko = (() => {
   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["**"].precedent = 15;
   operators["%"].precedence = 14;
   operators["*"].precedence = 14;
   operators["/"].precedence = 14;
@@ -2208,8 +2221,10 @@ var ko = (() => {
   operators["!=="].precedence = 10;
   operators["&&"].precedence = 6;
   operators["||"].precedence = 5;
+  operators["??"].precedence = 5;
   operators["&&"].earlyOut = (a) => !a;
   operators["||"].earlyOut = (a) => a;
+  operators["??"].earlyOut = (a) => a;
   operators[","].precedence = 2;
   operators["call"].precedence = 1;
   operators["=>"].precedence = 1;
@@ -2338,24 +2353,24 @@ var ko = (() => {
       this.parser = parser;
     }
     dereference(value2, $context, globals, node) {
-      let member3;
+      let member2;
       let refs = this.dereferences || [];
       const $data = $context.$data || {};
       let lastValue;
       let i, n;
       for (i = 0, n = refs.length; i < n; ++i) {
-        member3 = Node2.value_of(refs[i], $context, globals, node);
+        member2 = Node2.value_of(refs[i], $context, globals, node);
         if (typeof value2 === "function" && refs[i] instanceof Arguments) {
-          value2 = value2.apply(lastValue || $data, member3);
+          value2 = value2.apply(lastValue || $data, member2);
           lastValue = value2;
         } else if (value2 === null || value2 === void 0) {
-          throw new Error(`dereference of null value in ${JSON.stringify(this, null, 2)} context: ${JSON.stringify($context, null, 2)}`);
+          return value2;
         } else {
           lastValue = value2;
-          value2 = Node2.value_of(value2[member3], $context, globals, node);
+          value2 = Node2.value_of(value2[member2], $context, globals, node);
         }
       }
-      if (typeof value2 === "function" && n > 0 && lastValue !== value2 && !hasOwnProperty(lastValue, member3)) {
+      if (typeof value2 === "function" && n > 0 && lastValue !== value2 && !hasOwnProperty(lastValue, member2)) {
         return value2.bind(lastValue);
       }
       return value2;
@@ -2565,7 +2580,9 @@ ${name} ${msg} of
           this.white();
           ch = this.next();
           if (ch !== ":" && ch !== ",") {
-            this.error("Object name: " + name + " missing closing " + enclosedBy);
+            this.error(
+              "Object name: " + name + " missing closing " + enclosedBy
+            );
           }
           return name;
         } else if (ch === ":" || ch <= " " || ch === "," || ch === "|") {
@@ -2838,7 +2855,7 @@ ${name} ${msg} of
         for (var i = 0, j = args.length; i < j; ++i) {
           argValues.push(Node2.value_of(args[i], context, globals, node));
         }
-        return nextFilter(options_default.filters[name].apply(null, argValues));
+        return nextFilter(options_default.filters[name].apply(context, argValues));
       };
       filter.precedence = 1;
       return filter;
@@ -2874,7 +2891,7 @@ ${name} ${msg} of
         if (op === operators["?"]) {
           this.ternary(nodes);
           break;
-        } else if (op === operators["."]) {
+        } else if (op === operators["."] || op === operators["?."]) {
           nodes.push(op);
           nodes.push(this.member());
           op = null;
@@ -2942,31 +2959,31 @@ ${name} ${msg} of
       this.error("Bad arguments to function");
     }
     member() {
-      let member3 = "";
+      let member2 = "";
       let ch = this.white();
       let isIdentifierChar = Identifier.is_valid_start_char;
       while (ch) {
         if (!isIdentifierChar(ch)) {
           break;
         }
-        member3 += ch;
+        member2 += ch;
         ch = this.next();
         isIdentifierChar = Identifier.is_valid_continue_char;
       }
-      return member3;
+      return member2;
     }
     dereference() {
-      let member3;
+      let member2;
       let ch = this.white();
       while (ch) {
         if (ch === "(") {
           return this.funcArguments();
         } else if (ch === "[") {
           this.next("[");
-          member3 = this.expression();
+          member2 = this.expression();
           this.white();
           this.next("]");
-          return member3;
+          return member2;
         } else if (ch === ".") {
           this.next(".");
           return this.member();
@@ -4262,13 +4279,17 @@ ${name} ${msg} of
       const provider = getBindingProvider();
       const getBindings = provider.getBindingAccessors;
       if (isProviderForNode(provider, node)) {
-        var bindingsUpdater = computed(function() {
-          bindings6 = sourceBindings ? sourceBindings(bindingContext2, node) : getBindings.call(provider, node, bindingContext2);
-          if (bindings6 && bindingContext2[contextSubscribeSymbol]) {
-            bindingContext2[contextSubscribeSymbol]();
-          }
-          return bindings6;
-        }, null, { disposeWhenNodeIsRemoved: node });
+        var bindingsUpdater = computed(
+          function() {
+            bindings6 = sourceBindings ? sourceBindings(bindingContext2, node) : getBindings.call(provider, node, bindingContext2);
+            if (bindings6 && bindingContext2[contextSubscribeSymbol]) {
+              bindingContext2[contextSubscribeSymbol]();
+            }
+            return bindings6;
+          },
+          null,
+          { disposeWhenNodeIsRemoved: node }
+        );
         if (!bindings6 || !bindingsUpdater.isActive()) {
           bindingsUpdater = null;
         }
@@ -4276,9 +4297,10 @@ ${name} ${msg} of
     }
     var bindingHandlerThatControlsDescendantBindings;
     if (bindings6) {
-      let allBindings = function() {
+      let allBindings2 = function() {
         return objectMap(bindingsUpdater ? bindingsUpdater() : bindings6, evaluateValueAccessor);
       };
+      var allBindings = allBindings2;
       const $component = bindingContext2.$component || {};
       const allBindingHandlers = {};
       data_exports.set(node, "bindingHandlers", allBindingHandlers);
@@ -4290,8 +4312,8 @@ ${name} ${msg} of
           return valueAccessor(optionalValue);
         }
       } : (bindingKey) => bindings6[bindingKey];
-      allBindings.has = (key) => key in bindings6;
-      allBindings.get = (key) => bindings6[key] && evaluateValueAccessor(getValueAccessor(key));
+      allBindings2.has = (key) => key in bindings6;
+      allBindings2.get = (key) => bindings6[key] && evaluateValueAccessor(getValueAccessor(key));
       if (bindingEvent.childrenComplete in bindings6) {
         bindingEvent.subscribe(node, bindingEvent.childrenComplete, () => {
           const callback = evaluateValueAccessor(bindings6[bindingEvent.childrenComplete]);
@@ -4307,33 +4329,38 @@ ${name} ${msg} of
       const bindingsGenerated = topologicalSortBindings(bindings6, $component);
       const nodeAsyncBindingPromises = /* @__PURE__ */ new Set();
       for (const [key, BindingHandlerClass] of bindingsGenerated) {
-        let reportBindingError = function(during, errorCaptured) {
+        let reportBindingError2 = function(during, errorCaptured) {
           onBindingError({
             during,
             errorCaptured,
             bindings: bindings6,
-            allBindings,
+            allBindings: allBindings2,
             bindingKey: key,
             bindingContext: bindingContext2,
             element: node,
             valueAccessor: getValueAccessor(key)
           });
         };
+        var reportBindingError = reportBindingError2;
         if (node.nodeType === 8 && !BindingHandlerClass.allowVirtualElements) {
           throw new Error(`The binding '${key}' cannot be used with virtual elements`);
         }
         try {
-          const bindingHandler = dependencyDetection_exports.ignore(() => new BindingHandlerClass({
-            allBindings,
-            $element: node,
-            $context: bindingContext2,
-            onError: reportBindingError,
-            valueAccessor(...v) {
-              return getValueAccessor(key)(...v);
-            }
-          }));
+          const bindingHandler = dependencyDetection_exports.ignore(
+            () => new BindingHandlerClass({
+              allBindings: allBindings2,
+              $element: node,
+              $context: bindingContext2,
+              onError: reportBindingError2,
+              valueAccessor(...v) {
+                return getValueAccessor(key)(...v);
+              }
+            })
+          );
           if (bindingHandler.onValueChange) {
-            dependencyDetection_exports.ignore(() => bindingHandler.computed("onValueChange"));
+            dependencyDetection_exports.ignore(
+              () => bindingHandler.computed("onValueChange")
+            );
           }
           allBindingHandlers[key] = bindingHandler;
           if (bindingHandler.controlsDescendants) {
@@ -4347,7 +4374,7 @@ ${name} ${msg} of
             nodeAsyncBindingPromises.add(bindingHandler.bindingCompleted);
           }
         } catch (err) {
-          reportBindingError("creation", err);
+          reportBindingError2("creation", err);
         }
       }
       triggerDescendantsComplete(node, bindings6, nodeAsyncBindingPromises);
@@ -4854,15 +4881,19 @@ ${name} ${msg} of
         return !firstTargetNode || !domNodeIsAttachedToDocument(firstTargetNode);
       };
       var activelyDisposeWhenNodeIsRemoved = firstTargetNode && renderMode === "replaceNode" ? firstTargetNode.parentNode : firstTargetNode;
-      return computed(function() {
-        var bindingContext2 = dataOrBindingContext && dataOrBindingContext instanceof bindingContext ? dataOrBindingContext : new bindingContext(dataOrBindingContext, null, null, null, { "exportDependencies": true });
-        var templateName = resolveTemplateName(template, bindingContext2.$data, bindingContext2);
-        const renderedNodesArray = executeTemplate(targetNodeOrNodeArray, renderMode, templateName, bindingContext2, options3, afterBindingCallback);
-        if (renderMode === "replaceNode") {
-          targetNodeOrNodeArray = renderedNodesArray;
-          firstTargetNode = getFirstNodeFromPossibleArray(targetNodeOrNodeArray);
-        }
-      }, null, { disposeWhen: whenToDispose, disposeWhenNodeIsRemoved: activelyDisposeWhenNodeIsRemoved });
+      return computed(
+        function() {
+          var bindingContext2 = dataOrBindingContext && dataOrBindingContext instanceof bindingContext ? dataOrBindingContext : new bindingContext(dataOrBindingContext, null, null, null, { "exportDependencies": true });
+          var templateName = resolveTemplateName(template, bindingContext2.$data, bindingContext2);
+          const renderedNodesArray = executeTemplate(targetNodeOrNodeArray, renderMode, templateName, bindingContext2, options3, afterBindingCallback);
+          if (renderMode === "replaceNode") {
+            targetNodeOrNodeArray = renderedNodesArray;
+            firstTargetNode = getFirstNodeFromPossibleArray(targetNodeOrNodeArray);
+          }
+        },
+        null,
+        { disposeWhen: whenToDispose, disposeWhenNodeIsRemoved: activelyDisposeWhenNodeIsRemoved }
+      );
     } else {
       return memoization_exports.memoize(function(domNode) {
         renderTemplate(template, dataOrBindingContext, options3, domNode, "replaceNode");
@@ -4874,9 +4905,13 @@ ${name} ${msg} of
     function executeTemplateForArrayItem(arrayValue, index) {
       if (options3.as) {
         if (options_default.createChildContextWithAs) {
-          arrayItemContext = parentBindingContext.createChildContext(arrayValue, options3.as, (context) => {
-            context.$index = index;
-          });
+          arrayItemContext = parentBindingContext.createChildContext(
+            arrayValue,
+            options3.as,
+            (context) => {
+              context.$index = index;
+            }
+          );
         } else {
           arrayItemContext = parentBindingContext.extend({
             [options3.as]: arrayValue,
@@ -5177,14 +5212,19 @@ ${name} ${msg} of
       };
     }
     create(...additionalProperties) {
-      const instance = Object.assign({
-        get getBindingHandler() {
-          return options_default.getBindingHandler;
+      const instance = Object.assign(
+        {
+          get getBindingHandler() {
+            return options_default.getBindingHandler;
+          },
+          set getBindingHandler(fn) {
+            options_default.set("getBindingHandler", fn);
+          }
         },
-        set getBindingHandler(fn) {
-          options_default.set("getBindingHandler", fn);
-        }
-      }, knockout, this.providedProperties, ...additionalProperties);
+        knockout,
+        this.providedProperties,
+        ...additionalProperties
+      );
       instance.options.knockoutInstance = instance;
       return instance;
     }
@@ -5197,11 +5237,15 @@ ${name} ${msg} of
         this[nameOrObject] = value2;
       } else if (typeof nameOrObject === "object") {
         if (value2 !== void 0) {
-          options_default.onError(new Error("Given extraneous `value` parameter (first param should be a string, but it was an object)." + nameOrObject));
+          options_default.onError(
+            new Error("Given extraneous `value` parameter (first param should be a string, but it was an object)." + nameOrObject)
+          );
         }
         Object.assign(this, nameOrObject);
       } else {
-        options_default.onError(new Error("Given a bad binding handler type: " + nameOrObject));
+        options_default.onError(
+          new Error("Given a bad binding handler type: " + nameOrObject)
+        );
       }
     }
     get(nameOrDotted) {
@@ -5247,7 +5291,10 @@ ${name} ${msg} of
       }
     }
     makeAccessorsFromFunction(callback) {
-      return objectMap(dependencyDetection_exports.ignore(callback), (value2, key) => () => callback()[key]);
+      return objectMap(
+        dependencyDetection_exports.ignore(callback),
+        (value2, key) => () => callback()[key]
+      );
     }
     makeValueAccessor(value2) {
       return () => value2;
@@ -5721,7 +5768,10 @@ ${name} ${msg} of
       if (!accessors || Object.keys(accessors).length === 0) {
         return { $raw: {} };
       }
-      const $raw = objectMap(accessors, (value2) => computed(value2, null, { disposeWhenNodeIsRemoved: node }));
+      const $raw = objectMap(
+        accessors,
+        (value2) => computed(value2, null, { disposeWhenNodeIsRemoved: node })
+      );
       const params = objectMap($raw, (v) => this.makeParamValue(node, v));
       return Object.assign({ $raw }, params);
     }
@@ -6430,7 +6480,10 @@ ${name} ${msg} of
     constructor(...args) {
       super(...args);
       if (ieVersion < 11) {
-        this.addEventListener("propertychange", (event) => event.propertyName === "value" && this.updateModel(event));
+        this.addEventListener(
+          "propertychange",
+          (event) => event.propertyName === "value" && this.updateModel(event)
+        );
       }
       if (ieVersion >= 8 && ieVersion < 10) {
         this.watchForSelectionChangeEvent();
@@ -6516,7 +6569,10 @@ ${name} ${msg} of
     constructor(...args) {
       super(...args);
       if (this.isCheckboxOrRadio) {
-        applyBindingAccessorsToNode(this.$element, { checkedValue: this.valueAccessor });
+        applyBindingAccessorsToNode(
+          this.$element,
+          { checkedValue: this.valueAccessor }
+        );
         return;
       }
       this.propertyChangedFired = false;
@@ -6885,7 +6941,9 @@ ${name} ${msg} of
       this.container = virtualElements_exports.isStartComment(this.$element) ? this.$element.parentNode : this.$element;
       this.generateContext = this.createContextGenerator(this.as);
       this.$indexHasBeenRequested = false;
-      this.templateNode = makeTemplateNode(settings.templateNode || (settings.name ? document.getElementById(settings.name).cloneNode(true) : this.$element));
+      this.templateNode = makeTemplateNode(
+        settings.templateNode || (settings.name ? document.getElementById(settings.name).cloneNode(true) : this.$element)
+      );
       ["afterAdd", "beforeRemove", "afterQueueFlush", "beforeQueueFlush"].forEach((p) => {
         this[p] = settings[p] || this.allBindings.get(p);
       });
@@ -7040,7 +7098,10 @@ ${name} ${msg} of
           var templateClone = this.templateNode.cloneNode(true);
           children = virtualElements_exports.childNodes(templateClone);
           this.updateFirstLastNodesList(index + i, children);
-          const bindingResult = applyBindingsToDescendants(this.generateContext(valuesToAdd[i]), templateClone);
+          const bindingResult = applyBindingsToDescendants(
+            this.generateContext(valuesToAdd[i]),
+            templateClone
+          );
           asyncBindingResults.push(bindingResult);
         }
         allChildNodes.push(...children);
@@ -7406,7 +7467,11 @@ ${name} ${msg} of
       adds.forEach((change) => this.addChange(...change));
     }
     addChange(index, jsx) {
-      this.nodeArrayOrObservableAtIndex.splice(index, 0, this.injectNode(jsx, this.lastNodeFor(index)));
+      this.nodeArrayOrObservableAtIndex.splice(
+        index,
+        0,
+        this.injectNode(jsx, this.lastNodeFor(index))
+      );
     }
     injectNode(jsx, nextNode) {
       let nodeArrayOrObservable;
@@ -7417,7 +7482,9 @@ ${name} ${msg} of
       } else if (typeof jsx !== "string" && isIterable(jsx)) {
         nodeArrayOrObservable = [];
         for (const child of jsx) {
-          nodeArrayOrObservable.unshift(this.injectNode(child, nextNode));
+          nodeArrayOrObservable.unshift(
+            this.injectNode(child, nextNode)
+          );
         }
       } else {
         const $context = contextFor(this.parentNode);
@@ -7441,7 +7508,9 @@ ${name} ${msg} of
       return node.nodeType === 1 || node.nodeType === 8;
     }
     delChange(index) {
-      this.removeNodeArrayOrObservable(this.nodeArrayOrObservableAtIndex[index]);
+      this.removeNodeArrayOrObservable(
+        this.nodeArrayOrObservableAtIndex[index]
+      );
       this.nodeArrayOrObservableAtIndex.splice(index, 1);
     }
     getSubscriptionsForNode(node) {
@@ -7508,9 +7577,11 @@ ${name} ${msg} of
       node[ORIGINAL_JSX_SYM] = jsx;
       if (isObservable(jsx.attributes)) {
         const subscriptions = this.getSubscriptionsForNode(node);
-        subscriptions.push(jsx.attributes.subscribe((attrs) => {
-          this.updateAttributes(node, unwrap(attrs));
-        }));
+        subscriptions.push(
+          jsx.attributes.subscribe((attrs) => {
+            this.updateAttributes(node, unwrap(attrs));
+          })
+        );
       }
       this.updateAttributes(node, unwrap(jsx.attributes));
       this.addDisposable(new JsxObserver(jsx.children, node, null, xmlns, this.noInitialBinding));
@@ -7529,7 +7600,9 @@ ${name} ${msg} of
       for (const [name, value2] of Object.entries(attributes || {})) {
         toRemove.delete(name);
         if (isObservable(value2)) {
-          subscriptions.push(value2.subscribe((attr2) => this.setNodeAttribute(node, name, value2)));
+          subscriptions.push(
+            value2.subscribe((attr2) => this.setNodeAttribute(node, name, value2))
+          );
         }
         this.setNodeAttribute(node, name, value2);
       }
@@ -7630,7 +7703,9 @@ ${name} ${msg} of
   var ComponentBinding = class extends DescendantBindingHandler {
     constructor(params) {
       super(params);
-      this.originalChildNodes = makeArray(virtualElements_exports.childNodes(this.$element));
+      this.originalChildNodes = makeArray(
+        virtualElements_exports.childNodes(this.$element)
+      );
       this.computed("computeApplyComponent");
     }
     cloneTemplateIntoElement(componentName, template, element) {
@@ -7685,7 +7760,9 @@ ${name} ${msg} of
       const ctxExtender = (ctx) => Object.assign(ctx, {
         $component,
         $componentTemplateNodes: this.originalChildNodes,
-        $componentTemplateSlotNodes: this.makeTemplateSlotNodes(this.originalChildNodes)
+        $componentTemplateSlotNodes: this.makeTemplateSlotNodes(
+          this.originalChildNodes
+        )
       });
       return this.$context.createChildContext($component, void 0, ctxExtender);
     }
@@ -7882,7 +7959,7 @@ ${name} ${msg} of
       bindingStringPreparsers: [functionRewrite]
     }
   });
-  var version = "4.0.0-beta1.3";
+  var version = "4.0.0-beta1.5";
   var src_default = builder.create({
     version,
     components: dist_default,