@y14e/tabs 2.0.10 → 2.0.11

package/README.md

@@ -13,11 +13,11 @@ npm i @y14e/tabs
 import Tabs from "@y14e/tabs";
 
 // CDNs
-import Tabs from "https://esm.sh/@y14e/tabs@2.0.10";
+import Tabs from "https://esm.sh/@y14e/tabs@2.0.11";
 // or
-import Tabs from "https://cdn.jsdelivr.net/npm/@y14e/tabs@2.0.10/+esm";
+import Tabs from "https://cdn.jsdelivr.net/npm/@y14e/tabs@2.0.11/+esm";
 // or
-import Tabs from "https://esm.unpkg.com/@y14e/tabs@2.0.10";
+import Tabs from "https://esm.unpkg.com/@y14e/tabs@2.0.11";
 ```
 
 ## Usage
@@ -36,26 +36,26 @@ new Tabs(root, options);
 interface TabsOptions {
   animation: {
     content: {
-      crossFade: boolean; // default: true
-      duration: number; // ms (default: 300)
-      easing: string; // <easing-function> (default: 'ease')
-      fade: boolean; // default: true
+      crossFade: boolean;   // default: true
+      duration: number;     // ms (default: 300)
+      easing: string;       // <easing-function> (default: 'ease')
+      fade: boolean;        // default: true
     };
     indicator: {
-      duration: number; // ms (default: 300)
-      easing: string; // <easing-function> (default: 'ease')
+      duration: number;     // ms (default: 300)
+      easing: string;       // <easing-function> (default: 'ease')
     };
   };
   avoidDuplicates: boolean; // default: false
-  manual: boolean; // default: false
+  manual: boolean;          // default: false
   selector: {
-    content: string; // default: '[role="tablist"] + *'
-    indicator: string; // default: '[data-tabs-indicator]'
-    list: string; // default: '[role="tablist"]'
-    panel: string; // default: '[role="tabpanel"]'
-    tab: string; // default: '[role="tab"]'
+    content: string;        // default: '[role="tablist"] + *'
+    indicator: string;      // default: '[data-tabs-indicator]'
+    list: string;           // default: '[role="tablist"]'
+    panel: string;          // default: '[role="tabpanel"]'
+    tab: string;            // default: '[role="tab"]'
   };
-  vertical: boolean; // default: false
+  vertical: boolean;        // default: false
 }
 ```
 

package/dist/index.bundle.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-// node_modules/@y14e/attributes-utils/dist/index.js
+// node_modules/@y14e/attribute-util/dist/index.js
 var DEFAULT_PARSER = (value) => value.split(/\s+/);
 var DEFAULT_SERIALIZER = (tokens) => tokens.join(" ");
 function addAttributeToken(element, name, token, options = {}) {
@@ -49,7 +49,6 @@ function saveAttributes(element_or_elements, name_or_names) {
     });
   });
 }
-var addTokenToAttribute = addAttributeToken;
 
 // node_modules/power-focusable/dist/index.js
 var FOCUSABLE_SELECTOR = `:is(a[href], area[href], button, embed, iframe, input:not([type="hidden" i]), object, select, details > summary:first-of-type, textarea, [contenteditable]:not([contenteditable="false" i]), [controls], [tabindex]):not(:disabled, [hidden], [inert], [tabindex="-1"])`;
@@ -369,10 +368,10 @@ var Button = class {
   };
 };
 
-// node_modules/@y14e/roving-tabindex/node_modules/@y14e/attributes-utils/dist/index.js
+// node_modules/@y14e/attributes-utils/dist/index.js
 var DEFAULT_PARSER2 = (value) => value.split(/\s+/);
 var DEFAULT_SERIALIZER2 = (tokens) => tokens.join(" ");
-function addTokenToAttribute2(element, name, token, options = {}) {
+function addTokenToAttribute(element, name, token, options = {}) {
   const value = element.getAttribute(name)?.trim();
   const {
     caseInsensitive = false,
@@ -651,7 +650,7 @@ var RovingTabIndex = class _RovingTabIndex {
       if (char) {
         keys.add(char);
         saveAttributes2(focusable, "aria-keyshortcuts");
-        addTokenToAttribute2(focusable, "aria-keyshortcuts", char, {
+        addTokenToAttribute(focusable, "aria-keyshortcuts", char, {
           caseInsensitive: true
         });
       }
@@ -1009,7 +1008,7 @@ var Tabs = class _Tabs {
         return;
       }
       panel.id ||= `tabs-panel-${id}`;
-      addTokenToAttribute(tab, "aria-controls", panel.id);
+      addAttributeToken(tab, "aria-controls", panel.id);
       !tab.hasAttribute("aria-selected") && tab.setAttribute("aria-selected", "false");
       const isAvoided = this.#isAvoidedTab(tab);
       if (!isAvoided) {
@@ -1017,7 +1016,7 @@ var Tabs = class _Tabs {
       }
       tab.setAttribute("role", "tab");
       !this.#isFocusable(tab) && tab.style.setProperty("pointer-events", "none");
-      addTokenToAttribute(panel, "aria-labelledby", tab.id);
+      addAttributeToken(panel, "aria-labelledby", tab.id);
       tab.addEventListener("click", this.#onTabClick, { signal });
       tab.addEventListener("focus", this.#onTabFocus, { signal });
       this.#buttons.push(new Button(tab));
@@ -1206,7 +1205,7 @@ var TabsIndicator = class {
  * Tabs
  * WAI-ARIA compliant tabs pattern implementation in TypeScript.
  *
- * @version 2.0.10
+ * @version 2.0.11
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -1214,15 +1213,15 @@ var TabsIndicator = class {
  */
 /*! Bundled license information:
 
-@y14e/attributes-utils/dist/index.js:
+@y14e/attribute-util/dist/index.js:
   (**
-   * Attributes Utils
+   * Attribute Util
    *
    * @version 2.0.0
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
-   * @see {@link https://github.com/y14e/attributes-utils}
+   * @see {@link https://github.com/y14e/attribute-util}
    *)
 
 power-focusable/dist/index.js:

package/dist/index.bundle.js

@@ -1,4 +1,4 @@
-// node_modules/@y14e/attributes-utils/dist/index.js
+// node_modules/@y14e/attribute-util/dist/index.js
 var DEFAULT_PARSER = (value) => value.split(/\s+/);
 var DEFAULT_SERIALIZER = (tokens) => tokens.join(" ");
 function addAttributeToken(element, name, token, options = {}) {
@@ -47,7 +47,6 @@ function saveAttributes(element_or_elements, name_or_names) {
     });
   });
 }
-var addTokenToAttribute = addAttributeToken;
 
 // node_modules/power-focusable/dist/index.js
 var FOCUSABLE_SELECTOR = `:is(a[href], area[href], button, embed, iframe, input:not([type="hidden" i]), object, select, details > summary:first-of-type, textarea, [contenteditable]:not([contenteditable="false" i]), [controls], [tabindex]):not(:disabled, [hidden], [inert], [tabindex="-1"])`;
@@ -367,10 +366,10 @@ var Button = class {
   };
 };
 
-// node_modules/@y14e/roving-tabindex/node_modules/@y14e/attributes-utils/dist/index.js
+// node_modules/@y14e/attributes-utils/dist/index.js
 var DEFAULT_PARSER2 = (value) => value.split(/\s+/);
 var DEFAULT_SERIALIZER2 = (tokens) => tokens.join(" ");
-function addTokenToAttribute2(element, name, token, options = {}) {
+function addTokenToAttribute(element, name, token, options = {}) {
   const value = element.getAttribute(name)?.trim();
   const {
     caseInsensitive = false,
@@ -649,7 +648,7 @@ var RovingTabIndex = class _RovingTabIndex {
       if (char) {
         keys.add(char);
         saveAttributes2(focusable, "aria-keyshortcuts");
-        addTokenToAttribute2(focusable, "aria-keyshortcuts", char, {
+        addTokenToAttribute(focusable, "aria-keyshortcuts", char, {
           caseInsensitive: true
         });
       }
@@ -1007,7 +1006,7 @@ var Tabs = class _Tabs {
         return;
       }
       panel.id ||= `tabs-panel-${id}`;
-      addTokenToAttribute(tab, "aria-controls", panel.id);
+      addAttributeToken(tab, "aria-controls", panel.id);
       !tab.hasAttribute("aria-selected") && tab.setAttribute("aria-selected", "false");
       const isAvoided = this.#isAvoidedTab(tab);
       if (!isAvoided) {
@@ -1015,7 +1014,7 @@ var Tabs = class _Tabs {
       }
       tab.setAttribute("role", "tab");
       !this.#isFocusable(tab) && tab.style.setProperty("pointer-events", "none");
-      addTokenToAttribute(panel, "aria-labelledby", tab.id);
+      addAttributeToken(panel, "aria-labelledby", tab.id);
       tab.addEventListener("click", this.#onTabClick, { signal });
       tab.addEventListener("focus", this.#onTabFocus, { signal });
       this.#buttons.push(new Button(tab));
@@ -1204,7 +1203,7 @@ var TabsIndicator = class {
  * Tabs
  * WAI-ARIA compliant tabs pattern implementation in TypeScript.
  *
- * @version 2.0.10
+ * @version 2.0.11
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -1212,15 +1211,15 @@ var TabsIndicator = class {
  */
 /*! Bundled license information:
 
-@y14e/attributes-utils/dist/index.js:
+@y14e/attribute-util/dist/index.js:
   (**
-   * Attributes Utils
+   * Attribute Util
    *
    * @version 2.0.0
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
-   * @see {@link https://github.com/y14e/attributes-utils}
+   * @see {@link https://github.com/y14e/attribute-util}
    *)
 
 power-focusable/dist/index.js:

package/dist/index.cjs

@@ -1,11 +1,30 @@
 'use strict';
 
-var attributesUtils = require('@y14e/attributes-utils');
+var util = require('@y14e/attribute-util');
 var Button = require('@y14e/button');
 var rovingTabindex = require('@y14e/roving-tabindex');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var util__namespace = /*#__PURE__*/_interopNamespace(util);
 var Button__default = /*#__PURE__*/_interopDefault(Button);
 
 // src/index.ts
@@ -279,13 +298,13 @@ var Tabs = class _Tabs {
     this.#onContentAnimationFinish();
     this.#animationController?.abort();
     this.#animationController = null;
-    attributesUtils.restoreAttributes([
+    util__namespace.restoreAttributes([
       ...this.#listElements,
       ...this.#tabElements,
       ...this.#indicatorElements,
       ...this.#panelElements
     ]);
-    this.#contentElement && attributesUtils.restoreAttributes(this.#contentElement);
+    this.#contentElement && util__namespace.restoreAttributes(this.#contentElement);
     this.#listElements.length = 0;
     this.#tabElements.length = 0;
     this.#contentElement = null;
@@ -293,22 +312,22 @@ var Tabs = class _Tabs {
     this.#rootElement.removeAttribute("data-tabs-initialized");
   }
   #initialize() {
-    attributesUtils.saveAttributes(this.#listElements, [
+    util__namespace.saveAttributes(this.#listElements, [
       "aria-hidden",
       "aria-orientation",
       "role",
       "style"
     ]);
-    attributesUtils.saveAttributes(this.#tabElements, [
+    util__namespace.saveAttributes(this.#tabElements, [
       "aria-controls",
       "id",
       "role",
       "style",
       "tabindex"
     ]);
-    attributesUtils.saveAttributes(this.#indicatorElements, "style");
-    this.#contentElement && attributesUtils.saveAttributes(this.#contentElement, "style");
-    attributesUtils.saveAttributes(this.#panelElements, [
+    util__namespace.saveAttributes(this.#indicatorElements, "style");
+    this.#contentElement && util__namespace.saveAttributes(this.#contentElement, "style");
+    util__namespace.saveAttributes(this.#panelElements, [
       "aria-controls",
       "aria-labelledby",
       "id",
@@ -330,7 +349,7 @@ var Tabs = class _Tabs {
         return;
       }
       panel.id ||= `tabs-panel-${id}`;
-      attributesUtils.addTokenToAttribute(tab, "aria-controls", panel.id);
+      util__namespace.addAttributeToken(tab, "aria-controls", panel.id);
       !tab.hasAttribute("aria-selected") && tab.setAttribute("aria-selected", "false");
       const isAvoided = this.#isAvoidedTab(tab);
       if (!isAvoided) {
@@ -338,7 +357,7 @@ var Tabs = class _Tabs {
       }
       tab.setAttribute("role", "tab");
       !this.#isFocusable(tab) && tab.style.setProperty("pointer-events", "none");
-      attributesUtils.addTokenToAttribute(panel, "aria-labelledby", tab.id);
+      util__namespace.addAttributeToken(panel, "aria-labelledby", tab.id);
       tab.addEventListener("click", this.#onTabClick, { signal });
       tab.addEventListener("focus", this.#onTabFocus, { signal });
       this.#buttons.push(new Button__default.default(tab));
@@ -527,7 +546,7 @@ var TabsIndicator = class {
  * Tabs
  * WAI-ARIA compliant tabs pattern implementation in TypeScript.
  *
- * @version 2.0.10
+ * @version 2.0.11
  * @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 2.0.10
+ * @version 2.0.11
  * @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 2.0.10
+ * @version 2.0.11
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.js

@@ -1,4 +1,4 @@
-import { restoreAttributes, saveAttributes, addTokenToAttribute } from '@y14e/attributes-utils';
+import * as util from '@y14e/attribute-util';
 import Button from '@y14e/button';
 import { createRovingTabIndex } from '@y14e/roving-tabindex';
 
@@ -273,13 +273,13 @@ var Tabs = class _Tabs {
     this.#onContentAnimationFinish();
     this.#animationController?.abort();
     this.#animationController = null;
-    restoreAttributes([
+    util.restoreAttributes([
       ...this.#listElements,
       ...this.#tabElements,
       ...this.#indicatorElements,
       ...this.#panelElements
     ]);
-    this.#contentElement && restoreAttributes(this.#contentElement);
+    this.#contentElement && util.restoreAttributes(this.#contentElement);
     this.#listElements.length = 0;
     this.#tabElements.length = 0;
     this.#contentElement = null;
@@ -287,22 +287,22 @@ var Tabs = class _Tabs {
     this.#rootElement.removeAttribute("data-tabs-initialized");
   }
   #initialize() {
-    saveAttributes(this.#listElements, [
+    util.saveAttributes(this.#listElements, [
       "aria-hidden",
       "aria-orientation",
       "role",
       "style"
     ]);
-    saveAttributes(this.#tabElements, [
+    util.saveAttributes(this.#tabElements, [
       "aria-controls",
       "id",
       "role",
       "style",
       "tabindex"
     ]);
-    saveAttributes(this.#indicatorElements, "style");
-    this.#contentElement && saveAttributes(this.#contentElement, "style");
-    saveAttributes(this.#panelElements, [
+    util.saveAttributes(this.#indicatorElements, "style");
+    this.#contentElement && util.saveAttributes(this.#contentElement, "style");
+    util.saveAttributes(this.#panelElements, [
       "aria-controls",
       "aria-labelledby",
       "id",
@@ -324,7 +324,7 @@ var Tabs = class _Tabs {
         return;
       }
       panel.id ||= `tabs-panel-${id}`;
-      addTokenToAttribute(tab, "aria-controls", panel.id);
+      util.addAttributeToken(tab, "aria-controls", panel.id);
       !tab.hasAttribute("aria-selected") && tab.setAttribute("aria-selected", "false");
       const isAvoided = this.#isAvoidedTab(tab);
       if (!isAvoided) {
@@ -332,7 +332,7 @@ var Tabs = class _Tabs {
       }
       tab.setAttribute("role", "tab");
       !this.#isFocusable(tab) && tab.style.setProperty("pointer-events", "none");
-      addTokenToAttribute(panel, "aria-labelledby", tab.id);
+      util.addAttributeToken(panel, "aria-labelledby", tab.id);
       tab.addEventListener("click", this.#onTabClick, { signal });
       tab.addEventListener("focus", this.#onTabFocus, { signal });
       this.#buttons.push(new Button(tab));
@@ -521,7 +521,7 @@ var TabsIndicator = class {
  * Tabs
  * WAI-ARIA compliant tabs pattern implementation in TypeScript.
  *
- * @version 2.0.10
+ * @version 2.0.11
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@y14e/tabs",
-  "version": "2.0.10",
+  "version": "2.0.11",
   "description": "WAI-ARIA compliant tabs pattern implementation in TypeScript",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -50,7 +50,7 @@
     "node": ">=18"
   },
   "dependencies": {
-    "@y14e/attributes-utils": "^2.0.0",
+    "@y14e/attribute-util": "^2.0.0",
     "@y14e/button": "^1.0.6",
     "@y14e/roving-tabindex": "^3.1.20"
   }