@ni/nimble-components 20.1.4 → 20.1.5

package/dist/all-components-bundle.js

@@ -5394,15 +5394,6 @@
    * is larger than the max, the minimum value will be returned. If the value is smaller than the minimum,
    * the maximum will be returned. Otherwise, the value is returned un-changed.
    */
-  function wrapInBounds(min, max, value) {
-      if (value < min) {
-          return max;
-      }
-      else if (value > max) {
-          return min;
-      }
-      return value;
-  }
   /**
    * Ensures that a value is between a min and max value. If value is lower than min, min will be returned.
    * If value is greater than max, max will be returned.
@@ -13268,8 +13259,11 @@
           this.isDisabledElement = (el) => {
               return el.getAttribute("aria-disabled") === "true";
           };
+          this.isHiddenElement = (el) => {
+              return el.hasAttribute("hidden");
+          };
           this.isFocusableElement = (el) => {
-              return !this.isDisabledElement(el);
+              return !this.isDisabledElement(el) && !this.isHiddenElement(el);
           };
           this.setTabs = () => {
               const gridHorizontalProperty = "gridColumn";
@@ -13295,6 +13289,7 @@
                       tab.setAttribute("tabindex", isActiveTab ? "0" : "-1");
                       if (isActiveTab) {
                           this.activetab = tab;
+                          this.activeid = tabId;
                       }
                   }
                   // If the original property isn't emptied out,
@@ -13535,9 +13530,14 @@
        * This method allows the active index to be adjusted by numerical increments
        */
       adjust(adjustment) {
-          this.prevActiveTabIndex = this.activeTabIndex;
-          this.activeTabIndex = wrapInBounds(0, this.tabs.length - 1, this.activeTabIndex + adjustment);
-          this.setComponent();
+          const focusableTabs = this.tabs.filter(t => this.isFocusableElement(t));
+          const currentActiveTabIndex = focusableTabs.indexOf(this.activetab);
+          const nextTabIndex = limit(0, focusableTabs.length - 1, currentActiveTabIndex + adjustment);
+          // the index of the next focusable tab within the context of all available tabs
+          const nextIndex = this.tabs.indexOf(focusableTabs[nextTabIndex]);
+          if (nextIndex > -1) {
+              this.moveToTabByIndex(this.tabs, nextIndex);
+          }
       }
       focusTab() {
           this.tabs[this.activeTabIndex].focus();
@@ -16288,7 +16288,7 @@
 
   /**
    * Do not edit directly
-   * Generated on Fri, 11 Aug 2023 15:03:51 GMT
+   * Generated on Fri, 11 Aug 2023 21:45:08 GMT
    */
 
   const Information100DarkUi = "#a46eff";