@ni/nimble-components 35.5.1 → 35.5.2

package/dist/all-components-bundle.js

@@ -13466,6 +13466,12 @@
            * @internal
            */
           this.direction = Direction.ltr;
+          /**
+           * The collection of focusable toolbar controls.
+           *
+           * @internal
+           */
+          this.focusableElements = [];
           /**
            * The orientation of the toolbar.
            *
@@ -13486,7 +13492,7 @@
       }
       set activeIndex(value) {
           if (this.$fastController.isConnected) {
-              this._activeIndex = limit(0, this.focusableElements.length - 1, value);
+              this._activeIndex = limit(0, this.focusableElements.length > 0 ? this.focusableElements.length - 1 : 0, value);
               Observable.notify(this, "activeIndex");
           }
       }
@@ -13501,7 +13507,7 @@
        * @internal
        */
       mouseDownHandler(e) {
-          const activeIndex = this.focusableElements?.findIndex(x => x.contains(e.target));
+          const activeIndex = this.focusableElements.findIndex(x => x.contains(e.target));
           if (activeIndex > -1 && this.activeIndex !== activeIndex) {
               this.setFocusedElement(activeIndex);
           }
@@ -13558,7 +13564,7 @@
               return !e.target.closest("[role=radiogroup]");
           }
           const nextIndex = this.activeIndex + incrementer;
-          if (this.focusableElements[nextIndex]) {
+          if (this.focusableElements.length > 0 && this.focusableElements[nextIndex]) {
               e.preventDefault();
           }
           this.setFocusedElement(nextIndex);
@@ -13581,7 +13587,7 @@
        * @internal
        */
       reduceFocusableElements() {
-          const previousFocusedElement = this.focusableElements?.[this.activeIndex];
+          const previousFocusedElement = this.focusableElements[this.activeIndex];
           this.focusableElements = this.allSlottedItems.reduce(Toolbar.reduceFocusableItems, []);
           // If the previously active item is still focusable, adjust the active index to the
           // index of that item.
@@ -13598,7 +13604,8 @@
       setFocusedElement(activeIndex = this.activeIndex) {
           this.activeIndex = activeIndex;
           this.setFocusableElements();
-          if (this.focusableElements[this.activeIndex] &&
+          if (this.focusableElements.length > 0 &&
+              this.focusableElements[this.activeIndex] &&
               // Don't focus the toolbar element if some event handlers moved
               // the focus on another element in the page.
               this.contains(getRootActiveElement(this))) {