@y14e/tabs 1.3.6 → 1.3.8

package/dist/index.cjs

@@ -1,29 +1,41 @@
 'use strict';
 
 // node_modules/@y14e/attributes-utils/dist/index.js
-function addTokenToAttribute(element, attribute, token) {
-  const tokens = new Set(
-    element.getAttribute(attribute)?.trim().split(/\s+/) ?? []
-  );
-  tokens.add(token);
-  element.setAttribute(attribute, [...tokens].join(" "));
+var defaultParser = (value) => value.split(/\s+/);
+var defaultSerializer = (tokens) => tokens.join(" ");
+function addTokenToAttribute(element, attribute, token, options = {}) {
+  const {
+    caseInsensitive = false,
+    parse = defaultParser,
+    serialize = defaultSerializer
+  } = options;
+  const value = element.getAttribute(attribute)?.trim();
+  const tokens = value ? parse(value).filter(Boolean) : [];
+  if (caseInsensitive) {
+    const lower = token.toLowerCase();
+    if (tokens.some((token2) => token2.toLowerCase() === lower)) {
+      return;
+    }
+    tokens.push(token);
+    element.setAttribute(attribute, serialize(tokens));
+    return;
+  }
+  const set = new Set(tokens);
+  set.add(token);
+  element.setAttribute(attribute, serialize([...set]));
 }
 var snapshots = /* @__PURE__ */ new WeakMap();
 function restoreAttributes(elements) {
-  elements.forEach((element) => {
+  for (const element of elements) {
     const snapshot = snapshots.get(element);
     if (!snapshot) {
-      return;
+      continue;
     }
     for (const [attribute, value] of snapshot.entries()) {
-      if (value === null) {
-        element.removeAttribute(attribute);
-      } else {
-        element.setAttribute(attribute, value);
-      }
+      value === null ? element.removeAttribute(attribute) : element.setAttribute(attribute, value);
     }
     snapshots.delete(element);
-  });
+  }
 }
 function saveAttributes(elements, attributes) {
   elements.forEach((element) => {
@@ -377,6 +389,7 @@ var Tabs = class _Tabs {
       }
       addTokenToAttribute(panel, "aria-labelledby", tab.id);
       tab.addEventListener("click", this.#onTabClick, { signal });
+      tab.addEventListener("focusin", this.#onTabFocusIn, { signal });
       tab.addEventListener("keydown", this.#onTabKeyDown, { signal });
     });
     this.#indicatorElements.forEach((indicator) => {
@@ -405,6 +418,16 @@ var Tabs = class _Tabs {
     }
     this.activate(tab);
   };
+  #onTabFocusIn = (event) => {
+    const tab = event.currentTarget;
+    if (!(tab instanceof HTMLElement)) {
+      return;
+    }
+    if (this.#isAvoidedTab(tab)) {
+      const active = getActiveElement();
+      active && "blur" in active && typeof active.blur === "function" && active.blur();
+    }
+  };
   #onTabKeyDown = (event) => {
     const { key, altKey, ctrlKey, metaKey, shiftKey } = event;
     if (altKey || ctrlKey || metaKey || shiftKey) {
@@ -618,7 +641,7 @@ function isFocusable(element) {
  * Tabs
  * WAI-ARIA compliant tabs pattern implementation in TypeScript.
  *
- * @version 1.3.6
+ * @version 1.3.8
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -630,7 +653,7 @@ function isFocusable(element) {
   (**
    * Attributes Utils
    *
-   * @version 1.0.0
+   * @version 1.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.3.6
+ * @version 1.3.8
  * @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.3.6
+ * @version 1.3.8
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.js

@@ -1,27 +1,39 @@
 // node_modules/@y14e/attributes-utils/dist/index.js
-function addTokenToAttribute(element, attribute, token) {
-  const tokens = new Set(
-    element.getAttribute(attribute)?.trim().split(/\s+/) ?? []
-  );
-  tokens.add(token);
-  element.setAttribute(attribute, [...tokens].join(" "));
+var defaultParser = (value) => value.split(/\s+/);
+var defaultSerializer = (tokens) => tokens.join(" ");
+function addTokenToAttribute(element, attribute, token, options = {}) {
+  const {
+    caseInsensitive = false,
+    parse = defaultParser,
+    serialize = defaultSerializer
+  } = options;
+  const value = element.getAttribute(attribute)?.trim();
+  const tokens = value ? parse(value).filter(Boolean) : [];
+  if (caseInsensitive) {
+    const lower = token.toLowerCase();
+    if (tokens.some((token2) => token2.toLowerCase() === lower)) {
+      return;
+    }
+    tokens.push(token);
+    element.setAttribute(attribute, serialize(tokens));
+    return;
+  }
+  const set = new Set(tokens);
+  set.add(token);
+  element.setAttribute(attribute, serialize([...set]));
 }
 var snapshots = /* @__PURE__ */ new WeakMap();
 function restoreAttributes(elements) {
-  elements.forEach((element) => {
+  for (const element of elements) {
     const snapshot = snapshots.get(element);
     if (!snapshot) {
-      return;
+      continue;
     }
     for (const [attribute, value] of snapshot.entries()) {
-      if (value === null) {
-        element.removeAttribute(attribute);
-      } else {
-        element.setAttribute(attribute, value);
-      }
+      value === null ? element.removeAttribute(attribute) : element.setAttribute(attribute, value);
     }
     snapshots.delete(element);
-  });
+  }
 }
 function saveAttributes(elements, attributes) {
   elements.forEach((element) => {
@@ -375,6 +387,7 @@ var Tabs = class _Tabs {
       }
       addTokenToAttribute(panel, "aria-labelledby", tab.id);
       tab.addEventListener("click", this.#onTabClick, { signal });
+      tab.addEventListener("focusin", this.#onTabFocusIn, { signal });
       tab.addEventListener("keydown", this.#onTabKeyDown, { signal });
     });
     this.#indicatorElements.forEach((indicator) => {
@@ -403,6 +416,16 @@ var Tabs = class _Tabs {
     }
     this.activate(tab);
   };
+  #onTabFocusIn = (event) => {
+    const tab = event.currentTarget;
+    if (!(tab instanceof HTMLElement)) {
+      return;
+    }
+    if (this.#isAvoidedTab(tab)) {
+      const active = getActiveElement();
+      active && "blur" in active && typeof active.blur === "function" && active.blur();
+    }
+  };
   #onTabKeyDown = (event) => {
     const { key, altKey, ctrlKey, metaKey, shiftKey } = event;
     if (altKey || ctrlKey || metaKey || shiftKey) {
@@ -616,7 +639,7 @@ function isFocusable(element) {
  * Tabs
  * WAI-ARIA compliant tabs pattern implementation in TypeScript.
  *
- * @version 1.3.6
+ * @version 1.3.8
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -628,7 +651,7 @@ function isFocusable(element) {
   (**
    * Attributes Utils
    *
-   * @version 1.0.0
+   * @version 1.0.5
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@y14e/tabs",
-  "version": "1.3.6",
+  "version": "1.3.8",
   "description": "WAI-ARIA compliant tabs pattern implementation in TypeScript",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -42,7 +42,7 @@
   },
   "homepage": "https://github.com/y14e/tabs#readme",
   "devDependencies": {
-    "@y14e/attributes-utils": "^1.0.0",
+    "@y14e/attributes-utils": "^1.0.5",
     "bun-types": "latest",
     "tsup": "^8.0.0",
     "typescript": "^5.6.0",