@microsoft/fast-element 2.10.3 → 3.0.0-rc.1

package/dist/esm/di/di.js

@@ -11,7 +11,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
  * Big thanks to https://github.com/fkleuver and the https://github.com/aurelia/aurelia project
  * for the bulk of this code and many of the associated tests.
  */
-import { Context, ContextEvent, } from "../context.js";
+import { Context, } from "../context.js";
 import { Message } from "../interfaces.js";
 import { Metadata } from "../metadata.js";
 import { emptyArray, FAST } from "../platform.js";
@@ -181,7 +181,7 @@ function createContext(nameConfigOrCallback, configuror) {
             return configure(new ResolverBuilder(container, key !== null && key !== void 0 ? key : Interface));
         };
     }
-    Interface.toString = function toString() {
+    Interface.toString = function interfaceToString() {
         return `DIContext<${Interface.name}>`;
     };
     return Interface;
@@ -1132,9 +1132,7 @@ export class ContainerImpl {
     }
     getAll(key, searchAncestors = false) {
         validateKey(key);
-        /* eslint-disable-next-line @typescript-eslint/no-this-alias */
-        const requestor = this;
-        let current = requestor;
+        let current = this;
         let resolver;
         if (searchAncestors) {
             let resolutions = emptyArray;
@@ -1143,7 +1141,7 @@ export class ContainerImpl {
                 if (resolver != null) {
                     resolutions = resolutions.concat(
                     /* eslint-disable-next-line @typescript-eslint/no-non-null-assertion */
-                    buildAllResponse(resolver, current, requestor));
+                    buildAllResponse(resolver, current, this));
                 }
                 current = current.parent;
             }
@@ -1159,7 +1157,7 @@ export class ContainerImpl {
                     }
                 }
                 else {
-                    return buildAllResponse(resolver, current, requestor);
+                    return buildAllResponse(resolver, current, this);
                 }
             }
         }
@@ -1199,7 +1197,7 @@ export class ContainerImpl {
             if (!(registrationResolver instanceof Object) ||
                 registrationResolver.resolve == null) {
                 const newResolver = handler.resolvers.get(keyAsValue);
-                if (newResolver != void 0) {
+                if (newResolver !== void 0) {
                     return newResolver;
                 }
                 throw FAST.error(Message.invalidResolver);

package/dist/esm/directives/children.js

@@ -0,0 +1 @@
+export { ChildrenDirective, children, } from "../templating/children.js";

package/dist/esm/directives/node-observation.js

@@ -0,0 +1 @@
+export { elements, NodeObservationDirective, } from "../templating/node-observation.js";

package/dist/esm/directives/ref.js

@@ -0,0 +1 @@
+export { RefDirective, ref } from "../templating/ref.js";

package/dist/esm/directives/repeat.js

@@ -0,0 +1 @@
+export { RepeatBehavior, RepeatDirective, repeat, } from "../templating/repeat.js";

package/dist/esm/directives/slotted.js

@@ -0,0 +1 @@
+export { SlottedDirective, slotted, } from "../templating/slotted.js";

package/dist/esm/directives/when.js

@@ -0,0 +1 @@
+export { when } from "../templating/when.js";

package/dist/esm/dom-policy.js

@@ -295,7 +295,7 @@ function createDOMGuards(config, defaults) {
 function createTrustedType() {
     const createHTML = html => html;
     return globalThis.trustedTypes
-        ? globalThis.trustedTypes.createPolicy("fast-html", { createHTML })
+        ? globalThis.trustedTypes.createPolicy("fast-element", { createHTML })
         : { createHTML };
 }
 function tryGuard(aspectGuards, tagName, aspect, aspectName, sink) {
@@ -314,7 +314,7 @@ function tryGuard(aspectGuards, tagName, aspect, aspectName, sink) {
 const DOMPolicy = Object.freeze({
     /**
      * Creates a new DOM Policy object.
-     * @param options The options to use in creating the policy.
+     * @param options - The options to use in creating the policy.
      * @returns The newly created DOMPolicy.
      */
     create(options = {}) {

package/dist/esm/dom.js

@@ -36,7 +36,7 @@ export const DOMAspect = Object.freeze({
 });
 const createHTML = html => html;
 const fastTrustedType = globalThis.trustedTypes
-    ? globalThis.trustedTypes.createPolicy("fast-html", { createHTML })
+    ? globalThis.trustedTypes.createPolicy("fast-element", { createHTML })
     : { createHTML };
 let defaultPolicy = Object.freeze({
     createHTML(value) {

package/dist/esm/html.js

@@ -0,0 +1,2 @@
+export { html, InlineTemplateDirective, ViewTemplate, } from "./templating/template.js";
+export { HTMLView } from "./templating/view.js";

package/dist/esm/hydration/runtime.js

@@ -0,0 +1,33 @@
+import { Hydratable } from "../components/hydration.js";
+import { ViewTemplate } from "../templating/template.js";
+import { HydrationView } from "../templating/hydration-view.js";
+let installed = false;
+/**
+ * Installs the hydration runtime on `ViewTemplate.prototype`,
+ * making all templates hydratable. Call this before any hydration
+ * occurs. Safe to call multiple times — subsequent calls are no-ops.
+ * @internal
+ */
+export function ensureHydrationRuntime() {
+    if (installed) {
+        return;
+    }
+    const prototype = ViewTemplate.prototype;
+    if (prototype[Hydratable] !== Hydratable) {
+        Object.defineProperties(prototype, {
+            [Hydratable]: {
+                value: Hydratable,
+                enumerable: false,
+                configurable: false,
+            },
+            hydrate: {
+                value(firstChild, lastChild, hostBindingTarget) {
+                    return new HydrationView(firstChild, lastChild, this, hostBindingTarget);
+                },
+                enumerable: true,
+                configurable: false,
+            },
+        });
+    }
+    installed = true;
+}

package/dist/esm/hydration/target-builder.js

@@ -39,26 +39,24 @@ export function createRangeForNodes(first, last) {
     range.setEnd(last, isComment(last) || isText(last) ? last.data.length : last.childNodes.length);
     return range;
 }
-function isShadowRoot(node) {
-    return node instanceof DocumentFragment && "mode" in node;
-}
 /**
  * Maps compiled ViewBehaviorFactory IDs to their corresponding DOM nodes in the
  * server-rendered shadow root. Uses a TreeWalker to scan the existing DOM between
- * firstNode and lastNode, parsing hydration markers to build the targets map.
+ * firstNode and lastNode, processing data-free sequential hydration markers.
+ *
+ * A sequential factory pointer advances through the factories array in DFS order.
+ * Since the template compiler and hydration walker both traverse the DOM in
+ * identical depth-first order, no embedded indices are needed in markers.
  *
- * For element nodes: parses `data-fe-b` (or variant) attributes to identify which
- * factories target each element, then removes the marker attribute.
+ * For element nodes: parses `data-fe="N"` to determine the count of attribute
+ * binding factories, then consumes N factories sequentially.
  *
- * For comment nodes: parses content binding markers (`fe-b$$start/end$$`) to find
- * the DOM range controlled by each content binding. Single text nodes become the
- * direct target; multi-node ranges are stored in boundaries for structural directives.
- * Element boundary markers (`fe-eb$$start/end$$`) cause the walker to skip over
- * nested custom elements that handle their own hydration.
+ * For comment nodes: `fe:b` markers consume the next factory for content bindings,
+ * using balanced depth counting for nested marker pairing. `fe:e` markers cause
+ * the walker to skip nested custom element subtrees.
  *
  * Host bindings (targetNodeId='h') appear at the start of the factories array but
- * have no SSR markers — getHydrationIndexOffset() computes how many to skip so that
- * marker indices align with the correct non-host factories.
+ * have no SSR markers — getHydrationIndexOffset() computes the initial pointer value.
  *
  * @param firstNode - The first node of the view.
  * @param lastNode -  The last node of the view.
@@ -66,9 +64,9 @@ function isShadowRoot(node) {
  * @returns - A {@link ViewBehaviorTargets } object for the factories in the view.
  */
 export function buildViewBindingTargets(firstNode, lastNode, factories) {
+    var _a, _b;
     const range = createRangeForNodes(firstNode, lastNode);
     const treeRoot = range.commonAncestorContainer;
-    const hydrationIndexOffset = getHydrationIndexOffset(factories);
     const walker = document.createTreeWalker(treeRoot, NodeFilter.SHOW_ELEMENT + NodeFilter.SHOW_COMMENT + NodeFilter.SHOW_TEXT, {
         acceptNode(node) {
             return range.comparePoint(node, 0) === 0
@@ -78,15 +76,40 @@ export function buildViewBindingTargets(firstNode, lastNode, factories) {
     });
     const targets = {};
     const boundaries = {};
+    // Sequential factory pointer — skip host bindings at the start
+    let factoryPointer = getHydrationIndexOffset(factories);
     let node = (walker.currentNode = firstNode);
     while (node !== null) {
         switch (node.nodeType) {
             case Node.ELEMENT_NODE: {
-                targetElement(node, factories, targets, hydrationIndexOffset);
+                const count = HydrationMarkup.parseAttributeBindingCount(node);
+                if (count !== null) {
+                    for (let i = 0; i < count; i++) {
+                        const factory = factories[factoryPointer++];
+                        if (!factory) {
+                            throw new HydrationTargetElementError(`HydrationView was unable to successfully target factory on ${node.nodeName} inside ${node.getRootNode().host.nodeName}. This likely indicates a template mismatch between SSR rendering and hydration.`, factories, node);
+                        }
+                        targetFactory(factory, node, targets);
+                    }
+                    node.removeAttribute(HydrationMarkup.attributeMarkerName);
+                }
                 break;
             }
             case Node.COMMENT_NODE: {
-                targetComment(node, walker, factories, targets, boundaries, hydrationIndexOffset);
+                const data = node.data;
+                if (data === "fe:e") {
+                    // Element boundary — clear start marker and skip subtree
+                    node.data = "";
+                    skipToElementBoundaryEnd(walker, factories, node);
+                }
+                else if (data === "fe:b") {
+                    // Content binding — consume next factory
+                    const factory = factories[factoryPointer++];
+                    if (!factory) {
+                        throw new HydrationTargetElementError(`HydrationView ran out of factories while processing a content binding marker inside ${(_b = (_a = node.getRootNode().host) === null || _a === void 0 ? void 0 : _a.nodeName) !== null && _b !== void 0 ? _b : "unknown"}. This likely indicates a template mismatch between SSR rendering and hydration.`, factories, node);
+                    }
+                    targetContentBinding(node, walker, factory, factories, targets, boundaries);
+                }
                 break;
             }
         }
@@ -95,100 +118,84 @@ export function buildViewBindingTargets(firstNode, lastNode, factories) {
     range.detach();
     return { targets, boundaries };
 }
-function targetElement(node, factories, targets, hydrationIndexOffset) {
-    var _a, _b;
-    // Check for attributes and map any factories.
-    const attrFactoryIds = (_b = (_a = HydrationMarkup.parseAttributeBinding(node)) !== null && _a !== void 0 ? _a : HydrationMarkup.parseEnumeratedAttributeBinding(node)) !== null && _b !== void 0 ? _b : HydrationMarkup.parseCompactAttributeBinding(node);
-    if (attrFactoryIds !== null) {
-        for (const id of attrFactoryIds) {
-            const factory = factories[id + hydrationIndexOffset];
-            if (!factory) {
-                throw new HydrationTargetElementError(`HydrationView was unable to successfully target factory on ${node.nodeName} inside ${node.getRootNode().host.nodeName}. This likely indicates a template mismatch between SSR rendering and hydration.`, factories, node);
-            }
-            targetFactory(factory, node, targets);
-        }
-        node.removeAttribute(HydrationMarkup.attributeMarkerName);
-    }
-}
-function targetComment(node, walker, factories, targets, boundaries, hydrationIndexOffset) {
-    if (HydrationMarkup.isElementBoundaryStartMarker(node)) {
-        skipToElementBoundaryEndMarker(node, walker);
-        return;
+function targetContentBinding(node, walker, factory, factories, targets, boundaries) {
+    var _a, _b, _c, _d;
+    const nodes = [];
+    let current = walker.nextSibling();
+    node.data = "";
+    if (current === null) {
+        throw new HydrationTargetElementError(`Error hydrating content binding inside "${(_b = (_a = node.getRootNode().host) === null || _a === void 0 ? void 0 : _a.nodeName) !== null && _b !== void 0 ? _b : "unknown"}": no sibling found after content binding start marker.`, factories, node);
     }
-    if (HydrationMarkup.isContentBindingStartMarker(node.data)) {
-        const parsed = HydrationMarkup.parseContentBindingStartMarker(node.data);
-        if (parsed === null) {
-            return;
-        }
-        const [index, id] = parsed;
-        const factory = factories[index + hydrationIndexOffset];
-        const nodes = [];
-        let current = walker.nextSibling();
-        node.data = "";
-        const first = current;
-        // Search for the binding end marker that closes the binding.
-        while (current !== null) {
-            if (isComment(current)) {
-                const parsed = HydrationMarkup.parseContentBindingEndMarker(current.data);
-                if (parsed && parsed[1] === id) {
+    const first = current;
+    // Balanced depth counting for nested content markers
+    let depth = 0;
+    while (current !== null) {
+        if (isComment(current)) {
+            if (current.data === "fe:b") {
+                depth++;
+            }
+            else if (current.data === "fe:/b") {
+                if (depth === 0)
                     break;
-                }
+                depth--;
             }
-            nodes.push(current);
-            current = walker.nextSibling();
-        }
-        if (current === null) {
-            const root = node.getRootNode();
-            throw new Error(`Error hydrating Comment node inside "${isShadowRoot(root) ? root.host.nodeName : root.nodeName}".`);
-        }
-        current.data = "";
-        if (nodes.length === 1 && isText(nodes[0])) {
-            targetFactory(factory, nodes[0], targets);
         }
-        else {
-            // If current === first, it means there is no content in
-            // the view. This happens when a `when` directive evaluates false,
-            // or whenever a content binding returns null or undefined.
-            // In that case, there will never be any content
-            // to hydrate and Binding can simply create a HTMLView
-            // whenever it needs to.
-            if (current !== first && current.previousSibling !== null) {
-                boundaries[factory.targetNodeId] = {
-                    first,
-                    last: current.previousSibling,
-                };
-            }
-            // Binding evaluates to null / undefined or a template.
-            // If binding revaluates to string, it will replace content in target
-            // So we always insert a text node to ensure that
-            // text content binding will be written to this text node instead of comment
-            const dummyTextNode = current.parentNode.insertBefore(document.createTextNode(""), current);
-            targetFactory(factory, dummyTextNode, targets);
+        nodes.push(current);
+        current = walker.nextSibling();
+    }
+    if (current === null) {
+        throw new HydrationTargetElementError(`Error hydrating content binding inside "${(_d = (_c = node.getRootNode().host) === null || _c === void 0 ? void 0 : _c.nodeName) !== null && _d !== void 0 ? _d : "unknown"}": missing fe:/b end marker.`, factories, node);
+    }
+    current.data = "";
+    if (nodes.length === 1 && isText(nodes[0])) {
+        targetFactory(factory, nodes[0], targets);
+    }
+    else {
+        // If current === first, it means there is no content in
+        // the view. This happens when a `when` directive evaluates false,
+        // or whenever a content binding returns null or undefined.
+        if (current !== first && current.previousSibling !== null) {
+            boundaries[factory.targetNodeId] = {
+                first,
+                last: current.previousSibling,
+            };
         }
+        // Insert a text node so text content binding targets it
+        const dummyTextNode = current.parentNode.insertBefore(document.createTextNode(""), current);
+        targetFactory(factory, dummyTextNode, targets);
     }
 }
 /**
- * Moves TreeWalker to element boundary end marker
- * @param node - element boundary start marker node
- * @param walker - tree walker
+ * Skips past a nested custom element's shadow content using balanced
+ * depth counting to handle nested element boundaries correctly.
  */
-function skipToElementBoundaryEndMarker(node, walker) {
-    const id = HydrationMarkup.parseElementBoundaryStartMarker(node.data);
+function skipToElementBoundaryEnd(walker, factories, startNode) {
+    var _a, _b;
+    let depth = 0;
     let current = walker.nextSibling();
     while (current !== null) {
         if (isComment(current)) {
-            const parsed = HydrationMarkup.parseElementBoundaryEndMarker(current.data);
-            if (parsed && parsed === id) {
-                break;
+            if (current.data === "fe:e") {
+                current.data = "";
+                depth++;
+            }
+            else if (current.data === "fe:/e") {
+                if (depth === 0) {
+                    current.data = "";
+                    return;
+                }
+                current.data = "";
+                depth--;
             }
         }
         current = walker.nextSibling();
     }
+    throw new HydrationTargetElementError(`HydrationView could not find the end of an element boundary inside ${(_b = (_a = startNode.getRootNode().host) === null || _a === void 0 ? void 0 : _a.nodeName) !== null && _b !== void 0 ? _b : "unknown"}. This likely indicates a template mismatch between SSR rendering and hydration.`, factories, startNode);
 }
 /**
  * Counts how many factories at the start of the array are host bindings (targetNodeId='h').
  * Host bindings target the custom element itself and are not represented by SSR markers,
- * so the marker indices must be offset by this count to align with the correct factory.
+ * so the factory pointer must start past them.
  */
 function getHydrationIndexOffset(factories) {
     let offset = 0;

package/dist/esm/hydration.js

@@ -0,0 +1,4 @@
+export { deferHydrationAttribute, enableHydration, } from "./components/enable-hydration.js";
+export { isHydratable } from "./components/hydration.js";
+export { HydrationTracker } from "./components/hydration-tracker.js";
+export { HydrationBindingError, HydrationStage, } from "./templating/hydration-view.js";

package/dist/esm/index.debug.js

@@ -1,2 +1,3 @@
-import "./debug.js";
+import { enableDebug } from "./debug.js";
+enableDebug();
 export * from "./index.js";

package/dist/esm/index.js

@@ -1,39 +1,44 @@
-export { emptyArray, FAST } from "./platform.js";
-// DOM
-export { DOM, DOMAspect } from "./dom.js";
-// Observation
-export { ArrayObserver, lengthOf, Sort, sortedCount, Splice, SpliceStrategy, SpliceStrategySupport, } from "./observation/arrays.js";
-export { PropertyChangeNotifier, SubscriberSet, } from "./observation/notifier.js";
-export { ExecutionContext, Observable, observable, SourceLifetime, volatile, } from "./observation/observable.js";
-export { Updates } from "./observation/update-queue.js";
+// Kernel
+// Components
+export { AttributeConfiguration, AttributeDefinition, attr, booleanConverter, nullableBooleanConverter, nullableNumberConverter, } from "./attr.js";
 // Binding
 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";
+export { Signal, signal } from "./binding/signal.js";
+export { TwoWaySettings, twoWay, } from "./binding/two-way.js";
+export { ElementController, Stages, } from "./components/element-controller.js";
+export { FASTElementDefinition, fastElementRegistry, } from "./components/fast-definitions.js";
+export { customElement, FASTElement } from "./components/fast-element.js";
+export { enableDebug } from "./debug.js";
+// Directives
+export { ChildrenDirective, children, } from "./directives/children.js";
+export { elements, NodeObservationDirective, } from "./directives/node-observation.js";
+export { RefDirective, ref } from "./directives/ref.js";
+export { RepeatBehavior, RepeatDirective, repeat, } from "./directives/repeat.js";
+export { SlottedDirective, slotted, } from "./directives/slotted.js";
+export { when } from "./directives/when.js";
+export * from "./dom.js";
+export { DOMPolicy, } from "./dom-policy.js";
+export { ArrayObserver, lengthOf, Sort, Splice, SpliceStrategy, SpliceStrategySupport, sortedCount, } from "./observation/arrays.js";
+// Observation
+export { PropertyChangeNotifier, SubscriberSet, } from "./observation/notifier.js";
+export { ExecutionContext, Observable, observable, SourceLifetime, volatile, } from "./observation/observable.js";
+export { Updates } from "./observation/update-queue.js";
+export { emptyArray, FAST } from "./platform.js";
+export { Schema, schemaRegistry, } from "./schema.js";
+export * from "./state/exports.js";
 // Styles
-export { CSSBindingDirective } from "./styles/css-binding-directive.js";
-export { cssDirective, CSSDirective, } from "./styles/css-directive.js";
 export { css } from "./styles/css.js";
-export { ElementStyles, } from "./styles/element-styles.js";
-export {} from "./styles/host.js";
+export { CSSDirective, cssDirective, } from "./styles/css-directive.js";
+export { ElementStyles } from "./styles/element-styles.js";
 // Templating
-export { children, ChildrenDirective } from "./templating/children.js";
 export { Compiler } from "./templating/compiler.js";
-export { HTMLBindingDirective } from "./templating/html-binding-directive.js";
-export { htmlDirective, HTMLDirective, StatelessAttachedAttributeDirective, } from "./templating/html-directive.js";
+export { HTMLBindingDirective, } from "./templating/html-binding-directive.js";
+export { HTMLDirective, htmlDirective, StatelessAttachedAttributeDirective, } from "./templating/html-directive.js";
 export { Markup, Parser } from "./templating/markup.js";
-export { elements, NodeObservationDirective } from "./templating/node-observation.js";
-export { ref, RefDirective } from "./templating/ref.js";
-export { render, RenderBehavior, RenderDirective } from "./templating/render.js";
-export { repeat, RepeatBehavior, RepeatDirective } from "./templating/repeat.js";
-export { slotted, SlottedDirective } from "./templating/slotted.js";
-export { html, InlineTemplateDirective, ViewTemplate } from "./templating/template.js";
-export { HTMLView, HydrationBindingError } from "./templating/view.js";
-export { when } from "./templating/when.js";
-// Components
-export { attr, AttributeConfiguration, AttributeDefinition, booleanConverter, nullableBooleanConverter, nullableNumberConverter, } from "./components/attributes.js";
-export { ElementController, HydratableElementController, needsHydrationAttribute, Stages, } from "./components/element-controller.js";
-export { FASTElementDefinition, fastElementRegistry, TemplateOptions, } from "./components/fast-definitions.js";
-export { customElement, FASTElement } from "./components/fast-element.js";
-export { deferHydrationAttribute, isHydratable } from "./components/hydration.js";
+export { RenderBehavior, RenderDirective, render } from "./templating/render.js";
+export { html, InlineTemplateDirective, ViewTemplate, } from "./templating/template.js";
+export { DefaultExecutionContext, HTMLView, } from "./templating/view.js";
+export * from "./utilities.js";

package/dist/esm/index.rollup.debug.js

@@ -1,5 +1,6 @@
-import "./debug.js";
-import { DOMPolicy } from "./dom-policy.js";
+import { enableDebug } from "./debug.js";
 import { DOM } from "./dom.js";
+import { DOMPolicy } from "./dom-policy.js";
+enableDebug();
 export * from "./index.js";
 DOM.setPolicy(DOMPolicy.create());

package/dist/esm/index.rollup.js

@@ -1,4 +1,4 @@
-import { DOMPolicy } from "./dom-policy.js";
 import { DOM } from "./dom.js";
+import { DOMPolicy } from "./dom-policy.js";
 export * from "./index.js";
 DOM.setPolicy(DOMPolicy.create());

package/dist/esm/interfaces.js

@@ -1,48 +1,3 @@
-let kernelMode;
-const kernelAttr = "fast-kernel";
-try {
-    if (document.currentScript) {
-        kernelMode = document.currentScript.getAttribute(kernelAttr);
-    }
-    else {
-        const scripts = document.getElementsByTagName("script");
-        const currentScript = scripts[scripts.length - 1];
-        kernelMode = currentScript.getAttribute(kernelAttr);
-    }
-}
-catch (e) {
-    kernelMode = "isolate";
-}
-let KernelServiceId;
-switch (kernelMode) {
-    case "share": // share the kernel across major versions
-        KernelServiceId = Object.freeze({
-            updateQueue: 1,
-            observable: 2,
-            contextEvent: 3,
-            elementRegistry: 4,
-        });
-        break;
-    case "share-v2": // only share the kernel with other v2 instances
-        KernelServiceId = Object.freeze({
-            updateQueue: 1.2,
-            observable: 2.2,
-            contextEvent: 3.2,
-            elementRegistry: 4.2,
-        });
-        break;
-    default:
-        // fully isolate the kernel from all other FAST instances
-        const postfix = `-${Math.random().toString(36).substring(2, 8)}`;
-        KernelServiceId = Object.freeze({
-            updateQueue: `1.2${postfix}`,
-            observable: `2.2${postfix}`,
-            contextEvent: `3.2${postfix}`,
-            elementRegistry: `4.2${postfix}`,
-        });
-        break;
-}
-export { KernelServiceId };
 /**
  * Warning and error messages.
  * @internal
@@ -62,6 +17,7 @@ export var Message;
     Message[Message["onlySetTemplatePolicyOnce"] = 1207] = "onlySetTemplatePolicyOnce";
     Message[Message["cannotSetTemplatePolicyAfterCompilation"] = 1208] = "cannotSetTemplatePolicyAfterCompilation";
     Message[Message["blockedByDOMPolicy"] = 1209] = "blockedByDOMPolicy";
+    Message[Message["invalidHydrationAttributeMarker"] = 1210] = "invalidHydrationAttributeMarker";
     // 1301 - 1400 Styles
     // 1401 - 1500 Components
     Message[Message["missingElementDefinition"] = 1401] = "missingElementDefinition";

package/dist/esm/observable.js

@@ -1,5 +1,2 @@
-/**
- * Observable exports for easy access to the Observable API
- */
-export { ExecutionContext, Observable, observable, SourceLifetime, volatile, } from "./observation/observable.js";
 export { PropertyChangeNotifier, SubscriberSet } from "./observation/notifier.js";
+export { ExecutionContext, Observable, observable, SourceLifetime, } from "./observation/observable.js";

package/dist/esm/observation/arrays.js

@@ -589,7 +589,7 @@ export const ArrayObserver = Object.freeze({
      * Enables the array observation mechanism.
      * @remarks
      * Array observation is enabled automatically when using the
-     * {@link RepeatDirective}, so calling this API manually is
+     * `RepeatDirective`, so calling this API manually is
      * not typically necessary.
      */
     enable() {

package/dist/esm/observation/observable.js

@@ -1,4 +1,4 @@
-import { isFunction, isString, KernelServiceId, Message, } from "../interfaces.js";
+import { isFunction, isString, Message, } from "../interfaces.js";
 import { createMetadataLocator, FAST, makeSerializationNoop } from "../platform.js";
 import { PropertyChangeNotifier, SubscriberSet } from "./notifier.js";
 import { Updates } from "./update-queue.js";
@@ -21,7 +21,7 @@ export const SourceLifetime = Object.freeze({
  * Common Observable APIs.
  * @public
  */
-export const Observable = FAST.getById(KernelServiceId.observable, () => {
+export const Observable = (() => {
     const queueUpdate = Updates.enqueue;
     const volatileRegex = /(:|&&|\|\||if|\?\.)/;
     const notifierLookup = new WeakMap();
@@ -264,7 +264,7 @@ export const Observable = FAST.getById(KernelServiceId.observable, () => {
             return volatileRegex.test(expression.toString());
         },
     });
-});
+})();
 /**
  * Decorator: Defines an observable property on the target.
  * @param target - The target to define the observable on.
@@ -289,7 +289,7 @@ export function volatile(target, name, descriptor) {
         },
     });
 }
-const contextEvent = FAST.getById(KernelServiceId.contextEvent, () => {
+const contextEvent = (() => {
     let current = null;
     return {
         get() {
@@ -299,7 +299,7 @@ const contextEvent = FAST.getById(KernelServiceId.contextEvent, () => {
             current = event;
         },
     };
-});
+})();
 /**
  * Provides additional contextual information available to behaviors and expressions.
  * @public