@agnos-ui/core 0.7.0-next.0 → 0.7.0

package/components/slider/index.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const slider = require("../../slider-DlOAawbZ.cjs");
+const slider = require("../../slider-1OSwok7u.cjs");
 exports.createSlider = slider.createSlider;
 exports.getSliderDefaultConfig = slider.getSliderDefaultConfig;

package/components/slider/index.js

@@ -1,4 +1,4 @@
-import { c, g } from "../../slider-DYrwS7Mv.js";
+import { c, g } from "../../slider-6LI4-f5s.js";
 export {
   c as createSlider,
   g as getSliderDefaultConfig

package/components/slider/slider.d.ts

@@ -25,9 +25,13 @@ export interface ProgressDisplayOptions {
      */
     width: number;
     /**
-     * Height of hte progress in %
+     * Height of the progress in %
      */
     height: number;
+    /**
+     * Id of the progress
+     */
+    id: number;
 }
 /**
  * Options for displaying a handle in a slider component.

package/components/tree/index.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const tree = require("../../tree-Bh1WO63V.cjs");
+const tree = require("../../tree-Bb5KFqXp.cjs");
 exports.createTree = tree.createTree;
 exports.getTreeDefaultConfig = tree.getTreeDefaultConfig;

package/components/tree/index.js

@@ -1,4 +1,4 @@
-import { c, g } from "../../tree-C4v9rTQl.js";
+import { c, g } from "../../tree-B2Mr8b31.js";
 export {
   c as createTree,
   g as getTreeDefaultConfig

package/components/tree/tree.d.ts

@@ -78,7 +78,7 @@ export interface TreeProps extends TreeCommonPropsAndState {
      * (node: HTMLElement) => node.querySelectorAll('button')
      * ```
      */
-    navSelector(node: HTMLElement): NodeListOf<HTMLButtonElement>;
+    navSelector(node: HTMLElement): NodeListOf<HTMLElement>;
     /**
      * Return the value for the 'aria-label' attribute of the toggle
      * @param label - tree item label

package/index.cjs

@@ -8,9 +8,9 @@ const pagination = require("./pagination-CBysiPUs.cjs");
 const progressbar = require("./progressbar-DghzCJ6_.cjs");
 const rating = require("./rating-DlfOuwuX.cjs");
 const select = require("./select-LBVhNdrd.cjs");
-const slider = require("./slider-DlOAawbZ.cjs");
+const slider = require("./slider-1OSwok7u.cjs");
 const toast = require("./toast-D_uSrRZL.cjs");
-const tree = require("./tree-Bh1WO63V.cjs");
+const tree = require("./tree-Bb5KFqXp.cjs");
 const config = require("./config.cjs");
 const services_extendWidget = require("./services/extendWidget.cjs");
 const services_floatingUI = require("./services/floatingUI.cjs");

package/index.js

@@ -6,9 +6,9 @@ import { c as c4, g as g4 } from "./pagination-DwDRot6q.js";
 import { c as c5, g as g5 } from "./progressbar-CGmNq0cS.js";
 import { c as c6, g as g6 } from "./rating-Da38uaZz.js";
 import { c as c7, g as g7 } from "./select-CAEPqdz1.js";
-import { c as c8, g as g8 } from "./slider-DYrwS7Mv.js";
+import { c as c8, g as g8 } from "./slider-6LI4-f5s.js";
 import { c as c9, g as g9 } from "./toast-CpvsibAI.js";
-import { c as c10, g as g10 } from "./tree-C4v9rTQl.js";
+import { c as c10, g as g10 } from "./tree-B2Mr8b31.js";
 import { createWidgetsConfig, mergeInto } from "./config.js";
 import { extendWidgetProps } from "./services/extendWidget.js";
 import { createFloatingUI } from "./services/floatingUI.js";

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@agnos-ui/core",
 	"description": "Framework-agnostic headless component library.",
-	"version": "0.7.0-next.0",
+	"version": "0.7.0",
 	"type": "module",
 	"main": "./index.cjs",
 	"module": "./index.js",

package/services/navManager.d.ts

@@ -43,15 +43,15 @@ export type NavManager<T> = {
      */
     focusIndex: (index: number, moveDirection: -1 | 0 | 1) => HTMLElement | null;
     /**
-     * Focus the previous element, respecting the anscestor direction.
+     * Focus the previous element, respecting the ancestor direction.
      */
     focusPrevious: FocusNeighbour;
     /**
-     * Focus the next element, respecting the anscestor direction.
+     * Focus the next element, respecting the ancestor direction.
      */
     focusNext: FocusNeighbour;
     /**
-     * Focus the first element, respecting the anscestor direction.
+     * Focus the first element, respecting the ancestor direction.
      */
     focusFirst: FocusEnd;
     /**
@@ -63,7 +63,7 @@ export type NavManager<T> = {
      */
     focusFirstRight: FocusEnd;
     /**
-     * Focus the last element, respecting the anscestor direction.
+     * Focus the last element, respecting the ancestor direction.
      */
     focusLast: FocusEnd;
     /**

package/{slider-DlOAawbZ.cjs → slider-1OSwok7u.cjs}

@@ -243,7 +243,8 @@ function createSlider(config) {
           bottom: vertical ? rtl ? null : 0 : null,
           top: vertical ? rtl ? 0 : null : null,
           width: vertical ? 100 : sortedValuesPercent[0],
-          height: vertical ? sortedValuesPercent[0] : 100
+          height: vertical ? sortedValuesPercent[0] : 100,
+          id: 0
         }
       ];
     } else {
@@ -254,7 +255,8 @@ function createSlider(config) {
           bottom: vertical ? rtl ? null : svp : null,
           top: vertical ? rtl ? array[index] : null : null,
           width: vertical ? 100 : index === array.length - 1 ? svp : array[index + 1] - svp,
-          height: vertical ? index === array.length - 1 ? svp : array[index + 1] - svp : 100
+          height: vertical ? index === array.length - 1 ? svp : array[index + 1] - svp : 100,
+          id: index
         };
       }).slice(0, sortedValuesPercent.length - 1);
     }

package/{slider-DYrwS7Mv.js → slider-6LI4-f5s.js}

@@ -242,7 +242,8 @@ function createSlider(config) {
           bottom: vertical ? rtl ? null : 0 : null,
           top: vertical ? rtl ? 0 : null : null,
           width: vertical ? 100 : sortedValuesPercent[0],
-          height: vertical ? sortedValuesPercent[0] : 100
+          height: vertical ? sortedValuesPercent[0] : 100,
+          id: 0
         }
       ];
     } else {
@@ -253,7 +254,8 @@ function createSlider(config) {
           bottom: vertical ? rtl ? null : svp : null,
           top: vertical ? rtl ? array[index] : null : null,
           width: vertical ? 100 : index === array.length - 1 ? svp : array[index + 1] - svp,
-          height: vertical ? index === array.length - 1 ? svp : array[index + 1] - svp : 100
+          height: vertical ? index === array.length - 1 ? svp : array[index + 1] - svp : 100,
+          id: index
         };
       }).slice(0, sortedValuesPercent.length - 1);
     }

package/{tree-C4v9rTQl.js → tree-B2Mr8b31.js}

@@ -81,7 +81,7 @@ function createTree(config) {
     treeMap.clear();
     return nodes$().map((node) => traverseTree(node, 0, void 0));
   });
-  const _lastFocusedTreeItem$ = writable(normalizedNodes$()[0]);
+  const _lastFocusedTreeItem$ = writable(normalizedNodes$().find((node) => node.isExpanded !== void 0));
   const getTreeItemInfo = (item) => {
     const treeItem = treeMap.get(item);
     if (!treeItem) {
@@ -142,6 +142,10 @@ function createTree(config) {
         const isExpanded = item.isExpanded;
         refreshElements();
         switch (key) {
+          case "Enter":
+          case " ":
+            toggleExpanded(item);
+            break;
           case "ArrowLeft":
             if (isExpanded) {
               toggleExpanded(item);

package/{tree-Bh1WO63V.cjs → tree-Bb5KFqXp.cjs}

@@ -82,7 +82,7 @@ function createTree(config) {
     treeMap.clear();
     return nodes$().map((node) => traverseTree(node, 0, void 0));
   });
-  const _lastFocusedTreeItem$ = tansu.writable(normalizedNodes$()[0]);
+  const _lastFocusedTreeItem$ = tansu.writable(normalizedNodes$().find((node) => node.isExpanded !== void 0));
   const getTreeItemInfo = (item) => {
     const treeItem = treeMap.get(item);
     if (!treeItem) {
@@ -143,6 +143,10 @@ function createTree(config) {
         const isExpanded = item.isExpanded;
         refreshElements();
         switch (key) {
+          case "Enter":
+          case " ":
+            toggleExpanded(item);
+            break;
           case "ArrowLeft":
             if (isExpanded) {
               toggleExpanded(item);