@y14e/tabs 1.5.9 → 2.0.0

package/README.md

@@ -10,14 +10,14 @@ npm i @y14e/tabs
 
 ```ts
 // npm
-import Tabs from '@y14e/tabs@1.5.9';
+import Tabs from '@y14e/tabs@2.0.0';
 
 // CDNs
-import Tabs from 'https://esm.sh/@y14e/tabs@1.5.9';
+import Tabs from 'https://esm.sh/@y14e/tabs@2.0.0';
 // or
-import Tabs from 'https://cdn.jsdelivr.net/npm/@y14e/tabs@1.5.9/+esm';
+import Tabs from 'https://cdn.jsdelivr.net/npm/@y14e/tabs@2.0.0/+esm';
 // or
-import Tabs from 'https://esm.unpkg.com/@y14e/tabs@1.5.9';
+import Tabs from 'https://esm.unpkg.com/@y14e/tabs@2.0.0';
 ```
 
 ## Usage
@@ -39,7 +39,7 @@ interface TabsOptions {
       crossFade?: boolean;   // default: true
       duration?: number;     // ms (default: 300)
       easing?: string;       // <easing-function> (default: 'ease')
-      fade?: boolean;        // default: false
+      fade?: boolean;        // default: true
     };
     indicator?: {
       duration?: number;     // ms (default: 300)

package/dist/index.cjs

@@ -572,11 +572,11 @@ var RovingTabIndex = class {
       if (!typeahead) {
         continue;
       }
+      const char = focusable.textContent?.trim()?.at(0)?.toUpperCase();
       const value = focusable.ariaKeyShortcuts?.trim();
       const keys = new Set(
         value ? value.split(/\s+/).filter((key) => /^\S$/i.test(key)).map((key) => key.toUpperCase()) : []
       );
-      const char = focusable.textContent?.trim()?.at(0)?.toUpperCase();
       if (char) {
         keys.add(char);
         saveAttributes2([focusable], ["aria-keyshortcuts"]);
@@ -636,7 +636,7 @@ var Tabs = class _Tabs {
         crossFade: true,
         duration: 300,
         easing: "ease",
-        fade: false
+        fade: true
       },
       indicator: {
         duration: 300,
@@ -774,7 +774,7 @@ var Tabs = class _Tabs {
     }
     this.#panelElements.forEach((p) => {
       const { style: style2 } = p;
-      if (crossFade || fade) {
+      if (fade) {
         style2.setProperty("content-visibility", "visible");
         style2.setProperty("display", "block");
         style2.setProperty("opacity", p.hidden ? "0" : "1");
@@ -840,10 +840,10 @@ var Tabs = class _Tabs {
       const isSelected = p === panel;
       const animation2 = p.animate(
         {
-          opacity: fade ? isSelected ? [opacity, opacity, "1"] : [opacity, "0", "0"] : isSelected ? [opacity, "1"] : [opacity, "0"]
+          opacity: crossFade || !fade ? isSelected ? [opacity, "1"] : [opacity, "0"] : isSelected ? [opacity, opacity, "1"] : [opacity, "0", "0"]
         },
         {
-          duration: isMatch || !(crossFade || fade) ? 0 : this.#settings.animation.content.duration,
+          duration: isMatch || !fade ? 0 : this.#settings.animation.content.duration,
           easing: "ease"
         }
       );
@@ -1145,7 +1145,7 @@ function isFocusable2(element) {
  * Tabs
  * WAI-ARIA compliant tabs pattern implementation in TypeScript.
  *
- * @version 1.5.9
+ * @version 2.0.0
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -1168,7 +1168,7 @@ function isFocusable2(element) {
   (**
    * Button
    *
-   * @version 1.0.0
+   * @version 1.0.2
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -1181,7 +1181,7 @@ function isFocusable2(element) {
    * Lightweight roving tabindex utility with fully focus management.
    * Designed for accessible menus, tabs, toolbars, and composite widgets.
    *
-   * @version 3.0.2
+   * @version 3.0.5
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.d.cts

@@ -2,7 +2,7 @@
  * Tabs
  * WAI-ARIA compliant tabs pattern implementation in TypeScript.
  *
- * @version 1.5.9
+ * @version 2.0.0
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.d.ts

@@ -2,7 +2,7 @@
  * Tabs
  * WAI-ARIA compliant tabs pattern implementation in TypeScript.
  *
- * @version 1.5.9
+ * @version 2.0.0
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.js

@@ -570,11 +570,11 @@ var RovingTabIndex = class {
       if (!typeahead) {
         continue;
       }
+      const char = focusable.textContent?.trim()?.at(0)?.toUpperCase();
       const value = focusable.ariaKeyShortcuts?.trim();
       const keys = new Set(
         value ? value.split(/\s+/).filter((key) => /^\S$/i.test(key)).map((key) => key.toUpperCase()) : []
       );
-      const char = focusable.textContent?.trim()?.at(0)?.toUpperCase();
       if (char) {
         keys.add(char);
         saveAttributes2([focusable], ["aria-keyshortcuts"]);
@@ -634,7 +634,7 @@ var Tabs = class _Tabs {
         crossFade: true,
         duration: 300,
         easing: "ease",
-        fade: false
+        fade: true
       },
       indicator: {
         duration: 300,
@@ -772,7 +772,7 @@ var Tabs = class _Tabs {
     }
     this.#panelElements.forEach((p) => {
       const { style: style2 } = p;
-      if (crossFade || fade) {
+      if (fade) {
         style2.setProperty("content-visibility", "visible");
         style2.setProperty("display", "block");
         style2.setProperty("opacity", p.hidden ? "0" : "1");
@@ -838,10 +838,10 @@ var Tabs = class _Tabs {
       const isSelected = p === panel;
       const animation2 = p.animate(
         {
-          opacity: fade ? isSelected ? [opacity, opacity, "1"] : [opacity, "0", "0"] : isSelected ? [opacity, "1"] : [opacity, "0"]
+          opacity: crossFade || !fade ? isSelected ? [opacity, "1"] : [opacity, "0"] : isSelected ? [opacity, opacity, "1"] : [opacity, "0", "0"]
         },
         {
-          duration: isMatch || !(crossFade || fade) ? 0 : this.#settings.animation.content.duration,
+          duration: isMatch || !fade ? 0 : this.#settings.animation.content.duration,
           easing: "ease"
         }
       );
@@ -1143,7 +1143,7 @@ function isFocusable2(element) {
  * Tabs
  * WAI-ARIA compliant tabs pattern implementation in TypeScript.
  *
- * @version 1.5.9
+ * @version 2.0.0
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -1166,7 +1166,7 @@ function isFocusable2(element) {
   (**
    * Button
    *
-   * @version 1.0.0
+   * @version 1.0.2
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -1179,7 +1179,7 @@ function isFocusable2(element) {
    * Lightweight roving tabindex utility with fully focus management.
    * Designed for accessible menus, tabs, toolbars, and composite widgets.
    *
-   * @version 3.0.2
+   * @version 3.0.5
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@y14e/tabs",
-  "version": "1.5.9",
+  "version": "2.0.0",
   "description": "WAI-ARIA compliant tabs pattern implementation in TypeScript",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -43,8 +43,8 @@
   "homepage": "https://github.com/y14e/tabs#readme",
   "devDependencies": {
     "@y14e/attributes-utils": "^1.1.2",
-    "@y14e/button": "^1.0.0",
-    "@y14e/roving-tabindex": "^3.0.2",
+    "@y14e/button": "^1.0.2",
+    "@y14e/roving-tabindex": "^3.0.5",
     "bun-types": "latest",
     "tsup": "^8.0.0",
     "typescript": "^5.6.0",