@ni/fast-foundation 10.1.3 → 10.1.5

package/dist/esm/test-utilities/fixture.js

@@ -1,4 +1,3 @@
-import { __awaiter } from "tslib";
 import { defaultExecutionContext, ViewTemplate, } from "@ni/fast-element";
 import { DesignSystem } from "../design-system/index.js";
 function findElement(view) {
@@ -26,65 +25,63 @@ function isElementRegistry(obj) {
  * Yields control to the caller one Microtask later, in order to
  * ensure that the DOM has settled.
  */
-export function fixture(templateNameOrRegistry_1) {
-    return __awaiter(this, arguments, void 0, function* (templateNameOrRegistry, options = {}) {
-        const document = options.document || globalThis.document;
-        const parent = options.parent || document.createElement("div");
-        const source = options.source || {};
-        const context = options.context || defaultExecutionContext;
-        if (typeof templateNameOrRegistry === "string") {
-            const html = `<${templateNameOrRegistry}></${templateNameOrRegistry}>`;
-            templateNameOrRegistry = new ViewTemplate(html, []);
-        }
-        else if (isElementRegistry(templateNameOrRegistry)) {
-            templateNameOrRegistry = [templateNameOrRegistry];
+export async function fixture(templateNameOrRegistry, options = {}) {
+    const document = options.document || globalThis.document;
+    const parent = options.parent || document.createElement("div");
+    const source = options.source || {};
+    const context = options.context || defaultExecutionContext;
+    if (typeof templateNameOrRegistry === "string") {
+        const html = `<${templateNameOrRegistry}></${templateNameOrRegistry}>`;
+        templateNameOrRegistry = new ViewTemplate(html, []);
+    }
+    else if (isElementRegistry(templateNameOrRegistry)) {
+        templateNameOrRegistry = [templateNameOrRegistry];
+    }
+    if (Array.isArray(templateNameOrRegistry)) {
+        const first = templateNameOrRegistry[0];
+        const ds = options.designSystem || DesignSystem.getOrCreate(parent);
+        let prefix = "";
+        ds.register(templateNameOrRegistry, {
+            register(container, context) {
+                prefix = context.elementPrefix;
+            },
+        });
+        const elementName = `${prefix}-${first.definition.baseName}`;
+        const html = `<${elementName}></${elementName}>`;
+        templateNameOrRegistry = new ViewTemplate(html, []);
+    }
+    const view = templateNameOrRegistry.create();
+    const element = findElement(view);
+    let isConnected = false;
+    view.bind(source, context);
+    view.appendTo(parent);
+    customElements.upgrade(parent);
+    // Hook into the Microtask Queue to ensure the DOM is settled
+    // before yielding control to the caller.
+    await Promise.resolve();
+    const connect = async () => {
+        if (isConnected) {
+            return;
         }
-        if (Array.isArray(templateNameOrRegistry)) {
-            const first = templateNameOrRegistry[0];
-            const ds = options.designSystem || DesignSystem.getOrCreate(parent);
-            let prefix = "";
-            ds.register(templateNameOrRegistry, {
-                register(container, context) {
-                    prefix = context.elementPrefix;
-                },
-            });
-            const elementName = `${prefix}-${first.definition.baseName}`;
-            const html = `<${elementName}></${elementName}>`;
-            templateNameOrRegistry = new ViewTemplate(html, []);
+        isConnected = true;
+        document.body.appendChild(parent);
+        await Promise.resolve();
+    };
+    const disconnect = async () => {
+        if (!isConnected) {
+            return;
         }
-        const view = templateNameOrRegistry.create();
-        const element = findElement(view);
-        let isConnected = false;
-        view.bind(source, context);
-        view.appendTo(parent);
-        customElements.upgrade(parent);
-        // Hook into the Microtask Queue to ensure the DOM is settled
-        // before yielding control to the caller.
-        yield Promise.resolve();
-        const connect = () => __awaiter(this, void 0, void 0, function* () {
-            if (isConnected) {
-                return;
-            }
-            isConnected = true;
-            document.body.appendChild(parent);
-            yield Promise.resolve();
-        });
-        const disconnect = () => __awaiter(this, void 0, void 0, function* () {
-            if (!isConnected) {
-                return;
-            }
-            isConnected = false;
-            document.body.removeChild(parent);
-            yield Promise.resolve();
-        });
-        return {
-            document,
-            template: templateNameOrRegistry,
-            view,
-            parent,
-            element,
-            connect,
-            disconnect,
-        };
-    });
+        isConnected = false;
+        document.body.removeChild(parent);
+        await Promise.resolve();
+    };
+    return {
+        document,
+        template: templateNameOrRegistry,
+        view,
+        parent,
+        element,
+        connect,
+        disconnect,
+    };
 }

package/dist/esm/test-utilities/timeout.js

@@ -1,13 +1,10 @@
-import { __awaiter } from "tslib";
 /**
  * Timeout for use in async tets.
  */
-export function timeout() {
-    return __awaiter(this, arguments, void 0, function* (timeout = 0) {
-        return new Promise((resolve, reject) => {
-            window.setTimeout(() => {
-                resolve(void 0);
-            }, timeout);
-        });
+export async function timeout(timeout = 0) {
+    return new Promise((resolve, reject) => {
+        window.setTimeout(() => {
+            resolve(void 0);
+        }, timeout);
     });
 }

package/dist/esm/toolbar/toolbar.js

@@ -96,8 +96,7 @@ export class Toolbar extends FoundationElement {
      * @internal
      */
     mouseDownHandler(e) {
-        var _a;
-        const activeIndex = (_a = this.focusableElements) === null || _a === void 0 ? void 0 : _a.findIndex(x => x.contains(e.target));
+        const activeIndex = this.focusableElements?.findIndex(x => x.contains(e.target));
         if (activeIndex > -1 && this.activeIndex !== activeIndex) {
             this.setFocusedElement(activeIndex);
         }
@@ -135,8 +134,9 @@ export class Toolbar extends FoundationElement {
      * @internal
      */
     getDirectionalIncrementer(key) {
-        var _a, _b, _c, _d, _e;
-        return ((_e = (_c = (_b = (_a = ToolbarArrowKeyMap[key]) === null || _a === void 0 ? void 0 : _a[this.orientation]) === null || _b === void 0 ? void 0 : _b[this.direction]) !== null && _c !== void 0 ? _c : (_d = ToolbarArrowKeyMap[key]) === null || _d === void 0 ? void 0 : _d[this.orientation]) !== null && _e !== void 0 ? _e : 0);
+        return (ToolbarArrowKeyMap[key]?.[this.orientation]?.[this.direction] ??
+            ToolbarArrowKeyMap[key]?.[this.orientation] ??
+            0);
     }
     /**
      * Handle keyboard events for the toolbar.
@@ -176,8 +176,7 @@ export class Toolbar extends FoundationElement {
      * @internal
      */
     reduceFocusableElements() {
-        var _a;
-        const previousFocusedElement = (_a = this.focusableElements) === null || _a === void 0 ? void 0 : _a[this.activeIndex];
+        const previousFocusedElement = this.focusableElements?.[this.activeIndex];
         this.focusableElements = this.allSlottedItems.reduce(Toolbar.reduceFocusableItems, []);
         // If the previously active item is still focusable, adjust the active index to the
         // index of that item.
@@ -210,10 +209,9 @@ export class Toolbar extends FoundationElement {
      * @internal
      */
     static reduceFocusableItems(elements, element) {
-        var _a, _b, _c, _d;
         const isRoleRadio = element.getAttribute("role") === "radio";
-        const isFocusableFastElement = (_b = (_a = element.$fastController) === null || _a === void 0 ? void 0 : _a.definition.shadowOptions) === null || _b === void 0 ? void 0 : _b.delegatesFocus;
-        const hasFocusableShadow = Array.from((_d = (_c = element.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelectorAll("*")) !== null && _d !== void 0 ? _d : []).some(x => isFocusable(x));
+        const isFocusableFastElement = element.$fastController?.definition.shadowOptions?.delegatesFocus;
+        const hasFocusableShadow = Array.from(element.shadowRoot?.querySelectorAll("*") ?? []).some(x => isFocusable(x));
         if (!element.hasAttribute("disabled") &&
             !element.hasAttribute("hidden") &&
             (isFocusable(element) ||

package/dist/esm/utilities/intersection-service.js

@@ -14,12 +14,11 @@ export class IntersectionService {
          * @internal
          */
         this.requestPosition = (target, callback) => {
-            var _a;
             if (this.intersectionDetector === null) {
                 return;
             }
             if (this.observedElements.has(target)) {
-                (_a = this.observedElements.get(target)) === null || _a === void 0 ? void 0 : _a.push(callback);
+                this.observedElements.get(target)?.push(callback);
                 return;
             }
             this.observedElements.set(target, [callback]);
@@ -64,9 +63,8 @@ export class IntersectionService {
             const pendingCallbackParams = [];
             // go through the entries to build a list of callbacks and params for each
             entries.forEach((entry) => {
-                var _a;
                 // stop watching this element until we get new update requests for it
-                (_a = this.intersectionDetector) === null || _a === void 0 ? void 0 : _a.unobserve(entry.target);
+                this.intersectionDetector?.unobserve(entry.target);
                 const thisElementCallbacks = this.observedElements.get(entry.target);
                 if (thisElementCallbacks !== undefined) {
                     thisElementCallbacks.forEach((callback) => {