@microsoft/fast-element 2.8.4 → 2.9.0

package/CHANGELOG.json

@@ -2,7 +2,37 @@
   "name": "@microsoft/fast-element",
   "entries": [
     {
-      "date": "Mon, 01 Dec 2025 18:45:37 GMT",
+      "date": "Mon, 08 Dec 2025 19:47:27 GMT",
+      "version": "2.9.0",
+      "tag": "@microsoft/fast-element_v2.9.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "863023+radium-v@users.noreply.github.com",
+            "package": "@microsoft/fast-element",
+            "commit": "1e21fa3cac5f940f639bf76311af291e1a368da1",
+            "comment": "feat: add support for compact attribute binding markers"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 02 Dec 2025 21:46:59 GMT",
+      "version": "2.8.5",
+      "tag": "@microsoft/fast-element_v2.8.5",
+      "comments": {
+        "patch": [
+          {
+            "author": "863023+radium-v@users.noreply.github.com",
+            "package": "@microsoft/fast-element",
+            "commit": "78c90cc517baa58b21e1dfc99939636fac7fbac6",
+            "comment": "fix: move hydration lifecycle callback to correct position"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 01 Dec 2025 18:46:00 GMT",
       "version": "2.8.4",
       "tag": "@microsoft/fast-element_v2.8.4",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,28 @@
 # Change Log - @microsoft/fast-element
 
-<!-- This log was last generated on Mon, 01 Dec 2025 18:45:37 GMT and should not be manually modified. -->
+<!-- This log was last generated on Mon, 08 Dec 2025 19:47:27 GMT and should not be manually modified. -->
 
 <!-- Start content -->
 
+## 2.9.0
+
+Mon, 08 Dec 2025 19:47:27 GMT
+
+### Minor changes
+
+- feat: add support for compact attribute binding markers (863023+radium-v@users.noreply.github.com)
+
+## 2.8.5
+
+Tue, 02 Dec 2025 21:46:59 GMT
+
+### Patches
+
+- fix: move hydration lifecycle callback to correct position (863023+radium-v@users.noreply.github.com)
+
 ## 2.8.4
 
-Mon, 01 Dec 2025 18:45:37 GMT
+Mon, 01 Dec 2025 18:46:00 GMT
 
 ### Patches
 

package/dist/dts/components/element-controller.d.ts

@@ -6,6 +6,10 @@ import type { StyleStrategy, StyleTarget } from "../styles/style-strategy.js";
 import type { ElementViewTemplate } from "../templating/template.js";
 import type { ElementView } from "../templating/view.js";
 import { FASTElementDefinition, ShadowRootOptions } from "./fast-definitions.js";
+/**
+ * @deprecated Use the export from ./hydration.js instead.
+ */
+export { deferHydrationAttribute } from "./hydration.js";
 /**
  * A type that instantiates an ElementController
  * @public
@@ -256,11 +260,6 @@ export declare class StyleElementStrategy implements StyleStrategy {
     addStylesTo(target: StyleTarget): void;
     removeStylesFrom(target: StyleTarget): void;
 }
-/**
- * The attribute used to defer hydration of an element.
- * @public
- */
-export declare const deferHydrationAttribute = "defer-hydration";
 /**
  * The attribute used to indicate that an element needs hydration.
  * @public

package/dist/dts/components/hydration.d.ts

@@ -8,6 +8,7 @@ import type { HydrationView } from "../templating/view.js";
  */
 export declare const HydrationMarkup: Readonly<{
     attributeMarkerName: "data-fe-b";
+    compactAttributeMarkerName: "data-fe-c";
     attributeBindingSeparator: " ";
     contentBindingStartMarker(index: number, uniqueId: string): string;
     contentBindingEndMarker(index: number, uniqueId: string): string;
@@ -22,15 +23,25 @@ export declare const HydrationMarkup: Readonly<{
     /**
      * Returns the indexes of the ViewBehaviorFactories affecting
      * attributes for the element, or null if no factories were found.
+     *
+     * This method parses the space-separated format: `data-fe-b="0 1 2"`.
      */
     parseAttributeBinding(node: Element): null | number[];
     /**
      * Returns the indexes of the ViewBehaviorFactories affecting
      * attributes for the element, or null if no factories were found.
      *
-     * Uses the alternative syntax of data-fe-b-<number>
+     * This method parses the enumerated format: `data-fe-b-0`, `data-fe-b-1`, `data-fe-b-2`.
+     * This is an alternative format that uses separate attributes for each binding index.
      */
     parseEnumeratedAttributeBinding(node: Element): null | number[];
+    /**
+     * Returns the indexes of the ViewBehaviorFactories affecting
+     * attributes for the element, or null if no factories were found.
+     *
+     * This method parses the compact format: `data-fe-c-{index}-{count}`.
+     */
+    parseCompactAttributeBinding(node: Element): null | number[];
     /**
      * Parses the ViewBehaviorFactory index from string data. Returns
      * the binding index or null if the index cannot be retrieved.
@@ -58,6 +69,14 @@ export declare const Hydratable: unique symbol;
  * @beta
  */
 export declare function isHydratable(view: ViewController): view is HydrationView;
+/** @beta */
 export declare function isHydratable<TSource = any, TParent = any>(template: SyntheticViewTemplate<TSource, TParent>): template is HydratableSyntheticViewTemplate<TSource, TParent>;
+/** @beta */
 export declare function isHydratable<TSource = any, TParent = any>(template: ElementViewTemplate<TSource, TParent>): template is HydratableElementViewTemplate<TSource, TParent>;
+/** @beta */
 export declare function isHydratable(template: ContentTemplate): template is HydratableContentTemplate;
+/**
+ * The attribute used to defer hydration of an element.
+ * @beta
+ */
+export declare const deferHydrationAttribute = "defer-hydration";

package/dist/dts/index.d.ts

@@ -31,4 +31,5 @@ export { render, RenderBehavior, RenderDirective } from "./templating/render.js"
 export { customElement, FASTElement } from "./components/fast-element.js";
 export { FASTElementDefinition, PartialFASTElementDefinition, ShadowRootOptions, fastElementRegistry, TemplateOptions, TypeRegistry, type TemplateLifecycleCallbacks, } from "./components/fast-definitions.js";
 export { attr, AttributeConfiguration, AttributeDefinition, AttributeMode, booleanConverter, DecoratorAttributeConfiguration, nullableBooleanConverter, nullableNumberConverter, ValueConverter, } from "./components/attributes.js";
-export { deferHydrationAttribute, ElementController, ElementControllerStrategy, HydratableElementController, type HydrationControllerCallbacks, needsHydrationAttribute, Stages, } from "./components/element-controller.js";
+export { ElementController, ElementControllerStrategy, HydratableElementController, type HydrationControllerCallbacks, needsHydrationAttribute, Stages, } from "./components/element-controller.js";
+export { deferHydrationAttribute, isHydratable } from "./components/hydration.js";

package/dist/esm/components/element-controller.js

@@ -5,7 +5,11 @@ import { FAST, makeSerializationNoop } from "../platform.js";
 import { ElementStyles } from "../styles/element-styles.js";
 import { UnobservableMutationObserver } from "../utilities.js";
 import { FASTElementDefinition, TemplateOptions, } from "./fast-definitions.js";
-import { HydrationMarkup, isHydratable } from "./hydration.js";
+import { deferHydrationAttribute, HydrationMarkup, isHydratable } from "./hydration.js";
+/**
+ * @deprecated Use the export from ./hydration.js instead.
+ */
+export { deferHydrationAttribute } from "./hydration.js";
 const defaultEventOptions = {
     bubbles: true,
     composed: true,
@@ -623,11 +627,6 @@ if (ElementStyles.supportsAdoptedStyleSheets) {
 else {
     ElementStyles.setDefaultStrategy(StyleElementStrategy);
 }
-/**
- * The attribute used to defer hydration of an element.
- * @public
- */
-export const deferHydrationAttribute = "defer-hydration";
 /**
  * The attribute used to indicate that an element needs hydration.
  * @public
@@ -712,9 +711,6 @@ export class HydratableElementController extends ElementController {
         // Initialize needsHydration on first connect
         this.needsHydration =
             (_a = this.needsHydration) !== null && _a !== void 0 ? _a : this.source.hasAttribute(needsHydrationAttribute);
-        if (this.needsHydration) {
-            (_c = (_b = HydratableElementController.lifecycleCallbacks) === null || _b === void 0 ? void 0 : _b.elementWillHydrate) === null || _c === void 0 ? void 0 : _c.call(_b, this.definition.name);
-        }
         // If the `defer-hydration` attribute exists on the source,
         // wait for it to be removed before continuing connection behavior.
         if (this.source.hasAttribute(deferHydrationAttribute)) {
@@ -736,6 +732,7 @@ export class HydratableElementController extends ElementController {
         if (this.stage !== 3 /* Stages.disconnected */) {
             return;
         }
+        (_c = (_b = HydratableElementController.lifecycleCallbacks) === null || _b === void 0 ? void 0 : _b.elementWillHydrate) === null || _c === void 0 ? void 0 : _c.call(_b, this.definition.name);
         this.stage = 0 /* Stages.connecting */;
         this.bindObservables();
         this.connectBehaviors();

package/dist/esm/components/hydration.js

@@ -1,3 +1,4 @@
+import { FAST } from "../platform.js";
 const bindingStartMarker = /fe-b\$\$start\$\$(\d+)\$\$(.+)\$\$fe-b/;
 const bindingEndMarker = /fe-b\$\$end\$\$(\d+)\$\$(.+)\$\$fe-b/;
 const repeatViewStartMarker = /fe-repeat\$\$start\$\$(\d+)\$\$fe-repeat/;
@@ -13,6 +14,7 @@ function isComment(node) {
  */
 export const HydrationMarkup = Object.freeze({
     attributeMarkerName: "data-fe-b",
+    compactAttributeMarkerName: "data-fe-c",
     attributeBindingSeparator: " ",
     contentBindingStartMarker(index, uniqueId) {
         return `fe-b$$start$$${index}$$${uniqueId}$$fe-b`;
@@ -47,6 +49,8 @@ export const HydrationMarkup = Object.freeze({
     /**
      * Returns the indexes of the ViewBehaviorFactories affecting
      * attributes for the element, or null if no factories were found.
+     *
+     * This method parses the space-separated format: `data-fe-b="0 1 2"`.
      */
     parseAttributeBinding(node) {
         const attr = node.getAttribute(this.attributeMarkerName);
@@ -58,7 +62,8 @@ export const HydrationMarkup = Object.freeze({
      * Returns the indexes of the ViewBehaviorFactories affecting
      * attributes for the element, or null if no factories were found.
      *
-     * Uses the alternative syntax of data-fe-b-<number>
+     * This method parses the enumerated format: `data-fe-b-0`, `data-fe-b-1`, `data-fe-b-2`.
+     * This is an alternative format that uses separate attributes for each binding index.
      */
     parseEnumeratedAttributeBinding(node) {
         const attrs = [];
@@ -71,12 +76,47 @@ export const HydrationMarkup = Object.freeze({
                     attrs.push(count);
                 }
                 else {
-                    throw new Error(`Invalid attribute marker name: ${attr}. Expected format is ${prefix}<number>.`);
+                    throw FAST.error(1601 /* invalidAttributeMarkerName */, {
+                        name: attr,
+                        expectedFormat: `${prefix}<number>`,
+                    });
                 }
             }
         }
         return attrs.length === 0 ? null : attrs;
     },
+    /**
+     * Returns the indexes of the ViewBehaviorFactories affecting
+     * attributes for the element, or null if no factories were found.
+     *
+     * This method parses the compact format: `data-fe-c-{index}-{count}`.
+     */
+    parseCompactAttributeBinding(node) {
+        const prefix = `${this.compactAttributeMarkerName}-`;
+        const attrName = node.getAttributeNames().find(name => name.startsWith(prefix));
+        if (!attrName) {
+            return null;
+        }
+        const suffix = attrName.slice(prefix.length);
+        const parts = suffix.split("-");
+        const startIndex = parseInt(parts[0], 10);
+        const count = parseInt(parts[1], 10);
+        if (parts.length !== 2 ||
+            Number.isNaN(startIndex) ||
+            Number.isNaN(count) ||
+            startIndex < 0 ||
+            count < 1) {
+            throw FAST.error(1604 /* invalidCompactAttributeMarkerName */, {
+                name: attrName,
+                expectedFormat: `${this.compactAttributeMarkerName}-{index}-{count}`,
+            });
+        }
+        const indexes = [];
+        for (let i = 0; i < count; i++) {
+            indexes.push(startIndex + i);
+        }
+        return indexes;
+    },
     /**
      * Parses the ViewBehaviorFactory index from string data. Returns
      * the binding index or null if the index cannot be retrieved.
@@ -122,6 +162,12 @@ function parseIndexAndIdMarker(regex, content) {
  * @internal
  */
 export const Hydratable = Symbol.for("fe-hydration");
+/** @beta */
 export function isHydratable(value) {
     return value[Hydratable] === Hydratable;
 }
+/**
+ * The attribute used to defer hydration of an element.
+ * @beta
+ */
+export const deferHydrationAttribute = "defer-hydration";

package/dist/esm/debug.js

@@ -35,6 +35,9 @@ const debugMessages = {
     [1512 /* noDefaultResolver */]: "'${key}' not registered. Did you forget to add @singleton()?",
     [1513 /* cyclicDependency */]: "Cyclic dependency found '${name}'.",
     [1514 /* connectUpdateRequiresController */]: "Injected properties that are updated on changes to DOM connectivity require the target object to be an instance of FASTElement.",
+    [1601 /* invalidAttributeMarkerName */]: "Invalid attribute marker name: ${name}. Expected format is ${expectedFormat}.",
+    [1602 /* invalidCompactAttributeMarkerValues */]: "Invalid compact attribute marker values in ${markerName}. Both index and count must be positive integers.",
+    [1604 /* invalidCompactAttributeMarkerName */]: "Invalid compact attribute marker name: ${name}. Expected format is ${expectedFormat}.",
 };
 const allPlaceholders = /(\$\{\w+?})/g;
 const placeholder = /\$\{(\w+?)}/g;

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

@@ -79,9 +79,9 @@ export function buildViewBindingTargets(firstNode, lastNode, factories) {
     return { targets, boundaries };
 }
 function targetElement(node, factories, targets) {
-    var _a;
+    var _a, _b;
     // Check for attributes and map any factories.
-    const attrFactoryIds = (_a = HydrationMarkup.parseAttributeBinding(node)) !== null && _a !== void 0 ? _a : HydrationMarkup.parseEnumeratedAttributeBinding(node);
+    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) {
             if (!factories[id]) {

package/dist/esm/index.js

@@ -36,4 +36,5 @@ export { render, RenderBehavior, RenderDirective } from "./templating/render.js"
 export { customElement, FASTElement } from "./components/fast-element.js";
 export { FASTElementDefinition, fastElementRegistry, TemplateOptions, } from "./components/fast-definitions.js";
 export { attr, AttributeConfiguration, AttributeDefinition, booleanConverter, nullableBooleanConverter, nullableNumberConverter, } from "./components/attributes.js";
-export { deferHydrationAttribute, ElementController, HydratableElementController, needsHydrationAttribute, } from "./components/element-controller.js";
+export { ElementController, HydratableElementController, needsHydrationAttribute, } from "./components/element-controller.js";
+export { deferHydrationAttribute, isHydratable } from "./components/hydration.js";

package/dist/fast-element.api.json

@@ -4286,7 +4286,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@microsoft/fast-element!deferHydrationAttribute:var",
-          "docComment": "/**\n * The attribute used to defer hydration of an element.\n *\n * @public\n */\n",
+          "docComment": "/**\n * The attribute used to defer hydration of an element.\n *\n * @beta\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -4297,13 +4297,13 @@
               "text": "\"defer-hydration\""
             }
           ],
-          "fileUrlPath": "dist/dts/components/element-controller.d.ts",
+          "fileUrlPath": "dist/dts/components/hydration.d.ts",
           "initializerTokenRange": {
             "startIndex": 1,
             "endIndex": 2
           },
           "isReadonly": true,
-          "releaseTag": "Public",
+          "releaseTag": "Beta",
           "name": "deferHydrationAttribute",
           "variableTypeTokenRange": {
             "startIndex": 0,
@@ -13411,6 +13411,326 @@
             }
           ]
         },
+        {
+          "kind": "Function",
+          "canonicalReference": "@microsoft/fast-element!isHydratable:function(1)",
+          "docComment": "/**\n * Tests if a template or ViewController is hydratable.\n *\n * @beta\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare function isHydratable(view: "
+            },
+            {
+              "kind": "Reference",
+              "text": "ViewController",
+              "canonicalReference": "@microsoft/fast-element!ViewController:interface"
+            },
+            {
+              "kind": "Content",
+              "text": "): "
+            },
+            {
+              "kind": "Reference",
+              "text": "view",
+              "canonicalReference": "@microsoft/fast-element!~view"
+            },
+            {
+              "kind": "Content",
+              "text": " is "
+            },
+            {
+              "kind": "Reference",
+              "text": "HydrationView",
+              "canonicalReference": "@microsoft/fast-element!~HydrationView:class"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
+            }
+          ],
+          "fileUrlPath": "dist/dts/components/hydration.d.ts",
+          "returnTypeTokenRange": {
+            "startIndex": 3,
+            "endIndex": 6
+          },
+          "releaseTag": "Beta",
+          "overloadIndex": 1,
+          "parameters": [
+            {
+              "parameterName": "view",
+              "parameterTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isOptional": false
+            }
+          ],
+          "name": "isHydratable"
+        },
+        {
+          "kind": "Function",
+          "canonicalReference": "@microsoft/fast-element!isHydratable:function(2)",
+          "docComment": "/**\n * @beta\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare function isHydratable<TSource = "
+            },
+            {
+              "kind": "Content",
+              "text": "any"
+            },
+            {
+              "kind": "Content",
+              "text": ", TParent = "
+            },
+            {
+              "kind": "Content",
+              "text": "any"
+            },
+            {
+              "kind": "Content",
+              "text": ">(template: "
+            },
+            {
+              "kind": "Reference",
+              "text": "SyntheticViewTemplate",
+              "canonicalReference": "@microsoft/fast-element!SyntheticViewTemplate:interface"
+            },
+            {
+              "kind": "Content",
+              "text": "<TSource, TParent>"
+            },
+            {
+              "kind": "Content",
+              "text": "): "
+            },
+            {
+              "kind": "Reference",
+              "text": "template",
+              "canonicalReference": "@microsoft/fast-element!~template"
+            },
+            {
+              "kind": "Content",
+              "text": " is "
+            },
+            {
+              "kind": "Reference",
+              "text": "HydratableSyntheticViewTemplate",
+              "canonicalReference": "@microsoft/fast-element!~HydratableSyntheticViewTemplate:interface"
+            },
+            {
+              "kind": "Content",
+              "text": "<TSource, TParent>"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
+            }
+          ],
+          "fileUrlPath": "dist/dts/components/hydration.d.ts",
+          "returnTypeTokenRange": {
+            "startIndex": 8,
+            "endIndex": 12
+          },
+          "releaseTag": "Beta",
+          "overloadIndex": 2,
+          "parameters": [
+            {
+              "parameterName": "template",
+              "parameterTypeTokenRange": {
+                "startIndex": 5,
+                "endIndex": 7
+              },
+              "isOptional": false
+            }
+          ],
+          "typeParameters": [
+            {
+              "typeParameterName": "TSource",
+              "constraintTokenRange": {
+                "startIndex": 0,
+                "endIndex": 0
+              },
+              "defaultTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              }
+            },
+            {
+              "typeParameterName": "TParent",
+              "constraintTokenRange": {
+                "startIndex": 0,
+                "endIndex": 0
+              },
+              "defaultTypeTokenRange": {
+                "startIndex": 3,
+                "endIndex": 4
+              }
+            }
+          ],
+          "name": "isHydratable"
+        },
+        {
+          "kind": "Function",
+          "canonicalReference": "@microsoft/fast-element!isHydratable:function(3)",
+          "docComment": "/**\n * @beta\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare function isHydratable<TSource = "
+            },
+            {
+              "kind": "Content",
+              "text": "any"
+            },
+            {
+              "kind": "Content",
+              "text": ", TParent = "
+            },
+            {
+              "kind": "Content",
+              "text": "any"
+            },
+            {
+              "kind": "Content",
+              "text": ">(template: "
+            },
+            {
+              "kind": "Reference",
+              "text": "ElementViewTemplate",
+              "canonicalReference": "@microsoft/fast-element!ElementViewTemplate:interface"
+            },
+            {
+              "kind": "Content",
+              "text": "<TSource, TParent>"
+            },
+            {
+              "kind": "Content",
+              "text": "): "
+            },
+            {
+              "kind": "Reference",
+              "text": "template",
+              "canonicalReference": "@microsoft/fast-element!~template"
+            },
+            {
+              "kind": "Content",
+              "text": " is "
+            },
+            {
+              "kind": "Reference",
+              "text": "HydratableElementViewTemplate",
+              "canonicalReference": "@microsoft/fast-element!~HydratableElementViewTemplate:interface"
+            },
+            {
+              "kind": "Content",
+              "text": "<TSource, TParent>"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
+            }
+          ],
+          "fileUrlPath": "dist/dts/components/hydration.d.ts",
+          "returnTypeTokenRange": {
+            "startIndex": 8,
+            "endIndex": 12
+          },
+          "releaseTag": "Beta",
+          "overloadIndex": 3,
+          "parameters": [
+            {
+              "parameterName": "template",
+              "parameterTypeTokenRange": {
+                "startIndex": 5,
+                "endIndex": 7
+              },
+              "isOptional": false
+            }
+          ],
+          "typeParameters": [
+            {
+              "typeParameterName": "TSource",
+              "constraintTokenRange": {
+                "startIndex": 0,
+                "endIndex": 0
+              },
+              "defaultTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              }
+            },
+            {
+              "typeParameterName": "TParent",
+              "constraintTokenRange": {
+                "startIndex": 0,
+                "endIndex": 0
+              },
+              "defaultTypeTokenRange": {
+                "startIndex": 3,
+                "endIndex": 4
+              }
+            }
+          ],
+          "name": "isHydratable"
+        },
+        {
+          "kind": "Function",
+          "canonicalReference": "@microsoft/fast-element!isHydratable:function(4)",
+          "docComment": "/**\n * @beta\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare function isHydratable(template: "
+            },
+            {
+              "kind": "Reference",
+              "text": "ContentTemplate",
+              "canonicalReference": "@microsoft/fast-element!ContentTemplate:interface"
+            },
+            {
+              "kind": "Content",
+              "text": "): "
+            },
+            {
+              "kind": "Reference",
+              "text": "template",
+              "canonicalReference": "@microsoft/fast-element!~template"
+            },
+            {
+              "kind": "Content",
+              "text": " is "
+            },
+            {
+              "kind": "Reference",
+              "text": "HydratableContentTemplate",
+              "canonicalReference": "@microsoft/fast-element!~HydratableContentTemplate:interface"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
+            }
+          ],
+          "fileUrlPath": "dist/dts/components/hydration.d.ts",
+          "returnTypeTokenRange": {
+            "startIndex": 3,
+            "endIndex": 6
+          },
+          "releaseTag": "Beta",
+          "overloadIndex": 4,
+          "parameters": [
+            {
+              "parameterName": "template",
+              "parameterTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isOptional": false
+            }
+          ],
+          "name": "isHydratable"
+        },
         {
           "kind": "Interface",
           "canonicalReference": "@microsoft/fast-element!LengthObserver:interface",