@ni/fast-foundation 10.0.1 → 10.1.0

package/dist/fast-foundation.js

@@ -33,7 +33,7 @@ const $global = (function () {
     }
 })();
 // API-only Polyfill for trustedTypes
-if ($global.trustedTypes === undefined) {
+if ($global.trustedTypes === void 0) {
     $global.trustedTypes = { createPolicy: (n, r) => r };
 }
 const propConfig = {
@@ -41,7 +41,7 @@ const propConfig = {
     enumerable: false,
     writable: false,
 };
-if ($global.FAST === undefined) {
+if ($global.FAST === void 0) {
     Reflect.defineProperty($global, "FAST", Object.assign({ value: Object.create(null) }, propConfig));
 }
 /**
@@ -49,11 +49,11 @@ if ($global.FAST === undefined) {
  * @internal
  */
 const FAST = $global.FAST;
-if (FAST.getById === undefined) {
+if (FAST.getById === void 0) {
     const storage = Object.create(null);
     Reflect.defineProperty(FAST, "getById", Object.assign({ value(id, initialize) {
             let found = storage[id];
-            if (found === undefined) {
+            if (found === void 0) {
                 found = initialize ? (storage[id] = initialize()) : null;
             }
             return found;
@@ -76,13 +76,13 @@ function createMetadataLocator() {
     const metadataLookup = new WeakMap();
     return function (target) {
         let metadata = metadataLookup.get(target);
-        if (metadata === undefined) {
+        if (metadata === void 0) {
             let currentTarget = Reflect.getPrototypeOf(target);
-            while (metadata === undefined && currentTarget !== null) {
+            while (metadata === void 0 && currentTarget !== null) {
                 metadata = metadataLookup.get(currentTarget);
                 currentTarget = Reflect.getPrototypeOf(currentTarget);
             }
-            metadata = metadata === undefined ? [] : metadata.slice(0);
+            metadata = metadata === void 0 ? [] : metadata.slice(0);
             metadataLookup.set(target, metadata);
         }
         return metadata;
@@ -314,9 +314,9 @@ class SubscriberSet {
      * @param initialSubscriber - An initial subscriber to changes.
      */
     constructor(source, initialSubscriber) {
-        this.sub1 = undefined;
-        this.sub2 = undefined;
-        this.spillover = undefined;
+        this.sub1 = void 0;
+        this.sub2 = void 0;
+        this.spillover = void 0;
         this.source = source;
         this.sub1 = initialSubscriber;
     }
@@ -325,7 +325,7 @@ class SubscriberSet {
      * @param subscriber - The subscriber to test for inclusion in this set.
      */
     has(subscriber) {
-        return this.spillover === undefined
+        return this.spillover === void 0
             ? this.sub1 === subscriber || this.sub2 === subscriber
             : this.spillover.indexOf(subscriber) !== -1;
     }
@@ -335,21 +335,21 @@ class SubscriberSet {
      */
     subscribe(subscriber) {
         const spillover = this.spillover;
-        if (spillover === undefined) {
+        if (spillover === void 0) {
             if (this.has(subscriber)) {
                 return;
             }
-            if (this.sub1 === undefined) {
+            if (this.sub1 === void 0) {
                 this.sub1 = subscriber;
                 return;
             }
-            if (this.sub2 === undefined) {
+            if (this.sub2 === void 0) {
                 this.sub2 = subscriber;
                 return;
             }
             this.spillover = [this.sub1, this.sub2, subscriber];
-            this.sub1 = undefined;
-            this.sub2 = undefined;
+            this.sub1 = void 0;
+            this.sub2 = void 0;
         }
         else {
             const index = spillover.indexOf(subscriber);
@@ -364,12 +364,12 @@ class SubscriberSet {
      */
     unsubscribe(subscriber) {
         const spillover = this.spillover;
-        if (spillover === undefined) {
+        if (spillover === void 0) {
             if (this.sub1 === subscriber) {
-                this.sub1 = undefined;
+                this.sub1 = void 0;
             }
             else if (this.sub2 === subscriber) {
-                this.sub2 = undefined;
+                this.sub2 = void 0;
             }
         }
         else {
@@ -386,13 +386,13 @@ class SubscriberSet {
     notify(args) {
         const spillover = this.spillover;
         const source = this.source;
-        if (spillover === undefined) {
+        if (spillover === void 0) {
             const sub1 = this.sub1;
             const sub2 = this.sub2;
-            if (sub1 !== undefined) {
+            if (sub1 !== void 0) {
                 sub1.handleChange(source, args);
             }
-            if (sub2 !== undefined) {
+            if (sub2 !== void 0) {
                 sub2.handleChange(source, args);
             }
         }
@@ -425,10 +425,10 @@ class PropertyChangeNotifier {
     notify(propertyName) {
         var _a;
         const subscribers = this.subscribers[propertyName];
-        if (subscribers !== undefined) {
+        if (subscribers !== void 0) {
             subscribers.notify(propertyName);
         }
-        (_a = this.sourceSubscribers) === null || _a === undefined ? undefined : _a.notify(propertyName);
+        (_a = this.sourceSubscribers) === null || _a === void 0 ? void 0 : _a.notify(propertyName);
     }
     /**
      * Subscribes to notification of changes in an object's state.
@@ -439,14 +439,14 @@ class PropertyChangeNotifier {
         var _a;
         if (propertyToWatch) {
             let subscribers = this.subscribers[propertyToWatch];
-            if (subscribers === undefined) {
+            if (subscribers === void 0) {
                 this.subscribers[propertyToWatch] = subscribers = new SubscriberSet(this.source);
             }
             subscribers.subscribe(subscriber);
         }
         else {
             this.sourceSubscribers =
-                (_a = this.sourceSubscribers) !== null && _a !== undefined ? _a : new SubscriberSet(this.source);
+                (_a = this.sourceSubscribers) !== null && _a !== void 0 ? _a : new SubscriberSet(this.source);
             this.sourceSubscribers.subscribe(subscriber);
         }
     }
@@ -459,12 +459,12 @@ class PropertyChangeNotifier {
         var _a;
         if (propertyToUnwatch) {
             const subscribers = this.subscribers[propertyToUnwatch];
-            if (subscribers !== undefined) {
+            if (subscribers !== void 0) {
                 subscribers.unsubscribe(subscriber);
             }
         }
         else {
-            (_a = this.sourceSubscribers) === null || _a === undefined ? undefined : _a.unsubscribe(subscriber);
+            (_a = this.sourceSubscribers) === null || _a === void 0 ? void 0 : _a.unsubscribe(subscriber);
         }
     }
 }
@@ -477,13 +477,13 @@ const Observable = FAST.getById(2 /* KernelServiceId.observable */, () => {
     const volatileRegex = /(:|&&|\|\||if)/;
     const notifierLookup = new WeakMap();
     const queueUpdate = DOM.queueUpdate;
-    let watcher = undefined;
+    let watcher = void 0;
     let createArrayObserver = (array) => {
         throw new Error("Must call enableArrayObservation before observing arrays.");
     };
     function getNotifier(source) {
         let found = source.$fastController || notifierLookup.get(source);
-        if (found === undefined) {
+        if (found === void 0) {
             if (Array.isArray(source)) {
                 found = createArrayObserver(source);
             }
@@ -501,7 +501,7 @@ const Observable = FAST.getById(2 /* KernelServiceId.observable */, () => {
             this.callback = `${name}Changed`;
         }
         getValue(source) {
-            if (watcher !== undefined) {
+            if (watcher !== void 0) {
                 watcher.watch(source, this.name);
             }
             return source[this.field];
@@ -528,17 +528,17 @@ const Observable = FAST.getById(2 /* KernelServiceId.observable */, () => {
             this.needsQueue = true;
             this.first = this;
             this.last = null;
-            this.propertySource = undefined;
-            this.propertyName = undefined;
-            this.notifier = undefined;
-            this.next = undefined;
+            this.propertySource = void 0;
+            this.propertyName = void 0;
+            this.notifier = void 0;
+            this.next = void 0;
         }
         observe(source, context) {
             if (this.needsRefresh && this.last !== null) {
                 this.disconnect();
             }
             const previousWatcher = watcher;
-            watcher = this.needsRefresh ? this : undefined;
+            watcher = this.needsRefresh ? this : void 0;
             this.needsRefresh = this.isVolatileBinding;
             const result = this.binding(source, context);
             watcher = previousWatcher;
@@ -547,7 +547,7 @@ const Observable = FAST.getById(2 /* KernelServiceId.observable */, () => {
         disconnect() {
             if (this.last !== null) {
                 let current = this.first;
-                while (current !== undefined) {
+                while (current !== void 0) {
                     current.notifier.unsubscribe(this, current.propertyName);
                     current = current.next;
                 }
@@ -569,7 +569,7 @@ const Observable = FAST.getById(2 /* KernelServiceId.observable */, () => {
                     // a bug in Angular's optimization process causing infinite recursion
                     // of this watch() method. Details https://github.com/microsoft/fast/issues/4969
                     let prevValue;
-                    watcher = undefined;
+                    watcher = void 0;
                     /* eslint-disable-next-line */
                     prevValue = prev.propertySource[prev.propertyName];
                     /* eslint-disable-next-line @typescript-eslint/no-this-alias */
@@ -600,7 +600,7 @@ const Observable = FAST.getById(2 /* KernelServiceId.observable */, () => {
                 next: () => {
                     const current = next;
                     if (current === undefined) {
-                        return { value: undefined, done: true };
+                        return { value: void 0, done: true };
                     }
                     else {
                         next = next.next;
@@ -635,7 +635,7 @@ const Observable = FAST.getById(2 /* KernelServiceId.observable */, () => {
          * @param propertyName - The property to track as changed.
          */
         track(source, propertyName) {
-            if (watcher !== undefined) {
+            if (watcher !== void 0) {
                 watcher.watch(source, propertyName);
             }
         },
@@ -644,7 +644,7 @@ const Observable = FAST.getById(2 /* KernelServiceId.observable */, () => {
          * with respect to its observable dependencies.
          */
         trackVolatile() {
-            if (watcher !== undefined) {
+            if (watcher !== void 0) {
                 watcher.needsRefresh = true;
             }
         },
@@ -906,7 +906,7 @@ function contentUnbind() {
     this.source = null;
     this.context = null;
     const view = this.target.$fastView;
-    if (view !== undefined && view.isComposed) {
+    if (view !== void 0 && view.isComposed) {
         view.unbind();
         view.needsBindOnly = true;
     }
@@ -934,7 +934,7 @@ function updateContentTarget(value) {
         let view = this.target.$fastView;
         // If there's no previous view that we might be able to
         // reuse then create a new view from the template.
-        if (view === undefined) {
+        if (view === void 0) {
             view = value.create();
         }
         else {
@@ -968,7 +968,7 @@ function updateContentTarget(value) {
         const view = this.target.$fastView;
         // If there is a view and it's currently composed into
         // the DOM, then we need to remove it.
-        if (view !== undefined && view.isComposed) {
+        if (view !== void 0 && view.isComposed) {
             view.isComposed = false;
             view.remove();
             if (view.needsBindOnly) {
@@ -1040,7 +1040,7 @@ class HTMLBindingDirective extends TargetedHTMLDirective {
     }
     set targetName(value) {
         this.originalTargetName = value;
-        if (value === undefined) {
+        if (value === void 0) {
             return;
         }
         switch (value[0]) {
@@ -1565,7 +1565,7 @@ class ViewTemplate {
         if (typeof host === "string") {
             host = document.getElementById(host);
         }
-        if (hostBindingTarget === undefined) {
+        if (hostBindingTarget === void 0) {
             hostBindingTarget = host;
         }
         const view = this.create(hostBindingTarget);
@@ -1737,7 +1737,7 @@ if (DOM.supportsAdoptedStyleSheets) {
  */
 class AdoptedStyleSheetsStyles extends ElementStyles {
     get styleSheets() {
-        if (this._styleSheets === undefined) {
+        if (this._styleSheets === void 0) {
             const styles = this.styles;
             const styleSheetCache = this.styleSheetCache;
             this._styleSheets = reduceStyles(styles).map((x) => {
@@ -1745,7 +1745,7 @@ class AdoptedStyleSheetsStyles extends ElementStyles {
                     return x;
                 }
                 let sheet = styleSheetCache.get(x);
-                if (sheet === undefined) {
+                if (sheet === void 0) {
                     sheet = new CSSStyleSheet();
                     sheet.replaceSync(x);
                     styleSheetCache.set(x, sheet);
@@ -1759,7 +1759,7 @@ class AdoptedStyleSheetsStyles extends ElementStyles {
         super();
         this.styles = styles;
         this.styleSheetCache = styleSheetCache;
-        this._styleSheets = undefined;
+        this._styleSheets = void 0;
         this.behaviors = reduceBehaviors(styles);
     }
     addStylesTo(target) {
@@ -1837,7 +1837,7 @@ const booleanConverter = {
     },
     fromView(value) {
         if (value === null ||
-            value === undefined ||
+            value === void 0 ||
             value === "false" ||
             value === false ||
             value === 0) {
@@ -1895,7 +1895,7 @@ class AttributeDefinition {
         this.fieldName = `_${name}`;
         this.callbackName = `${name}Changed`;
         this.hasCallback = this.callbackName in Owner.prototype;
-        if (mode === "boolean" && converter === undefined) {
+        if (mode === "boolean" && converter === void 0) {
             this.converter = booleanConverter;
         }
     }
@@ -1907,7 +1907,7 @@ class AttributeDefinition {
     setValue(source, newValue) {
         const oldValue = source[this.fieldName];
         const converter = this.converter;
-        if (converter !== undefined) {
+        if (converter !== void 0) {
             newValue = converter.fromView(newValue);
         }
         if (oldValue !== newValue) {
@@ -1948,7 +1948,7 @@ class AttributeDefinition {
             switch (mode) {
                 case "reflect":
                     const converter = this.converter;
-                    DOM.setAttribute(element, this.attribute, converter !== undefined ? converter.toView(latestValue) : latestValue);
+                    DOM.setAttribute(element, this.attribute, converter !== void 0 ? converter.toView(latestValue) : latestValue);
                     break;
                 case "boolean":
                     DOM.setBooleanAttribute(element, this.attribute, latestValue);
@@ -1968,7 +1968,7 @@ class AttributeDefinition {
         attributeLists.push(AttributeConfiguration.locate(Owner));
         for (let i = 0, ii = attributeLists.length; i < ii; ++i) {
             const list = attributeLists[i];
-            if (list === undefined) {
+            if (list === void 0) {
                 continue;
             }
             for (let j = 0, jj = list.length; j < jj; ++j) {
@@ -2007,7 +2007,7 @@ function attr(configOrTarget, prop) {
     // Invocation with or w/o opts:
     // - @attr()
     // - @attr({...opts})
-    config = configOrTarget === undefined ? {} : configOrTarget;
+    config = configOrTarget === void 0 ? {} : configOrTarget;
     return decorator;
 }
 
@@ -2067,18 +2067,18 @@ class FASTElementDefinition {
         this.propertyLookup = propertyLookup;
         this.attributeLookup = attributeLookup;
         this.shadowOptions =
-            nameOrConfig.shadowOptions === undefined
+            nameOrConfig.shadowOptions === void 0
                 ? defaultShadowOptions
                 : nameOrConfig.shadowOptions === null
-                    ? undefined
+                    ? void 0
                     : Object.assign(Object.assign({}, defaultShadowOptions), nameOrConfig.shadowOptions);
         this.elementOptions =
-            nameOrConfig.elementOptions === undefined
+            nameOrConfig.elementOptions === void 0
                 ? defaultElementOptions
                 : Object.assign(Object.assign({}, defaultElementOptions), nameOrConfig.elementOptions);
         this.styles =
-            nameOrConfig.styles === undefined
-                ? undefined
+            nameOrConfig.styles === void 0
+                ? void 0
                 : Array.isArray(nameOrConfig.styles)
                     ? ElementStyles.create(nameOrConfig.styles)
                     : nameOrConfig.styles instanceof ElementStyles
@@ -2210,7 +2210,7 @@ class Controller extends PropertyChangeNotifier {
         this.element = element;
         this.definition = definition;
         const shadowOptions = definition.shadowOptions;
-        if (shadowOptions !== undefined) {
+        if (shadowOptions !== void 0) {
             const shadowRoot = element.attachShadow(shadowOptions);
             if (shadowOptions.mode === "closed") {
                 shadowRoots.set(element, shadowRoot);
@@ -2226,7 +2226,7 @@ class Controller extends PropertyChangeNotifier {
             for (let i = 0, ii = accessors.length; i < ii; ++i) {
                 const propertyName = accessors[i].name;
                 const value = element[propertyName];
-                if (value !== undefined) {
+                if (value !== void 0) {
                     delete element[propertyName];
                     boundObservables[propertyName] = value;
                 }
@@ -2372,7 +2372,7 @@ class Controller extends PropertyChangeNotifier {
      */
     onAttributeChangedCallback(name, oldValue, newValue) {
         const attrDef = this.definition.attributeLookup[name];
-        if (attrDef !== undefined) {
+        if (attrDef !== void 0) {
             attrDef.onAttributeChangedCallback(this.element, newValue);
         }
     }
@@ -2467,11 +2467,11 @@ class Controller extends PropertyChangeNotifier {
      */
     static forCustomElement(element) {
         const controller = element.$fastController;
-        if (controller !== undefined) {
+        if (controller !== void 0) {
             return controller;
         }
         const definition = FASTElementDefinition.forType(element.constructor);
-        if (definition === undefined) {
+        if (definition === void 0) {
             throw new Error("Missing FASTElement definition.");
         }
         return (element.$fastController = new Controller(element, definition));
@@ -2861,21 +2861,21 @@ function calcSplices(current, currentStart, currentEnd, old, oldStart, oldEnd) {
     }
     const ops = spliceOperationsFromEditDistances(calcEditDistances(current, currentStart, currentEnd, old, oldStart, oldEnd));
     const splices = [];
-    let splice = undefined;
+    let splice = void 0;
     let index = currentStart;
     let oldIndex = oldStart;
     for (let i = 0; i < ops.length; ++i) {
         switch (ops[i]) {
             case EDIT_LEAVE:
-                if (splice !== undefined) {
+                if (splice !== void 0) {
                     splices.push(splice);
-                    splice = undefined;
+                    splice = void 0;
                 }
                 index++;
                 oldIndex++;
                 break;
             case EDIT_UPDATE:
-                if (splice === undefined) {
+                if (splice === void 0) {
                     splice = newSplice(index, [], 0);
                 }
                 splice.addedCount++;
@@ -2884,14 +2884,14 @@ function calcSplices(current, currentStart, currentEnd, old, oldStart, oldEnd) {
                 oldIndex++;
                 break;
             case EDIT_ADD:
-                if (splice === undefined) {
+                if (splice === void 0) {
                     splice = newSplice(index, [], 0);
                 }
                 splice.addedCount++;
                 index++;
                 break;
             case EDIT_DELETE:
-                if (splice === undefined) {
+                if (splice === void 0) {
                     splice = newSplice(index, [], 0);
                 }
                 splice.removed.push(old[oldIndex]);
@@ -2900,7 +2900,7 @@ function calcSplices(current, currentStart, currentEnd, old, oldStart, oldEnd) {
             // no default
         }
     }
-    if (splice !== undefined) {
+    if (splice !== void 0) {
         splices.push(splice);
     }
     return splices;
@@ -3007,8 +3007,8 @@ function adjustIndex(changeRecord, array) {
 class ArrayObserver extends SubscriberSet {
     constructor(source) {
         super(source);
-        this.oldCollection = undefined;
-        this.splices = undefined;
+        this.oldCollection = void 0;
+        this.splices = void 0;
         this.needsQueue = true;
         this.call = this.flush;
         Reflect.defineProperty(source, "$fastController", {
@@ -3021,7 +3021,7 @@ class ArrayObserver extends SubscriberSet {
         super.subscribe(subscriber);
     }
     addSplice(splice) {
-        if (this.splices === undefined) {
+        if (this.splices === void 0) {
             this.splices = [splice];
         }
         else {
@@ -3042,13 +3042,13 @@ class ArrayObserver extends SubscriberSet {
     flush() {
         const splices = this.splices;
         const oldCollection = this.oldCollection;
-        if (splices === undefined && oldCollection === undefined) {
+        if (splices === void 0 && oldCollection === void 0) {
             return;
         }
         this.needsQueue = true;
-        this.splices = undefined;
-        this.oldCollection = undefined;
-        const finalSplices = oldCollection === undefined
+        this.splices = void 0;
+        this.oldCollection = void 0;
+        const finalSplices = oldCollection === void 0
             ? projectArraySplices(this.source, splices)
             : calcSplices(this.source, 0, this.source.length, oldCollection, 0, oldCollection.length);
         this.notify(finalSplices);
@@ -3093,7 +3093,7 @@ function enableArrayObservation() {
         const notEmpty = this.length > 0;
         const methodCallResult = pop.apply(this, arguments);
         const o = this.$fastController;
-        if (o !== undefined && notEmpty) {
+        if (o !== void 0 && notEmpty) {
             o.addSplice(newSplice(this.length, [methodCallResult], 0));
         }
         return methodCallResult;
@@ -3101,7 +3101,7 @@ function enableArrayObservation() {
     proto.push = function () {
         const methodCallResult = push.apply(this, arguments);
         const o = this.$fastController;
-        if (o !== undefined) {
+        if (o !== void 0) {
             o.addSplice(adjustIndex(newSplice(this.length - arguments.length, [], arguments.length), this));
         }
         return methodCallResult;
@@ -3109,12 +3109,12 @@ function enableArrayObservation() {
     proto.reverse = function () {
         let oldArray;
         const o = this.$fastController;
-        if (o !== undefined) {
+        if (o !== void 0) {
             o.flush();
             oldArray = this.slice();
         }
         const methodCallResult = reverse.apply(this, arguments);
-        if (o !== undefined) {
+        if (o !== void 0) {
             o.reset(oldArray);
         }
         return methodCallResult;
@@ -3123,7 +3123,7 @@ function enableArrayObservation() {
         const notEmpty = this.length > 0;
         const methodCallResult = shift.apply(this, arguments);
         const o = this.$fastController;
-        if (o !== undefined && notEmpty) {
+        if (o !== void 0 && notEmpty) {
             o.addSplice(newSplice(0, [methodCallResult], 0));
         }
         return methodCallResult;
@@ -3131,12 +3131,12 @@ function enableArrayObservation() {
     proto.sort = function () {
         let oldArray;
         const o = this.$fastController;
-        if (o !== undefined) {
+        if (o !== void 0) {
             o.flush();
             oldArray = this.slice();
         }
         const methodCallResult = sort.apply(this, arguments);
-        if (o !== undefined) {
+        if (o !== void 0) {
             o.reset(oldArray);
         }
         return methodCallResult;
@@ -3144,7 +3144,7 @@ function enableArrayObservation() {
     proto.splice = function () {
         const methodCallResult = splice.apply(this, arguments);
         const o = this.$fastController;
-        if (o !== undefined) {
+        if (o !== void 0) {
             o.addSplice(adjustIndex(newSplice(+arguments[0], methodCallResult, arguments.length > 2 ? arguments.length - 2 : 0), this));
         }
         return methodCallResult;
@@ -3152,7 +3152,7 @@ function enableArrayObservation() {
     proto.unshift = function () {
         const methodCallResult = unshift.apply(this, arguments);
         const o = this.$fastController;
-        if (o !== undefined) {
+        if (o !== void 0) {
             o.addSplice(adjustIndex(newSplice(0, [], arguments.length), this));
         }
         return methodCallResult;
@@ -3263,8 +3263,8 @@ class RepeatBehavior {
         this.views = [];
         this.items = null;
         this.itemsObserver = null;
-        this.originalContext = undefined;
-        this.childContext = undefined;
+        this.originalContext = void 0;
+        this.childContext = void 0;
         this.bindView = bindWithoutPositioning;
         this.itemsBindingObserver = Observable.binding(itemsBinding, this, isItemsBindingVolatile);
         this.templateBindingObserver = Observable.binding(templateBinding, this, isTemplateBindingVolatile);
@@ -3549,7 +3549,7 @@ class NodeObservationBehavior {
     }
     computeNodes() {
         let nodes = this.getNodes();
-        if (this.options.filter !== undefined) {
+        if (this.options.filter !== void 0) {
             nodes = nodes.filter(this.options.filter);
         }
         return nodes;
@@ -3682,7 +3682,7 @@ const endSlotTemplate = (context, definition) => html `
     <span
         part="end"
         ${ref("endContainer")}
-        class=${x => (definition.end ? "end" : undefined)}
+        class=${x => (definition.end ? "end" : void 0)}
     >
         <slot name="end" ${ref("end")} @slotchange="${x => x.handleEndContentChange()}">
             ${definition.end || ""}
@@ -3699,7 +3699,7 @@ const startSlotTemplate = (context, definition) => html `
     <span
         part="start"
         ${ref("startContainer")}
-        class="${x => (definition.start ? "start" : undefined)}"
+        class="${x => (definition.start ? "start" : void 0)}"
     >
         <slot
             name="start"
@@ -3834,17 +3834,17 @@ if (!("metadata" in Reflect)) {
     };
     Reflect.defineMetadata = function (key, value, target) {
         let metadata = metadataByTarget.get(target);
-        if (metadata === undefined) {
+        if (metadata === void 0) {
             metadataByTarget.set(target, (metadata = new Map()));
         }
         metadata.set(key, value);
     };
     Reflect.getOwnMetadata = function (key, target) {
         const metadata = metadataByTarget.get(target);
-        if (metadata !== undefined) {
+        if (metadata !== void 0) {
             return metadata.get(key);
         }
-        return undefined;
+        return void 0;
     };
 }
 /**
@@ -3916,7 +3916,7 @@ class ResolverBuilder {
     registerResolver(strategy, state) {
         const { container, key } = this;
         /* eslint-disable-next-line @typescript-eslint/no-non-null-assertion */
-        this.container = this.key = (undefined);
+        this.container = this.key = (void 0);
         return container.registerResolver(key, new ResolverImpl(key, strategy, state));
     }
 }
@@ -4028,7 +4028,7 @@ const DI = Object.freeze({
             bubbles: true,
             composed: true,
             cancelable: true,
-            detail: { container: undefined },
+            detail: { container: void 0 },
         });
         node.dispatchEvent(event);
         return event.detail.container || DI.getOrCreateDOMContainer();
@@ -4076,7 +4076,7 @@ const DI = Object.freeze({
      */
     getOrCreateAnnotationParamTypes(Type) {
         let annotationParamtypes = this.getAnnotationParamtypes(Type);
-        if (annotationParamtypes === undefined) {
+        if (annotationParamtypes === void 0) {
             Reflect.defineMetadata("di:paramtypes", (annotationParamtypes = []), Type);
         }
         return annotationParamtypes;
@@ -4091,19 +4091,19 @@ const DI = Object.freeze({
         // so be careful with making changes here as it can have a huge impact on complex end user apps.
         // Preferably, only make changes to the dependency resolution process via a RFC.
         let dependencies = dependencyLookup.get(Type);
-        if (dependencies === undefined) {
+        if (dependencies === void 0) {
             // Type.length is the number of constructor parameters. If this is 0, it could mean the class has an empty constructor
             // but it could also mean the class has no constructor at all (in which case it inherits the constructor from the prototype).
             // Non-zero constructor length + no paramtypes means emitDecoratorMetadata is off, or the class has no decorator.
             // We're not doing anything with the above right now, but it's good to keep in mind for any future issues.
             const inject = Type.inject;
-            if (inject === undefined) {
+            if (inject === void 0) {
                 // design:paramtypes is set by tsc when emitDecoratorMetadata is enabled.
                 const designParamtypes = DI.getDesignParamtypes(Type);
                 // di:paramtypes is set by the parameter decorator from DI.createInterface or by @inject
                 const annotationParamtypes = DI.getAnnotationParamtypes(Type);
-                if (designParamtypes === undefined) {
-                    if (annotationParamtypes === undefined) {
+                if (designParamtypes === void 0) {
+                    if (annotationParamtypes === void 0) {
                         // Only go up the prototype if neither static inject nor any of the paramtypes is defined, as
                         // there is no sound way to merge a type's deps with its prototype's deps
                         const Proto = Object.getPrototypeOf(Type);
@@ -4119,7 +4119,7 @@ const DI = Object.freeze({
                         dependencies = cloneArrayWithPossibleProps(annotationParamtypes);
                     }
                 }
-                else if (annotationParamtypes === undefined) {
+                else if (annotationParamtypes === void 0) {
                     // No di:paramtypes so just use the design:paramtypes
                     dependencies = cloneArrayWithPossibleProps(designParamtypes);
                 }
@@ -4130,7 +4130,7 @@ const DI = Object.freeze({
                     let auAnnotationParamtype;
                     for (let i = 0; i < len; ++i) {
                         auAnnotationParamtype = annotationParamtypes[i];
-                        if (auAnnotationParamtype !== undefined) {
+                        if (auAnnotationParamtype !== void 0) {
                             dependencies[i] = auAnnotationParamtype;
                         }
                     }
@@ -4170,7 +4170,7 @@ const DI = Object.freeze({
         Reflect.defineProperty(target, propertyName, {
             get: function () {
                 let value = this[diPropertyKey];
-                if (value === undefined) {
+                if (value === void 0) {
                     const container = this instanceof HTMLElement
                         ? DI.findResponsibleContainer(this)
                         : DI.getOrCreateDOMContainer();
@@ -4235,7 +4235,7 @@ const DI = Object.freeze({
         Interface.friendlyName = friendlyName == null ? "(anonymous)" : friendlyName;
         if (configure != null) {
             Interface.register = function (container, key) {
-                return configure(new ResolverBuilder(container, key !== null && key !== undefined ? key : Interface));
+                return configure(new ResolverBuilder(container, key !== null && key !== void 0 ? key : Interface));
             };
         }
         Interface.toString = function toString() {
@@ -4259,7 +4259,7 @@ const DI = Object.freeze({
                 // It's a parameter decorator.
                 const annotationParamtypes = DI.getOrCreateAnnotationParamTypes(target);
                 const dep = dependencies[0];
-                if (dep !== undefined) {
+                if (dep !== void 0) {
                     annotationParamtypes[descriptor] = dep;
                 }
             }
@@ -4273,7 +4273,7 @@ const DI = Object.freeze({
                 let dep;
                 for (let i = 0; i < dependencies.length; ++i) {
                     dep = dependencies[i];
-                    if (dep !== undefined) {
+                    if (dep !== void 0) {
                         annotationParamtypes[i] = dep;
                     }
                 }
@@ -4585,7 +4585,7 @@ class ResolverImpl {
             case 2 /* ResolverStrategy.transient */:
                 return container.getFactory(this.state);
             case 5 /* ResolverStrategy.alias */:
-                return (_c = (_b = (_a = container.getResolver(this.state)) === null || _a === undefined ? undefined : _a.getFactory) === null || _b === undefined ? undefined : _b.call(_a, container)) !== null && _c !== undefined ? _c : null;
+                return (_c = (_b = (_a = container.getResolver(this.state)) === null || _a === void 0 ? void 0 : _a.getFactory) === null || _b === void 0 ? void 0 : _b.call(_a, container)) !== null && _c !== void 0 ? _c : null;
             default:
                 return null;
         }
@@ -4606,7 +4606,7 @@ class FactoryImpl {
     }
     construct(container, dynamicDependencies) {
         let instance;
-        if (dynamicDependencies === undefined) {
+        if (dynamicDependencies === void 0) {
             instance = new this.Type(...this.dependencies.map(containerGetKey, container));
         }
         else {
@@ -4637,7 +4637,7 @@ function isRegisterInRequester(obj) {
     return isSelfRegistry(obj) && obj.registerInRequestor;
 }
 function isClass(obj) {
-    return obj.prototype !== undefined;
+    return obj.prototype !== void 0;
 }
 const InstrinsicTypeNames = new Set([
     "Array",
@@ -4680,7 +4680,7 @@ const factories = new Map();
  */
 class ContainerImpl {
     get parent() {
-        if (this._parent === undefined) {
+        if (this._parent === void 0) {
             this._parent = this.config.parentLocator(this.owner);
         }
         return this._parent;
@@ -4694,7 +4694,7 @@ class ContainerImpl {
     constructor(owner, config) {
         this.owner = owner;
         this.config = config;
-        this._parent = undefined;
+        this._parent = void 0;
         this.registerDepth = 0;
         this.context = null;
         if (owner !== null) {
@@ -4800,7 +4800,7 @@ class ContainerImpl {
     }
     getResolver(key, autoRegister = true) {
         validateKey(key);
-        if (key.resolve !== undefined) {
+        if (key.resolve !== void 0) {
             return key;
         }
         /* eslint-disable-next-line @typescript-eslint/no-this-alias */
@@ -4893,7 +4893,7 @@ class ContainerImpl {
     }
     getFactory(Type) {
         let factory = factories.get(Type);
-        if (factory === undefined) {
+        if (factory === void 0) {
             if (isNativeFunction(Type)) {
                 throw new Error(`${Type.name} is a native function and therefore cannot be safely constructed by DI. If this is intentional, please use a callback or cachedCallback resolver.`);
             }
@@ -4919,7 +4919,7 @@ class ContainerImpl {
             if (!(registrationResolver instanceof Object) ||
                 registrationResolver.resolve == null) {
                 const newResolver = handler.resolvers.get(keyAsValue);
-                if (newResolver != undefined) {
+                if (newResolver != void 0) {
                     return newResolver;
                 }
                 throw new Error("A valid resolver was not returned from the static register method");
@@ -5063,7 +5063,7 @@ const Registration = Object.freeze({
 });
 /** @internal */
 function validateKey(key) {
-    if (key === null || key === undefined) {
+    if (key === null || key === void 0) {
         throw new Error("key/value cannot be null or undefined. Are you trying to inject/register something that doesn't exist with DI?");
     }
 }
@@ -5097,7 +5097,7 @@ const isNativeFunction = (function () {
     let i = 0;
     return function (fn) {
         isNative = lookup.get(fn);
-        if (isNative === undefined) {
+        if (isNative === void 0) {
             sourceText = fn.toString();
             i = sourceText.length;
             // http://www.ecma-international.org/ecma-262/#prod-NativeFunction
@@ -5135,7 +5135,7 @@ function isArrayIndex(value) {
             return value >= 0 && (value | 0) === value;
         case "string": {
             const result = isNumericLookup[value];
-            if (result !== undefined) {
+            if (result !== void 0) {
                 return result;
             }
             const length = value.length;
@@ -5177,7 +5177,7 @@ const ComponentPresentation = Object.freeze({
     define(tagName, presentation, container) {
         const key = presentationKeyFromTag(tagName);
         const existing = presentationRegistry.get(key);
-        if (existing === undefined) {
+        if (existing === void 0) {
             presentationRegistry.set(key, presentation);
         }
         else {
@@ -5219,7 +5219,7 @@ class DefaultComponentPresentation {
     constructor(template, styles) {
         this.template = template || null;
         this.styles =
-            styles === undefined
+            styles === void 0
                 ? null
                 : Array.isArray(styles)
                     ? ElementStyles.create(styles)
@@ -5254,7 +5254,7 @@ class DefaultComponentPresentation {
 class FoundationElement extends FASTElement {
     constructor() {
         super(...arguments);
-        this._presentation = undefined;
+        this._presentation = void 0;
     }
     /**
      * A property which resolves the ComponentPresentation instance
@@ -5262,7 +5262,7 @@ class FoundationElement extends FASTElement {
      * @public
      */
     get $presentation() {
-        if (this._presentation === undefined) {
+        if (this._presentation === void 0) {
             this._presentation = ComponentPresentation.forTag(this.tagName, this);
         }
         return this._presentation;
@@ -5305,10 +5305,10 @@ class FoundationElement extends FASTElement {
 }
 __decorate([
     observable
-], FoundationElement.prototype, "template", undefined);
+], FoundationElement.prototype, "template", void 0);
 __decorate([
     observable
-], FoundationElement.prototype, "styles", undefined);
+], FoundationElement.prototype, "styles", void 0);
 function resolveOption(option, context, definition) {
     if (typeof option === "function") {
         return option(context, definition);
@@ -5452,13 +5452,13 @@ __decorate([
         mode: "fromView",
         converter: nullableNumberConverter,
     })
-], AccordionItem.prototype, "headinglevel", undefined);
+], AccordionItem.prototype, "headinglevel", void 0);
 __decorate([
     attr({ mode: "boolean" })
-], AccordionItem.prototype, "expanded", undefined);
+], AccordionItem.prototype, "expanded", void 0);
 __decorate([
     attr
-], AccordionItem.prototype, "id", undefined);
+], AccordionItem.prototype, "id", void 0);
 applyMixins(AccordionItem, StartEnd);
 
 /**
@@ -5797,7 +5797,7 @@ class Accordion extends FoundationElement {
                 item.addEventListener("focus", this.handleItemFocus);
             });
             if (this.isSingleExpandMode()) {
-                const expandedItem = (_a = this.findExpandedItem()) !== null && _a !== undefined ? _a : this.accordionItems[0];
+                const expandedItem = (_a = this.findExpandedItem()) !== null && _a !== void 0 ? _a : this.accordionItems[0];
                 expandedItem.setAttribute("aria-disabled", "true");
             }
         };
@@ -5910,10 +5910,10 @@ class Accordion extends FoundationElement {
 }
 __decorate([
     attr({ attribute: "expand-mode" })
-], Accordion.prototype, "expandmode", undefined);
+], Accordion.prototype, "expandmode", void 0);
 __decorate([
     observable
-], Accordion.prototype, "accordionItems", undefined);
+], Accordion.prototype, "accordionItems", void 0);
 
 /**
  * The template for the {@link @ni/fast-foundation#(Anchor:class)} component.
@@ -5974,61 +5974,61 @@ class ARIAGlobalStatesAndProperties {
 }
 __decorate([
     attr({ attribute: "aria-atomic" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaAtomic", undefined);
+], ARIAGlobalStatesAndProperties.prototype, "ariaAtomic", void 0);
 __decorate([
     attr({ attribute: "aria-busy" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaBusy", undefined);
+], ARIAGlobalStatesAndProperties.prototype, "ariaBusy", void 0);
 __decorate([
     attr({ attribute: "aria-controls" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaControls", undefined);
+], ARIAGlobalStatesAndProperties.prototype, "ariaControls", void 0);
 __decorate([
     attr({ attribute: "aria-current" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaCurrent", undefined);
+], ARIAGlobalStatesAndProperties.prototype, "ariaCurrent", void 0);
 __decorate([
     attr({ attribute: "aria-describedby" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaDescribedby", undefined);
+], ARIAGlobalStatesAndProperties.prototype, "ariaDescribedby", void 0);
 __decorate([
     attr({ attribute: "aria-details" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaDetails", undefined);
+], ARIAGlobalStatesAndProperties.prototype, "ariaDetails", void 0);
 __decorate([
     attr({ attribute: "aria-disabled" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaDisabled", undefined);
+], ARIAGlobalStatesAndProperties.prototype, "ariaDisabled", void 0);
 __decorate([
     attr({ attribute: "aria-errormessage" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaErrormessage", undefined);
+], ARIAGlobalStatesAndProperties.prototype, "ariaErrormessage", void 0);
 __decorate([
     attr({ attribute: "aria-flowto" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaFlowto", undefined);
+], ARIAGlobalStatesAndProperties.prototype, "ariaFlowto", void 0);
 __decorate([
     attr({ attribute: "aria-haspopup" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaHaspopup", undefined);
+], ARIAGlobalStatesAndProperties.prototype, "ariaHaspopup", void 0);
 __decorate([
     attr({ attribute: "aria-hidden" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaHidden", undefined);
+], ARIAGlobalStatesAndProperties.prototype, "ariaHidden", void 0);
 __decorate([
     attr({ attribute: "aria-invalid" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaInvalid", undefined);
+], ARIAGlobalStatesAndProperties.prototype, "ariaInvalid", void 0);
 __decorate([
     attr({ attribute: "aria-keyshortcuts" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaKeyshortcuts", undefined);
+], ARIAGlobalStatesAndProperties.prototype, "ariaKeyshortcuts", void 0);
 __decorate([
     attr({ attribute: "aria-label" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaLabel", undefined);
+], ARIAGlobalStatesAndProperties.prototype, "ariaLabel", void 0);
 __decorate([
     attr({ attribute: "aria-labelledby" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaLabelledby", undefined);
+], ARIAGlobalStatesAndProperties.prototype, "ariaLabelledby", void 0);
 __decorate([
     attr({ attribute: "aria-live" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaLive", undefined);
+], ARIAGlobalStatesAndProperties.prototype, "ariaLive", void 0);
 __decorate([
     attr({ attribute: "aria-owns" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaOwns", undefined);
+], ARIAGlobalStatesAndProperties.prototype, "ariaOwns", void 0);
 __decorate([
     attr({ attribute: "aria-relevant" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaRelevant", undefined);
+], ARIAGlobalStatesAndProperties.prototype, "ariaRelevant", void 0);
 __decorate([
     attr({ attribute: "aria-roledescription" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaRoledescription", undefined);
+], ARIAGlobalStatesAndProperties.prototype, "ariaRoledescription", void 0);
 
 /**
  * An Anchor Custom HTML Element.
@@ -6055,10 +6055,10 @@ class Anchor extends FoundationElement {
             // Check to see if delegatesFocus is supported
             if (window.ShadowRoot &&
                 !window.ShadowRoot.prototype.hasOwnProperty("delegatesFocus") &&
-                ((_a = this.$fastController.definition.shadowOptions) === null || _a === undefined ? undefined : _a.delegatesFocus)) {
+                ((_a = this.$fastController.definition.shadowOptions) === null || _a === void 0 ? void 0 : _a.delegatesFocus)) {
                 this.focus = () => {
                     var _a;
-                    (_a = this.control) === null || _a === undefined ? undefined : _a.focus();
+                    (_a = this.control) === null || _a === void 0 ? void 0 : _a.focus();
                 };
             }
         };
@@ -6073,31 +6073,31 @@ class Anchor extends FoundationElement {
 }
 __decorate([
     attr
-], Anchor.prototype, "download", undefined);
+], Anchor.prototype, "download", void 0);
 __decorate([
     attr
-], Anchor.prototype, "href", undefined);
+], Anchor.prototype, "href", void 0);
 __decorate([
     attr
-], Anchor.prototype, "hreflang", undefined);
+], Anchor.prototype, "hreflang", void 0);
 __decorate([
     attr
-], Anchor.prototype, "ping", undefined);
+], Anchor.prototype, "ping", void 0);
 __decorate([
     attr
-], Anchor.prototype, "referrerpolicy", undefined);
+], Anchor.prototype, "referrerpolicy", void 0);
 __decorate([
     attr
-], Anchor.prototype, "rel", undefined);
+], Anchor.prototype, "rel", void 0);
 __decorate([
     attr
-], Anchor.prototype, "target", undefined);
+], Anchor.prototype, "target", void 0);
 __decorate([
     attr
-], Anchor.prototype, "type", undefined);
+], Anchor.prototype, "type", void 0);
 __decorate([
     observable
-], Anchor.prototype, "defaultSlottedContent", undefined);
+], Anchor.prototype, "defaultSlottedContent", void 0);
 /**
  * Includes ARIA states and properties relating to the ARIA link role
  *
@@ -6107,7 +6107,7 @@ class DelegatesARIALink {
 }
 __decorate([
     attr({ attribute: "aria-expanded" })
-], DelegatesARIALink.prototype, "ariaExpanded", undefined);
+], DelegatesARIALink.prototype, "ariaExpanded", void 0);
 applyMixins(DelegatesARIALink, ARIAGlobalStatesAndProperties);
 applyMixins(Anchor, StartEnd, DelegatesARIALink);
 
@@ -6153,7 +6153,7 @@ class IntersectionService {
                 return;
             }
             if (this.observedElements.has(target)) {
-                (_a = this.observedElements.get(target)) === null || _a === undefined ? undefined : _a.push(callback);
+                (_a = this.observedElements.get(target)) === null || _a === void 0 ? void 0 : _a.push(callback);
                 return;
             }
             this.observedElements.set(target, [callback]);
@@ -6200,7 +6200,7 @@ class IntersectionService {
             entries.forEach((entry) => {
                 var _a;
                 // stop watching this element until we get new update requests for it
-                (_a = this.intersectionDetector) === null || _a === undefined ? undefined : _a.unobserve(entry.target);
+                (_a = this.intersectionDetector) === null || _a === void 0 ? void 0 : _a.unobserve(entry.target);
                 const thisElementCallbacks = this.observedElements.get(entry.target);
                 if (thisElementCallbacks !== undefined) {
                     thisElementCallbacks.forEach((callback) => {
@@ -7127,61 +7127,61 @@ class AnchoredRegion extends FoundationElement {
 AnchoredRegion.intersectionService = new IntersectionService();
 __decorate([
     attr
-], AnchoredRegion.prototype, "anchor", undefined);
+], AnchoredRegion.prototype, "anchor", void 0);
 __decorate([
     attr
-], AnchoredRegion.prototype, "viewport", undefined);
+], AnchoredRegion.prototype, "viewport", void 0);
 __decorate([
     attr({ attribute: "horizontal-positioning-mode" })
-], AnchoredRegion.prototype, "horizontalPositioningMode", undefined);
+], AnchoredRegion.prototype, "horizontalPositioningMode", void 0);
 __decorate([
     attr({ attribute: "horizontal-default-position" })
-], AnchoredRegion.prototype, "horizontalDefaultPosition", undefined);
+], AnchoredRegion.prototype, "horizontalDefaultPosition", void 0);
 __decorate([
     attr({ attribute: "horizontal-viewport-lock", mode: "boolean" })
-], AnchoredRegion.prototype, "horizontalViewportLock", undefined);
+], AnchoredRegion.prototype, "horizontalViewportLock", void 0);
 __decorate([
     attr({ attribute: "horizontal-inset", mode: "boolean" })
-], AnchoredRegion.prototype, "horizontalInset", undefined);
+], AnchoredRegion.prototype, "horizontalInset", void 0);
 __decorate([
     attr({ attribute: "horizontal-threshold" })
-], AnchoredRegion.prototype, "horizontalThreshold", undefined);
+], AnchoredRegion.prototype, "horizontalThreshold", void 0);
 __decorate([
     attr({ attribute: "horizontal-scaling" })
-], AnchoredRegion.prototype, "horizontalScaling", undefined);
+], AnchoredRegion.prototype, "horizontalScaling", void 0);
 __decorate([
     attr({ attribute: "vertical-positioning-mode" })
-], AnchoredRegion.prototype, "verticalPositioningMode", undefined);
+], AnchoredRegion.prototype, "verticalPositioningMode", void 0);
 __decorate([
     attr({ attribute: "vertical-default-position" })
-], AnchoredRegion.prototype, "verticalDefaultPosition", undefined);
+], AnchoredRegion.prototype, "verticalDefaultPosition", void 0);
 __decorate([
     attr({ attribute: "vertical-viewport-lock", mode: "boolean" })
-], AnchoredRegion.prototype, "verticalViewportLock", undefined);
+], AnchoredRegion.prototype, "verticalViewportLock", void 0);
 __decorate([
     attr({ attribute: "vertical-inset", mode: "boolean" })
-], AnchoredRegion.prototype, "verticalInset", undefined);
+], AnchoredRegion.prototype, "verticalInset", void 0);
 __decorate([
     attr({ attribute: "vertical-threshold" })
-], AnchoredRegion.prototype, "verticalThreshold", undefined);
+], AnchoredRegion.prototype, "verticalThreshold", void 0);
 __decorate([
     attr({ attribute: "vertical-scaling" })
-], AnchoredRegion.prototype, "verticalScaling", undefined);
+], AnchoredRegion.prototype, "verticalScaling", void 0);
 __decorate([
     attr({ attribute: "fixed-placement", mode: "boolean" })
-], AnchoredRegion.prototype, "fixedPlacement", undefined);
+], AnchoredRegion.prototype, "fixedPlacement", void 0);
 __decorate([
     attr({ attribute: "auto-update-mode" })
-], AnchoredRegion.prototype, "autoUpdateMode", undefined);
+], AnchoredRegion.prototype, "autoUpdateMode", void 0);
 __decorate([
     observable
-], AnchoredRegion.prototype, "anchorElement", undefined);
+], AnchoredRegion.prototype, "anchorElement", void 0);
 __decorate([
     observable
-], AnchoredRegion.prototype, "viewportElement", undefined);
+], AnchoredRegion.prototype, "viewportElement", void 0);
 __decorate([
     observable
-], AnchoredRegion.prototype, "initialLayoutComplete", undefined);
+], AnchoredRegion.prototype, "initialLayoutComplete", void 0);
 
 /**
  * Building blocks - partial configs
@@ -7251,13 +7251,13 @@ const avatarTemplate = (context, definition) => html `
     <div
         class="backplate ${x => x.shape}"
         part="backplate"
-        style="${x => x.fill ? `background-color: var(--avatar-fill-${x.fill});` : undefined}"
+        style="${x => x.fill ? `background-color: var(--avatar-fill-${x.fill});` : void 0}"
     >
         <a
             class="link"
             part="link"
-            href="${x => (x.link ? x.link : undefined)}"
-            style="${x => (x.color ? `color: var(--avatar-color-${x.color});` : undefined)}"
+            href="${x => (x.link ? x.link : void 0)}"
+            style="${x => (x.color ? `color: var(--avatar-color-${x.color});` : void 0)}"
         >
             <slot name="media" part="media">${definition.media || ""}</slot>
             <slot class="content" part="content"><slot>
@@ -7292,16 +7292,16 @@ class Avatar extends FoundationElement {
 }
 __decorate([
     attr
-], Avatar.prototype, "fill", undefined);
+], Avatar.prototype, "fill", void 0);
 __decorate([
     attr
-], Avatar.prototype, "color", undefined);
+], Avatar.prototype, "color", void 0);
 __decorate([
     attr
-], Avatar.prototype, "link", undefined);
+], Avatar.prototype, "link", void 0);
 __decorate([
     attr
-], Avatar.prototype, "shape", undefined);
+], Avatar.prototype, "shape", void 0);
 
 /**
  * The template for the {@link @ni/fast-foundation#Badge} component.
@@ -7345,13 +7345,13 @@ class Badge extends FoundationElement {
 }
 __decorate([
     attr({ attribute: "fill" })
-], Badge.prototype, "fill", undefined);
+], Badge.prototype, "fill", void 0);
 __decorate([
     attr({ attribute: "color" })
-], Badge.prototype, "color", undefined);
+], Badge.prototype, "color", void 0);
 __decorate([
     attr({ mode: "boolean" })
-], Badge.prototype, "circular", undefined);
+], Badge.prototype, "circular", void 0);
 
 /**
  * The template for the {@link @ni/fast-foundation#(BreadcrumbItem:class)} component.
@@ -7391,7 +7391,7 @@ class BreadcrumbItem extends Anchor {
 }
 __decorate([
     observable
-], BreadcrumbItem.prototype, "separator", undefined);
+], BreadcrumbItem.prototype, "separator", void 0);
 applyMixins(BreadcrumbItem, StartEnd, DelegatesARIALink);
 
 /**
@@ -7444,8 +7444,8 @@ class Breadcrumb extends FoundationElement {
         if (node.childElementCount > 0) {
             return node.querySelector("a[href]");
         }
-        else if ((_a = node.shadowRoot) === null || _a === undefined ? undefined : _a.childElementCount) {
-            return (_b = node.shadowRoot) === null || _b === undefined ? undefined : _b.querySelector("a[href]");
+        else if ((_a = node.shadowRoot) === null || _a === void 0 ? void 0 : _a.childElementCount) {
+            return (_b = node.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector("a[href]");
         }
         else
             return null;
@@ -7473,7 +7473,7 @@ class Breadcrumb extends FoundationElement {
 }
 __decorate([
     observable
-], Breadcrumb.prototype, "slottedBreadcrumbItems", undefined);
+], Breadcrumb.prototype, "slottedBreadcrumbItems", void 0);
 
 /**
  * The template for the {@link @ni/fast-foundation#(Button:class)} component.
@@ -7847,7 +7847,7 @@ function FormAssociated(BaseCtor) {
                 this.proxySlot = document.createElement("slot");
                 this.proxySlot.setAttribute("name", proxySlotName);
             }
-            (_a = this.shadowRoot) === null || _a === undefined ? undefined : _a.appendChild(this.proxySlot);
+            (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.appendChild(this.proxySlot);
             this.appendChild(this.proxy);
         }
         /**
@@ -7856,7 +7856,7 @@ function FormAssociated(BaseCtor) {
         detachProxy() {
             var _a;
             this.removeChild(this.proxy);
-            (_a = this.shadowRoot) === null || _a === undefined ? undefined : _a.removeChild(this.proxySlot);
+            (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.removeChild(this.proxySlot);
         }
         /** {@inheritDoc (FormAssociated:interface).validate} */
         validate(anchor) {
@@ -7880,7 +7880,7 @@ function FormAssociated(BaseCtor) {
                     if (this.form instanceof HTMLFormElement) {
                         // Implicit submission
                         const defaultButton = this.form.querySelector("[type=submit]");
-                        defaultButton === null || defaultButton === undefined ? undefined : defaultButton.click();
+                        defaultButton === null || defaultButton === void 0 ? void 0 : defaultButton.click();
                     }
                     break;
             }
@@ -8023,7 +8023,7 @@ class Button extends FormAssociatedButton {
          */
         this.handleClick = (e) => {
             var _a;
-            if (this.disabled && ((_a = this.defaultSlottedContent) === null || _a === undefined ? undefined : _a.length) <= 1) {
+            if (this.disabled && ((_a = this.defaultSlottedContent) === null || _a === void 0 ? void 0 : _a.length) <= 1) {
                 e.stopPropagation();
             }
         };
@@ -8052,7 +8052,7 @@ class Button extends FormAssociatedButton {
          */
         this.handleFormReset = () => {
             var _a;
-            (_a = this.form) === null || _a === undefined ? undefined : _a.reset();
+            (_a = this.form) === null || _a === void 0 ? void 0 : _a.reset();
         };
         /**
          * Overrides the focus call for where delegatesFocus is unsupported.
@@ -8064,7 +8064,7 @@ class Button extends FormAssociatedButton {
             // Check to see if delegatesFocus is supported
             if (window.ShadowRoot &&
                 !window.ShadowRoot.prototype.hasOwnProperty("delegatesFocus") &&
-                ((_a = this.$fastController.definition.shadowOptions) === null || _a === undefined ? undefined : _a.delegatesFocus)) {
+                ((_a = this.$fastController.definition.shadowOptions) === null || _a === void 0 ? void 0 : _a.delegatesFocus)) {
                 this.focus = () => {
                     this.control.focus();
                 };
@@ -8117,7 +8117,7 @@ class Button extends FormAssociatedButton {
         super.connectedCallback();
         this.proxy.setAttribute("type", this.type);
         this.handleUnsupportedDelegatesFocus();
-        const elements = Array.from((_a = this.control) === null || _a === undefined ? undefined : _a.children);
+        const elements = Array.from((_a = this.control) === null || _a === void 0 ? void 0 : _a.children);
         if (elements) {
             elements.forEach((span) => {
                 span.addEventListener("click", this.handleClick);
@@ -8130,7 +8130,7 @@ class Button extends FormAssociatedButton {
     disconnectedCallback() {
         var _a;
         super.disconnectedCallback();
-        const elements = Array.from((_a = this.control) === null || _a === undefined ? undefined : _a.children);
+        const elements = Array.from((_a = this.control) === null || _a === void 0 ? void 0 : _a.children);
         if (elements) {
             elements.forEach((span) => {
                 span.removeEventListener("click", this.handleClick);
@@ -8140,31 +8140,31 @@ class Button extends FormAssociatedButton {
 }
 __decorate([
     attr({ mode: "boolean" })
-], Button.prototype, "autofocus", undefined);
+], Button.prototype, "autofocus", void 0);
 __decorate([
     attr({ attribute: "form" })
-], Button.prototype, "formId", undefined);
+], Button.prototype, "formId", void 0);
 __decorate([
     attr
-], Button.prototype, "formaction", undefined);
+], Button.prototype, "formaction", void 0);
 __decorate([
     attr
-], Button.prototype, "formenctype", undefined);
+], Button.prototype, "formenctype", void 0);
 __decorate([
     attr
-], Button.prototype, "formmethod", undefined);
+], Button.prototype, "formmethod", void 0);
 __decorate([
     attr({ mode: "boolean" })
-], Button.prototype, "formnovalidate", undefined);
+], Button.prototype, "formnovalidate", void 0);
 __decorate([
     attr
-], Button.prototype, "formtarget", undefined);
+], Button.prototype, "formtarget", void 0);
 __decorate([
     attr
-], Button.prototype, "type", undefined);
+], Button.prototype, "type", void 0);
 __decorate([
     observable
-], Button.prototype, "defaultSlottedContent", undefined);
+], Button.prototype, "defaultSlottedContent", void 0);
 /**
  * Includes ARIA states and properties relating to the ARIA button role
  *
@@ -8174,10 +8174,10 @@ class DelegatesARIAButton {
 }
 __decorate([
     attr({ attribute: "aria-expanded" })
-], DelegatesARIAButton.prototype, "ariaExpanded", undefined);
+], DelegatesARIAButton.prototype, "ariaExpanded", void 0);
 __decorate([
     attr({ attribute: "aria-pressed" })
-], DelegatesARIAButton.prototype, "ariaPressed", undefined);
+], DelegatesARIAButton.prototype, "ariaPressed", void 0);
 applyMixins(DelegatesARIAButton, ARIAGlobalStatesAndProperties);
 applyMixins(Button, StartEnd, DelegatesARIAButton);
 
@@ -8570,37 +8570,37 @@ class Calendar extends FoundationElement {
 }
 __decorate([
     attr({ mode: "boolean" })
-], Calendar.prototype, "readonly", undefined);
+], Calendar.prototype, "readonly", void 0);
 __decorate([
     attr
-], Calendar.prototype, "locale", undefined);
+], Calendar.prototype, "locale", void 0);
 __decorate([
     attr({ converter: nullableNumberConverter })
-], Calendar.prototype, "month", undefined);
+], Calendar.prototype, "month", void 0);
 __decorate([
     attr({ converter: nullableNumberConverter })
-], Calendar.prototype, "year", undefined);
+], Calendar.prototype, "year", void 0);
 __decorate([
     attr({ attribute: "day-format", mode: "fromView" })
-], Calendar.prototype, "dayFormat", undefined);
+], Calendar.prototype, "dayFormat", void 0);
 __decorate([
     attr({ attribute: "weekday-format", mode: "fromView" })
-], Calendar.prototype, "weekdayFormat", undefined);
+], Calendar.prototype, "weekdayFormat", void 0);
 __decorate([
     attr({ attribute: "month-format", mode: "fromView" })
-], Calendar.prototype, "monthFormat", undefined);
+], Calendar.prototype, "monthFormat", void 0);
 __decorate([
     attr({ attribute: "year-format", mode: "fromView" })
-], Calendar.prototype, "yearFormat", undefined);
+], Calendar.prototype, "yearFormat", void 0);
 __decorate([
     attr({ attribute: "min-weeks", converter: nullableNumberConverter })
-], Calendar.prototype, "minWeeks", undefined);
+], Calendar.prototype, "minWeeks", void 0);
 __decorate([
     attr({ attribute: "disabled-dates" })
-], Calendar.prototype, "disabledDates", undefined);
+], Calendar.prototype, "disabledDates", void 0);
 __decorate([
     attr({ attribute: "selected-dates" })
-], Calendar.prototype, "selectedDates", undefined);
+], Calendar.prototype, "selectedDates", void 0);
 
 /**
  * Enumerates the data grid auto generated header options
@@ -8798,40 +8798,40 @@ class DataGridRow extends FoundationElement {
 }
 __decorate([
     attr({ attribute: "grid-template-columns" })
-], DataGridRow.prototype, "gridTemplateColumns", undefined);
+], DataGridRow.prototype, "gridTemplateColumns", void 0);
 __decorate([
     attr({ attribute: "row-type" })
-], DataGridRow.prototype, "rowType", undefined);
+], DataGridRow.prototype, "rowType", void 0);
 __decorate([
     observable
-], DataGridRow.prototype, "rowData", undefined);
+], DataGridRow.prototype, "rowData", void 0);
 __decorate([
     observable
-], DataGridRow.prototype, "columnDefinitions", undefined);
+], DataGridRow.prototype, "columnDefinitions", void 0);
 __decorate([
     observable
-], DataGridRow.prototype, "cellItemTemplate", undefined);
+], DataGridRow.prototype, "cellItemTemplate", void 0);
 __decorate([
     observable
-], DataGridRow.prototype, "headerCellItemTemplate", undefined);
+], DataGridRow.prototype, "headerCellItemTemplate", void 0);
 __decorate([
     observable
-], DataGridRow.prototype, "rowIndex", undefined);
+], DataGridRow.prototype, "rowIndex", void 0);
 __decorate([
     observable
-], DataGridRow.prototype, "isActiveRow", undefined);
+], DataGridRow.prototype, "isActiveRow", void 0);
 __decorate([
     observable
-], DataGridRow.prototype, "activeCellItemTemplate", undefined);
+], DataGridRow.prototype, "activeCellItemTemplate", void 0);
 __decorate([
     observable
-], DataGridRow.prototype, "defaultCellItemTemplate", undefined);
+], DataGridRow.prototype, "defaultCellItemTemplate", void 0);
 __decorate([
     observable
-], DataGridRow.prototype, "defaultHeaderCellItemTemplate", undefined);
+], DataGridRow.prototype, "defaultHeaderCellItemTemplate", void 0);
 __decorate([
     observable
-], DataGridRow.prototype, "cellElements", undefined);
+], DataGridRow.prototype, "cellElements", void 0);
 
 function createRowItemTemplate(context) {
     const rowTag = context.tagFor(DataGridRow);
@@ -9265,43 +9265,43 @@ DataGrid.generateColumns = (row) => {
 };
 __decorate([
     attr({ attribute: "no-tabbing", mode: "boolean" })
-], DataGrid.prototype, "noTabbing", undefined);
+], DataGrid.prototype, "noTabbing", void 0);
 __decorate([
     attr({ attribute: "generate-header" })
-], DataGrid.prototype, "generateHeader", undefined);
+], DataGrid.prototype, "generateHeader", void 0);
 __decorate([
     attr({ attribute: "grid-template-columns" })
-], DataGrid.prototype, "gridTemplateColumns", undefined);
+], DataGrid.prototype, "gridTemplateColumns", void 0);
 __decorate([
     observable
-], DataGrid.prototype, "rowsData", undefined);
+], DataGrid.prototype, "rowsData", void 0);
 __decorate([
     observable
-], DataGrid.prototype, "columnDefinitions", undefined);
+], DataGrid.prototype, "columnDefinitions", void 0);
 __decorate([
     observable
-], DataGrid.prototype, "rowItemTemplate", undefined);
+], DataGrid.prototype, "rowItemTemplate", void 0);
 __decorate([
     observable
-], DataGrid.prototype, "cellItemTemplate", undefined);
+], DataGrid.prototype, "cellItemTemplate", void 0);
 __decorate([
     observable
-], DataGrid.prototype, "headerCellItemTemplate", undefined);
+], DataGrid.prototype, "headerCellItemTemplate", void 0);
 __decorate([
     observable
-], DataGrid.prototype, "focusRowIndex", undefined);
+], DataGrid.prototype, "focusRowIndex", void 0);
 __decorate([
     observable
-], DataGrid.prototype, "focusColumnIndex", undefined);
+], DataGrid.prototype, "focusColumnIndex", void 0);
 __decorate([
     observable
-], DataGrid.prototype, "defaultRowItemTemplate", undefined);
+], DataGrid.prototype, "defaultRowItemTemplate", void 0);
 __decorate([
     observable
-], DataGrid.prototype, "rowElementTag", undefined);
+], DataGrid.prototype, "rowElementTag", void 0);
 __decorate([
     observable
-], DataGrid.prototype, "rowElements", undefined);
+], DataGrid.prototype, "rowElements", void 0);
 
 const defaultCellContentsTemplate = html `
     <template>
@@ -9381,7 +9381,7 @@ class DataGridCell extends FoundationElement {
         this.addEventListener(eventFocusIn, this.handleFocusin);
         this.addEventListener(eventFocusOut, this.handleFocusout);
         this.addEventListener(eventKeyDown, this.handleKeydown);
-        this.style.gridColumn = `${((_a = this.columnDefinition) === null || _a === undefined ? undefined : _a.gridColumn) === undefined
+        this.style.gridColumn = `${((_a = this.columnDefinition) === null || _a === void 0 ? void 0 : _a.gridColumn) === undefined
             ? 0
             : this.columnDefinition.gridColumn}`;
         this.updateCellView();
@@ -9516,16 +9516,16 @@ class DataGridCell extends FoundationElement {
 }
 __decorate([
     attr({ attribute: "cell-type" })
-], DataGridCell.prototype, "cellType", undefined);
+], DataGridCell.prototype, "cellType", void 0);
 __decorate([
     attr({ attribute: "grid-column" })
-], DataGridCell.prototype, "gridColumn", undefined);
+], DataGridCell.prototype, "gridColumn", void 0);
 __decorate([
     observable
-], DataGridCell.prototype, "rowData", undefined);
+], DataGridCell.prototype, "rowData", void 0);
 __decorate([
     observable
-], DataGridCell.prototype, "columnDefinition", undefined);
+], DataGridCell.prototype, "columnDefinition", void 0);
 
 function createCellItemTemplate(context) {
     const cellTag = context.tagFor(DataGridCell);
@@ -9777,7 +9777,7 @@ const calendarTemplate = (context, definition) => {
             ${startTemplate}
             ${definition.title instanceof Function
         ? definition.title(context, definition)
-        : (_a = definition.title) !== null && _a !== undefined ? _a : ""}
+        : (_a = definition.title) !== null && _a !== void 0 ? _a : ""}
             <slot></slot>
             ${when(x => x.readonly, noninteractiveCalendarTemplate(todayString), interactiveCalendarGridTemplate(context, todayString))}
             ${endTemplate}
@@ -9916,13 +9916,13 @@ class Checkbox extends FormAssociatedCheckbox {
 }
 __decorate([
     attr({ attribute: "readonly", mode: "boolean" })
-], Checkbox.prototype, "readOnly", undefined);
+], Checkbox.prototype, "readOnly", void 0);
 __decorate([
     observable
-], Checkbox.prototype, "defaultSlottedNodes", undefined);
+], Checkbox.prototype, "defaultSlottedNodes", void 0);
 __decorate([
     observable
-], Checkbox.prototype, "indeterminate", undefined);
+], Checkbox.prototype, "indeterminate", void 0);
 
 /**
  * Determines if the element is a {@link (ListboxOption:class)}
@@ -10014,14 +10014,14 @@ class ListboxOption extends FoundationElement {
     }
     get label() {
         var _a;
-        return (_a = this.value) !== null && _a !== undefined ? _a : this.text;
+        return (_a = this.value) !== null && _a !== void 0 ? _a : this.text;
     }
     get text() {
         var _a, _b;
-        return (_b = (_a = this.textContent) === null || _a === undefined ? undefined : _a.replace(/\s+/g, " ").trim()) !== null && _b !== undefined ? _b : "";
+        return (_b = (_a = this.textContent) === null || _a === void 0 ? void 0 : _a.replace(/\s+/g, " ").trim()) !== null && _b !== void 0 ? _b : "";
     }
     set value(next) {
-        const newValue = `${next !== null && next !== undefined ? next : ""}`;
+        const newValue = `${next !== null && next !== void 0 ? next : ""}`;
         this._value = newValue;
         this.dirtyValue = true;
         if (this.proxy instanceof HTMLOptionElement) {
@@ -10032,7 +10032,7 @@ class ListboxOption extends FoundationElement {
     get value() {
         var _a;
         Observable.track(this, "value");
-        return (_a = this._value) !== null && _a !== undefined ? _a : this.text;
+        return (_a = this._value) !== null && _a !== void 0 ? _a : this.text;
     }
     get form() {
         return this.proxy ? this.proxy.form : null;
@@ -10077,25 +10077,25 @@ class ListboxOption extends FoundationElement {
 }
 __decorate([
     observable
-], ListboxOption.prototype, "checked", undefined);
+], ListboxOption.prototype, "checked", void 0);
 __decorate([
     observable
-], ListboxOption.prototype, "content", undefined);
+], ListboxOption.prototype, "content", void 0);
 __decorate([
     observable
-], ListboxOption.prototype, "defaultSelected", undefined);
+], ListboxOption.prototype, "defaultSelected", void 0);
 __decorate([
     attr({ mode: "boolean" })
-], ListboxOption.prototype, "disabled", undefined);
+], ListboxOption.prototype, "disabled", void 0);
 __decorate([
     attr({ attribute: "selected", mode: "boolean" })
-], ListboxOption.prototype, "selectedAttribute", undefined);
+], ListboxOption.prototype, "selectedAttribute", void 0);
 __decorate([
     observable
-], ListboxOption.prototype, "selected", undefined);
+], ListboxOption.prototype, "selected", void 0);
 __decorate([
     attr({ attribute: "value", mode: "fromView" })
-], ListboxOption.prototype, "initialValue", undefined);
+], ListboxOption.prototype, "initialValue", void 0);
 /**
  * States and properties relating to the ARIA `option` role.
  *
@@ -10105,16 +10105,16 @@ class DelegatesARIAListboxOption {
 }
 __decorate([
     observable
-], DelegatesARIAListboxOption.prototype, "ariaChecked", undefined);
+], DelegatesARIAListboxOption.prototype, "ariaChecked", void 0);
 __decorate([
     observable
-], DelegatesARIAListboxOption.prototype, "ariaPosInSet", undefined);
+], DelegatesARIAListboxOption.prototype, "ariaPosInSet", void 0);
 __decorate([
     observable
-], DelegatesARIAListboxOption.prototype, "ariaSelected", undefined);
+], DelegatesARIAListboxOption.prototype, "ariaSelected", void 0);
 __decorate([
     observable
-], DelegatesARIAListboxOption.prototype, "ariaSetSize", undefined);
+], DelegatesARIAListboxOption.prototype, "ariaSetSize", void 0);
 applyMixins(DelegatesARIAListboxOption, ARIAGlobalStatesAndProperties);
 applyMixins(ListboxOption, StartEnd, DelegatesARIAListboxOption);
 
@@ -10180,7 +10180,7 @@ class Listbox extends FoundationElement {
      */
     get firstSelectedOption() {
         var _a;
-        return (_a = this.selectedOptions[0]) !== null && _a !== undefined ? _a : null;
+        return (_a = this.selectedOptions[0]) !== null && _a !== void 0 ? _a : null;
     }
     /**
      * Returns true if there is one or more selectable option.
@@ -10197,7 +10197,7 @@ class Listbox extends FoundationElement {
      */
     get length() {
         var _a, _b;
-        return (_b = (_a = this.options) === null || _a === undefined ? undefined : _a.length) !== null && _b !== undefined ? _b : 0;
+        return (_b = (_a = this.options) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
     }
     /**
      * The list of options.
@@ -10449,7 +10449,7 @@ class Listbox extends FoundationElement {
             this.selectedIndex = -1;
             return;
         }
-        if (((_a = this.options[this.selectedIndex]) === null || _a === undefined ? undefined : _a.disabled) && typeof prev === "number") {
+        if (((_a = this.options[this.selectedIndex]) === null || _a === void 0 ? void 0 : _a.disabled) && typeof prev === "number") {
             const selectableIndex = this.getSelectableIndex(prev, next);
             const newNext = selectableIndex > -1 ? selectableIndex : prev;
             this.selectedIndex = newNext;
@@ -10471,7 +10471,7 @@ class Listbox extends FoundationElement {
     selectedOptionsChanged(prev, next) {
         var _a;
         const filteredNext = next.filter(Listbox.slottedOptionFilter);
-        (_a = this.options) === null || _a === undefined ? undefined : _a.forEach(o => {
+        (_a = this.options) === null || _a === void 0 ? void 0 : _a.forEach(o => {
             const notifier = Observable.getNotifier(o);
             notifier.unsubscribe(this, "selected");
             o.selected = filteredNext.includes(o);
@@ -10486,7 +10486,7 @@ class Listbox extends FoundationElement {
     selectFirstOption() {
         var _a, _b;
         if (!this.disabled) {
-            this.selectedIndex = (_b = (_a = this.options) === null || _a === undefined ? undefined : _a.findIndex(o => !o.disabled)) !== null && _b !== undefined ? _b : -1;
+            this.selectedIndex = (_b = (_a = this.options) === null || _a === void 0 ? void 0 : _a.findIndex(o => !o.disabled)) !== null && _b !== void 0 ? _b : -1;
         }
     }
     /**
@@ -10526,7 +10526,7 @@ class Listbox extends FoundationElement {
      */
     setDefaultSelectedOption() {
         var _a, _b;
-        this.selectedIndex = (_b = (_a = this.options) === null || _a === undefined ? undefined : _a.findIndex(el => el.defaultSelected)) !== null && _b !== undefined ? _b : -1;
+        this.selectedIndex = (_b = (_a = this.options) === null || _a === void 0 ? void 0 : _a.findIndex(el => el.defaultSelected)) !== null && _b !== void 0 ? _b : -1;
     }
     /**
      * Sets an option as selected and gives it focus.
@@ -10535,9 +10535,9 @@ class Listbox extends FoundationElement {
      */
     setSelectedOptions() {
         var _a, _b, _c;
-        if ((_a = this.options) === null || _a === undefined ? undefined : _a.length) {
+        if ((_a = this.options) === null || _a === void 0 ? void 0 : _a.length) {
             this.selectedOptions = [this.options[this.selectedIndex]];
-            this.ariaActiveDescendant = (_c = (_b = this.firstSelectedOption) === null || _b === undefined ? undefined : _b.id) !== null && _c !== undefined ? _c : "";
+            this.ariaActiveDescendant = (_c = (_b = this.firstSelectedOption) === null || _b === void 0 ? void 0 : _b.id) !== null && _c !== void 0 ? _c : "";
             this.focusAndScrollOptionIntoView();
         }
     }
@@ -10605,19 +10605,19 @@ Listbox.slottedOptionFilter = (n) => isListboxOption(n) && !n.hidden;
 Listbox.TYPE_AHEAD_TIMEOUT_MS = 1000;
 __decorate([
     attr({ mode: "boolean" })
-], Listbox.prototype, "disabled", undefined);
+], Listbox.prototype, "disabled", void 0);
 __decorate([
     observable
-], Listbox.prototype, "selectedIndex", undefined);
+], Listbox.prototype, "selectedIndex", void 0);
 __decorate([
     observable
-], Listbox.prototype, "selectedOptions", undefined);
+], Listbox.prototype, "selectedOptions", void 0);
 __decorate([
     observable
-], Listbox.prototype, "slottedOptions", undefined);
+], Listbox.prototype, "slottedOptions", void 0);
 __decorate([
     observable
-], Listbox.prototype, "typeaheadBuffer", undefined);
+], Listbox.prototype, "typeaheadBuffer", void 0);
 /**
  * Includes ARIA states and properties relating to the ARIA listbox role
  *
@@ -10627,16 +10627,16 @@ class DelegatesARIAListbox {
 }
 __decorate([
     observable
-], DelegatesARIAListbox.prototype, "ariaActiveDescendant", undefined);
+], DelegatesARIAListbox.prototype, "ariaActiveDescendant", void 0);
 __decorate([
     observable
-], DelegatesARIAListbox.prototype, "ariaDisabled", undefined);
+], DelegatesARIAListbox.prototype, "ariaDisabled", void 0);
 __decorate([
     observable
-], DelegatesARIAListbox.prototype, "ariaExpanded", undefined);
+], DelegatesARIAListbox.prototype, "ariaExpanded", void 0);
 __decorate([
     observable
-], DelegatesARIAListbox.prototype, "ariaMultiSelectable", undefined);
+], DelegatesARIAListbox.prototype, "ariaMultiSelectable", void 0);
 applyMixins(DelegatesARIAListbox, ARIAGlobalStatesAndProperties);
 applyMixins(Listbox, DelegatesARIAListbox);
 
@@ -10825,13 +10825,13 @@ class Combobox extends FormAssociatedCombobox {
         const prev = `${this._value}`;
         if (this.$fastController.isConnected && this.options) {
             const selectedIndex = this.options.findIndex(el => el.text.toLowerCase() === next.toLowerCase());
-            const prevSelectedValue = (_a = this.options[this.selectedIndex]) === null || _a === undefined ? undefined : _a.text;
-            const nextSelectedValue = (_b = this.options[selectedIndex]) === null || _b === undefined ? undefined : _b.text;
+            const prevSelectedValue = (_a = this.options[this.selectedIndex]) === null || _a === void 0 ? void 0 : _a.text;
+            const nextSelectedValue = (_b = this.options[selectedIndex]) === null || _b === void 0 ? void 0 : _b.text;
             this.selectedIndex =
                 prevSelectedValue !== nextSelectedValue
                     ? selectedIndex
                     : this.selectedIndex;
-            next = ((_c = this.firstSelectedOption) === null || _c === undefined ? undefined : _c.text) || next;
+            next = ((_c = this.firstSelectedOption) === null || _c === void 0 ? void 0 : _c.text) || next;
         }
         if (prev !== next) {
             this._value = next;
@@ -10847,7 +10847,7 @@ class Combobox extends FormAssociatedCombobox {
      */
     clickHandler(e) {
         const captured = e.target.closest(`option,[role=option]`);
-        if (this.disabled || (captured === null || captured === undefined ? undefined : captured.disabled)) {
+        if (this.disabled || (captured === null || captured === void 0 ? void 0 : captured.disabled)) {
             return;
         }
         if (this.open) {
@@ -10921,7 +10921,7 @@ class Combobox extends FormAssociatedCombobox {
             if (this.firstSelectedOption) {
                 requestAnimationFrame(() => {
                     var _a;
-                    (_a = this.firstSelectedOption) === null || _a === undefined ? undefined : _a.scrollIntoView({ block: "nearest" });
+                    (_a = this.firstSelectedOption) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ block: "nearest" });
                 });
             }
         }
@@ -11141,7 +11141,7 @@ class Combobox extends FormAssociatedCombobox {
      */
     syncValue() {
         var _a;
-        const newValue = this.selectedIndex > -1 ? (_a = this.firstSelectedOption) === null || _a === undefined ? undefined : _a.text : this.control.value;
+        const newValue = this.selectedIndex > -1 ? (_a = this.firstSelectedOption) === null || _a === void 0 ? void 0 : _a.text : this.control.value;
         this.updateValue(this.value !== newValue);
     }
     /**
@@ -11204,7 +11204,7 @@ class Combobox extends FormAssociatedCombobox {
     updateValue(shouldEmit) {
         var _a;
         if (this.$fastController.isConnected) {
-            this.value = ((_a = this.firstSelectedOption) === null || _a === undefined ? undefined : _a.text) || this.control.value;
+            this.value = ((_a = this.firstSelectedOption) === null || _a === void 0 ? void 0 : _a.text) || this.control.value;
             this.control.value = this.value;
         }
         if (shouldEmit) {
@@ -11221,22 +11221,22 @@ class Combobox extends FormAssociatedCombobox {
 }
 __decorate([
     attr({ attribute: "autocomplete", mode: "fromView" })
-], Combobox.prototype, "autocomplete", undefined);
+], Combobox.prototype, "autocomplete", void 0);
 __decorate([
     observable
-], Combobox.prototype, "maxHeight", undefined);
+], Combobox.prototype, "maxHeight", void 0);
 __decorate([
     attr({ attribute: "open", mode: "boolean" })
-], Combobox.prototype, "open", undefined);
+], Combobox.prototype, "open", void 0);
 __decorate([
     attr
-], Combobox.prototype, "placeholder", undefined);
+], Combobox.prototype, "placeholder", void 0);
 __decorate([
     attr({ attribute: "position" })
-], Combobox.prototype, "positionAttribute", undefined);
+], Combobox.prototype, "positionAttribute", void 0);
 __decorate([
     observable
-], Combobox.prototype, "position", undefined);
+], Combobox.prototype, "position", void 0);
 /**
  * Includes ARIA states and properties relating to the ARIA combobox role.
  *
@@ -11246,10 +11246,10 @@ class DelegatesARIACombobox {
 }
 __decorate([
     observable
-], DelegatesARIACombobox.prototype, "ariaAutoComplete", undefined);
+], DelegatesARIACombobox.prototype, "ariaAutoComplete", void 0);
 __decorate([
     observable
-], DelegatesARIACombobox.prototype, "ariaControls", undefined);
+], DelegatesARIACombobox.prototype, "ariaControls", void 0);
 applyMixins(DelegatesARIACombobox, DelegatesARIAListbox);
 applyMixins(Combobox, StartEnd, DelegatesARIACombobox);
 
@@ -11474,7 +11474,7 @@ class StyleElementStyleSheetTarget {
 }
 __decorate([
     observable
-], StyleElementStyleSheetTarget.prototype, "target", undefined);
+], StyleElementStyleSheetTarget.prototype, "target", void 0);
 /**
  * Handles setting properties for a normal HTMLElement
  */
@@ -11590,7 +11590,7 @@ class DesignTokenImpl extends CSSDirective {
             name: typeof nameOrConfig === "string" ? nameOrConfig : nameOrConfig.name,
             cssCustomPropertyName: typeof nameOrConfig === "string"
                 ? nameOrConfig
-                : nameOrConfig.cssCustomPropertyName === undefined
+                : nameOrConfig.cssCustomPropertyName === void 0
                     ? nameOrConfig.name
                     : nameOrConfig.cssCustomPropertyName,
         });
@@ -11951,7 +11951,7 @@ class DesignTokenNode {
         if (this.assignedValues.has(token)) {
             return this.assignedValues.get(token);
         }
-        return (_a = DesignTokenNode.findClosestAssignedNode(token, this)) === null || _a === undefined ? undefined : _a.getRaw(token);
+        return (_a = DesignTokenNode.findClosestAssignedNode(token, this)) === null || _a === void 0 ? void 0 : _a.getRaw(token);
     }
     /**
      * Sets a token to a value for a node
@@ -12158,7 +12158,7 @@ class DesignTokenNode {
 DesignTokenNode.cssCustomPropertyReflector = new CustomPropertyReflector();
 __decorate([
     observable
-], DesignTokenNode.prototype, "children", undefined);
+], DesignTokenNode.prototype, "children", void 0);
 function create(nameOrConfig) {
     return DesignTokenImpl.from(nameOrConfig);
 }
@@ -12373,7 +12373,7 @@ class DefaultDesignSystem {
                             return;
                         case ElementDisambiguation.definitionCallbackOnly:
                             needsDefine = false;
-                            typeFoundByName = undefined;
+                            typeFoundByName = void 0;
                             break;
                         default:
                             elementName = result;
@@ -12478,9 +12478,9 @@ var NoElement = typeof Element === 'undefined';
 var matches = NoElement ? function () {} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;
 var getRootNode = !NoElement && Element.prototype.getRootNode ? function (element) {
   var _element$getRootNode;
-  return element === null || element === undefined ? undefined : (_element$getRootNode = element.getRootNode) === null || _element$getRootNode === undefined ? undefined : _element$getRootNode.call(element);
+  return element === null || element === void 0 ? void 0 : (_element$getRootNode = element.getRootNode) === null || _element$getRootNode === void 0 ? void 0 : _element$getRootNode.call(element);
 } : function (element) {
-  return element === null || element === undefined ? undefined : element.ownerDocument;
+  return element === null || element === void 0 ? void 0 : element.ownerDocument;
 };
 
 /**
@@ -12493,13 +12493,13 @@ var getRootNode = !NoElement && Element.prototype.getRootNode ? function (elemen
  */
 var isInert = function isInert(node, lookUp) {
   var _node$getAttribute;
-  if (lookUp === undefined) {
+  if (lookUp === void 0) {
     lookUp = true;
   }
   // CAREFUL: JSDom does not support inert at all, so we can't use the `HTMLElement.inert`
   //  JS API property; we have to check the attribute, which can either be empty or 'true';
   //  if it's `null` (not specified) or 'false', it's an active element
-  var inertAtt = node === null || node === undefined ? undefined : (_node$getAttribute = node.getAttribute) === null || _node$getAttribute === undefined ? undefined : _node$getAttribute.call(node, 'inert');
+  var inertAtt = node === null || node === void 0 ? void 0 : (_node$getAttribute = node.getAttribute) === null || _node$getAttribute === void 0 ? void 0 : _node$getAttribute.call(node, 'inert');
   var inert = inertAtt === '' || inertAtt === 'true';
 
   // NOTE: this could also be handled with `node.matches('[inert], :is([inert] *)')`
@@ -12522,7 +12522,7 @@ var isContentEditable = function isContentEditable(node) {
   // CAREFUL: JSDom does not support the `HTMLElement.isContentEditable` API so we have
   //  to use the attribute directly to check for this, which can either be empty or 'true';
   //  if it's `null` (not specified) or 'false', it's a non-editable element
-  var attValue = node === null || node === undefined ? undefined : (_node$getAttribute2 = node.getAttribute) === null || _node$getAttribute2 === undefined ? undefined : _node$getAttribute2.call(node, 'contenteditable');
+  var attValue = node === null || node === void 0 ? void 0 : (_node$getAttribute2 = node.getAttribute) === null || _node$getAttribute2 === void 0 ? void 0 : _node$getAttribute2.call(node, 'contenteditable');
   return attValue === '' || attValue === 'true';
 };
 
@@ -12636,22 +12636,22 @@ var isNodeAttached = function isNodeAttached(node) {
   //  from the DOM as in https://github.com/focus-trap/focus-trap-react/issues/905), then
   //  `ownerDocument` will be `null`, hence the optional chaining on it.
   var nodeRoot = node && getRootNode(node);
-  var nodeRootHost = (_nodeRoot = nodeRoot) === null || _nodeRoot === undefined ? undefined : _nodeRoot.host;
+  var nodeRootHost = (_nodeRoot = nodeRoot) === null || _nodeRoot === void 0 ? void 0 : _nodeRoot.host;
 
   // in some cases, a detached node will return itself as the root instead of a document or
   //  shadow root object, in which case, we shouldn't try to look further up the host chain
   var attached = false;
   if (nodeRoot && nodeRoot !== node) {
     var _nodeRootHost, _nodeRootHost$ownerDo, _node$ownerDocument;
-    attached = !!((_nodeRootHost = nodeRootHost) !== null && _nodeRootHost !== undefined && (_nodeRootHost$ownerDo = _nodeRootHost.ownerDocument) !== null && _nodeRootHost$ownerDo !== undefined && _nodeRootHost$ownerDo.contains(nodeRootHost) || node !== null && node !== undefined && (_node$ownerDocument = node.ownerDocument) !== null && _node$ownerDocument !== undefined && _node$ownerDocument.contains(node));
+    attached = !!((_nodeRootHost = nodeRootHost) !== null && _nodeRootHost !== void 0 && (_nodeRootHost$ownerDo = _nodeRootHost.ownerDocument) !== null && _nodeRootHost$ownerDo !== void 0 && _nodeRootHost$ownerDo.contains(nodeRootHost) || node !== null && node !== void 0 && (_node$ownerDocument = node.ownerDocument) !== null && _node$ownerDocument !== void 0 && _node$ownerDocument.contains(node));
     while (!attached && nodeRootHost) {
       var _nodeRoot2, _nodeRootHost2, _nodeRootHost2$ownerD;
       // since it's not attached and we have a root host, the node MUST be in a nested shadow DOM,
       //  which means we need to get the host's host and check if that parent host is contained
       //  in (i.e. attached to) the document
       nodeRoot = getRootNode(nodeRootHost);
-      nodeRootHost = (_nodeRoot2 = nodeRoot) === null || _nodeRoot2 === undefined ? undefined : _nodeRoot2.host;
-      attached = !!((_nodeRootHost2 = nodeRootHost) !== null && _nodeRootHost2 !== undefined && (_nodeRootHost2$ownerD = _nodeRootHost2.ownerDocument) !== null && _nodeRootHost2$ownerD !== undefined && _nodeRootHost2$ownerD.contains(nodeRootHost));
+      nodeRootHost = (_nodeRoot2 = nodeRoot) === null || _nodeRoot2 === void 0 ? void 0 : _nodeRoot2.host;
+      attached = !!((_nodeRootHost2 = nodeRootHost) !== null && _nodeRootHost2 !== void 0 && (_nodeRootHost2$ownerD = _nodeRootHost2.ownerDocument) !== null && _nodeRootHost2$ownerD !== void 0 && _nodeRootHost2$ownerD.contains(nodeRootHost));
     }
   }
   return attached;
@@ -13065,7 +13065,7 @@ class Dialog extends FoundationElement {
      */
     static isFocusableFastElement(element) {
         var _a, _b;
-        return !!((_b = (_a = element.$fastController) === null || _a === undefined ? undefined : _a.definition.shadowOptions) === null || _b === undefined ? undefined : _b.delegatesFocus);
+        return !!((_b = (_a = element.$fastController) === null || _a === void 0 ? void 0 : _a.definition.shadowOptions) === null || _b === void 0 ? void 0 : _b.delegatesFocus);
     }
     /**
      * Test if the element has a focusable shadow
@@ -13076,29 +13076,29 @@ class Dialog extends FoundationElement {
      */
     static hasTabbableShadow(element) {
         var _a, _b;
-        return Array.from((_b = (_a = element.shadowRoot) === null || _a === undefined ? undefined : _a.querySelectorAll("*")) !== null && _b !== undefined ? _b : []).some(x => {
+        return Array.from((_b = (_a = element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll("*")) !== null && _b !== void 0 ? _b : []).some(x => {
             return isTabbable(x);
         });
     }
 }
 __decorate([
     attr({ mode: "boolean" })
-], Dialog.prototype, "modal", undefined);
+], Dialog.prototype, "modal", void 0);
 __decorate([
     attr({ mode: "boolean" })
-], Dialog.prototype, "hidden", undefined);
+], Dialog.prototype, "hidden", void 0);
 __decorate([
     attr({ attribute: "trap-focus", mode: "boolean" })
-], Dialog.prototype, "trapFocus", undefined);
+], Dialog.prototype, "trapFocus", void 0);
 __decorate([
     attr({ attribute: "aria-describedby" })
-], Dialog.prototype, "ariaDescribedby", undefined);
+], Dialog.prototype, "ariaDescribedby", void 0);
 __decorate([
     attr({ attribute: "aria-labelledby" })
-], Dialog.prototype, "ariaLabelledby", undefined);
+], Dialog.prototype, "ariaLabelledby", void 0);
 __decorate([
     attr({ attribute: "aria-label" })
-], Dialog.prototype, "ariaLabel", undefined);
+], Dialog.prototype, "ariaLabel", void 0);
 
 const observer = new MutationObserver((mutations) => {
     for (const mutation of mutations) {
@@ -13273,10 +13273,10 @@ class Disclosure extends FoundationElement {
 }
 __decorate([
     attr({ mode: "boolean" })
-], Disclosure.prototype, "expanded", undefined);
+], Disclosure.prototype, "expanded", void 0);
 __decorate([
     attr
-], Disclosure.prototype, "title", undefined);
+], Disclosure.prototype, "title", void 0);
 
 /**
  * The template for the {@link @ni/fast-foundation#Divider} component.
@@ -13330,10 +13330,10 @@ class Divider extends FoundationElement {
 }
 __decorate([
     attr
-], Divider.prototype, "role", undefined);
+], Divider.prototype, "role", void 0);
 __decorate([
     attr
-], Divider.prototype, "orientation", undefined);
+], Divider.prototype, "orientation", void 0);
 
 /**
  * The direction options for flipper.
@@ -13351,7 +13351,7 @@ const FlipperDirection = {
 const flipperTemplate = (context, definition) => html `
     <template
         role="button"
-        aria-disabled="${x => (x.disabled ? true : undefined)}"
+        aria-disabled="${x => (x.disabled ? true : void 0)}"
         tabindex="${x => (x.hiddenFromAT ? -1 : 0)}"
         class="${x => x.direction} ${x => (x.disabled ? "disabled" : "")}"
         @keyup="${(x, c) => x.keyupHandler(c.event)}"
@@ -13426,13 +13426,13 @@ class Flipper extends FoundationElement {
 }
 __decorate([
     attr({ mode: "boolean" })
-], Flipper.prototype, "disabled", undefined);
+], Flipper.prototype, "disabled", void 0);
 __decorate([
     attr({ attribute: "aria-hidden", converter: booleanConverter })
-], Flipper.prototype, "hiddenFromAT", undefined);
+], Flipper.prototype, "hiddenFromAT", void 0);
 __decorate([
     attr
-], Flipper.prototype, "direction", undefined);
+], Flipper.prototype, "direction", void 0);
 
 /**
  * The template for the {@link @ni/fast-foundation#(ListboxOption:class)} component.
@@ -13497,7 +13497,7 @@ class ListboxElement extends Listbox {
      */
     get checkedOptions() {
         var _a;
-        return (_a = this.options) === null || _a === undefined ? undefined : _a.filter(o => o.checked);
+        return (_a = this.options) === null || _a === void 0 ? void 0 : _a.filter(o => o.checked);
     }
     /**
      * Returns the index of the first selected option.
@@ -13517,7 +13517,7 @@ class ListboxElement extends Listbox {
      */
     activeIndexChanged(prev, next) {
         var _a, _b;
-        this.ariaActiveDescendant = (_b = (_a = this.options[next]) === null || _a === undefined ? undefined : _a.id) !== null && _b !== undefined ? _b : "";
+        this.ariaActiveDescendant = (_b = (_a = this.options[next]) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : "";
         this.focusAndScrollOptionIntoView();
     }
     /**
@@ -13669,7 +13669,7 @@ class ListboxElement extends Listbox {
         if (!this.multiple) {
             return super.clickHandler(e);
         }
-        const captured = (_a = e.target) === null || _a === undefined ? undefined : _a.closest(`[role=option]`);
+        const captured = (_a = e.target) === null || _a === void 0 ? void 0 : _a.closest(`[role=option]`);
         if (!captured || captured.disabled) {
             return;
         }
@@ -13804,7 +13804,7 @@ class ListboxElement extends Listbox {
     multipleChanged(prev, next) {
         var _a;
         this.ariaMultiSelectable = next ? "true" : null;
-        (_a = this.options) === null || _a === undefined ? undefined : _a.forEach(o => {
+        (_a = this.options) === null || _a === void 0 ? void 0 : _a.forEach(o => {
             o.checked = next ? false : undefined;
         });
         this.setSelectedOptions();
@@ -13835,7 +13835,7 @@ class ListboxElement extends Listbox {
      */
     sizeChanged(prev, next) {
         var _a;
-        const size = Math.max(0, parseInt((_a = next === null || next === undefined ? undefined : next.toFixed()) !== null && _a !== undefined ? _a : "", 10));
+        const size = Math.max(0, parseInt((_a = next === null || next === void 0 ? void 0 : next.toFixed()) !== null && _a !== void 0 ? _a : "", 10));
         if (size !== next) {
             DOM.queueUpdate(() => {
                 this.size = size;
@@ -13895,13 +13895,13 @@ class ListboxElement extends Listbox {
 }
 __decorate([
     observable
-], ListboxElement.prototype, "activeIndex", undefined);
+], ListboxElement.prototype, "activeIndex", void 0);
 __decorate([
     attr({ mode: "boolean" })
-], ListboxElement.prototype, "multiple", undefined);
+], ListboxElement.prototype, "multiple", void 0);
 __decorate([
     attr({ converter: nullableNumberConverter })
-], ListboxElement.prototype, "size", undefined);
+], ListboxElement.prototype, "size", void 0);
 
 /**
  * The template for the {@link @ni/fast-foundation#(Listbox:class)} component.
@@ -13974,16 +13974,16 @@ class PickerMenu extends FoundationElement {
 }
 __decorate([
     observable
-], PickerMenu.prototype, "menuElements", undefined);
+], PickerMenu.prototype, "menuElements", void 0);
 __decorate([
     observable
-], PickerMenu.prototype, "headerElements", undefined);
+], PickerMenu.prototype, "headerElements", void 0);
 __decorate([
     observable
-], PickerMenu.prototype, "footerElements", undefined);
+], PickerMenu.prototype, "footerElements", void 0);
 __decorate([
     observable
-], PickerMenu.prototype, "suggestionsAvailableText", undefined);
+], PickerMenu.prototype, "suggestionsAvailableText", void 0);
 
 const defaultContentsTemplate$1 = html `
     <template>
@@ -14029,20 +14029,20 @@ class PickerMenuOption extends FoundationElement {
         var _a, _b;
         this.disconnectView();
         this.customView =
-            (_b = (_a = this.contentsTemplate) === null || _a === undefined ? undefined : _a.render(this, this)) !== null && _b !== undefined ? _b : defaultContentsTemplate$1.render(this, this);
+            (_b = (_a = this.contentsTemplate) === null || _a === void 0 ? void 0 : _a.render(this, this)) !== null && _b !== void 0 ? _b : defaultContentsTemplate$1.render(this, this);
     }
     disconnectView() {
         var _a;
-        (_a = this.customView) === null || _a === undefined ? undefined : _a.dispose();
+        (_a = this.customView) === null || _a === void 0 ? void 0 : _a.dispose();
         this.customView = undefined;
     }
 }
 __decorate([
     attr({ attribute: "value" })
-], PickerMenuOption.prototype, "value", undefined);
+], PickerMenuOption.prototype, "value", void 0);
 __decorate([
     observable
-], PickerMenuOption.prototype, "contentsTemplate", undefined);
+], PickerMenuOption.prototype, "contentsTemplate", void 0);
 
 /**
  * A List Picker Menu Custom HTML Element.
@@ -14105,20 +14105,20 @@ class PickerListItem extends FoundationElement {
         var _a, _b;
         this.disconnectView();
         this.customView =
-            (_b = (_a = this.contentsTemplate) === null || _a === undefined ? undefined : _a.render(this, this)) !== null && _b !== undefined ? _b : defaultContentsTemplate.render(this, this);
+            (_b = (_a = this.contentsTemplate) === null || _a === void 0 ? void 0 : _a.render(this, this)) !== null && _b !== void 0 ? _b : defaultContentsTemplate.render(this, this);
     }
     disconnectView() {
         var _a;
-        (_a = this.customView) === null || _a === undefined ? undefined : _a.dispose();
+        (_a = this.customView) === null || _a === void 0 ? void 0 : _a.dispose();
         this.customView = undefined;
     }
 }
 __decorate([
     attr({ attribute: "value" })
-], PickerListItem.prototype, "value", undefined);
+], PickerListItem.prototype, "value", void 0);
 __decorate([
     observable
-], PickerListItem.prototype, "contentsTemplate", undefined);
+], PickerListItem.prototype, "contentsTemplate", void 0);
 
 function createDefaultListItemTemplate(context) {
     const pickerListItemTag = context.tagFor(PickerListItem);
@@ -14807,9 +14807,9 @@ class Picker extends FormAssociatedPicker {
         var _a, _b, _c;
         this.menuFocusIndex = -1;
         this.menuFocusOptionId = undefined;
-        (_a = this.inputElement) === null || _a === undefined ? undefined : _a.removeAttribute("aria-activedescendant");
-        (_b = this.inputElement) === null || _b === undefined ? undefined : _b.removeAttribute("aria-owns");
-        (_c = this.inputElement) === null || _c === undefined ? undefined : _c.removeAttribute("aria-expanded");
+        (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.removeAttribute("aria-activedescendant");
+        (_b = this.inputElement) === null || _b === void 0 ? void 0 : _b.removeAttribute("aria-owns");
+        (_c = this.inputElement) === null || _c === void 0 ? void 0 : _c.removeAttribute("aria-expanded");
     }
     /**
      * Sets the currently focused menu option by index
@@ -14846,7 +14846,7 @@ class Picker extends FormAssociatedPicker {
     updateListItemTemplate() {
         var _a;
         this.activeListItemTemplate =
-            (_a = this.listItemTemplate) !== null && _a !== undefined ? _a : this.defaultListItemTemplate;
+            (_a = this.listItemTemplate) !== null && _a !== void 0 ? _a : this.defaultListItemTemplate;
     }
     /**
      * Updates the template used for the menu option repeat behavior
@@ -14854,7 +14854,7 @@ class Picker extends FormAssociatedPicker {
     updateOptionTemplate() {
         var _a;
         this.activeMenuOptionTemplate =
-            (_a = this.menuOptionTemplate) !== null && _a !== undefined ? _a : this.defaultMenuOptionTemplate;
+            (_a = this.menuOptionTemplate) !== null && _a !== void 0 ? _a : this.defaultMenuOptionTemplate;
     }
     /**
      * Updates the filtered options array
@@ -14881,103 +14881,103 @@ class Picker extends FormAssociatedPicker {
 }
 __decorate([
     attr({ attribute: "selection" })
-], Picker.prototype, "selection", undefined);
+], Picker.prototype, "selection", void 0);
 __decorate([
     attr({ attribute: "options" })
-], Picker.prototype, "options", undefined);
+], Picker.prototype, "options", void 0);
 __decorate([
     attr({ attribute: "filter-selected", mode: "boolean" })
-], Picker.prototype, "filterSelected", undefined);
+], Picker.prototype, "filterSelected", void 0);
 __decorate([
     attr({ attribute: "filter-query", mode: "boolean" })
-], Picker.prototype, "filterQuery", undefined);
+], Picker.prototype, "filterQuery", void 0);
 __decorate([
     attr({ attribute: "max-selected" })
-], Picker.prototype, "maxSelected", undefined);
+], Picker.prototype, "maxSelected", void 0);
 __decorate([
     attr({ attribute: "no-suggestions-text" })
-], Picker.prototype, "noSuggestionsText", undefined);
+], Picker.prototype, "noSuggestionsText", void 0);
 __decorate([
     attr({ attribute: "suggestions-available-text" })
-], Picker.prototype, "suggestionsAvailableText", undefined);
+], Picker.prototype, "suggestionsAvailableText", void 0);
 __decorate([
     attr({ attribute: "loading-text" })
-], Picker.prototype, "loadingText", undefined);
+], Picker.prototype, "loadingText", void 0);
 __decorate([
     attr({ attribute: "label" })
-], Picker.prototype, "label", undefined);
+], Picker.prototype, "label", void 0);
 __decorate([
     attr({ attribute: "labelledby" })
-], Picker.prototype, "labelledBy", undefined);
+], Picker.prototype, "labelledBy", void 0);
 __decorate([
     attr({ attribute: "placeholder" })
-], Picker.prototype, "placeholder", undefined);
+], Picker.prototype, "placeholder", void 0);
 __decorate([
     attr({ attribute: "menu-placement" })
-], Picker.prototype, "menuPlacement", undefined);
+], Picker.prototype, "menuPlacement", void 0);
 __decorate([
     observable
-], Picker.prototype, "showLoading", undefined);
+], Picker.prototype, "showLoading", void 0);
 __decorate([
     observable
-], Picker.prototype, "listItemTemplate", undefined);
+], Picker.prototype, "listItemTemplate", void 0);
 __decorate([
     observable
-], Picker.prototype, "defaultListItemTemplate", undefined);
+], Picker.prototype, "defaultListItemTemplate", void 0);
 __decorate([
     observable
-], Picker.prototype, "activeListItemTemplate", undefined);
+], Picker.prototype, "activeListItemTemplate", void 0);
 __decorate([
     observable
-], Picker.prototype, "menuOptionTemplate", undefined);
+], Picker.prototype, "menuOptionTemplate", void 0);
 __decorate([
     observable
-], Picker.prototype, "defaultMenuOptionTemplate", undefined);
+], Picker.prototype, "defaultMenuOptionTemplate", void 0);
 __decorate([
     observable
-], Picker.prototype, "activeMenuOptionTemplate", undefined);
+], Picker.prototype, "activeMenuOptionTemplate", void 0);
 __decorate([
     observable
-], Picker.prototype, "listItemContentsTemplate", undefined);
+], Picker.prototype, "listItemContentsTemplate", void 0);
 __decorate([
     observable
-], Picker.prototype, "menuOptionContentsTemplate", undefined);
+], Picker.prototype, "menuOptionContentsTemplate", void 0);
 __decorate([
     observable
-], Picker.prototype, "optionsList", undefined);
+], Picker.prototype, "optionsList", void 0);
 __decorate([
     observable
-], Picker.prototype, "query", undefined);
+], Picker.prototype, "query", void 0);
 __decorate([
     observable
-], Picker.prototype, "filteredOptionsList", undefined);
+], Picker.prototype, "filteredOptionsList", void 0);
 __decorate([
     observable
-], Picker.prototype, "flyoutOpen", undefined);
+], Picker.prototype, "flyoutOpen", void 0);
 __decorate([
     observable
-], Picker.prototype, "menuId", undefined);
+], Picker.prototype, "menuId", void 0);
 __decorate([
     observable
-], Picker.prototype, "selectedListTag", undefined);
+], Picker.prototype, "selectedListTag", void 0);
 __decorate([
     observable
-], Picker.prototype, "menuTag", undefined);
+], Picker.prototype, "menuTag", void 0);
 __decorate([
     observable
-], Picker.prototype, "menuFocusIndex", undefined);
+], Picker.prototype, "menuFocusIndex", void 0);
 __decorate([
     observable
-], Picker.prototype, "menuFocusOptionId", undefined);
+], Picker.prototype, "menuFocusOptionId", void 0);
 __decorate([
     observable
-], Picker.prototype, "showNoOptions", undefined);
+], Picker.prototype, "showNoOptions", void 0);
 __decorate([
     observable
-], Picker.prototype, "menuConfig", undefined);
+], Picker.prototype, "menuConfig", void 0);
 __decorate([
     observable
-], Picker.prototype, "selectedItems", undefined);
+], Picker.prototype, "selectedItems", void 0);
 
 /**
  * The template for the List Picker component.
@@ -15297,31 +15297,31 @@ class MenuItem extends FoundationElement {
 }
 __decorate([
     attr({ mode: "boolean" })
-], MenuItem.prototype, "disabled", undefined);
+], MenuItem.prototype, "disabled", void 0);
 __decorate([
     attr({ mode: "boolean" })
-], MenuItem.prototype, "expanded", undefined);
+], MenuItem.prototype, "expanded", void 0);
 __decorate([
     observable
-], MenuItem.prototype, "startColumnCount", undefined);
+], MenuItem.prototype, "startColumnCount", void 0);
 __decorate([
     attr
-], MenuItem.prototype, "role", undefined);
+], MenuItem.prototype, "role", void 0);
 __decorate([
     attr({ mode: "boolean" })
-], MenuItem.prototype, "checked", undefined);
+], MenuItem.prototype, "checked", void 0);
 __decorate([
     observable
-], MenuItem.prototype, "submenuRegion", undefined);
+], MenuItem.prototype, "submenuRegion", void 0);
 __decorate([
     observable
-], MenuItem.prototype, "hasSubmenu", undefined);
+], MenuItem.prototype, "hasSubmenu", void 0);
 __decorate([
     observable
-], MenuItem.prototype, "currentDirection", undefined);
+], MenuItem.prototype, "currentDirection", void 0);
 __decorate([
     observable
-], MenuItem.prototype, "submenu", undefined);
+], MenuItem.prototype, "submenu", void 0);
 applyMixins(MenuItem, StartEnd);
 
 /**
@@ -15333,8 +15333,8 @@ applyMixins(MenuItem, StartEnd);
 const menuItemTemplate = (context, definition) => html `
     <template
         role="${x => x.role}"
-        aria-haspopup="${x => (x.hasSubmenu ? "menu" : undefined)}"
-        aria-checked="${x => (x.role !== MenuItemRole.menuitem ? x.checked : undefined)}"
+        aria-haspopup="${x => (x.hasSubmenu ? "menu" : void 0)}"
+        aria-checked="${x => (x.role !== MenuItemRole.menuitem ? x.checked : void 0)}"
         aria-disabled="${x => x.disabled}"
         aria-expanded="${x => x.expanded}"
         @keydown="${(x, c) => x.handleMenuItemKeyDown(c.event)}"
@@ -15405,7 +15405,7 @@ const menuItemTemplate = (context, definition) => html `
  */
 const menuTemplate = (context, definition) => html `
     <template
-        slot="${x => (x.slot ? x.slot : x.isNestedMenu() ? "submenu" : undefined)}"
+        slot="${x => (x.slot ? x.slot : x.isNestedMenu() ? "submenu" : void 0)}"
         role="menu"
         @keydown="${(x, c) => x.handleMenuKeyDown(c.event)}"
         @focusout="${(x, c) => x.handleFocusOut(c.event)}"
@@ -15698,7 +15698,7 @@ class Menu extends FoundationElement {
 Menu.focusableElementRoles = roleForMenuItem;
 __decorate([
     observable
-], Menu.prototype, "items", undefined);
+], Menu.prototype, "items", void 0);
 
 /**
  * The template for the {@link @ni/fast-foundation#(NumberField:class)} component.
@@ -15960,37 +15960,37 @@ class TextField extends FormAssociatedTextField {
 }
 __decorate([
     attr({ attribute: "readonly", mode: "boolean" })
-], TextField.prototype, "readOnly", undefined);
+], TextField.prototype, "readOnly", void 0);
 __decorate([
     attr({ mode: "boolean" })
-], TextField.prototype, "autofocus", undefined);
+], TextField.prototype, "autofocus", void 0);
 __decorate([
     attr
-], TextField.prototype, "placeholder", undefined);
+], TextField.prototype, "placeholder", void 0);
 __decorate([
     attr
-], TextField.prototype, "type", undefined);
+], TextField.prototype, "type", void 0);
 __decorate([
     attr
-], TextField.prototype, "list", undefined);
+], TextField.prototype, "list", void 0);
 __decorate([
     attr({ converter: nullableNumberConverter })
-], TextField.prototype, "maxlength", undefined);
+], TextField.prototype, "maxlength", void 0);
 __decorate([
     attr({ converter: nullableNumberConverter })
-], TextField.prototype, "minlength", undefined);
+], TextField.prototype, "minlength", void 0);
 __decorate([
     attr
-], TextField.prototype, "pattern", undefined);
+], TextField.prototype, "pattern", void 0);
 __decorate([
     attr({ converter: nullableNumberConverter })
-], TextField.prototype, "size", undefined);
+], TextField.prototype, "size", void 0);
 __decorate([
     attr({ mode: "boolean" })
-], TextField.prototype, "spellcheck", undefined);
+], TextField.prototype, "spellcheck", void 0);
 __decorate([
     observable
-], TextField.prototype, "defaultSlottedNodes", undefined);
+], TextField.prototype, "defaultSlottedNodes", void 0);
 /**
  * Includes ARIA states and properties relating to the ARIA textbox role
  *
@@ -16068,7 +16068,7 @@ class NumberField extends FormAssociatedNumberField {
      */
     maxChanged(previous, next) {
         var _a;
-        this.max = Math.max(next, (_a = this.min) !== null && _a !== undefined ? _a : next);
+        this.max = Math.max(next, (_a = this.min) !== null && _a !== void 0 ? _a : next);
         const min = Math.min(this.min, this.max);
         if (this.min !== undefined && this.min !== min) {
             this.min = min;
@@ -16085,7 +16085,7 @@ class NumberField extends FormAssociatedNumberField {
      */
     minChanged(previous, next) {
         var _a;
-        this.min = Math.min(next, (_a = this.max) !== null && _a !== undefined ? _a : next);
+        this.min = Math.min(next, (_a = this.max) !== null && _a !== void 0 ? _a : next);
         const max = Math.max(this.min, this.max);
         if (this.max !== undefined && this.max !== max) {
             this.max = max;
@@ -16116,7 +16116,7 @@ class NumberField extends FormAssociatedNumberField {
             return;
         }
         if (this.control && !this.isUserInput) {
-            this.control.value = this.value;
+            this.syncValueToInnerControl();
         }
         super.valueChanged(previous, this.value);
         if (previous !== undefined && !this.isUserInput) {
@@ -16142,8 +16142,8 @@ class NumberField extends FormAssociatedNumberField {
             validValue = "";
         }
         else {
-            validValue = Math.min(validValue, (_a = this.max) !== null && _a !== undefined ? _a : validValue);
-            validValue = Math.max(validValue, (_b = this.min) !== null && _b !== undefined ? _b : validValue).toString();
+            validValue = Math.min(validValue, (_a = this.max) !== null && _a !== void 0 ? _a : validValue);
+            validValue = Math.max(validValue, (_b = this.min) !== null && _b !== void 0 ? _b : validValue).toString();
         }
         return validValue;
     }
@@ -16191,7 +16191,7 @@ class NumberField extends FormAssociatedNumberField {
         super.connectedCallback();
         this.proxy.setAttribute("type", "number");
         this.validate();
-        this.control.value = this.value;
+        this.syncValueToInnerControl();
         if (this.autofocus) {
             DOM.queueUpdate(() => {
                 this.focus();
@@ -16218,9 +16218,9 @@ class NumberField extends FormAssociatedNumberField {
      * @internal
      */
     handleTextInput() {
-        this.control.value = this.control.value.replace(/[^0-9\-+e.]/g, "");
+        this.control.value = this.sanitizeInput(this.control.value);
         this.isUserInput = true;
-        this.value = this.control.value;
+        this.syncValueFromInnerControl();
     }
     /**
      * Change event handler for inner control.
@@ -16256,45 +16256,65 @@ class NumberField extends FormAssociatedNumberField {
      * @internal
      */
     handleBlur() {
+        this.syncValueToInnerControl();
+    }
+    /**
+     * Sanitizes the text input by the user.
+     * @param inputText The user-input text to sanitize
+     * @returns The sanitized text, containing only valid characters for a number field
+     */
+    sanitizeInput(inputText) {
+        return inputText.replace(/[^0-9\-+e.]/g, "");
+    }
+    /**
+     * Synchronizes the value from the input control in the shadow DOM to the host component.
+     */
+    syncValueFromInnerControl() {
+        this.value = this.control.value;
+    }
+    /**
+     * Synchronizes the value from the host component to the input control in the shadow DOM.
+     */
+    syncValueToInnerControl() {
         this.control.value = this.value;
     }
 }
 __decorate([
     attr({ attribute: "readonly", mode: "boolean" })
-], NumberField.prototype, "readOnly", undefined);
+], NumberField.prototype, "readOnly", void 0);
 __decorate([
     attr({ mode: "boolean" })
-], NumberField.prototype, "autofocus", undefined);
+], NumberField.prototype, "autofocus", void 0);
 __decorate([
     attr({ attribute: "hide-step", mode: "boolean" })
-], NumberField.prototype, "hideStep", undefined);
+], NumberField.prototype, "hideStep", void 0);
 __decorate([
     attr
-], NumberField.prototype, "placeholder", undefined);
+], NumberField.prototype, "placeholder", void 0);
 __decorate([
     attr
-], NumberField.prototype, "list", undefined);
+], NumberField.prototype, "list", void 0);
 __decorate([
     attr({ converter: nullableNumberConverter })
-], NumberField.prototype, "maxlength", undefined);
+], NumberField.prototype, "maxlength", void 0);
 __decorate([
     attr({ converter: nullableNumberConverter })
-], NumberField.prototype, "minlength", undefined);
+], NumberField.prototype, "minlength", void 0);
 __decorate([
     attr({ converter: nullableNumberConverter })
-], NumberField.prototype, "size", undefined);
+], NumberField.prototype, "size", void 0);
 __decorate([
     attr({ converter: nullableNumberConverter })
-], NumberField.prototype, "step", undefined);
+], NumberField.prototype, "step", void 0);
 __decorate([
     attr({ converter: nullableNumberConverter })
-], NumberField.prototype, "max", undefined);
+], NumberField.prototype, "max", void 0);
 __decorate([
     attr({ converter: nullableNumberConverter })
-], NumberField.prototype, "min", undefined);
+], NumberField.prototype, "min", void 0);
 __decorate([
     observable
-], NumberField.prototype, "defaultSlottedNodes", undefined);
+], NumberField.prototype, "defaultSlottedNodes", void 0);
 applyMixins(NumberField, StartEnd, DelegatesARIATextbox);
 
 const progressSegments = 44;
@@ -16395,19 +16415,19 @@ class BaseProgress extends FoundationElement {
 }
 __decorate([
     attr({ converter: nullableNumberConverter })
-], BaseProgress.prototype, "value", undefined);
+], BaseProgress.prototype, "value", void 0);
 __decorate([
     attr({ converter: nullableNumberConverter })
-], BaseProgress.prototype, "min", undefined);
+], BaseProgress.prototype, "min", void 0);
 __decorate([
     attr({ converter: nullableNumberConverter })
-], BaseProgress.prototype, "max", undefined);
+], BaseProgress.prototype, "max", void 0);
 __decorate([
     attr({ mode: "boolean" })
-], BaseProgress.prototype, "paused", undefined);
+], BaseProgress.prototype, "paused", void 0);
 __decorate([
     observable
-], BaseProgress.prototype, "percentComplete", undefined);
+], BaseProgress.prototype, "percentComplete", void 0);
 
 /**
  * The template for the {@link @ni/fast-foundation#BaseProgress} component.
@@ -16529,11 +16549,11 @@ class RadioGroup extends FoundationElement {
         };
         this.moveRightOffGroup = () => {
             var _a;
-            (_a = this.nextElementSibling) === null || _a === undefined ? undefined : _a.focus();
+            (_a = this.nextElementSibling) === null || _a === void 0 ? void 0 : _a.focus();
         };
         this.moveLeftOffGroup = () => {
             var _a;
-            (_a = this.previousElementSibling) === null || _a === undefined ? undefined : _a.focus();
+            (_a = this.previousElementSibling) === null || _a === void 0 ? void 0 : _a.focus();
         };
         /**
          * @internal
@@ -16760,11 +16780,11 @@ class RadioGroup extends FoundationElement {
     }
     get isInsideToolbar() {
         var _a;
-        return ((_a = this.parentToolbar) !== null && _a !== undefined ? _a : false);
+        return ((_a = this.parentToolbar) !== null && _a !== void 0 ? _a : false);
     }
     get isInsideFoundationToolbar() {
         var _a;
-        return !!((_a = this.parentToolbar) === null || _a === undefined ? undefined : _a["$fastController"]);
+        return !!((_a = this.parentToolbar) === null || _a === void 0 ? void 0 : _a["$fastController"]);
     }
     /**
      * @internal
@@ -16834,25 +16854,25 @@ class RadioGroup extends FoundationElement {
 }
 __decorate([
     attr({ attribute: "readonly", mode: "boolean" })
-], RadioGroup.prototype, "readOnly", undefined);
+], RadioGroup.prototype, "readOnly", void 0);
 __decorate([
     attr({ attribute: "disabled", mode: "boolean" })
-], RadioGroup.prototype, "disabled", undefined);
+], RadioGroup.prototype, "disabled", void 0);
 __decorate([
     attr
-], RadioGroup.prototype, "name", undefined);
+], RadioGroup.prototype, "name", void 0);
 __decorate([
     attr
-], RadioGroup.prototype, "value", undefined);
+], RadioGroup.prototype, "value", void 0);
 __decorate([
     attr
-], RadioGroup.prototype, "orientation", undefined);
+], RadioGroup.prototype, "orientation", void 0);
 __decorate([
     observable
-], RadioGroup.prototype, "childItems", undefined);
+], RadioGroup.prototype, "childItems", void 0);
 __decorate([
     observable
-], RadioGroup.prototype, "slottedRadioButtons", undefined);
+], RadioGroup.prototype, "slottedRadioButtons", void 0);
 
 /**
  * The template for the {@link @ni/fast-foundation#(Radio:class)} component.
@@ -16927,7 +16947,7 @@ class Radio extends FormAssociatedRadio {
             // but if we are clean when defaultChecked is changed, we want to stay
             // in a clean state, so reset this.dirtyChecked
             if (!this.isInsideRadioGroup()) {
-                this.checked = (_a = this.defaultChecked) !== null && _a !== undefined ? _a : false;
+                this.checked = (_a = this.defaultChecked) !== null && _a !== void 0 ? _a : false;
                 this.dirtyChecked = false;
             }
         }
@@ -16963,7 +16983,7 @@ class Radio extends FormAssociatedRadio {
         var _a, _b;
         super.connectedCallback();
         this.validate();
-        if (((_a = this.parentElement) === null || _a === undefined ? undefined : _a.getAttribute("role")) !== "radiogroup" &&
+        if (((_a = this.parentElement) === null || _a === void 0 ? void 0 : _a.getAttribute("role")) !== "radiogroup" &&
             this.getAttribute("tabindex") === null) {
             if (!this.disabled) {
                 this.setAttribute("tabindex", "0");
@@ -16975,7 +16995,7 @@ class Radio extends FormAssociatedRadio {
                 // but if we are clean when defaultChecked is changed, we want to stay
                 // in a clean state, so reset this.dirtyChecked
                 if (!this.isInsideRadioGroup()) {
-                    this.checked = (_b = this.defaultChecked) !== null && _b !== undefined ? _b : false;
+                    this.checked = (_b = this.defaultChecked) !== null && _b !== void 0 ? _b : false;
                     this.dirtyChecked = false;
                 }
             }
@@ -16996,13 +17016,13 @@ class Radio extends FormAssociatedRadio {
 }
 __decorate([
     attr({ attribute: "readonly", mode: "boolean" })
-], Radio.prototype, "readOnly", undefined);
+], Radio.prototype, "readOnly", void 0);
 __decorate([
     observable
-], Radio.prototype, "name", undefined);
+], Radio.prototype, "name", void 0);
 __decorate([
     observable
-], Radio.prototype, "defaultSlottedNodes", undefined);
+], Radio.prototype, "defaultSlottedNodes", void 0);
 
 /**
  * A HorizontalScroll Custom HTML Element
@@ -17202,10 +17222,10 @@ class HorizontalScroll extends FoundationElement {
     setFlippers() {
         var _a, _b;
         const position = this.scrollContainer.scrollLeft;
-        (_a = this.previousFlipperContainer) === null || _a === undefined ? undefined : _a.classList.toggle("disabled", position === 0);
+        (_a = this.previousFlipperContainer) === null || _a === void 0 ? void 0 : _a.classList.toggle("disabled", position === 0);
         if (this.scrollStops) {
             const lastStop = Math.abs(this.scrollStops[this.scrollStops.length - 1]);
-            (_b = this.nextFlipperContainer) === null || _b === undefined ? undefined : _b.classList.toggle("disabled", this.validateStops(false) && Math.abs(position) + this.width >= lastStop);
+            (_b = this.nextFlipperContainer) === null || _b === void 0 ? void 0 : _b.classList.toggle("disabled", this.validateStops(false) && Math.abs(position) + this.width >= lastStop);
         }
     }
     /**
@@ -17222,7 +17242,7 @@ class HorizontalScroll extends FoundationElement {
             item = this.scrollItems.findIndex(scrollItem => scrollItem === item || scrollItem.contains(item));
         }
         if (item !== undefined) {
-            rightPadding = rightPadding !== null && rightPadding !== undefined ? rightPadding : padding;
+            rightPadding = rightPadding !== null && rightPadding !== void 0 ? rightPadding : padding;
             const { scrollContainer: container, scrollStops, scrollItems: items } = this;
             const { scrollLeft } = this.scrollContainer;
             const { width: containerWidth } = container.getBoundingClientRect();
@@ -17234,7 +17254,7 @@ class HorizontalScroll extends FoundationElement {
                 const stops = [...scrollStops].sort((a, b) => (isBefore ? b - a : a - b));
                 const scrollTo = (_a = stops.find(position => isBefore
                     ? position + padding < itemStart
-                    : position + containerWidth - (rightPadding !== null && rightPadding !== undefined ? rightPadding : 0) > itemEnd)) !== null && _a !== undefined ? _a : 0;
+                    : position + containerWidth - (rightPadding !== null && rightPadding !== void 0 ? rightPadding : 0) > itemEnd)) !== null && _a !== void 0 ? _a : 0;
                 this.scrollToPosition(scrollTo);
             }
         }
@@ -17303,7 +17323,7 @@ class HorizontalScroll extends FoundationElement {
             return;
         }
         this.scrolling = true;
-        const seconds = (_a = this.duration) !== null && _a !== undefined ? _a : `${Math.abs(newPosition - position) / this.speed}s`;
+        const seconds = (_a = this.duration) !== null && _a !== void 0 ? _a : `${Math.abs(newPosition - position) / this.speed}s`;
         this.content.style.setProperty("transition-duration", seconds);
         const computedDuration = parseFloat(getComputedStyle(this.content).getPropertyValue("transition-duration"));
         const transitionendHandler = (e) => {
@@ -17362,25 +17382,25 @@ class HorizontalScroll extends FoundationElement {
 }
 __decorate([
     attr({ converter: nullableNumberConverter })
-], HorizontalScroll.prototype, "speed", undefined);
+], HorizontalScroll.prototype, "speed", void 0);
 __decorate([
     attr
-], HorizontalScroll.prototype, "duration", undefined);
+], HorizontalScroll.prototype, "duration", void 0);
 __decorate([
     attr
-], HorizontalScroll.prototype, "easing", undefined);
+], HorizontalScroll.prototype, "easing", void 0);
 __decorate([
     attr({ attribute: "flippers-hidden-from-at", converter: booleanConverter })
-], HorizontalScroll.prototype, "flippersHiddenFromAT", undefined);
+], HorizontalScroll.prototype, "flippersHiddenFromAT", void 0);
 __decorate([
     observable
-], HorizontalScroll.prototype, "scrolling", undefined);
+], HorizontalScroll.prototype, "scrolling", void 0);
 __decorate([
     observable
-], HorizontalScroll.prototype, "scrollItems", undefined);
+], HorizontalScroll.prototype, "scrollItems", void 0);
 __decorate([
     attr({ attribute: "view" })
-], HorizontalScroll.prototype, "view", undefined);
+], HorizontalScroll.prototype, "view", void 0);
 
 /**
  * @public
@@ -17419,7 +17439,7 @@ const horizontalScrollTemplate = (context, definition) => {
                             <slot name="previous-flipper">
                                 ${definition.previousFlipper instanceof Function
         ? definition.previousFlipper(context, definition)
-        : (_a = definition.previousFlipper) !== null && _a !== undefined ? _a : ""}
+        : (_a = definition.previousFlipper) !== null && _a !== void 0 ? _a : ""}
                             </slot>
                         </div>
                     </div>
@@ -17432,7 +17452,7 @@ const horizontalScrollTemplate = (context, definition) => {
                             <slot name="next-flipper">
                                 ${definition.nextFlipper instanceof Function
         ? definition.nextFlipper(context, definition)
-        : (_b = definition.nextFlipper) !== null && _b !== undefined ? _b : ""}
+        : (_b = definition.nextFlipper) !== null && _b !== void 0 ? _b : ""}
                             </slot>
                         </div>
                     </div>
@@ -17677,34 +17697,34 @@ class Search extends FormAssociatedSearch {
 }
 __decorate([
     attr({ attribute: "readonly", mode: "boolean" })
-], Search.prototype, "readOnly", undefined);
+], Search.prototype, "readOnly", void 0);
 __decorate([
     attr({ mode: "boolean" })
-], Search.prototype, "autofocus", undefined);
+], Search.prototype, "autofocus", void 0);
 __decorate([
     attr
-], Search.prototype, "placeholder", undefined);
+], Search.prototype, "placeholder", void 0);
 __decorate([
     attr
-], Search.prototype, "list", undefined);
+], Search.prototype, "list", void 0);
 __decorate([
     attr({ converter: nullableNumberConverter })
-], Search.prototype, "maxlength", undefined);
+], Search.prototype, "maxlength", void 0);
 __decorate([
     attr({ converter: nullableNumberConverter })
-], Search.prototype, "minlength", undefined);
+], Search.prototype, "minlength", void 0);
 __decorate([
     attr
-], Search.prototype, "pattern", undefined);
+], Search.prototype, "pattern", void 0);
 __decorate([
     attr({ converter: nullableNumberConverter })
-], Search.prototype, "size", undefined);
+], Search.prototype, "size", void 0);
 __decorate([
     attr({ mode: "boolean" })
-], Search.prototype, "spellcheck", undefined);
+], Search.prototype, "spellcheck", void 0);
 __decorate([
     observable
-], Search.prototype, "defaultSlottedNodes", undefined);
+], Search.prototype, "defaultSlottedNodes", void 0);
 /**
  * Includes ARIA states and properties relating to the ARIA textbox role
  *
@@ -17823,15 +17843,15 @@ class Select extends FormAssociatedSelect {
     set value(next) {
         var _a, _b, _c, _d, _e, _f, _g;
         const prev = `${this._value}`;
-        if ((_a = this._options) === null || _a === undefined ? undefined : _a.length) {
+        if ((_a = this._options) === null || _a === void 0 ? void 0 : _a.length) {
             const selectedIndex = this._options.findIndex(el => el.value === next);
-            const prevSelectedValue = (_c = (_b = this._options[this.selectedIndex]) === null || _b === undefined ? undefined : _b.value) !== null && _c !== undefined ? _c : null;
-            const nextSelectedValue = (_e = (_d = this._options[selectedIndex]) === null || _d === undefined ? undefined : _d.value) !== null && _e !== undefined ? _e : null;
+            const prevSelectedValue = (_c = (_b = this._options[this.selectedIndex]) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : null;
+            const nextSelectedValue = (_e = (_d = this._options[selectedIndex]) === null || _d === void 0 ? void 0 : _d.value) !== null && _e !== void 0 ? _e : null;
             if (selectedIndex === -1 || prevSelectedValue !== nextSelectedValue) {
                 next = "";
                 this.selectedIndex = selectedIndex;
             }
-            next = (_g = (_f = this.firstSelectedOption) === null || _f === undefined ? undefined : _f.value) !== null && _g !== undefined ? _g : next;
+            next = (_g = (_f = this.firstSelectedOption) === null || _f === void 0 ? void 0 : _f.value) !== null && _g !== void 0 ? _g : next;
         }
         if (prev !== next) {
             this._value = next;
@@ -17850,7 +17870,7 @@ class Select extends FormAssociatedSelect {
     updateValue(shouldEmit) {
         var _a, _b;
         if (this.$fastController.isConnected) {
-            this.value = (_b = (_a = this.firstSelectedOption) === null || _a === undefined ? undefined : _a.value) !== null && _b !== undefined ? _b : "";
+            this.value = (_b = (_a = this.firstSelectedOption) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : "";
         }
         if (shouldEmit) {
             this.$emit("input");
@@ -17904,7 +17924,7 @@ class Select extends FormAssociatedSelect {
     get displayValue() {
         var _a, _b;
         Observable.track(this, "displayValue");
-        return (_b = (_a = this.firstSelectedOption) === null || _a === undefined ? undefined : _a.text) !== null && _b !== undefined ? _b : "";
+        return (_b = (_a = this.firstSelectedOption) === null || _a === void 0 ? void 0 : _a.text) !== null && _b !== void 0 ? _b : "";
     }
     /**
      * Synchronize the `aria-disabled` property when the `disabled` property changes.
@@ -17975,7 +17995,7 @@ class Select extends FormAssociatedSelect {
             this.focus();
             return;
         }
-        if (!((_a = this.options) === null || _a === undefined ? undefined : _a.includes(focusTarget))) {
+        if (!((_a = this.options) === null || _a === void 0 ? void 0 : _a.includes(focusTarget))) {
             this.open = false;
             if (this.indexWhenOpened !== this.selectedIndex) {
                 this.updateValue(true);
@@ -18028,7 +18048,7 @@ class Select extends FormAssociatedSelect {
      */
     mousedownHandler(e) {
         var _a;
-        if (e.offsetX >= 0 && e.offsetX <= ((_a = this.listbox) === null || _a === undefined ? undefined : _a.scrollWidth)) {
+        if (e.offsetX >= 0 && e.offsetX <= ((_a = this.listbox) === null || _a === void 0 ? void 0 : _a.scrollWidth)) {
             return super.mousedownHandler(e);
         }
         return this.collapsible;
@@ -18057,9 +18077,9 @@ class Select extends FormAssociatedSelect {
     selectedOptionsChanged(prev, next) {
         var _a;
         super.selectedOptionsChanged(prev, next);
-        (_a = this.options) === null || _a === undefined ? undefined : _a.forEach((o, i) => {
+        (_a = this.options) === null || _a === void 0 ? void 0 : _a.forEach((o, i) => {
             var _a;
-            const proxyOption = (_a = this.proxy) === null || _a === undefined ? undefined : _a.options.item(i);
+            const proxyOption = (_a = this.proxy) === null || _a === void 0 ? void 0 : _a.options.item(i);
             if (proxyOption) {
                 proxyOption.selected = o.selected;
             }
@@ -18074,8 +18094,8 @@ class Select extends FormAssociatedSelect {
      */
     setDefaultSelectedOption() {
         var _a;
-        const options = (_a = this.options) !== null && _a !== undefined ? _a : Array.from(this.children).filter(Listbox.slottedOptionFilter);
-        const selectedIndex = options === null || options === undefined ? undefined : options.findIndex(el => el.hasAttribute("selected") || el.selected || el.value === this.value);
+        const options = (_a = this.options) !== null && _a !== void 0 ? _a : Array.from(this.children).filter(Listbox.slottedOptionFilter);
+        const selectedIndex = options === null || options === void 0 ? void 0 : options.findIndex(el => el.hasAttribute("selected") || el.selected || el.value === this.value);
         if (selectedIndex !== -1) {
             this.selectedIndex = selectedIndex;
             return;
@@ -18183,22 +18203,22 @@ class Select extends FormAssociatedSelect {
 }
 __decorate([
     attr({ attribute: "open", mode: "boolean" })
-], Select.prototype, "open", undefined);
+], Select.prototype, "open", void 0);
 __decorate([
     volatile
 ], Select.prototype, "collapsible", null);
 __decorate([
     observable
-], Select.prototype, "control", undefined);
+], Select.prototype, "control", void 0);
 __decorate([
     attr({ attribute: "position" })
-], Select.prototype, "positionAttribute", undefined);
+], Select.prototype, "positionAttribute", void 0);
 __decorate([
     observable
-], Select.prototype, "position", undefined);
+], Select.prototype, "position", void 0);
 __decorate([
     observable
-], Select.prototype, "maxHeight", undefined);
+], Select.prototype, "maxHeight", void 0);
 /**
  * Includes ARIA states and properties relating to the ARIA select role.
  *
@@ -18208,7 +18228,7 @@ class DelegatesARIASelect {
 }
 __decorate([
     observable
-], DelegatesARIASelect.prototype, "ariaControls", undefined);
+], DelegatesARIASelect.prototype, "ariaControls", void 0);
 applyMixins(DelegatesARIASelect, DelegatesARIAListbox);
 applyMixins(Select, StartEnd, DelegatesARIASelect);
 
@@ -18324,16 +18344,16 @@ class Skeleton extends FoundationElement {
 }
 __decorate([
     attr
-], Skeleton.prototype, "fill", undefined);
+], Skeleton.prototype, "fill", void 0);
 __decorate([
     attr
-], Skeleton.prototype, "shape", undefined);
+], Skeleton.prototype, "shape", void 0);
 __decorate([
     attr
-], Skeleton.prototype, "pattern", undefined);
+], Skeleton.prototype, "pattern", void 0);
 __decorate([
     attr({ mode: "boolean" })
-], Skeleton.prototype, "shimmer", undefined);
+], Skeleton.prototype, "shimmer", void 0);
 
 /**
  * The template for the {@link @ni/fast-foundation#(SliderLabel:class)} component.
@@ -18373,9 +18393,7 @@ const defaultConfig = {
     min: 0,
     max: 0,
     direction: Direction.ltr,
-    orientation: Orientation.horizontal,
-    disabled: false,
-};
+    orientation: Orientation.horizontal};
 /**
  * A label element intended to be used with the {@link @ni/fast-foundation#(Slider:class)} component.
  *
@@ -18497,28 +18515,28 @@ class SliderLabel extends FoundationElement {
 }
 __decorate([
     observable
-], SliderLabel.prototype, "positionStyle", undefined);
+], SliderLabel.prototype, "positionStyle", void 0);
 __decorate([
     attr
-], SliderLabel.prototype, "position", undefined);
+], SliderLabel.prototype, "position", void 0);
 __decorate([
     attr({ attribute: "hide-mark", mode: "boolean" })
-], SliderLabel.prototype, "hideMark", undefined);
+], SliderLabel.prototype, "hideMark", void 0);
 __decorate([
     attr({ attribute: "disabled", mode: "boolean" })
-], SliderLabel.prototype, "disabled", undefined);
+], SliderLabel.prototype, "disabled", void 0);
 __decorate([
     observable
-], SliderLabel.prototype, "sliderOrientation", undefined);
+], SliderLabel.prototype, "sliderOrientation", void 0);
 __decorate([
     observable
-], SliderLabel.prototype, "sliderMinPosition", undefined);
+], SliderLabel.prototype, "sliderMinPosition", void 0);
 __decorate([
     observable
-], SliderLabel.prototype, "sliderMaxPosition", undefined);
+], SliderLabel.prototype, "sliderMaxPosition", void 0);
 __decorate([
     observable
-], SliderLabel.prototype, "sliderDirection", undefined);
+], SliderLabel.prototype, "sliderDirection", void 0);
 
 /**
  * The template for the {@link @ni/fast-foundation#(Slider:class)} component.
@@ -18534,8 +18552,8 @@ const sliderTemplate = (context, definition) => html `
         aria-valuenow="${x => x.value}"
         aria-valuemin="${x => x.min}"
         aria-valuemax="${x => x.max}"
-        aria-disabled="${x => (x.disabled ? true : undefined)}"
-        aria-readonly="${x => (x.readOnly ? true : undefined)}"
+        aria-disabled="${x => (x.disabled ? true : void 0)}"
+        aria-readonly="${x => (x.readOnly ? true : void 0)}"
         aria-orientation="${x => x.orientation}"
         class="${x => x.orientation}"
     >
@@ -18976,49 +18994,49 @@ class Slider extends FormAssociatedSlider {
 }
 __decorate([
     attr({ attribute: "readonly", mode: "boolean" })
-], Slider.prototype, "readOnly", undefined);
+], Slider.prototype, "readOnly", void 0);
 __decorate([
     observable
-], Slider.prototype, "direction", undefined);
+], Slider.prototype, "direction", void 0);
 __decorate([
     observable
-], Slider.prototype, "isDragging", undefined);
+], Slider.prototype, "isDragging", void 0);
 __decorate([
     observable
-], Slider.prototype, "position", undefined);
+], Slider.prototype, "position", void 0);
 __decorate([
     observable
-], Slider.prototype, "trackWidth", undefined);
+], Slider.prototype, "trackWidth", void 0);
 __decorate([
     observable
-], Slider.prototype, "trackMinWidth", undefined);
+], Slider.prototype, "trackMinWidth", void 0);
 __decorate([
     observable
-], Slider.prototype, "trackHeight", undefined);
+], Slider.prototype, "trackHeight", void 0);
 __decorate([
     observable
-], Slider.prototype, "trackLeft", undefined);
+], Slider.prototype, "trackLeft", void 0);
 __decorate([
     observable
-], Slider.prototype, "trackMinHeight", undefined);
+], Slider.prototype, "trackMinHeight", void 0);
 __decorate([
     observable
-], Slider.prototype, "valueTextFormatter", undefined);
+], Slider.prototype, "valueTextFormatter", void 0);
 __decorate([
     attr({ converter: nullableNumberConverter })
-], Slider.prototype, "min", undefined);
+], Slider.prototype, "min", void 0);
 __decorate([
     attr({ converter: nullableNumberConverter })
-], Slider.prototype, "max", undefined);
+], Slider.prototype, "max", void 0);
 __decorate([
     attr({ converter: nullableNumberConverter })
-], Slider.prototype, "step", undefined);
+], Slider.prototype, "step", void 0);
 __decorate([
     attr
-], Slider.prototype, "orientation", undefined);
+], Slider.prototype, "orientation", void 0);
 __decorate([
     attr
-], Slider.prototype, "mode", undefined);
+], Slider.prototype, "mode", void 0);
 
 /**
  * The template for the {@link @ni/fast-foundation#(Switch:class)} component.
@@ -19142,10 +19160,10 @@ class Switch extends FormAssociatedSwitch {
 }
 __decorate([
     attr({ attribute: "readonly", mode: "boolean" })
-], Switch.prototype, "readOnly", undefined);
+], Switch.prototype, "readOnly", void 0);
 __decorate([
     observable
-], Switch.prototype, "defaultSlottedNodes", undefined);
+], Switch.prototype, "defaultSlottedNodes", void 0);
 
 /**
  * The template for the {@link @ni/fast-foundation#TabPanel} component.
@@ -19188,7 +19206,7 @@ class Tab extends FoundationElement {
 }
 __decorate([
     attr({ mode: "boolean" })
-], Tab.prototype, "disabled", undefined);
+], Tab.prototype, "disabled", void 0);
 
 /**
  * The template for the {@link @ni/fast-foundation#(Tabs:class)} component.
@@ -19479,13 +19497,13 @@ class Tabs extends FoundationElement {
     getTabIds() {
         return this.tabs.map((tab) => {
             var _a;
-            return (_a = tab.getAttribute("id")) !== null && _a !== undefined ? _a : `tab-${uniqueId()}`;
+            return (_a = tab.getAttribute("id")) !== null && _a !== void 0 ? _a : `tab-${uniqueId()}`;
         });
     }
     getTabPanelIds() {
         return this.tabpanels.map((tabPanel) => {
             var _a;
-            return (_a = tabPanel.getAttribute("id")) !== null && _a !== undefined ? _a : `panel-${uniqueId()}`;
+            return (_a = tabPanel.getAttribute("id")) !== null && _a !== void 0 ? _a : `panel-${uniqueId()}`;
         });
     }
     setComponent() {
@@ -19564,25 +19582,25 @@ class Tabs extends FoundationElement {
 }
 __decorate([
     attr
-], Tabs.prototype, "orientation", undefined);
+], Tabs.prototype, "orientation", void 0);
 __decorate([
     attr
-], Tabs.prototype, "activeid", undefined);
+], Tabs.prototype, "activeid", void 0);
 __decorate([
     observable
-], Tabs.prototype, "tabs", undefined);
+], Tabs.prototype, "tabs", void 0);
 __decorate([
     observable
-], Tabs.prototype, "tabpanels", undefined);
+], Tabs.prototype, "tabpanels", void 0);
 __decorate([
     attr({ mode: "boolean" })
-], Tabs.prototype, "activeindicator", undefined);
+], Tabs.prototype, "activeindicator", void 0);
 __decorate([
     observable
-], Tabs.prototype, "activeIndicatorRef", undefined);
+], Tabs.prototype, "activeIndicatorRef", void 0);
 __decorate([
     observable
-], Tabs.prototype, "showActiveIndicator", undefined);
+], Tabs.prototype, "showActiveIndicator", void 0);
 applyMixins(Tabs, StartEnd);
 
 class _TextArea extends FoundationElement {
@@ -19723,43 +19741,43 @@ class TextArea extends FormAssociatedTextArea {
 }
 __decorate([
     attr({ mode: "boolean" })
-], TextArea.prototype, "readOnly", undefined);
+], TextArea.prototype, "readOnly", void 0);
 __decorate([
     attr
-], TextArea.prototype, "resize", undefined);
+], TextArea.prototype, "resize", void 0);
 __decorate([
     attr({ mode: "boolean" })
-], TextArea.prototype, "autofocus", undefined);
+], TextArea.prototype, "autofocus", void 0);
 __decorate([
     attr({ attribute: "form" })
-], TextArea.prototype, "formId", undefined);
+], TextArea.prototype, "formId", void 0);
 __decorate([
     attr
-], TextArea.prototype, "list", undefined);
+], TextArea.prototype, "list", void 0);
 __decorate([
     attr({ converter: nullableNumberConverter })
-], TextArea.prototype, "maxlength", undefined);
+], TextArea.prototype, "maxlength", void 0);
 __decorate([
     attr({ converter: nullableNumberConverter })
-], TextArea.prototype, "minlength", undefined);
+], TextArea.prototype, "minlength", void 0);
 __decorate([
     attr
-], TextArea.prototype, "name", undefined);
+], TextArea.prototype, "name", void 0);
 __decorate([
     attr
-], TextArea.prototype, "placeholder", undefined);
+], TextArea.prototype, "placeholder", void 0);
 __decorate([
     attr({ converter: nullableNumberConverter, mode: "fromView" })
-], TextArea.prototype, "cols", undefined);
+], TextArea.prototype, "cols", void 0);
 __decorate([
     attr({ converter: nullableNumberConverter, mode: "fromView" })
-], TextArea.prototype, "rows", undefined);
+], TextArea.prototype, "rows", void 0);
 __decorate([
     attr({ mode: "boolean" })
-], TextArea.prototype, "spellcheck", undefined);
+], TextArea.prototype, "spellcheck", void 0);
 __decorate([
     observable
-], TextArea.prototype, "defaultSlottedNodes", undefined);
+], TextArea.prototype, "defaultSlottedNodes", void 0);
 applyMixins(TextArea, DelegatesARIATextbox);
 
 /**
@@ -20027,7 +20045,7 @@ class Toolbar extends FoundationElement {
      */
     mouseDownHandler(e) {
         var _a;
-        const activeIndex = (_a = this.focusableElements) === null || _a === undefined ? undefined : _a.findIndex(x => x.contains(e.target));
+        const activeIndex = (_a = this.focusableElements) === null || _a === void 0 ? void 0 : _a.findIndex(x => x.contains(e.target));
         if (activeIndex > -1 && this.activeIndex !== activeIndex) {
             this.setFocusedElement(activeIndex);
         }
@@ -20066,7 +20084,7 @@ class Toolbar extends FoundationElement {
      */
     getDirectionalIncrementer(key) {
         var _a, _b, _c, _d, _e;
-        return ((_e = (_c = (_b = (_a = ToolbarArrowKeyMap[key]) === null || _a === undefined ? undefined : _a[this.orientation]) === null || _b === undefined ? undefined : _b[this.direction]) !== null && _c !== undefined ? _c : (_d = ToolbarArrowKeyMap[key]) === null || _d === undefined ? undefined : _d[this.orientation]) !== null && _e !== undefined ? _e : 0);
+        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);
     }
     /**
      * Handle keyboard events for the toolbar.
@@ -20107,7 +20125,7 @@ class Toolbar extends FoundationElement {
      */
     reduceFocusableElements() {
         var _a;
-        const previousFocusedElement = (_a = this.focusableElements) === null || _a === undefined ? undefined : _a[this.activeIndex];
+        const previousFocusedElement = (_a = this.focusableElements) === null || _a === void 0 ? void 0 : _a[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.
@@ -20142,8 +20160,8 @@ class Toolbar extends FoundationElement {
     static reduceFocusableItems(elements, element) {
         var _a, _b, _c, _d;
         const isRoleRadio = element.getAttribute("role") === "radio";
-        const isFocusableFastElement = (_b = (_a = element.$fastController) === null || _a === undefined ? undefined : _a.definition.shadowOptions) === null || _b === undefined ? undefined : _b.delegatesFocus;
-        const hasFocusableShadow = Array.from((_d = (_c = element.shadowRoot) === null || _c === undefined ? undefined : _c.querySelectorAll("*")) !== null && _d !== undefined ? _d : []).some(x => isFocusable(x));
+        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));
         if (!element.hasAttribute("disabled") &&
             !element.hasAttribute("hidden") &&
             (isFocusable(element) ||
@@ -20171,19 +20189,19 @@ class Toolbar extends FoundationElement {
 }
 __decorate([
     observable
-], Toolbar.prototype, "direction", undefined);
+], Toolbar.prototype, "direction", void 0);
 __decorate([
     attr
-], Toolbar.prototype, "orientation", undefined);
+], Toolbar.prototype, "orientation", void 0);
 __decorate([
     observable
-], Toolbar.prototype, "slottedItems", undefined);
+], Toolbar.prototype, "slottedItems", void 0);
 __decorate([
     observable
-], Toolbar.prototype, "slottedLabel", undefined);
+], Toolbar.prototype, "slottedLabel", void 0);
 __decorate([
     observable
-], Toolbar.prototype, "childItems", undefined);
+], Toolbar.prototype, "childItems", void 0);
 /**
  * Includes ARIA states and properties relating to the ARIA toolbar role
  *
@@ -20193,10 +20211,10 @@ class DelegatesARIAToolbar {
 }
 __decorate([
     attr({ attribute: "aria-labelledby" })
-], DelegatesARIAToolbar.prototype, "ariaLabelledby", undefined);
+], DelegatesARIAToolbar.prototype, "ariaLabelledby", void 0);
 __decorate([
     attr({ attribute: "aria-label" })
-], DelegatesARIAToolbar.prototype, "ariaLabel", undefined);
+], DelegatesARIAToolbar.prototype, "ariaLabel", void 0);
 applyMixins(DelegatesARIAToolbar, ARIAGlobalStatesAndProperties);
 applyMixins(Toolbar, StartEnd, DelegatesARIAToolbar);
 
@@ -20737,7 +20755,7 @@ class Tooltip extends FoundationElement {
             default:
                 this.verticalPositioningMode = "dynamic";
                 this.horizontalPositioningMode = "dynamic";
-                this.verticalDefaultPosition = undefined;
+                this.verticalDefaultPosition = void 0;
                 this.horizontalDefaultPosition = "center";
                 break;
         }
@@ -20745,61 +20763,61 @@ class Tooltip extends FoundationElement {
 }
 __decorate([
     attr({ mode: "boolean" })
-], Tooltip.prototype, "visible", undefined);
+], Tooltip.prototype, "visible", void 0);
 __decorate([
     attr
-], Tooltip.prototype, "anchor", undefined);
+], Tooltip.prototype, "anchor", void 0);
 __decorate([
     attr
-], Tooltip.prototype, "delay", undefined);
+], Tooltip.prototype, "delay", void 0);
 __decorate([
     attr
-], Tooltip.prototype, "position", undefined);
+], Tooltip.prototype, "position", void 0);
 __decorate([
     attr({ attribute: "auto-update-mode" })
-], Tooltip.prototype, "autoUpdateMode", undefined);
+], Tooltip.prototype, "autoUpdateMode", void 0);
 __decorate([
     attr({ attribute: "horizontal-viewport-lock" })
-], Tooltip.prototype, "horizontalViewportLock", undefined);
+], Tooltip.prototype, "horizontalViewportLock", void 0);
 __decorate([
     attr({ attribute: "vertical-viewport-lock" })
-], Tooltip.prototype, "verticalViewportLock", undefined);
+], Tooltip.prototype, "verticalViewportLock", void 0);
 __decorate([
     observable
-], Tooltip.prototype, "anchorElement", undefined);
+], Tooltip.prototype, "anchorElement", void 0);
 __decorate([
     observable
-], Tooltip.prototype, "viewportElement", undefined);
+], Tooltip.prototype, "viewportElement", void 0);
 __decorate([
     observable
-], Tooltip.prototype, "verticalPositioningMode", undefined);
+], Tooltip.prototype, "verticalPositioningMode", void 0);
 __decorate([
     observable
-], Tooltip.prototype, "horizontalPositioningMode", undefined);
+], Tooltip.prototype, "horizontalPositioningMode", void 0);
 __decorate([
     observable
-], Tooltip.prototype, "horizontalInset", undefined);
+], Tooltip.prototype, "horizontalInset", void 0);
 __decorate([
     observable
-], Tooltip.prototype, "verticalInset", undefined);
+], Tooltip.prototype, "verticalInset", void 0);
 __decorate([
     observable
-], Tooltip.prototype, "horizontalScaling", undefined);
+], Tooltip.prototype, "horizontalScaling", void 0);
 __decorate([
     observable
-], Tooltip.prototype, "verticalScaling", undefined);
+], Tooltip.prototype, "verticalScaling", void 0);
 __decorate([
     observable
-], Tooltip.prototype, "verticalDefaultPosition", undefined);
+], Tooltip.prototype, "verticalDefaultPosition", void 0);
 __decorate([
     observable
-], Tooltip.prototype, "horizontalDefaultPosition", undefined);
+], Tooltip.prototype, "horizontalDefaultPosition", void 0);
 __decorate([
     observable
-], Tooltip.prototype, "tooltipVisible", undefined);
+], Tooltip.prototype, "tooltipVisible", void 0);
 __decorate([
     observable
-], Tooltip.prototype, "currentDirection", undefined);
+], Tooltip.prototype, "currentDirection", void 0);
 
 /**
  * The template for the {@link @ni/fast-foundation#(TreeItem:class)} component.
@@ -20808,11 +20826,11 @@ __decorate([
 const treeItemTemplate = (context, definition) => html `
     <template
         role="treeitem"
-        slot="${x => (x.isNestedItem() ? "item" : undefined)}"
+        slot="${x => (x.isNestedItem() ? "item" : void 0)}"
         tabindex="-1"
         class="${x => (x.expanded ? "expanded" : "")} ${x => x.selected ? "selected" : ""} ${x => (x.nested ? "nested" : "")}
             ${x => (x.disabled ? "disabled" : "")}"
-        aria-expanded="${x => x.childItems && x.childItemLength() > 0 ? x.expanded : undefined}"
+        aria-expanded="${x => x.childItems && x.childItemLength() > 0 ? x.expanded : void 0}"
         aria-selected="${x => x.selected}"
         aria-disabled="${x => x.disabled}"
         @focusin="${(x, c) => x.handleFocus(c.event)}"
@@ -20973,28 +20991,28 @@ class TreeItem extends FoundationElement {
 }
 __decorate([
     attr({ mode: "boolean" })
-], TreeItem.prototype, "expanded", undefined);
+], TreeItem.prototype, "expanded", void 0);
 __decorate([
     attr({ mode: "boolean" })
-], TreeItem.prototype, "selected", undefined);
+], TreeItem.prototype, "selected", void 0);
 __decorate([
     attr({ mode: "boolean" })
-], TreeItem.prototype, "disabled", undefined);
+], TreeItem.prototype, "disabled", void 0);
 __decorate([
     observable
-], TreeItem.prototype, "focusable", undefined);
+], TreeItem.prototype, "focusable", void 0);
 __decorate([
     observable
-], TreeItem.prototype, "childItems", undefined);
+], TreeItem.prototype, "childItems", void 0);
 __decorate([
     observable
-], TreeItem.prototype, "items", undefined);
+], TreeItem.prototype, "items", void 0);
 __decorate([
     observable
-], TreeItem.prototype, "nested", undefined);
+], TreeItem.prototype, "nested", void 0);
 __decorate([
     observable
-], TreeItem.prototype, "renderCollapsedChildren", undefined);
+], TreeItem.prototype, "renderCollapsedChildren", void 0);
 applyMixins(TreeItem, StartEnd);
 
 /**
@@ -21271,13 +21289,13 @@ class TreeView extends FoundationElement {
 }
 __decorate([
     attr({ attribute: "render-collapsed-nodes" })
-], TreeView.prototype, "renderCollapsedNodes", undefined);
+], TreeView.prototype, "renderCollapsedNodes", void 0);
 __decorate([
     observable
-], TreeView.prototype, "currentSelected", undefined);
+], TreeView.prototype, "currentSelected", void 0);
 __decorate([
     observable
-], TreeView.prototype, "slottedTreeItems", undefined);
+], TreeView.prototype, "slottedTreeItems", void 0);
 
 /**
  * An abstract behavior to react to media queries. Implementations should implement