@microsoft/fast-element 2.7.0 → 2.8.0

package/dist/fast-element.api.json

@@ -9167,6 +9167,37 @@
               "isProtected": false,
               "isAbstract": false
             },
+            {
+              "kind": "Property",
+              "canonicalReference": "@microsoft/fast-element!FASTElementDefinition#lifecycleCallbacks:member",
+              "docComment": "/**\n * Lifecycle callbacks for template events.\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "readonly lifecycleCallbacks?: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "TemplateLifecycleCallbacks",
+                  "canonicalReference": "@microsoft/fast-element!TemplateLifecycleCallbacks:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": true,
+              "isOptional": true,
+              "releaseTag": "Public",
+              "name": "lifecycleCallbacks",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false,
+              "isProtected": false,
+              "isAbstract": false
+            },
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-element!FASTElementDefinition#name:member",
@@ -12336,6 +12367,60 @@
           "name": "HydratableElementController",
           "preserveMemberOrder": false,
           "members": [
+            {
+              "kind": "Method",
+              "canonicalReference": "@microsoft/fast-element!HydratableElementController.config:member(1)",
+              "docComment": "/**\n * Configure lifecycle callbacks for hydration events\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "static config(callbacks: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "HydrationControllerCallbacks",
+                  "canonicalReference": "@microsoft/fast-element!HydrationControllerCallbacks:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": "): "
+                },
+                {
+                  "kind": "Content",
+                  "text": "typeof "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "HydratableElementController",
+                  "canonicalReference": "@microsoft/fast-element!HydratableElementController:class"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isStatic": true,
+              "returnTypeTokenRange": {
+                "startIndex": 3,
+                "endIndex": 5
+              },
+              "releaseTag": "Beta",
+              "isProtected": false,
+              "overloadIndex": 1,
+              "parameters": [
+                {
+                  "parameterName": "callbacks",
+                  "parameterTypeTokenRange": {
+                    "startIndex": 1,
+                    "endIndex": 2
+                  },
+                  "isOptional": false
+                }
+              ],
+              "isOptional": false,
+              "isAbstract": false,
+              "name": "config"
+            },
             {
               "kind": "Method",
               "canonicalReference": "@microsoft/fast-element!HydratableElementController#connect:member(1)",
@@ -12962,6 +13047,142 @@
           },
           "implementsTokenRanges": []
         },
+        {
+          "kind": "Interface",
+          "canonicalReference": "@microsoft/fast-element!HydrationControllerCallbacks:interface",
+          "docComment": "/**\n * Lifecycle callbacks for element hydration events\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export interface HydrationControllerCallbacks "
+            }
+          ],
+          "fileUrlPath": "dist/dts/components/element-controller.d.ts",
+          "releaseTag": "Public",
+          "name": "HydrationControllerCallbacks",
+          "preserveMemberOrder": false,
+          "members": [
+            {
+              "kind": "MethodSignature",
+              "canonicalReference": "@microsoft/fast-element!HydrationControllerCallbacks#elementDidHydrate:member(1)",
+              "docComment": "/**\n * Called after hydration has finished\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "elementDidHydrate?(name: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "string"
+                },
+                {
+                  "kind": "Content",
+                  "text": "): "
+                },
+                {
+                  "kind": "Content",
+                  "text": "void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isOptional": true,
+              "returnTypeTokenRange": {
+                "startIndex": 3,
+                "endIndex": 4
+              },
+              "releaseTag": "Public",
+              "overloadIndex": 1,
+              "parameters": [
+                {
+                  "parameterName": "name",
+                  "parameterTypeTokenRange": {
+                    "startIndex": 1,
+                    "endIndex": 2
+                  },
+                  "isOptional": false
+                }
+              ],
+              "name": "elementDidHydrate"
+            },
+            {
+              "kind": "MethodSignature",
+              "canonicalReference": "@microsoft/fast-element!HydrationControllerCallbacks#elementWillHydrate:member(1)",
+              "docComment": "/**\n * Called before hydration has started\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "elementWillHydrate?(name: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "string"
+                },
+                {
+                  "kind": "Content",
+                  "text": "): "
+                },
+                {
+                  "kind": "Content",
+                  "text": "void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isOptional": true,
+              "returnTypeTokenRange": {
+                "startIndex": 3,
+                "endIndex": 4
+              },
+              "releaseTag": "Public",
+              "overloadIndex": 1,
+              "parameters": [
+                {
+                  "parameterName": "name",
+                  "parameterTypeTokenRange": {
+                    "startIndex": 1,
+                    "endIndex": 2
+                  },
+                  "isOptional": false
+                }
+              ],
+              "name": "elementWillHydrate"
+            },
+            {
+              "kind": "MethodSignature",
+              "canonicalReference": "@microsoft/fast-element!HydrationControllerCallbacks#hydrationComplete:member(1)",
+              "docComment": "/**\n * Called after all elements have completed hydration\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "hydrationComplete?(): "
+                },
+                {
+                  "kind": "Content",
+                  "text": "void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isOptional": true,
+              "returnTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "releaseTag": "Public",
+              "overloadIndex": 1,
+              "parameters": [],
+              "name": "hydrationComplete"
+            }
+          ],
+          "extendsTokenRanges": []
+        },
         {
           "kind": "Class",
           "canonicalReference": "@microsoft/fast-element!InlineTemplateDirective:class",
@@ -14973,6 +15194,34 @@
                 "endIndex": 2
               }
             },
+            {
+              "kind": "PropertySignature",
+              "canonicalReference": "@microsoft/fast-element!PartialFASTElementDefinition#lifecycleCallbacks:member",
+              "docComment": "/**\n * Lifecycle callbacks for template events.\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "readonly lifecycleCallbacks?: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "TemplateLifecycleCallbacks",
+                  "canonicalReference": "@microsoft/fast-element!TemplateLifecycleCallbacks:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": true,
+              "isOptional": true,
+              "releaseTag": "Public",
+              "name": "lifecycleCallbacks",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              }
+            },
             {
               "kind": "PropertySignature",
               "canonicalReference": "@microsoft/fast-element!PartialFASTElementDefinition#name:member",
@@ -20790,10 +21039,118 @@
           ],
           "extendsTokenRanges": []
         },
+        {
+          "kind": "Interface",
+          "canonicalReference": "@microsoft/fast-element!TemplateLifecycleCallbacks:interface",
+          "docComment": "/**\n * Lifecycle callbacks for template events.\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export interface TemplateLifecycleCallbacks "
+            }
+          ],
+          "fileUrlPath": "dist/dts/components/fast-definitions.d.ts",
+          "releaseTag": "Public",
+          "name": "TemplateLifecycleCallbacks",
+          "preserveMemberOrder": false,
+          "members": [
+            {
+              "kind": "MethodSignature",
+              "canonicalReference": "@microsoft/fast-element!TemplateLifecycleCallbacks#elementDidDefine:member(1)",
+              "docComment": "/**\n * Called after the custom element has been defined\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "elementDidDefine?(name: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "string"
+                },
+                {
+                  "kind": "Content",
+                  "text": "): "
+                },
+                {
+                  "kind": "Content",
+                  "text": "void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isOptional": true,
+              "returnTypeTokenRange": {
+                "startIndex": 3,
+                "endIndex": 4
+              },
+              "releaseTag": "Public",
+              "overloadIndex": 1,
+              "parameters": [
+                {
+                  "parameterName": "name",
+                  "parameterTypeTokenRange": {
+                    "startIndex": 1,
+                    "endIndex": 2
+                  },
+                  "isOptional": false
+                }
+              ],
+              "name": "elementDidDefine"
+            },
+            {
+              "kind": "MethodSignature",
+              "canonicalReference": "@microsoft/fast-element!TemplateLifecycleCallbacks#templateDidUpdate:member(1)",
+              "docComment": "/**\n * Called after the template has been assigned to the definition\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "templateDidUpdate?(name: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "string"
+                },
+                {
+                  "kind": "Content",
+                  "text": "): "
+                },
+                {
+                  "kind": "Content",
+                  "text": "void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isOptional": true,
+              "returnTypeTokenRange": {
+                "startIndex": 3,
+                "endIndex": 4
+              },
+              "releaseTag": "Public",
+              "overloadIndex": 1,
+              "parameters": [
+                {
+                  "parameterName": "name",
+                  "parameterTypeTokenRange": {
+                    "startIndex": 1,
+                    "endIndex": 2
+                  },
+                  "isOptional": false
+                }
+              ],
+              "name": "templateDidUpdate"
+            }
+          ],
+          "extendsTokenRanges": []
+        },
         {
           "kind": "TypeAlias",
           "canonicalReference": "@microsoft/fast-element!TemplateOptions:type",
-          "docComment": "/**\n * Template options.\n *\n * @alpha\n */\n",
+          "docComment": "/**\n * Type for the `TemplateOptions` const enum.\n *\n * @alpha\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -20801,7 +21158,25 @@
             },
             {
               "kind": "Content",
-              "text": "\"defer-and-hydrate\""
+              "text": "(typeof "
+            },
+            {
+              "kind": "Reference",
+              "text": "TemplateOptions",
+              "canonicalReference": "@microsoft/fast-element!TemplateOptions:var"
+            },
+            {
+              "kind": "Content",
+              "text": ")[keyof typeof "
+            },
+            {
+              "kind": "Reference",
+              "text": "TemplateOptions",
+              "canonicalReference": "@microsoft/fast-element!TemplateOptions:var"
+            },
+            {
+              "kind": "Content",
+              "text": "]"
             },
             {
               "kind": "Content",
@@ -20812,6 +21187,29 @@
           "releaseTag": "Alpha",
           "name": "TemplateOptions",
           "typeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 6
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@microsoft/fast-element!TemplateOptions:var",
+          "docComment": "/**\n * Values for the `templateOptions` property.\n *\n * @alpha\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "TemplateOptions: "
+            },
+            {
+              "kind": "Content",
+              "text": "{\n    readonly deferAndHydrate: \"defer-and-hydrate\";\n}"
+            }
+          ],
+          "fileUrlPath": "dist/dts/components/fast-definitions.d.ts",
+          "isReadonly": true,
+          "releaseTag": "Alpha",
+          "name": "TemplateOptions",
+          "variableTypeTokenRange": {
             "startIndex": 1,
             "endIndex": 2
           }

package/dist/fast-element.debug.js

@@ -3128,7 +3128,7 @@ class HydrationView extends DefaultExecutionContext {
         fragment.appendChild(end);
     }
     bind(source, context = this) {
-        var _b, _c;
+        var _b;
         if (this.hydrationStage !== HydrationStage.hydrated) {
             this._hydrationStage = HydrationStage.hydrating;
         }
@@ -3172,7 +3172,28 @@ class HydrationView extends DefaultExecutionContext {
                     if (typeof templateString !== "string") {
                         templateString = templateString.innerHTML;
                     }
-                    throw new HydrationBindingError(`HydrationView was unable to successfully target bindings inside "${(_c = ((_b = this.firstChild) === null || _b === void 0 ? void 0 : _b.getRootNode()).host) === null || _c === void 0 ? void 0 : _c.nodeName}".`, factory, createRangeForNodes(this.firstChild, this.lastChild).cloneContents(), templateString);
+                    const hostElement = ((_b = this.firstChild) === null || _b === void 0 ? void 0 : _b.getRootNode())
+                        .host;
+                    const hostName = (hostElement === null || hostElement === void 0 ? void 0 : hostElement.nodeName) || "unknown";
+                    const factoryInfo = factory;
+                    // Build detailed error message
+                    const details = [
+                        `HydrationView was unable to successfully target bindings inside "<${hostName.toLowerCase()}>".`,
+                        `\nMismatch Details:`,
+                        `  - Expected target node ID: "${factory.targetNodeId}"`,
+                        `  - Available target IDs: [${Object.keys(this.targets).join(", ") || "none"}]`,
+                    ];
+                    if (factory.targetTagName) {
+                        details.push(`  - Expected tag name: "${factory.targetTagName}"`);
+                    }
+                    if (factoryInfo.sourceAspect) {
+                        details.push(`  - Source aspect: "${factoryInfo.sourceAspect}"`);
+                    }
+                    if (factoryInfo.aspectType !== undefined) {
+                        details.push(`  - Aspect type: ${factoryInfo.aspectType}`);
+                    }
+                    details.push(`\nThis usually means:`, `  1. The server-rendered HTML doesn't match the client template`, `  2. The hydration markers are missing or corrupted`, `  3. The DOM structure was modified before hydration`, `\nTemplate: ${templateString.slice(0, 200)}${templateString.length > 200 ? "..." : ""}`);
+                    throw new HydrationBindingError(details.join("\n"), factory, createRangeForNodes(this.firstChild, this.lastChild).cloneContents(), templateString);
                 }
             }
         }
@@ -4756,6 +4777,13 @@ const fastElementBaseTypes = new Set();
  * @internal
  */
 const fastElementRegistry = FAST.getById(KernelServiceId.elementRegistry, () => createTypeRegistry());
+/**
+ * Values for the `templateOptions` property.
+ * @alpha
+ */
+const TemplateOptions = {
+    deferAndHydrate: "defer-and-hydrate",
+};
 /**
  * Defines metadata for a FASTElement.
  * @public
@@ -4819,10 +4847,12 @@ class FASTElementDefinition {
      * This operation is idempotent per registry.
      */
     define(registry = this.registry) {
+        var _b, _c;
         const type = this.type;
         if (!registry.get(this.name)) {
             this.platformDefined = true;
             registry.define(this.name, type, this.elementOptions);
+            (_c = (_b = this.lifecycleCallbacks) === null || _b === void 0 ? void 0 : _b.elementDidDefine) === null || _c === void 0 ? void 0 : _c.call(_b, this.name);
         }
         return this;
     }
@@ -4863,15 +4893,13 @@ class FASTElementDefinition {
                 }, nameOrDef));
             }
             const definition = new FASTElementDefinition(type, nameOrDef);
-            Promise.all([
-                new Promise(resolve => {
-                    Observable.getNotifier(definition).subscribe({
-                        handleChange: () => resolve(),
-                    }, "template");
-                }),
-            ]).then(() => {
-                resolve(definition);
-            });
+            Observable.getNotifier(definition).subscribe({
+                handleChange: () => {
+                    var _b, _c;
+                    (_c = (_b = definition.lifecycleCallbacks) === null || _b === void 0 ? void 0 : _b.templateDidUpdate) === null || _c === void 0 ? void 0 : _c.call(_b, definition.name);
+                    resolve(definition);
+                },
+            }, "template");
         });
     }
 }
@@ -4899,9 +4927,7 @@ FASTElementDefinition.registerAsync = (name) => __awaiter(void 0, void 0, void 0
         if (FASTElementDefinition.isRegistered[name]) {
             resolve(FASTElementDefinition.isRegistered[name]);
         }
-        Observable.getNotifier(FASTElementDefinition.isRegistered).subscribe({
-            handleChange: () => resolve(FASTElementDefinition.isRegistered[name]),
-        }, name);
+        Observable.getNotifier(FASTElementDefinition.isRegistered).subscribe({ handleChange: () => resolve(FASTElementDefinition.isRegistered[name]) }, name);
     });
 });
 Observable.defineProperty(FASTElementDefinition.prototype, "template");
@@ -5997,24 +6023,39 @@ const needsHydrationAttribute = "needs-hydration";
  * @beta
  */
 class HydratableElementController extends ElementController {
+    /**
+     * Configure lifecycle callbacks for hydration events
+     */
+    static config(callbacks) {
+        HydratableElementController.lifecycleCallbacks = callbacks;
+        return this;
+    }
     static hydrationObserverHandler(records) {
         for (const record of records) {
             HydratableElementController.hydrationObserver.unobserve(record.target);
             record.target.$fastController.connect();
         }
     }
+    /**
+     * Checks if all elements have completed hydration and dispatches event if complete
+     */
+    static checkHydrationComplete() {
+        var _a, _b;
+        if (!document.querySelector(`[${needsHydrationAttribute}]`)) {
+            (_b = (_a = HydratableElementController.lifecycleCallbacks) === null || _a === void 0 ? void 0 : _a.hydrationComplete) === null || _b === void 0 ? void 0 : _b.call(_a);
+        }
+    }
     static forCustomElement(element, override) {
         const definition = FASTElementDefinition.getForInstance(element);
-        if (definition !== undefined &&
-            definition.templateOptions === "defer-and-hydrate" &&
+        if ((definition === null || definition === void 0 ? void 0 : definition.templateOptions) === TemplateOptions.deferAndHydrate &&
             !definition.template) {
-            element.setAttribute(deferHydrationAttribute, "");
-            element.setAttribute(needsHydrationAttribute, "");
+            element.toggleAttribute(deferHydrationAttribute, true);
+            element.toggleAttribute(needsHydrationAttribute, true);
         }
         return super.forCustomElement(element, override);
     }
     connect() {
-        var _a, _b;
+        var _a, _b, _c, _d, _e, _f;
         // Initialize needsHydration on first connect
         if (this.needsHydration === undefined) {
             this.needsHydration =
@@ -6039,11 +6080,13 @@ class HydratableElementController extends ElementController {
         if (this.stage !== 3 /* Stages.disconnected */) {
             return;
         }
+        // Callback: Before hydration has started
+        (_b = (_a = HydratableElementController.lifecycleCallbacks) === null || _a === void 0 ? void 0 : _a.elementWillHydrate) === null || _b === void 0 ? void 0 : _b.call(_a, this.definition.name);
         this.stage = 0 /* Stages.connecting */;
         this.bindObservables();
         this.connectBehaviors();
         const element = this.source;
-        const host = (_a = getShadowRoot(element)) !== null && _a !== void 0 ? _a : element;
+        const host = (_c = getShadowRoot(element)) !== null && _c !== void 0 ? _c : element;
         if (this.template) {
             if (isHydratable(this.template)) {
                 let firstChild = host.firstChild;
@@ -6060,7 +6103,7 @@ class HydratableElementController extends ElementController {
                     }
                 }
                 this.view = this.template.hydrate(firstChild, lastChild, element);
-                (_b = this.view) === null || _b === void 0 ? void 0 : _b.bind(this.source);
+                (_d = this.view) === null || _d === void 0 ? void 0 : _d.bind(this.source);
             }
             else {
                 this.renderTemplate(this.template);
@@ -6071,6 +6114,10 @@ class HydratableElementController extends ElementController {
         this.source.removeAttribute(needsHydrationAttribute);
         this.needsInitialization = this.needsHydration = false;
         Observable.notify(this, isConnectedPropertyName);
+        // Callback: After hydration has finished
+        (_f = (_e = HydratableElementController.lifecycleCallbacks) === null || _e === void 0 ? void 0 : _e.elementDidHydrate) === null || _f === void 0 ? void 0 : _f.call(_e, this.definition.name);
+        // Check if hydration is complete after this element is hydrated
+        HydratableElementController.checkHydrationComplete();
     }
     disconnect() {
         super.disconnect();
@@ -6113,21 +6160,11 @@ function compose(type, nameOrDef) {
     return FASTElementDefinition.compose(this, type);
 }
 function defineAsync(type, nameOrDef) {
-    if (isFunction(type)) {
-        return new Promise(resolve => {
-            FASTElementDefinition.composeAsync(type, nameOrDef).then(value => {
-                resolve(value);
-            });
-        }).then(value => {
-            return value.define().type;
-        });
-    }
-    return new Promise(resolve => {
-        FASTElementDefinition.composeAsync(this, type).then(value => {
-            resolve(value);
-        });
-    }).then(value => {
-        return value.define().type;
+    return __awaiter(this, void 0, void 0, function* () {
+        if (isFunction(type)) {
+            return (yield FASTElementDefinition.composeAsync(type, nameOrDef)).define().type;
+        }
+        return (yield FASTElementDefinition.composeAsync(this, type)).define().type;
     });
 }
 function define(type, nameOrDef) {
@@ -6184,4 +6221,4 @@ function customElement(nameOrDef) {
 
 DOM.setPolicy(DOMPolicy.create());
 
-export { ArrayObserver, AttributeConfiguration, AttributeDefinition, Binding, CSSBindingDirective, CSSDirective, ChildrenDirective, Compiler, DOM, DOMAspect, ElementController, ElementStyles, ExecutionContext, FAST, FASTElement, FASTElementDefinition, HTMLBindingDirective, HTMLDirective, HTMLView, HydratableElementController, HydrationBindingError, InlineTemplateDirective, Markup, NodeObservationDirective, Observable, Parser, PropertyChangeNotifier, RefDirective, RenderBehavior, RenderDirective, RepeatBehavior, RepeatDirective, SlottedDirective, Sort, SourceLifetime, Splice, SpliceStrategy, SpliceStrategySupport, StatelessAttachedAttributeDirective, SubscriberSet, Updates, ViewTemplate, attr, booleanConverter, children, css, cssDirective, customElement, elements, emptyArray, fastElementRegistry, html, htmlDirective, lengthOf, listener, normalizeBinding$1 as normalizeBinding, nullableBooleanConverter, nullableNumberConverter, observable, oneTime, oneWay, ref, render, repeat, slotted, sortedCount, volatile, when };
+export { ArrayObserver, AttributeConfiguration, AttributeDefinition, Binding, CSSBindingDirective, CSSDirective, ChildrenDirective, Compiler, DOM, DOMAspect, ElementController, ElementStyles, ExecutionContext, FAST, FASTElement, FASTElementDefinition, HTMLBindingDirective, HTMLDirective, HTMLView, HydratableElementController, HydrationBindingError, InlineTemplateDirective, Markup, NodeObservationDirective, Observable, Parser, PropertyChangeNotifier, RefDirective, RenderBehavior, RenderDirective, RepeatBehavior, RepeatDirective, SlottedDirective, Sort, SourceLifetime, Splice, SpliceStrategy, SpliceStrategySupport, StatelessAttachedAttributeDirective, SubscriberSet, TemplateOptions, Updates, ViewTemplate, attr, booleanConverter, children, css, cssDirective, customElement, elements, emptyArray, fastElementRegistry, html, htmlDirective, lengthOf, listener, normalizeBinding$1 as normalizeBinding, nullableBooleanConverter, nullableNumberConverter, observable, oneTime, oneWay, ref, render, repeat, slotted, sortedCount, volatile, when };