@microsoft/fast-element 2.10.4 → 3.0.0-rc.2

package/dist/esm/arrays.js

@@ -0,0 +1 @@
+export { lengthOf, Sort, Splice, SpliceStrategy, SpliceStrategySupport, sortedCount, } from "./observation/arrays.js";

package/dist/esm/attr.js

@@ -0,0 +1 @@
+export { AttributeConfiguration, AttributeDefinition, attr, booleanConverter, nullableBooleanConverter, nullableNumberConverter, } from "./components/attributes.js";

package/dist/esm/binding/normalize.js

@@ -1,7 +1,7 @@
 import { isFunction } from "../interfaces.js";
 import { Binding } from "./binding.js";
-import { oneWay } from "./one-way.js";
 import { oneTime } from "./one-time.js";
+import { oneWay } from "./one-way.js";
 /**
  * Normalizes the input value into a binding.
  * @param value - The value to create the default binding for.

package/dist/esm/binding/signal.js

@@ -9,8 +9,8 @@ const subscribers = Object.create(null);
 export const Signal = Object.freeze({
     /**
      * Subscribes to a signal.
-     * @param signal The signal to subscribe to.
-     * @param subscriber The subscriber.
+     * @param signal - The signal to subscribe to.
+     * @param subscriber - The subscriber.
      */
     subscribe(signal, subscriber) {
         const found = subscribers[signal];
@@ -25,8 +25,8 @@ export const Signal = Object.freeze({
     },
     /**
      * Unsubscribes from the signal.
-     * @param signal The signal to unsubscribe from.
-     * @param subscriber The subscriber.
+     * @param signal - The signal to unsubscribe from.
+     * @param subscriber - The subscriber.
      */
     unsubscribe(signal, subscriber) {
         const found = subscribers[signal];

package/dist/esm/binding/two-way.js

@@ -1,5 +1,5 @@
 import { isString, Message } from "../interfaces.js";
-import { ExecutionContext, Observable, } from "../observation/observable.js";
+import { Observable, } from "../observation/observable.js";
 import { FAST, makeSerializationNoop } from "../platform.js";
 import { Binding } from "./binding.js";
 const defaultOptions = {
@@ -12,6 +12,7 @@ let twoWaySettings = {
 };
 /**
  * Enables configuring two-way binding settings.
+ * @public
  */
 export const TwoWaySettings = Object.freeze({
     /**
@@ -33,8 +34,7 @@ class TwoWayObserver {
     bind(controller) {
         var _a;
         if (!this.changeEvent) {
-            this.changeEvent =
-                (_a = this.dataBinding.options.changeEvent) !== null && _a !== void 0 ? _a : twoWaySettings.determineChangeEvent(this.directive, this.target);
+            this.changeEvent = (_a = this.dataBinding.options.changeEvent) !== null && _a !== void 0 ? _a : twoWaySettings.determineChangeEvent(this.directive, this.target);
         }
         if (this.isNotBound) {
             this.target.addEventListener(this.changeEvent, this);

package/dist/esm/binding.js

@@ -0,0 +1,4 @@
+export { Binding } from "./binding/binding.js";
+export { normalizeBinding } from "./binding/normalize.js";
+export { oneTime } from "./binding/one-time.js";
+export { listener, oneWay } from "./binding/one-way.js";

package/dist/esm/components/attributes.js

@@ -1,7 +1,7 @@
-import { Observable } from "../observation/observable.js";
+import { DOM } from "../dom.js";
 import { isString } from "../interfaces.js";
+import { Observable } from "../observation/observable.js";
 import { Updates } from "../observation/update-queue.js";
-import { DOM } from "../dom.js";
 import { createMetadataLocator } from "../platform.js";
 const booleanMode = "boolean";
 const reflectMode = "reflect";
@@ -23,14 +23,10 @@ export const AttributeConfiguration = Object.freeze({
  */
 export const booleanConverter = {
     toView(value) {
-        return value ? "true" : "false";
+        return value ? "" : null;
     },
     fromView(value) {
-        return !(value === null ||
-            value === void 0 ||
-            value === "false" ||
-            value === false ||
-            value === 0);
+        return !!value;
     },
 };
 /**
@@ -133,7 +129,15 @@ export class AttributeDefinition {
             return;
         }
         this.guards.add(element);
-        this.setValue(element, value);
+        if (this.mode === booleanMode) {
+            // Native HTML boolean attribute semantics: presence of the attribute
+            // (any string value, including "") means `true`; `null` (the value
+            // passed by the platform on `removeAttribute`) means `false`.
+            this.setValue(element, value !== null);
+        }
+        else {
+            this.setValue(element, value);
+        }
         this.guards.delete(element);
     }
     tryReflectToAttribute(element) {
@@ -146,10 +150,13 @@ export class AttributeDefinition {
             guards.add(element);
             const latestValue = element[this.fieldName];
             switch (mode) {
-                case reflectMode:
+                case reflectMode: {
                     const converter = this.converter;
-                    DOM.setAttribute(element, this.attribute, converter !== void 0 ? converter.toView(latestValue) : latestValue);
+                    DOM.setAttribute(element, this.attribute, converter !== void 0
+                        ? converter.toView(latestValue)
+                        : latestValue);
                     break;
+                }
                 case booleanMode:
                     DOM.setBooleanAttribute(element, this.attribute, latestValue);
                     break;

package/dist/esm/components/definition-schema-transforms.js

@@ -0,0 +1,23 @@
+const definitionSchemaTransformsKey = Symbol("definitionSchemaTransforms");
+let schemaTransformOrder = 0;
+export function setDefinitionSchemaTransform(definition, key, transform, priority) {
+    var _a;
+    const target = definition;
+    const transforms = ((_a = target[definitionSchemaTransformsKey]) !== null && _a !== void 0 ? _a : (target[definitionSchemaTransformsKey] = []));
+    const existingIndex = transforms.findIndex(record => record.key === key);
+    if (existingIndex !== -1) {
+        transforms.splice(existingIndex, 1);
+    }
+    transforms.push({
+        key,
+        transform,
+        order: schemaTransformOrder++,
+        priority,
+    });
+    transforms.sort((a, b) => a.priority - b.priority || a.order - b.order);
+}
+export function getDefinitionSchemaTransforms(definition) {
+    var _a;
+    const transforms = definition === null || definition === void 0 ? void 0 : definition[definitionSchemaTransformsKey];
+    return (_a = transforms === null || transforms === void 0 ? void 0 : transforms.map(record => record.transform)) !== null && _a !== void 0 ? _a : [];
+}