@fluentui/web-components 3.0.0-rc.30 → 3.0.0-rc.31

package/dist/esm/dialog-body/define-async.js

@@ -1,5 +1,4 @@
-import { RenderableFASTElement } from '@microsoft/fast-html';
-import { definition } from './dialog-body.definition-async.js';
+import { declarativeDefinition } from './dialog-body.definition-async.js';
 import { DialogBody } from './dialog-body.js';
-RenderableFASTElement(DialogBody).defineAsync(definition);
+DialogBody.define(declarativeDefinition);
 //# sourceMappingURL=define-async.js.map

package/dist/esm/dialog-body/define-async.js.map

@@ -1 +1 @@
-{"version":3,"file":"define-async.js","sourceRoot":"","sources":["../../../src/dialog-body/define-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,qBAAqB,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC"}
+{"version":3,"file":"define-async.js","sourceRoot":"","sources":["../../../src/dialog-body/define-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,UAAU,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC"}

package/dist/esm/dialog-body/dialog-body.definition-async.d.ts

@@ -1,10 +1,10 @@
-import type { PartialFASTElementDefinition } from '@microsoft/fast-element';
+import { type PartialFASTElementDefinition } from '@microsoft/fast-element/declarative.js';
 /**
- * The async definition configuration for the fluent-dialog-body element.
+ * The async definition configuration for the `<fluent-dialog-body>` element.
  *
  * @public
  * @remarks
  * This is used in server-side rendering (SSR) scenarios where the template
  * is provided as a deferred option to be hydrated later.
  */
-export declare const definition: PartialFASTElementDefinition;
+export declare const declarativeDefinition: PartialFASTElementDefinition;

package/dist/esm/dialog-body/dialog-body.definition-async.js

@@ -1,14 +1,17 @@
+import { declarativeTemplate } from '@microsoft/fast-element/declarative.js';
+import { FluentDesignSystem } from '../fluent-design-system.js';
 import { tagName } from './dialog-body.options.js';
 /**
- * The async definition configuration for the fluent-dialog-body element.
+ * The async definition configuration for the `<fluent-dialog-body>` element.
  *
  * @public
  * @remarks
  * This is used in server-side rendering (SSR) scenarios where the template
  * is provided as a deferred option to be hydrated later.
  */
-export const definition = {
+export const declarativeDefinition = {
     name: tagName,
-    templateOptions: 'defer-and-hydrate',
+    registry: FluentDesignSystem.registry,
+    template: declarativeTemplate(),
 };
 //# sourceMappingURL=dialog-body.definition-async.js.map

package/dist/esm/dialog-body/dialog-body.definition-async.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog-body.definition-async.js","sourceRoot":"","sources":["../../../src/dialog-body/dialog-body.definition-async.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAEnD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAiC;IACtD,IAAI,EAAE,OAAO;IACb,eAAe,EAAE,mBAAmB;CACrC,CAAC"}
+{"version":3,"file":"dialog-body.definition-async.js","sourceRoot":"","sources":["../../../src/dialog-body/dialog-body.definition-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAqC,MAAM,wCAAwC,CAAC;AAChH,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAEnD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAiC;IACjE,IAAI,EAAE,OAAO;IACb,QAAQ,EAAE,kBAAkB,CAAC,QAAQ;IACrC,QAAQ,EAAE,mBAAmB,EAAE;CAChC,CAAC"}

package/dist/esm/divider/define-async.js

@@ -1,5 +1,4 @@
-import { RenderableFASTElement } from '@microsoft/fast-html';
-import { definition } from './divider.definition-async.js';
+import { declarativeDefinition } from './divider.definition-async.js';
 import { Divider } from './divider.js';
-RenderableFASTElement(Divider).defineAsync(definition);
+Divider.define(declarativeDefinition);
 //# sourceMappingURL=define-async.js.map

package/dist/esm/divider/define-async.js.map

@@ -1 +1 @@
-{"version":3,"file":"define-async.js","sourceRoot":"","sources":["../../../src/divider/define-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,qBAAqB,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC"}
+{"version":3,"file":"define-async.js","sourceRoot":"","sources":["../../../src/divider/define-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC"}

package/dist/esm/divider/divider.definition-async.d.ts

@@ -1,10 +1,10 @@
-import type { PartialFASTElementDefinition } from '@microsoft/fast-element';
+import { type PartialFASTElementDefinition } from '@microsoft/fast-element/declarative.js';
 /**
- * The async definition configuration for the fluent-divider element.
+ * The async definition configuration for the `<fluent-divider>` element.
  *
  * @public
  * @remarks
  * This is used in server-side rendering (SSR) scenarios where the template
  * is provided as a deferred option to be hydrated later.
  */
-export declare const definition: PartialFASTElementDefinition;
+export declare const declarativeDefinition: PartialFASTElementDefinition;

package/dist/esm/divider/divider.definition-async.js

@@ -1,14 +1,17 @@
+import { declarativeTemplate } from '@microsoft/fast-element/declarative.js';
+import { FluentDesignSystem } from '../fluent-design-system.js';
 import { tagName } from './divider.options.js';
 /**
- * The async definition configuration for the fluent-divider element.
+ * The async definition configuration for the `<fluent-divider>` element.
  *
  * @public
  * @remarks
  * This is used in server-side rendering (SSR) scenarios where the template
  * is provided as a deferred option to be hydrated later.
  */
-export const definition = {
+export const declarativeDefinition = {
     name: tagName,
-    templateOptions: 'defer-and-hydrate',
+    registry: FluentDesignSystem.registry,
+    template: declarativeTemplate(),
 };
 //# sourceMappingURL=divider.definition-async.js.map

package/dist/esm/divider/divider.definition-async.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.definition-async.js","sourceRoot":"","sources":["../../../src/divider/divider.definition-async.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAiC;IACtD,IAAI,EAAE,OAAO;IACb,eAAe,EAAE,mBAAmB;CACrC,CAAC"}
+{"version":3,"file":"divider.definition-async.js","sourceRoot":"","sources":["../../../src/divider/divider.definition-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAqC,MAAM,wCAAwC,CAAC;AAChH,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAiC;IACjE,IAAI,EAAE,OAAO;IACb,QAAQ,EAAE,kBAAkB,CAAC,QAAQ;IACrC,QAAQ,EAAE,mBAAmB,EAAE;CAChC,CAAC"}

package/dist/esm/drawer/define-async.js

@@ -1,5 +1,4 @@
-import { RenderableFASTElement } from '@microsoft/fast-html';
-import { definition } from './drawer.definition-async.js';
+import { declarativeDefinition } from './drawer.definition-async.js';
 import { Drawer } from './drawer.js';
-RenderableFASTElement(Drawer).defineAsync(definition);
+Drawer.define(declarativeDefinition);
 //# sourceMappingURL=define-async.js.map

package/dist/esm/drawer/define-async.js.map

@@ -1 +1 @@
-{"version":3,"file":"define-async.js","sourceRoot":"","sources":["../../../src/drawer/define-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,qBAAqB,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC"}
+{"version":3,"file":"define-async.js","sourceRoot":"","sources":["../../../src/drawer/define-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,MAAM,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC"}

package/dist/esm/drawer/drawer.definition-async.d.ts

@@ -1,10 +1,10 @@
-import type { PartialFASTElementDefinition } from '@microsoft/fast-element';
+import { type PartialFASTElementDefinition } from '@microsoft/fast-element/declarative.js';
 /**
- * The async definition configuration for the fluent-drawer element.
+ * The async definition configuration for the `<fluent-drawer>` element.
  *
  * @public
  * @remarks
  * This is used in server-side rendering (SSR) scenarios where the template
  * is provided as a deferred option to be hydrated later.
  */
-export declare const definition: PartialFASTElementDefinition;
+export declare const declarativeDefinition: PartialFASTElementDefinition;

package/dist/esm/drawer/drawer.definition-async.js

@@ -1,14 +1,17 @@
+import { declarativeTemplate } from '@microsoft/fast-element/declarative.js';
+import { FluentDesignSystem } from '../fluent-design-system.js';
 import { tagName } from './drawer.options.js';
 /**
- * The async definition configuration for the fluent-drawer element.
+ * The async definition configuration for the `<fluent-drawer>` element.
  *
  * @public
  * @remarks
  * This is used in server-side rendering (SSR) scenarios where the template
  * is provided as a deferred option to be hydrated later.
  */
-export const definition = {
+export const declarativeDefinition = {
     name: tagName,
-    templateOptions: 'defer-and-hydrate',
+    registry: FluentDesignSystem.registry,
+    template: declarativeTemplate(),
 };
 //# sourceMappingURL=drawer.definition-async.js.map

package/dist/esm/drawer/drawer.definition-async.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.definition-async.js","sourceRoot":"","sources":["../../../src/drawer/drawer.definition-async.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAiC;IACtD,IAAI,EAAE,OAAO;IACb,eAAe,EAAE,mBAAmB;CACrC,CAAC"}
+{"version":3,"file":"drawer.definition-async.js","sourceRoot":"","sources":["../../../src/drawer/drawer.definition-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAqC,MAAM,wCAAwC,CAAC;AAChH,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAiC;IACjE,IAAI,EAAE,OAAO;IACb,QAAQ,EAAE,kBAAkB,CAAC,QAAQ;IACrC,QAAQ,EAAE,mBAAmB,EAAE;CAChC,CAAC"}

package/dist/esm/drawer/drawer.js

@@ -148,6 +148,10 @@ export class Drawer extends FASTElement {
             else {
                 this.dialog.showModal();
             }
+            // Using `autofocus` inside a `<dialog>` is implemented inconsistently
+            // across browsers, so artificially focusing here. See details:
+            // https://codepen.io/marchbox/pen/PwbRmXE
+            this.querySelector('[autofocus]')?.focus?.();
             this.emitToggle();
         });
     }

package/dist/esm/drawer/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../src/drawer/drawer.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../src/drawer/drawer.ts"],"names":[],"mappings":"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"}

package/dist/esm/drawer-body/define-async.js

@@ -1,5 +1,4 @@
-import { RenderableFASTElement } from '@microsoft/fast-html';
-import { definition } from './drawer-body.definition-async.js';
+import { declarativeDefinition } from './drawer-body.definition-async.js';
 import { DrawerBody } from './drawer-body.js';
-RenderableFASTElement(DrawerBody).defineAsync(definition);
+DrawerBody.define(declarativeDefinition);
 //# sourceMappingURL=define-async.js.map

package/dist/esm/drawer-body/define-async.js.map

@@ -1 +1 @@
-{"version":3,"file":"define-async.js","sourceRoot":"","sources":["../../../src/drawer-body/define-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,qBAAqB,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC"}
+{"version":3,"file":"define-async.js","sourceRoot":"","sources":["../../../src/drawer-body/define-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,UAAU,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC"}

package/dist/esm/drawer-body/drawer-body.definition-async.d.ts

@@ -1,10 +1,10 @@
-import type { PartialFASTElementDefinition } from '@microsoft/fast-element';
+import { type PartialFASTElementDefinition } from '@microsoft/fast-element/declarative.js';
 /**
- * The async definition configuration for the fluent-drawer-body element.
+ * The async definition configuration for the `<fluent-drawer-body>` element.
  *
  * @public
  * @remarks
  * This is used in server-side rendering (SSR) scenarios where the template
  * is provided as a deferred option to be hydrated later.
  */
-export declare const definition: PartialFASTElementDefinition;
+export declare const declarativeDefinition: PartialFASTElementDefinition;

package/dist/esm/drawer-body/drawer-body.definition-async.js

@@ -1,14 +1,17 @@
+import { declarativeTemplate } from '@microsoft/fast-element/declarative.js';
+import { FluentDesignSystem } from '../fluent-design-system.js';
 import { tagName } from './drawer-body.options.js';
 /**
- * The async definition configuration for the fluent-drawer-body element.
+ * The async definition configuration for the `<fluent-drawer-body>` element.
  *
  * @public
  * @remarks
  * This is used in server-side rendering (SSR) scenarios where the template
  * is provided as a deferred option to be hydrated later.
  */
-export const definition = {
+export const declarativeDefinition = {
     name: tagName,
-    templateOptions: 'defer-and-hydrate',
+    registry: FluentDesignSystem.registry,
+    template: declarativeTemplate(),
 };
 //# sourceMappingURL=drawer-body.definition-async.js.map

package/dist/esm/drawer-body/drawer-body.definition-async.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer-body.definition-async.js","sourceRoot":"","sources":["../../../src/drawer-body/drawer-body.definition-async.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAEnD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAiC;IACtD,IAAI,EAAE,OAAO;IACb,eAAe,EAAE,mBAAmB;CACrC,CAAC"}
+{"version":3,"file":"drawer-body.definition-async.js","sourceRoot":"","sources":["../../../src/drawer-body/drawer-body.definition-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAqC,MAAM,wCAAwC,CAAC;AAChH,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAEnD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAiC;IACjE,IAAI,EAAE,OAAO;IACb,QAAQ,EAAE,kBAAkB,CAAC,QAAQ;IACrC,QAAQ,EAAE,mBAAmB,EAAE;CAChC,CAAC"}

package/dist/esm/dropdown/define-async.js

@@ -1,5 +1,4 @@
-import { RenderableFASTElement } from '@microsoft/fast-html';
-import { definition } from './dropdown.definition-async.js';
+import { declarativeDefinition } from './dropdown.definition-async.js';
 import { Dropdown } from './dropdown.js';
-RenderableFASTElement(Dropdown).defineAsync(definition);
+Dropdown.define(declarativeDefinition);
 //# sourceMappingURL=define-async.js.map

package/dist/esm/dropdown/define-async.js.map

@@ -1 +1 @@
-{"version":3,"file":"define-async.js","sourceRoot":"","sources":["../../../src/dropdown/define-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,qBAAqB,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC"}
+{"version":3,"file":"define-async.js","sourceRoot":"","sources":["../../../src/dropdown/define-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,QAAQ,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC"}

package/dist/esm/dropdown/dropdown.definition-async.d.ts

@@ -1,10 +1,10 @@
-import type { PartialFASTElementDefinition } from '@microsoft/fast-element';
+import { type PartialFASTElementDefinition } from '@microsoft/fast-element/declarative.js';
 /**
- * The async definition configuration for the fluent-dropdown element.
+ * The async definition configuration for the `<fluent-dropdown>` element.
  *
  * @public
  * @remarks
  * This is used in server-side rendering (SSR) scenarios where the template
  * is provided as a deferred option to be hydrated later.
  */
-export declare const definition: PartialFASTElementDefinition;
+export declare const declarativeDefinition: PartialFASTElementDefinition;

package/dist/esm/dropdown/dropdown.definition-async.js

@@ -1,14 +1,17 @@
+import { declarativeTemplate } from '@microsoft/fast-element/declarative.js';
+import { FluentDesignSystem } from '../fluent-design-system.js';
 import { tagName } from './dropdown.options.js';
 /**
- * The async definition configuration for the fluent-dropdown element.
+ * The async definition configuration for the `<fluent-dropdown>` element.
  *
  * @public
  * @remarks
  * This is used in server-side rendering (SSR) scenarios where the template
  * is provided as a deferred option to be hydrated later.
  */
-export const definition = {
+export const declarativeDefinition = {
     name: tagName,
-    templateOptions: 'defer-and-hydrate',
+    registry: FluentDesignSystem.registry,
+    template: declarativeTemplate(),
 };
 //# sourceMappingURL=dropdown.definition-async.js.map

package/dist/esm/dropdown/dropdown.definition-async.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.definition-async.js","sourceRoot":"","sources":["../../../src/dropdown/dropdown.definition-async.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAiC;IACtD,IAAI,EAAE,OAAO;IACb,eAAe,EAAE,mBAAmB;CACrC,CAAC"}
+{"version":3,"file":"dropdown.definition-async.js","sourceRoot":"","sources":["../../../src/dropdown/dropdown.definition-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAqC,MAAM,wCAAwC,CAAC;AAChH,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAiC;IACjE,IAAI,EAAE,OAAO;IACb,QAAQ,EAAE,kBAAkB,CAAC,QAAQ;IACrC,QAAQ,EAAE,mBAAmB,EAAE;CAChC,CAAC"}

package/dist/esm/field/define-async.js

@@ -1,5 +1,4 @@
-import { RenderableFASTElement } from '@microsoft/fast-html';
-import { definition } from './field.definition-async.js';
+import { declarativeDefinition } from './field.definition-async.js';
 import { Field } from './field.js';
-RenderableFASTElement(Field).defineAsync(definition);
+Field.define(declarativeDefinition);
 //# sourceMappingURL=define-async.js.map

package/dist/esm/field/define-async.js.map

@@ -1 +1 @@
-{"version":3,"file":"define-async.js","sourceRoot":"","sources":["../../../src/field/define-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,qBAAqB,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC"}
+{"version":3,"file":"define-async.js","sourceRoot":"","sources":["../../../src/field/define-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,KAAK,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC"}

package/dist/esm/field/field.base.d.ts

@@ -6,7 +6,18 @@ import { type SlottableInput } from './field.options.js';
  * @public
  */
 export declare class BaseField extends FASTElement {
-    private slottedInputObserver;
+    /**
+     * The mutation observer for the slotted input.
+     *
+     * @internal
+     */
+    private _slottedInputObserver?;
+    /**
+     * Gets the mutation observer for the slotted input, creating it if it doesn't exist.
+     *
+     * @internal
+     */
+    protected get slottedInputObserver(): MutationObserver;
     /**
      * The slotted label elements.
      *

package/dist/esm/field/field.base.js

@@ -9,6 +9,17 @@ import { ValidationFlags } from './field.options.js';
  * @public
  */
 export class BaseField extends FASTElement {
+    /**
+     * Gets the mutation observer for the slotted input, creating it if it doesn't exist.
+     *
+     * @internal
+     */
+    get slottedInputObserver() {
+        this._slottedInputObserver ??= new MutationObserver(() => {
+            this.setStates();
+        });
+        return this._slottedInputObserver;
+    }
     /**
      * Updates attributes on the slotted label elements.
      *
@@ -54,7 +65,7 @@ export class BaseField extends FASTElement {
         if (next) {
             this.setStates();
             this.setLabelProperties();
-            this.slottedInputObserver.observe(this.input, {
+            this.slottedInputObserver.observe(next, {
                 attributes: true,
                 attributeFilter: ['disabled', 'required', 'readonly'],
                 subtree: true,
@@ -103,9 +114,6 @@ export class BaseField extends FASTElement {
     connectedCallback() {
         super.connectedCallback();
         this.addEventListener('invalid', this.invalidHandler, { capture: true });
-        this.slottedInputObserver = new MutationObserver(() => {
-            this.setStates();
-        });
     }
     disconnectedCallback() {
         this.slottedInputObserver.disconnect();

package/dist/esm/field/field.base.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.base.js","sourceRoot":"","sources":["../../../src/field/field.base.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"field.base.js","sourceRoot":"","sources":["../../../src/field/field.base.ts"],"names":[],"mappings":"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"}

package/dist/esm/field/field.definition-async.d.ts

@@ -1,10 +1,10 @@
-import type { PartialFASTElementDefinition } from '@microsoft/fast-element';
+import { type PartialFASTElementDefinition } from '@microsoft/fast-element/declarative.js';
 /**
- * The async definition configuration for the fluent-field element.
+ * The async definition configuration for the `<fluent-field>` element.
  *
  * @public
  * @remarks
  * This is used in server-side rendering (SSR) scenarios where the template
  * is provided as a deferred option to be hydrated later.
  */
-export declare const definition: PartialFASTElementDefinition;
+export declare const declarativeDefinition: PartialFASTElementDefinition;

package/dist/esm/field/field.definition-async.js

@@ -1,17 +1,20 @@
+import { declarativeTemplate } from '@microsoft/fast-element/declarative.js';
+import { FluentDesignSystem } from '../fluent-design-system.js';
 import { tagName } from './field.options.js';
 /**
- * The async definition configuration for the fluent-field element.
+ * The async definition configuration for the `<fluent-field>` element.
  *
  * @public
  * @remarks
  * This is used in server-side rendering (SSR) scenarios where the template
  * is provided as a deferred option to be hydrated later.
  */
-export const definition = {
+export const declarativeDefinition = {
     name: tagName,
-    templateOptions: 'defer-and-hydrate',
+    registry: FluentDesignSystem.registry,
     shadowOptions: {
         delegatesFocus: true,
     },
+    template: declarativeTemplate(),
 };
 //# sourceMappingURL=field.definition-async.js.map

package/dist/esm/field/field.definition-async.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.definition-async.js","sourceRoot":"","sources":["../../../src/field/field.definition-async.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAiC;IACtD,IAAI,EAAE,OAAO;IACb,eAAe,EAAE,mBAAmB;IACpC,aAAa,EAAE;QACb,cAAc,EAAE,IAAI;KACrB;CACF,CAAC"}
+{"version":3,"file":"field.definition-async.js","sourceRoot":"","sources":["../../../src/field/field.definition-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAqC,MAAM,wCAAwC,CAAC;AAChH,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAiC;IACjE,IAAI,EAAE,OAAO;IACb,QAAQ,EAAE,kBAAkB,CAAC,QAAQ;IACrC,aAAa,EAAE;QACb,cAAc,EAAE,IAAI;KACrB;IACD,QAAQ,EAAE,mBAAmB,EAAE;CAChC,CAAC"}

package/dist/esm/image/define-async.js

@@ -1,5 +1,4 @@
-import { RenderableFASTElement } from '@microsoft/fast-html';
-import { definition } from './image.definition-async.js';
+import { declarativeDefinition } from './image.definition-async.js';
 import { Image } from './image.js';
-RenderableFASTElement(Image).defineAsync(definition);
+Image.define(declarativeDefinition);
 //# sourceMappingURL=define-async.js.map

package/dist/esm/image/define-async.js.map

@@ -1 +1 @@
-{"version":3,"file":"define-async.js","sourceRoot":"","sources":["../../../src/image/define-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,qBAAqB,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC"}
+{"version":3,"file":"define-async.js","sourceRoot":"","sources":["../../../src/image/define-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,KAAK,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC"}

package/dist/esm/image/image.definition-async.d.ts

@@ -1,10 +1,10 @@
-import type { PartialFASTElementDefinition } from '@microsoft/fast-element';
+import { type PartialFASTElementDefinition } from '@microsoft/fast-element/declarative.js';
 /**
- * The async definition configuration for the fluent-image element.
+ * The async definition configuration for the `<fluent-image>` element.
  *
  * @public
  * @remarks
  * This is used in server-side rendering (SSR) scenarios where the template
  * is provided as a deferred option to be hydrated later.
  */
-export declare const definition: PartialFASTElementDefinition;
+export declare const declarativeDefinition: PartialFASTElementDefinition;

package/dist/esm/image/image.definition-async.js

@@ -1,14 +1,17 @@
+import { declarativeTemplate } from '@microsoft/fast-element/declarative.js';
+import { FluentDesignSystem } from '../fluent-design-system.js';
 import { tagName } from './image.options.js';
 /**
- * The async definition configuration for the fluent-image element.
+ * The async definition configuration for the `<fluent-image>` element.
  *
  * @public
  * @remarks
  * This is used in server-side rendering (SSR) scenarios where the template
  * is provided as a deferred option to be hydrated later.
  */
-export const definition = {
+export const declarativeDefinition = {
     name: tagName,
-    templateOptions: 'defer-and-hydrate',
+    registry: FluentDesignSystem.registry,
+    template: declarativeTemplate(),
 };
 //# sourceMappingURL=image.definition-async.js.map

package/dist/esm/image/image.definition-async.js.map

@@ -1 +1 @@
-{"version":3,"file":"image.definition-async.js","sourceRoot":"","sources":["../../../src/image/image.definition-async.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAiC;IACtD,IAAI,EAAE,OAAO;IACb,eAAe,EAAE,mBAAmB;CACrC,CAAC"}
+{"version":3,"file":"image.definition-async.js","sourceRoot":"","sources":["../../../src/image/image.definition-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAqC,MAAM,wCAAwC,CAAC;AAChH,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAiC;IACjE,IAAI,EAAE,OAAO;IACb,QAAQ,EAAE,kBAAkB,CAAC,QAAQ;IACrC,QAAQ,EAAE,mBAAmB,EAAE;CAChC,CAAC"}

package/dist/esm/label/define-async.js

@@ -1,5 +1,4 @@
-import { RenderableFASTElement } from '@microsoft/fast-html';
-import { definition } from './label.definition-async.js';
+import { declarativeDefinition } from './label.definition-async.js';
 import { Label } from './label.js';
-RenderableFASTElement(Label).defineAsync(definition);
+Label.define(declarativeDefinition);
 //# sourceMappingURL=define-async.js.map

package/dist/esm/label/define-async.js.map

@@ -1 +1 @@
-{"version":3,"file":"define-async.js","sourceRoot":"","sources":["../../../src/label/define-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,qBAAqB,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC"}
+{"version":3,"file":"define-async.js","sourceRoot":"","sources":["../../../src/label/define-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,KAAK,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC"}

package/dist/esm/label/label.definition-async.d.ts

@@ -1,10 +1,10 @@
-import type { PartialFASTElementDefinition } from '@microsoft/fast-element';
+import { type PartialFASTElementDefinition } from '@microsoft/fast-element/declarative.js';
 /**
- * The async definition configuration for the fluent-label element.
+ * The async definition configuration for the `<fluent-label>` element.
  *
  * @public
  * @remarks
  * This is used in server-side rendering (SSR) scenarios where the template
  * is provided as a deferred option to be hydrated later.
  */
-export declare const definition: PartialFASTElementDefinition;
+export declare const declarativeDefinition: PartialFASTElementDefinition;

package/dist/esm/label/label.definition-async.js

@@ -1,14 +1,17 @@
+import { declarativeTemplate } from '@microsoft/fast-element/declarative.js';
+import { FluentDesignSystem } from '../fluent-design-system.js';
 import { tagName } from './label.options.js';
 /**
- * The async definition configuration for the fluent-label element.
+ * The async definition configuration for the `<fluent-label>` element.
  *
  * @public
  * @remarks
  * This is used in server-side rendering (SSR) scenarios where the template
  * is provided as a deferred option to be hydrated later.
  */
-export const definition = {
+export const declarativeDefinition = {
     name: tagName,
-    templateOptions: 'defer-and-hydrate',
+    registry: FluentDesignSystem.registry,
+    template: declarativeTemplate(),
 };
 //# sourceMappingURL=label.definition-async.js.map

package/dist/esm/label/label.definition-async.js.map

@@ -1 +1 @@
-{"version":3,"file":"label.definition-async.js","sourceRoot":"","sources":["../../../src/label/label.definition-async.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAiC;IACtD,IAAI,EAAE,OAAO;IACb,eAAe,EAAE,mBAAmB;CACrC,CAAC"}
+{"version":3,"file":"label.definition-async.js","sourceRoot":"","sources":["../../../src/label/label.definition-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAqC,MAAM,wCAAwC,CAAC;AAChH,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAiC;IACjE,IAAI,EAAE,OAAO;IACb,QAAQ,EAAE,kBAAkB,CAAC,QAAQ;IACrC,QAAQ,EAAE,mBAAmB,EAAE;CAChC,CAAC"}

package/dist/esm/link/define-async.js

@@ -1,5 +1,4 @@
-import { RenderableFASTElement } from '@microsoft/fast-html';
-import { definition } from './link.definition-async.js';
+import { declarativeDefinition } from './link.definition-async.js';
 import { Link } from './link.js';
-RenderableFASTElement(Link).defineAsync(definition);
+Link.define(declarativeDefinition);
 //# sourceMappingURL=define-async.js.map

package/dist/esm/link/define-async.js.map

@@ -1 +1 @@
-{"version":3,"file":"define-async.js","sourceRoot":"","sources":["../../../src/link/define-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,qBAAqB,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC"}
+{"version":3,"file":"define-async.js","sourceRoot":"","sources":["../../../src/link/define-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,IAAI,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC"}

package/dist/esm/link/link.definition-async.d.ts

@@ -1,10 +1,10 @@
-import type { PartialFASTElementDefinition } from '@microsoft/fast-element';
+import { type PartialFASTElementDefinition } from '@microsoft/fast-element/declarative.js';
 /**
- * The async definition configuration for the fluent-link element.
+ * The async definition configuration for the `<fluent-link>` element.
  *
  * @public
  * @remarks
  * This is used in server-side rendering (SSR) scenarios where the template
  * is provided as a deferred option to be hydrated later.
  */
-export declare const definition: PartialFASTElementDefinition;
+export declare const declarativeDefinition: PartialFASTElementDefinition;