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

package/dist/esm/utils/request-idle-callback.js

@@ -17,7 +17,7 @@ export function requestIdleCallback(callback, options) {
             didTimeout: options?.timeout ? Date.now() - start >= options.timeout : false,
             timeRemaining: () => 0,
         });
-    }, 1);
+    }, options?.timeout ?? 1);
 }
 /**
  * A ponyfill for cancelIdleCallback that falls back to clearTimeout.
@@ -52,20 +52,21 @@ export function cancelIdleCallback(id) {
  * @public
  */
 export function waitForConnectedDescendants(target, callback, options) {
-    let idleCallbackId;
     const shallow = options?.shallow ?? false;
-    const query = `${shallow ? ':scope > ' : ''}:not(:defined)`;
     const timeout = options?.timeout ?? 50;
+    const useIdleCallback = options?.idleCallback ?? false;
+    const selector = `${shallow ? ':scope > ' : ''}:not(:defined)`;
     const scheduleCheck = (deadline) => {
-        if (idleCallbackId) {
-            cancelIdleCallback(idleCallbackId);
-            idleCallbackId = undefined;
-        }
-        if (!target.querySelector(query) || (deadline && deadline.timeRemaining() <= 0)) {
-            callback();
+        if (target.querySelector(selector) === null || (deadline && deadline.timeRemaining() <= 0)) {
+            if (useIdleCallback) {
+                requestIdleCallback(callback, { timeout });
+            }
+            else {
+                callback();
+            }
             return;
         }
-        idleCallbackId = requestIdleCallback(scheduleCheck, { timeout });
+        requestIdleCallback(scheduleCheck, { timeout });
     };
     scheduleCheck();
 }

package/dist/esm/utils/request-idle-callback.js.map

@@ -1 +1 @@
-{"version":3,"file":"request-idle-callback.js","sourceRoot":"","sources":["../../../src/utils/request-idle-callback.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,MAAM,UAAU,mBAAmB,CACjC,QAA0C,EAC1C,OAA6B;IAE7B,IAAI,qBAAqB,IAAI,UAAU,EAAE,CAAC;QACxC,OAAO,UAAU,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IAC3D,CAAC;IAED,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;IACzB,OAAO,UAAU,CAAC,GAAG,EAAE;QACrB,QAAQ,CAAC;YACP,UAAU,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK;YAC5E,aAAa,EAAE,GAAG,EAAE,CAAC,CAAC;SACvB,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,CAAC,CAAC;AACR,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,kBAAkB,CAAC,EAAyE;IAC1G,IAAI,oBAAoB,IAAI,UAAU,EAAE,CAAC;QACtC,UAAgC,CAAC,kBAAkB,CAAC,EAAY,CAAC,CAAC;IACrE,CAAC;SAAM,CAAC;QACN,YAAY,CAAC,EAAE,CAAC,CAAC;IACnB,CAAC;AACH,CAAC;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,2BAA2B,CACzC,MAAmB,EACnB,QAAoB,EACpB,OAAiD;IAEjD,IAAI,cAAkE,CAAC;IACvE,MAAM,OAAO,GAAG,OAAO,EAAE,OAAO,IAAI,KAAK,CAAC;IAC1C,MAAM,KAAK,GAAG,GAAG,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC;IAC5D,MAAM,OAAO,GAAG,OAAO,EAAE,OAAO,IAAI,EAAE,CAAC;IAEvC,MAAM,aAAa,GAAG,CAAC,QAAuB,EAAE,EAAE;QAChD,IAAI,cAAc,EAAE,CAAC;YACnB,kBAAkB,CAAC,cAAc,CAAC,CAAC;YACnC,cAAc,GAAG,SAAS,CAAC;QAC7B,CAAC;QAED,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,EAAE,CAAC;YAChF,QAAQ,EAAE,CAAC;YACX,OAAO;QACT,CAAC;QAED,cAAc,GAAG,mBAAmB,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;IACnE,CAAC,CAAC;IAEF,aAAa,EAAE,CAAC;AAClB,CAAC"}
+{"version":3,"file":"request-idle-callback.js","sourceRoot":"","sources":["../../../src/utils/request-idle-callback.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,MAAM,UAAU,mBAAmB,CACjC,QAA0C,EAC1C,OAA6B;IAE7B,IAAI,qBAAqB,IAAI,UAAU,EAAE,CAAC;QACxC,OAAO,UAAU,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IAC3D,CAAC;IAED,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;IACzB,OAAO,UAAU,CAAC,GAAG,EAAE;QACrB,QAAQ,CAAC;YACP,UAAU,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK;YAC5E,aAAa,EAAE,GAAG,EAAE,CAAC,CAAC;SACvB,CAAC,CAAC;IACL,CAAC,EAAE,OAAO,EAAE,OAAO,IAAI,CAAC,CAAC,CAAC;AAC5B,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,kBAAkB,CAAC,EAAyE;IAC1G,IAAI,oBAAoB,IAAI,UAAU,EAAE,CAAC;QACtC,UAAgC,CAAC,kBAAkB,CAAC,EAAY,CAAC,CAAC;IACrE,CAAC;SAAM,CAAC;QACN,YAAY,CAAC,EAAE,CAAC,CAAC;IACnB,CAAC;AACH,CAAC;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,2BAA2B,CACzC,MAAmB,EACnB,QAAoB,EACpB,OAkBC;IAED,MAAM,OAAO,GAAG,OAAO,EAAE,OAAO,IAAI,KAAK,CAAC;IAC1C,MAAM,OAAO,GAAG,OAAO,EAAE,OAAO,IAAI,EAAE,CAAC;IACvC,MAAM,eAAe,GAAG,OAAO,EAAE,YAAY,IAAI,KAAK,CAAC;IACvD,MAAM,QAAQ,GAAG,GAAG,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC;IAE/D,MAAM,aAAa,GAAG,CAAC,QAAuB,EAAE,EAAE;QAChD,IAAI,MAAM,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,EAAE,CAAC;YAC3F,IAAI,eAAe,EAAE,CAAC;gBACpB,mBAAmB,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;YAC7C,CAAC;iBAAM,CAAC;gBACN,QAAQ,EAAE,CAAC;YACb,CAAC;YACD,OAAO;QACT,CAAC;QAED,mBAAmB,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;IAClD,CAAC,CAAC;IAEF,aAAa,EAAE,CAAC;AAClB,CAAC"}

package/dist/esm/utils/typings.d.ts

@@ -4,3 +4,15 @@
  * @public
  */
 export type ValuesOf<T> = T[keyof T];
+/**
+ * Creates a type guard that checks if a node is a custom element whose tag name ends with the given suffix.
+ *
+ * @param tagSuffix - The tag name suffix to match (e.g., '-dropdown', '-option').
+ * @returns A predicate function that narrows the node to the specified element type.
+ * @public
+ */
+export declare function isCustomElement<T extends HTMLElement>(tagSuffix: string): (element?: Node | null) => element is T;
+/**
+ * A test that ensures that all arguments are HTML Elements
+ */
+export declare function isHTMLElement(...args: any[]): boolean;

package/dist/esm/utils/typings.js

@@ -1,3 +1,23 @@
 //Copied from @microsoft/fast-foundation
-export {};
+/**
+ * Creates a type guard that checks if a node is a custom element whose tag name ends with the given suffix.
+ *
+ * @param tagSuffix - The tag name suffix to match (e.g., '-dropdown', '-option').
+ * @returns A predicate function that narrows the node to the specified element type.
+ * @public
+ */
+export function isCustomElement(tagSuffix) {
+    return (element) => {
+        if (element?.nodeType !== Node.ELEMENT_NODE) {
+            return false;
+        }
+        return element.tagName.toLowerCase().endsWith(tagSuffix);
+    };
+}
+/**
+ * A test that ensures that all arguments are HTML Elements
+ */
+export function isHTMLElement(...args) {
+    return args.every((arg) => arg instanceof HTMLElement);
+}
 //# sourceMappingURL=typings.js.map

package/dist/esm/utils/typings.js.map

@@ -1 +1 @@
-{"version":3,"file":"typings.js","sourceRoot":"","sources":["../../../src/utils/typings.ts"],"names":[],"mappings":"AAAA,wCAAwC"}
+{"version":3,"file":"typings.js","sourceRoot":"","sources":["../../../src/utils/typings.ts"],"names":[],"mappings":"AAAA,wCAAwC;AASxC;;;;;;GAMG;AACH,MAAM,UAAU,eAAe,CAAwB,SAAiB;IACtE,OAAO,CAAC,OAAqB,EAAgB,EAAE;QAC7C,IAAI,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;YAC5C,OAAO,KAAK,CAAC;QACf,CAAC;QAED,OAAQ,OAAmB,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IACxE,CAAC,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,aAAa,CAAC,GAAG,IAAW;IAC1C,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,GAAQ,EAAE,EAAE,CAAC,GAAG,YAAY,WAAW,CAAC,CAAC;AAC9D,CAAC"}