@microsoft/fast-element 2.0.0-beta.20 → 2.0.0-beta.22

package/dist/esm/templating/repeat.js

@@ -1,10 +1,10 @@
 import { Observable } from "../observation/observable.js";
 import { emptyArray } from "../platform.js";
 import { ArrayObserver } from "../observation/arrays.js";
+import { normalizeBinding } from "../binding/normalize.js";
 import { Markup } from "./markup.js";
 import { HTMLDirective, } from "./html-directive.js";
 import { HTMLView } from "./view.js";
-import { normalizeBinding } from "./binding.js";
 const defaultRepeatOptions = Object.freeze({
     positioning: false,
     recycle: true,
@@ -42,8 +42,8 @@ export class RepeatBehavior {
         this.bindView = bindWithoutPositioning;
         /** @internal */
         this.views = [];
-        this.itemsBindingObserver = directive.dataBinding.createObserver(directive, this);
-        this.templateBindingObserver = directive.templateBinding.createObserver(directive, this);
+        this.itemsBindingObserver = directive.dataBinding.createObserver(this, directive);
+        this.templateBindingObserver = directive.templateBinding.createObserver(this, directive);
         if (directive.options.positioning) {
             this.bindView = bindWithPositioning;
         }

package/dist/esm/templating/template.js

@@ -1,8 +1,11 @@
-import { isFunction, isString, noop } from "../interfaces.js";
-import { FAST } from "../platform.js";
-import { bind, HTMLBindingDirective, oneTime } from "./binding.js";
+import { isFunction, isString } from "../interfaces.js";
+import { Binding } from "../binding/binding.js";
+import { FAST, makeSerializationNoop } from "../platform.js";
+import { oneWay } from "../binding/one-way.js";
+import { oneTime } from "../binding/one-time.js";
+import { HTMLBindingDirective } from "./html-binding-directive.js";
 import { Compiler } from "./compiler.js";
-import { Binding, HTMLDirective, } from "./html-directive.js";
+import { HTMLDirective, } from "./html-directive.js";
 import { nextId } from "./markup.js";
 // Much thanks to LitHTML for working this out!
 const lastAttributeNameRegex = 
@@ -62,11 +65,6 @@ export class ViewTemplate {
     constructor(html, factories = {}, policy) {
         this.policy = policy;
         this.result = null;
-        /**
-         * Opts out of JSON stringification.
-         * @internal
-         */
-        this.toJSON = noop;
         this.html = html;
         this.factories = factories;
     }
@@ -145,7 +143,7 @@ export class ViewTemplate {
             let definition;
             html += currentString;
             if (isFunction(currentValue)) {
-                currentValue = new HTMLBindingDirective(bind(currentValue));
+                currentValue = new HTMLBindingDirective(oneWay(currentValue));
             }
             else if (currentValue instanceof Binding) {
                 currentValue = new HTMLBindingDirective(currentValue);
@@ -159,6 +157,7 @@ export class ViewTemplate {
         return new ViewTemplate(html + strings[strings.length - 1], factories, policy);
     }
 }
+makeSerializationNoop(ViewTemplate);
 /**
  * Transforms a template literal string into a ViewTemplate.
  * @param strings - The string fragments that are interpolated with the values.

package/dist/esm/templating/view.js

@@ -1,5 +1,5 @@
-import { noop } from "../interfaces.js";
 import { ExecutionContext, Observable, SourceLifetime, } from "../observation/observable.js";
+import { makeSerializationNoop } from "../platform.js";
 function removeNodeSequence(firstNode, lastNode) {
     const parent = firstNode.parentNode;
     let current = firstNode;
@@ -51,11 +51,6 @@ export class HTMLView {
          * The length of the current collection within a repeat context.
          */
         this.length = 0;
-        /**
-         * Opts out of JSON stringification.
-         * @internal
-         */
-        this.toJSON = noop;
         this.firstChild = fragment.firstChild;
         this.lastChild = fragment.lastChild;
     }
@@ -236,5 +231,6 @@ export class HTMLView {
         }
     }
 }
+makeSerializationNoop(HTMLView);
 Observable.defineProperty(HTMLView.prototype, "index");
 Observable.defineProperty(HTMLView.prototype, "length");

package/dist/esm/testing/fakes.js

@@ -1,5 +1,5 @@
-import { ExecutionContext, } from "../index.js";
 import { noop } from "../interfaces.js";
+import { ExecutionContext } from "../observation/observable.js";
 export const Fake = Object.freeze({
     executionContext(parent, parentContext) {
         return {

package/dist/esm/utilities.js

@@ -28,7 +28,7 @@ export function composedParent(element) {
  * Determines if the reference element contains the test element in a "composed" DOM tree that
  * ignores shadow DOM boundaries.
  *
- * Returns true of the test element is a descendent of the reference, or exist in
+ * Returns true of the test element is a descendent of the reference, or exists in
  * a shadow DOM that is a logical descendent of the reference. Otherwise returns false.
  * @param reference - The element to test for containment against.
  * @param test - The element being tested for containment.
@@ -46,11 +46,12 @@ export function composedContains(reference, test) {
     return false;
 }
 /**
+ * An extension of MutationObserver that supports unobserving nodes.
  * @internal
  */
 export class UnobservableMutationObserver extends MutationObserver {
     /**
-     * An extension of MutationObserver that supports unobserving nodes.
+     * Creates an instance of UnobservableMutationObserver.
      * @param callback - The callback to invoke when observed nodes are changed.
      */
     constructor(callback) {