tosijs-ui 1.5.21 → 1.5.22

package/dist/menu.js

@@ -995,8 +995,8 @@ export const createMenuAction = (item, options) => {
     if (item.tooltip) {
         menuItem.dataset.tooltip = item.tooltip;
     }
-    if (options.role === 'listbox' && checked) {
-        menuItem.setAttribute('aria-selected', 'true');
+    if (options.role === 'listbox') {
+        menuItem.toggleAttribute('aria-selected', checked !== false);
     }
     if (item?.enabled && !item.enabled()) {
         menuItem.setAttribute('disabled', '');

package/dist/tab-selector.d.ts

@@ -50,7 +50,7 @@ export declare class TosiTabs extends WebComponent {
             display: string;
             alignItems: string;
         };
-        ':host .tabs > [aria-selected="true"]': {
+        ':host .tabs > [aria-selected]': {
             '--text-color': string;
             color: string;
         };

package/dist/tab-selector.js

@@ -209,7 +209,7 @@ export class TosiTabs extends WebComponent {
             display: 'flex',
             alignItems: 'baseline',
         },
-        ':host .tabs > [aria-selected="true"]': {
+        ':host .tabs > [aria-selected]': {
             '--text-color': vars.tosiTabsSelectedColor,
             color: vars.textColor,
         },
@@ -342,15 +342,12 @@ export class TosiTabs extends WebComponent {
         for (let i = 0; i < tabBodies.length; i++) {
             const tabBody = tabBodies[i];
             const tab = tabs.children[i];
-            if (this.value === Number(i)) {
-                tab.setAttribute('aria-selected', 'true');
+            const isSelected = this.value === Number(i);
+            tab.toggleAttribute('aria-selected', isSelected);
+            tabBody.toggleAttribute('hidden', !isSelected);
+            if (isSelected) {
                 selected.style.marginLeft = `${tab.offsetLeft - tabs.offsetLeft}px`;
                 selected.style.width = `${tab.offsetWidth}px`;
-                tabBody.toggleAttribute('hidden', false);
-            }
-            else {
-                tab.toggleAttribute('aria-selected', false);
-                tabBody.toggleAttribute('hidden', true);
             }
         }
     }