@ni/nimble-components 20.1.3 → 20.1.4

package/dist/all-components-bundle.min.js

@@ -1788,7 +1788,7 @@ const Sd=we`
         background-color: ${da};
     }
 
-    :host(:hover[aria-selected='true']) {
+    :host(:hover[aria-current]) {
         background-color: ${ca};
     }
 
@@ -1864,12 +1864,12 @@ const Sd=we`
         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(${va}, 0.3);
     }
 
@@ -1926,7 +1926,7 @@ class Rd extends Vt{constructor(){super(...arguments),this.tabIds=[],this.isDisa
 this.activetab=void 0,this.tabs.forEach(((t,n)=>{const i=this.tabIds[n],o=this.activeid===i
 !e&&this.isFocusableElement(t)&&(e=t)
 const r=this.activeid===i&&this.isFocusableElement(t)
-t.setAttribute("id",i),t.setAttribute("aria-selected",o?"true":"false"),t.removeEventListener("click",this.handleTabClick),t.addEventListener("click",this.handleTabClick),t.removeEventListener("keydown",this.handleTabKeyDown),t.addEventListener("keydown",this.handleTabKeyDown),t.setAttribute("tabindex",r?"0":"-1"),o&&(this.activetab=t),t.style.gridRow="",t.style.gridColumn=`${n+1}`})),!e||this.activetab&&this.isFocusableElement(this.activetab)||e.setAttribute("tabindex","0")},this.handleTabClick=e=>{const t=e.currentTarget
+t.setAttribute("id",i),o?t.setAttribute("aria-current","page"):t.removeAttribute("aria-current"),t.removeEventListener("click",this.handleTabClick),t.addEventListener("click",this.handleTabClick),t.removeEventListener("keydown",this.handleTabKeyDown),t.addEventListener("keydown",this.handleTabKeyDown),t.setAttribute("tabindex",r?"0":"-1"),o&&(this.activetab=t),t.style.gridRow="",t.style.gridColumn=`${n+1}`})),!e||this.activetab&&this.isFocusableElement(this.activetab)||e.setAttribute("tabindex","0")},this.handleTabClick=e=>{const t=e.currentTarget
 1===t.nodeType&&this.isFocusableElement(t)&&this.tabs.forEach((e=>{e.setAttribute("tabindex",e===t?"0":"-1")}))},this.handleTabKeyDown=e=>{let t
 switch(e.key){case Zs:e.preventDefault(),this.adjustBackward()
 break
@@ -1948,7 +1948,7 @@ let t=0
 const n=e.find((e=>e===document.activeElement))
 for(t=n?e.indexOf(n)-1:0,t=t<0?e.length-1:t;t>=0&&e.length>1;){if(this.isFocusableElement(e[t])){this.focusTabByIndex(e,t)
 break}t-1<0?t=e.length-1:t-=1}},this.focusTabByIndex=(e,t)=>{const n=e[t]
-n.focus(),this.tabs.forEach((e=>{e.setAttribute("tabindex",e===n?"0":"-1")}))}}activeidChanged(e,t){this.$fastController.isConnected&&this.setTabs()}tabsChanged(){this.$fastController.isConnected&&(this.tabIds=this.getTabIds(),this.setTabs())}connectedCallback(){super.connectedCallback(),this.tabIds=this.getTabIds()}getTabIds(){return this.tabs.map((e=>e.getAttribute("id")??`tab-${Xs()}`))}focusFirstOrLast(e){const t=this.tabs.filter((e=>this.isFocusableElement(e))),n=e?t.length-1:0,i=this.tabs.indexOf(t[n])
+n.focus(),this.tabs.forEach((e=>{e.setAttribute("tabindex",e===n?"0":"-1"),e.setAttribute("aria-selected",e===n?"true":"false")}))}}activeidChanged(e,t){this.$fastController.isConnected&&this.setTabs()}tabsChanged(){this.$fastController.isConnected&&(this.tabIds=this.getTabIds(),this.setTabs())}connectedCallback(){super.connectedCallback(),this.tabIds=this.getTabIds()}getTabIds(){return this.tabs.map((e=>e.getAttribute("id")??`tab-${Xs()}`))}focusFirstOrLast(e){const t=this.tabs.filter((e=>this.isFocusableElement(e))),n=e?t.length-1:0,i=this.tabs.indexOf(t[n])
 i>-1&&this.focusTabByIndex(this.tabs,i)}getTabAnchor(e){return e.shadowRoot.querySelector("a")}}e([se],Rd.prototype,"activeid",void 0),e([m],Rd.prototype,"tabs",void 0),Pt(Rd,Ye)
 const Ed=Rd.compose({baseName:"anchor-tabs",template:(e,t)=>G`
     ${Qe(0,t)}