@fluentui/web-components 3.0.0-rc.11 → 3.0.0-rc.12

package/CHANGELOG.md

@@ -1,12 +1,21 @@
 # Change Log - @fluentui/web-components
 
-This log was last generated on Mon, 06 Apr 2026 22:24:28 GMT and should not be manually modified.
+This log was last generated on Tue, 07 Apr 2026 20:44:43 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [3.0.0-rc.12](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-rc.12)
+
+Tue, 07 Apr 2026 20:44:43 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-rc.11..@fluentui/web-components_v3.0.0-rc.12)
+
+### Changes
+
+- feat: enhance Accordion component with improved item handling and lifecycle management ([PR #35954](https://github.com/microsoft/fluentui/pull/35954) by 863023+radium-v@users.noreply.github.com)
+
 ## [3.0.0-rc.11](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-rc.11)
 
-Mon, 06 Apr 2026 22:24:28 GMT 
+Mon, 06 Apr 2026 22:24:42 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-rc.10..@fluentui/web-components_v3.0.0-rc.11)
 
 ### Changes

package/custom-elements.json

@@ -9871,6 +9871,121 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/request-idle-callback.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "requestIdleCallback",
+          "return": {
+            "type": {
+              "text": ""
+            }
+          },
+          "parameters": [
+            {
+              "name": "callback",
+              "type": {
+                "text": "(deadline: IdleDeadline) => void"
+              },
+              "description": "The function to call when the browser is idle."
+            },
+            {
+              "name": "options",
+              "optional": true,
+              "type": {
+                "text": "{ timeout: number }"
+              },
+              "description": "Options object that may contain a timeout property."
+            }
+          ],
+          "description": "A ponyfill for requestIdleCallback that falls back to setTimeout.\nUses the native requestIdleCallback when available.",
+          "privacy": "public"
+        },
+        {
+          "kind": "function",
+          "name": "cancelIdleCallback",
+          "return": {
+            "type": {
+              "text": "void"
+            }
+          },
+          "parameters": [
+            {
+              "name": "id",
+              "type": {
+                "text": "ReturnType<typeof globalThis.requestIdleCallback | typeof setTimeout>"
+              },
+              "description": "The ID of the callback to cancel."
+            }
+          ],
+          "description": "A ponyfill for cancelIdleCallback that falls back to clearTimeout.\nUses the native cancelIdleCallback when available.",
+          "privacy": "public"
+        },
+        {
+          "kind": "function",
+          "name": "waitForConnectedDescendants",
+          "return": {
+            "type": {
+              "text": "void"
+            }
+          },
+          "parameters": [
+            {
+              "name": "target",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "description": "The target element to observe."
+            },
+            {
+              "name": "callback",
+              "type": {
+                "text": "() => void"
+              },
+              "description": "The function to call when all custom element descendants are connected."
+            },
+            {
+              "name": "options",
+              "optional": true,
+              "type": {
+                "text": "{ shallow?: boolean; timeout?: number }"
+              },
+              "description": "Options object that may contain a timeout property for the idle callback."
+            }
+          ],
+          "description": "Waits for all custom element descendants of a target element to be connected.",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "requestIdleCallback",
+          "declaration": {
+            "name": "requestIdleCallback",
+            "module": "src/utils/request-idle-callback.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "cancelIdleCallback",
+          "declaration": {
+            "name": "cancelIdleCallback",
+            "module": "src/utils/request-idle-callback.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "waitForConnectedDescendants",
+          "declaration": {
+            "name": "waitForConnectedDescendants",
+            "module": "src/utils/request-idle-callback.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "./dist/esm/accordion/accordion.js",
@@ -9906,7 +10021,7 @@
                 {
                   "name": "prev",
                   "type": {
-                    "text": "AccordionExpandMode"
+                    "text": "AccordionExpandMode | undefined"
                   }
                 },
                 {
@@ -15411,121 +15526,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/request-idle-callback.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "requestIdleCallback",
-          "return": {
-            "type": {
-              "text": ""
-            }
-          },
-          "parameters": [
-            {
-              "name": "callback",
-              "type": {
-                "text": "(deadline: IdleDeadline) => void"
-              },
-              "description": "The function to call when the browser is idle."
-            },
-            {
-              "name": "options",
-              "optional": true,
-              "type": {
-                "text": "{ timeout: number }"
-              },
-              "description": "Options object that may contain a timeout property."
-            }
-          ],
-          "description": "A ponyfill for requestIdleCallback that falls back to setTimeout.\nUses the native requestIdleCallback when available.",
-          "privacy": "public"
-        },
-        {
-          "kind": "function",
-          "name": "cancelIdleCallback",
-          "return": {
-            "type": {
-              "text": "void"
-            }
-          },
-          "parameters": [
-            {
-              "name": "id",
-              "type": {
-                "text": "ReturnType<typeof globalThis.requestIdleCallback | typeof setTimeout>"
-              },
-              "description": "The ID of the callback to cancel."
-            }
-          ],
-          "description": "A ponyfill for cancelIdleCallback that falls back to clearTimeout.\nUses the native cancelIdleCallback when available.",
-          "privacy": "public"
-        },
-        {
-          "kind": "function",
-          "name": "waitForConnectedDescendants",
-          "return": {
-            "type": {
-              "text": "void"
-            }
-          },
-          "parameters": [
-            {
-              "name": "target",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "description": "The target element to observe."
-            },
-            {
-              "name": "callback",
-              "type": {
-                "text": "() => void"
-              },
-              "description": "The function to call when all custom element descendants are connected."
-            },
-            {
-              "name": "options",
-              "optional": true,
-              "type": {
-                "text": "{ shallow?: boolean; timeout?: number }"
-              },
-              "description": "Options object that may contain a timeout property for the idle callback."
-            }
-          ],
-          "description": "Waits for all custom element descendants of a target element to be connected.",
-          "privacy": "public"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "requestIdleCallback",
-          "declaration": {
-            "name": "requestIdleCallback",
-            "module": "src/utils/request-idle-callback.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "cancelIdleCallback",
-          "declaration": {
-            "name": "cancelIdleCallback",
-            "module": "src/utils/request-idle-callback.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "waitForConnectedDescendants",
-          "declaration": {
-            "name": "waitForConnectedDescendants",
-            "module": "src/utils/request-idle-callback.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "./dist/esm/listbox/listbox.js",

package/dist/esm/accordion/accordion.d.ts

@@ -21,7 +21,7 @@ export declare class Accordion extends FASTElement {
      * HTML attribute: expand-mode
      */
     expandmode: AccordionExpandMode;
-    expandmodeChanged(prev: AccordionExpandMode, next: AccordionExpandMode): void;
+    expandmodeChanged(prev: AccordionExpandMode | undefined, next: AccordionExpandMode): void;
     /**
      * @internal
      */
@@ -73,4 +73,5 @@ export declare class Accordion extends FASTElement {
      * @returns
      */
     private expandedChangedHandler;
+    connectedCallback(): void;
 }

package/dist/esm/accordion/accordion.js

@@ -1,7 +1,7 @@
 import { __decorate } from "tslib";
-import { Observable } from '@microsoft/fast-element';
-import { attr, FASTElement, observable } from '@microsoft/fast-element';
-import { BaseAccordionItem } from '../accordion-item/accordion-item.base.js';
+import { attr, FASTElement, Observable, observable } from '@microsoft/fast-element';
+import { waitForConnectedDescendants } from '../utils/request-idle-callback.js';
+import { isAccordionItem } from '../accordion-item/accordion-item.options.js';
 import { AccordionExpandMode } from './accordion.options.js';
 /**
  * An Accordion Custom HTML Element
@@ -17,15 +17,6 @@ import { AccordionExpandMode } from './accordion.options.js';
 export class Accordion extends FASTElement {
     constructor() {
         super(...arguments);
-        /**
-         * Controls the expand mode of the Accordion, either allowing
-         * single or multiple item expansion.
-         * @public
-         *
-         * @remarks
-         * HTML attribute: expand-mode
-         */
-        this.expandmode = AccordionExpandMode.multi;
         this.activeItemIndex = 0;
         /**
          * Resets event listeners and sets the `accordionItems` property
@@ -33,25 +24,27 @@ export class Accordion extends FASTElement {
          * @returns {void}
          */
         this.setItems = () => {
-            if (this.slottedAccordionItems.length === 0) {
-                return;
-            }
-            // Get all existing children and remove event listeners
-            const children = Array.from(this.children);
-            this.removeItemListeners(children);
-            // Resubscribe to the `disabled` attribute of all children
-            children.forEach((child) => Observable.getNotifier(child).subscribe(this, 'disabled'));
-            // Add event listeners to each non-disabled AccordionItem
-            this.accordionItems = children.filter(child => !child.hasAttribute('disabled'));
-            this.accordionItems.forEach((item, index) => {
-                item.addEventListener('click', this.expandedChangedHandler);
-                // Subscribe to the expanded attribute of the item
-                Observable.getNotifier(item).subscribe(this, 'expanded');
+            waitForConnectedDescendants(this, () => {
+                if (this.slottedAccordionItems.length === 0) {
+                    return;
+                }
+                // Get all existing children and remove event listeners
+                const children = Array.from(this.children);
+                this.removeItemListeners(children);
+                // Resubscribe to the `disabled` attribute of all children
+                children.forEach((child) => Observable.getNotifier(child).subscribe(this, 'disabled'));
+                // Add event listeners to each non-disabled AccordionItem
+                this.accordionItems = children.filter(child => !child.hasAttribute('disabled'));
+                this.accordionItems.forEach((item, index) => {
+                    item.addEventListener('click', this.expandedChangedHandler);
+                    // Subscribe to the expanded attribute of the item
+                    Observable.getNotifier(item).subscribe(this, 'expanded');
+                });
+                if (this.isSingleExpandMode()) {
+                    const expandedItem = this.findExpandedItem();
+                    this.setSingleExpandMode(expandedItem);
+                }
             });
-            if (this.isSingleExpandMode()) {
-                const expandedItem = this.findExpandedItem();
-                this.setSingleExpandMode(expandedItem);
-            }
         };
         /**
          * Removes event listeners from the previous accordion items
@@ -71,7 +64,7 @@ export class Accordion extends FASTElement {
          */
         this.expandedChangedHandler = (evt) => {
             const item = evt.target;
-            if (item instanceof BaseAccordionItem) {
+            if (isAccordionItem(item)) {
                 if (!this.isSingleExpandMode()) {
                     item.expanded = !item.expanded;
                     // setSingleExpandMode sets activeItemIndex on its own
@@ -128,10 +121,11 @@ export class Accordion extends FASTElement {
      * @returns {void}
      */
     findExpandedItem() {
-        if (this.accordionItems.length === 0) {
+        if (!this.accordionItems || this.accordionItems?.length === 0) {
             return null;
         }
-        return (this.accordionItems.find((item) => item instanceof BaseAccordionItem && item.expanded) ?? this.accordionItems[0]);
+        return (this.accordionItems.find((item) => isAccordionItem(item) && item.expanded) ??
+            this.accordionItems[0]);
     }
     /**
      * Checks if the accordion is in single expand mode
@@ -146,24 +140,33 @@ export class Accordion extends FASTElement {
      * @returns {void}
      */
     setSingleExpandMode(expandedItem) {
-        if (this.accordionItems.length === 0) {
-            return;
-        }
-        const currentItems = Array.from(this.accordionItems);
-        this.activeItemIndex = currentItems.indexOf(expandedItem);
-        currentItems.forEach((item, index) => {
-            if (item instanceof BaseAccordionItem) {
-                if (this.activeItemIndex === index) {
-                    item.expanded = true;
-                    item.expandbutton.setAttribute('aria-disabled', 'true');
-                }
-                else {
-                    item.expanded = false;
-                    if (!item.hasAttribute('disabled')) {
-                        item.expandbutton.removeAttribute('aria-disabled');
+        requestAnimationFrame(() => {
+            if (this.accordionItems.length === 0) {
+                return;
+            }
+            const currentItems = Array.from(this.accordionItems);
+            this.activeItemIndex = currentItems.indexOf(expandedItem);
+            currentItems.forEach((item, index) => {
+                if (isAccordionItem(item)) {
+                    if (this.activeItemIndex === index) {
+                        item.expanded = true;
+                        item.expandbutton.setAttribute('aria-disabled', 'true');
+                    }
+                    else {
+                        item.expanded = false;
+                        if (!item.hasAttribute('disabled')) {
+                            item.expandbutton.removeAttribute('aria-disabled');
+                        }
                     }
                 }
-            }
+            });
+        });
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        requestAnimationFrame(() => {
+            this.expandmode = this.expandmode || AccordionExpandMode.multi;
+            this.setItems();
         });
     }
 }

package/dist/esm/accordion/accordion.js.map

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

package/dist/esm/accordion-item/accordion-item.options.d.ts

@@ -1,4 +1,5 @@
-import type { ValuesOf } from '../utils/index.js';
+import { type ValuesOf } from '../utils/typings.js';
+import type { BaseAccordionItem } from './accordion-item.base.js';
 /**
  * An Accordion Item header font size can be small, medium, large, and extra-large
  */
@@ -25,3 +26,12 @@ export declare const AccordionItemMarkerPosition: {
  * @public
  */
 export type AccordionItemMarkerPosition = ValuesOf<typeof AccordionItemMarkerPosition>;
+/**
+ * Predicate function that determines if the element should be considered an accordion item element.
+ *
+ * @param element - The element to check.
+ * @param tagName - The tag name to check against, defaults to '-accordion-item'.
+ * @returns True if the element is an accordion item element, false otherwise.
+ * @public
+ */
+export declare function isAccordionItem(element?: Node | null, tagName?: string): element is BaseAccordionItem;

package/dist/esm/accordion-item/accordion-item.options.js

@@ -1,3 +1,4 @@
+import { isCustomElement } from '../utils/typings.js';
 /**
  * An Accordion Item header font size can be small, medium, large, and extra-large
  */
@@ -14,4 +15,15 @@ export const AccordionItemMarkerPosition = {
     start: 'start',
     end: 'end',
 };
+/**
+ * Predicate function that determines if the element should be considered an accordion item element.
+ *
+ * @param element - The element to check.
+ * @param tagName - The tag name to check against, defaults to '-accordion-item'.
+ * @returns True if the element is an accordion item element, false otherwise.
+ * @public
+ */
+export function isAccordionItem(element, tagName = '-accordion-item') {
+    return isCustomElement(tagName)(element);
+}
 //# sourceMappingURL=accordion-item.options.js.map

package/dist/esm/accordion-item/accordion-item.options.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-item.options.js","sourceRoot":"","sources":["../../../src/accordion-item/accordion-item.options.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,UAAU,EAAE,aAAa;CACjB,CAAC;AAQX;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG;IACzC,KAAK,EAAE,OAAO;IACd,GAAG,EAAE,KAAK;CACF,CAAC"}
+{"version":3,"file":"accordion-item.options.js","sourceRoot":"","sources":["../../../src/accordion-item/accordion-item.options.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAiB,MAAM,qBAAqB,CAAC;AAGrE;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,UAAU,EAAE,aAAa;CACjB,CAAC;AAQX;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG;IACzC,KAAK,EAAE,OAAO;IACd,GAAG,EAAE,KAAK;CACF,CAAC;AAQX;;;;;;;GAOG;AACH,MAAM,UAAU,eAAe,CAC7B,OAAqB,EACrB,UAAkB,iBAAiB;IAEnC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC;AAC3C,CAAC"}

package/dist/web-components.d.ts

@@ -33,7 +33,7 @@ export declare class Accordion extends FASTElement {
      * HTML attribute: expand-mode
      */
     expandmode: AccordionExpandMode;
-    expandmodeChanged(prev: AccordionExpandMode, next: AccordionExpandMode): void;
+    expandmodeChanged(prev: AccordionExpandMode | undefined, next: AccordionExpandMode): void;
     /**
      * @internal
      */
@@ -85,6 +85,7 @@ export declare class Accordion extends FASTElement {
      * @returns
      */
     private expandedChangedHandler;
+    connectedCallback(): void;
 }
 
 /**