@ni/nimble-components 20.1.3 → 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 Mon, 07 Aug 2023 22:37:07 GMT
+   * Generated on Fri, 11 Aug 2023 21:45:08 GMT
    */
 
   const Information100DarkUi = "#a46eff";
@@ -17789,7 +17789,7 @@
         background-color: ${fillHoverColor};
     }
 
-    :host(:hover[aria-selected='true']) {
+    :host(:hover[aria-current]) {
         background-color: ${fillHoverSelectedColor};
     }
 
@@ -17865,12 +17865,12 @@
         border-bottom-width: var(--ni-private-focus-indicator-width);
     }
 
-    :host([aria-selected='true']) a::after {
+    :host([aria-current]) a::after {
         width: 100%;
         border-bottom-width: var(--ni-private-active-indicator-width);
     }
 
-    :host([disabled][aria-selected='true']) a::after {
+    :host([disabled][aria-current]) a::after {
         border-bottom-color: rgba(${borderHoverColor}, 0.3);
     }
 
@@ -18003,7 +18003,12 @@
                   }
                   const isTabStop = this.activeid === tabId && this.isFocusableElement(tab);
                   tab.setAttribute('id', tabId);
-                  tab.setAttribute('aria-selected', isActiveTab ? 'true' : 'false');
+                  if (isActiveTab) {
+                      tab.setAttribute('aria-current', 'page');
+                  }
+                  else {
+                      tab.removeAttribute('aria-current');
+                  }
                   tab.removeEventListener('click', this.handleTabClick);
                   tab.addEventListener('click', this.handleTabClick);
                   tab.removeEventListener('keydown', this.handleTabKeyDown);
@@ -18113,6 +18118,7 @@
               focusedTab.focus();
               this.tabs.forEach((tab) => {
                   tab.setAttribute('tabindex', tab === focusedTab ? '0' : '-1');
+                  tab.setAttribute('aria-selected', tab === focusedTab ? 'true' : 'false');
               });
           };
       }