@agnos-ui/core 0.4.4 → 0.5.0-next.0

package/{pagination-BpPHKQsH.js → pagination-DwDRot6q.js}

@@ -1,9 +1,8 @@
 import { computed } from "@amadeus-it-group/tansu";
-import { INVALID_VALUE } from "./types.js";
 import { writablesForProps, bindableProp, stateStores } from "./utils/stores.js";
-import { i as clamp, a as typeNumber, c as typeBoolean, f as typeFunction, e as typeString, j as isNumber } from "./writables-DoU_XYTX.js";
+import { j as clamp, a as typeNumber, c as typeBoolean, f as typeFunction, e as typeString, k as isNumber } from "./writables-DCiBdIBK.js";
 import { n as noop } from "./func-DR0n-ShK.js";
-import { n as createAttributesDirective } from "./directive-3-8yr-ZK.js";
+import { n as createAttributesDirective } from "./directive-CKEccryv.js";
 const PAGE_LINK_DEFAULT = "#";
 const defaultConfig = {
   page: 1,
@@ -12,7 +11,6 @@ const defaultConfig = {
   disabled: false,
   directionLinks: true,
   boundaryLinks: false,
-  size: null,
   onPageChange: noop,
   pagesFactory: (_page, pageCount) => {
     const pages = [];
@@ -29,7 +27,7 @@ const defaultConfig = {
   ariaNextLabel: "Action link for next page",
   ariaLastLabel: "Action link for last page",
   ariaEllipsisLabel: "Ellipsis page element",
-  ariaLiveLabel: (currentPage, pageCount) => `Current page is ${currentPage}`,
+  ariaLiveLabel: (currentPage) => `Current page is ${currentPage}`,
   className: "",
   pageLink: (_page) => PAGE_LINK_DEFAULT
 };
@@ -43,7 +41,6 @@ const configValidator = {
   disabled: typeBoolean,
   directionLinks: typeBoolean,
   boundaryLinks: typeBoolean,
-  size: { normalizeValue: (value) => value === "lg" || value === "sm" || value === null ? value : INVALID_VALUE },
   onPageChange: typeFunction,
   pagesFactory: typeFunction,
   ariaLabel: typeString,
@@ -55,7 +52,8 @@ const configValidator = {
   ariaLastLabel: typeString,
   ariaLiveLabel: typeFunction,
   className: typeString,
-  pageLink: typeFunction
+  pageLink: typeFunction,
+  ariaEllipsisLabel: typeString
 };
 function createPagination(config) {
   const [
@@ -109,17 +107,13 @@ function createPagination(config) {
     };
   });
   const ariaLiveLabelText$ = computed(() => ariaLiveLabel$()(page$(), pageCount$()));
-  function handleNavigation(pageNumber, event, pageNavigationHandler) {
+  function handleNavigation(pageNumber, event) {
     if (pagesHrefs$()[pageNumber - 1] === PAGE_LINK_DEFAULT) {
       event == null ? void 0 : event.preventDefault();
     }
     if (!event || !(event.ctrlKey || event.metaKey)) {
       event == null ? void 0 : event.preventDefault();
-      if (pageNavigationHandler) {
-        page$.update(pageNavigationHandler);
-      } else {
-        page$.set(pageNumber);
-      }
+      page$.set(pageNumber);
     }
   }
   const widget = {
@@ -141,50 +135,44 @@ function createPagination(config) {
       ...stateProps
     }),
     patch,
-    actions: {
+    api: {
       /**
        * Set the current page pageNumber (starting from 1)
        * @param pageNumber - Current page number to set.
        * Value is normalized between 1 and the number of page
-       * @param event UI event that triggered the select
        */
-      select(pageNumber, event) {
-        handleNavigation(pageNumber, event);
+      select(pageNumber) {
+        page$.set(pageNumber);
       },
       /**
        * Select the first page
-       * @param event Event triggering the action
        */
-      first(event) {
-        handleNavigation(1, event);
+      first() {
+        page$.set(1);
       },
       /**
        * Select the previous page
-       * @param event Event triggering the action
        */
-      previous(event) {
-        handleNavigation(page$() - 1, event, (page) => page - 1);
+      previous() {
+        page$.update((p) => p - 1);
       },
       /**
        * Select the next page
-       * @param event Event triggering the action
        */
-      next(event) {
-        handleNavigation(page$() + 1, event, (page) => page + 1);
+      next() {
+        page$.update((p) => p + 1);
       },
       /**
        * Select the last page
-       * @param event Event triggering the action
        */
-      last(event) {
-        handleNavigation(pageCount$(), event);
+      last() {
+        page$.set(pageCount$());
       }
     },
-    api: {},
     directives: {
       pageLink: createAttributesDirective((pageLinkContext$) => ({
         events: {
-          click: (e) => widget.actions.select(pageLinkContext$().page, e)
+          click: (e) => handleNavigation(pageLinkContext$().page, e)
         },
         attributes: {
           "aria-current": computed(() => page$() === pageLinkContext$().page ? "page" : void 0),
@@ -199,7 +187,7 @@ function createPagination(config) {
       })),
       pageFirst: createAttributesDirective(() => ({
         events: {
-          click: (e) => widget.actions.first(e)
+          click: (e) => handleNavigation(1, e)
         },
         attributes: {
           "aria-label": ariaFirstLabel$,
@@ -213,7 +201,7 @@ function createPagination(config) {
       })),
       pagePrev: createAttributesDirective(() => ({
         events: {
-          click: (e) => widget.actions.previous(e)
+          click: (e) => handleNavigation(page$() - 1, e)
         },
         attributes: {
           "aria-label": ariaPreviousLabel$,
@@ -227,7 +215,7 @@ function createPagination(config) {
       })),
       pageNext: createAttributesDirective(() => ({
         events: {
-          click: (e) => widget.actions.next(e)
+          click: (e) => handleNavigation(page$() + 1, e)
         },
         attributes: {
           "aria-label": ariaNextLabel$,
@@ -241,7 +229,7 @@ function createPagination(config) {
       })),
       pageLast: createAttributesDirective(() => ({
         events: {
-          click: (e) => widget.actions.last(e)
+          click: (e) => handleNavigation(pageCount$(), e)
         },
         attributes: {
           "aria-label": ariaLastLabel$,

package/{progressbar-BybOg5FE.js → progressbar-CGmNq0cS.js}

@@ -1,7 +1,7 @@
-import { i as clamp, a as typeNumber, e as typeString, f as typeFunction } from "./writables-DoU_XYTX.js";
+import { j as clamp, a as typeNumber, e as typeString, f as typeFunction } from "./writables-DCiBdIBK.js";
 import { writablesForProps, stateStores } from "./utils/stores.js";
 import { computed } from "@amadeus-it-group/tansu";
-import { n as createAttributesDirective } from "./directive-3-8yr-ZK.js";
+import { n as createAttributesDirective } from "./directive-CKEccryv.js";
 const defaultConfig = {
   min: 0,
   max: 100,
@@ -74,8 +74,7 @@ function createProgressbar(config) {
           "aria-valuetext": ariaValueText$
         }
       }))
-    },
-    actions: {}
+    }
   };
 }
 export {

package/{progressbar-DXCMeJvL.cjs → progressbar-DghzCJ6_.cjs}

@@ -1,8 +1,8 @@
 "use strict";
-const utils_writables = require("./writables-D46sFgGK.cjs");
+const utils_writables = require("./writables-BPAJvaL_.cjs");
 const utils_stores = require("./utils/stores.cjs");
 const tansu = require("@amadeus-it-group/tansu");
-const utils_directive = require("./directive-j-xRk-h3.cjs");
+const utils_directive = require("./directive-DdlwGFtf.cjs");
 const defaultConfig = {
   min: 0,
   max: 100,
@@ -75,8 +75,7 @@ function createProgressbar(config) {
           "aria-valuetext": ariaValueText$
         }
       }))
-    },
-    actions: {}
+    }
   };
 }
 exports.createProgressbar = createProgressbar;

package/{rating-D6Tv_4Vx.js → rating-Da38uaZz.js}

@@ -1,7 +1,7 @@
 import { computed, writable } from "@amadeus-it-group/tansu";
 import { INVALID_VALUE } from "./types.js";
-import { n as createAttributesDirective } from "./directive-3-8yr-ZK.js";
-import { i as clamp, a as typeNumber, j as isNumber, c as typeBoolean, f as typeFunction, e as typeString } from "./writables-DoU_XYTX.js";
+import { n as createAttributesDirective } from "./directive-CKEccryv.js";
+import { j as clamp, a as typeNumber, k as isNumber, c as typeBoolean, f as typeFunction, e as typeString } from "./writables-DCiBdIBK.js";
 import { n as noop } from "./func-DR0n-ShK.js";
 import { writablesForProps, bindableProp, stateStores } from "./utils/stores.js";
 const defaultConfig = {
@@ -53,7 +53,7 @@ function createRating(config) {
   ] = writablesForProps(defaultConfig, config, configValidator);
   const { ariaLabel$, ariaLabelledBy$, className$, disabled$, maxRating$, readonly$, resettable$ } = stateProps;
   const tabindex$ = computed(() => disabled$() ? -1 : _dirtyTabindex$());
-  const rating$ = bindableProp(_dirtyRating$, onRatingChange$, (dirtyRating) => clamp(dirtyRating, maxRating$()));
+  const rating$ = bindableProp(_dirtyRating$, onRatingChange$, (dirtyRating) => clamp(dirtyRating, maxRating$(), 0));
   const _hoveredRating$ = writable(0);
   const interactive$ = computed(() => !disabled$() && !readonly$());
   const visibleRating$ = computed(() => {
@@ -79,57 +79,41 @@ function createRating(config) {
       ...stateProps
     }),
     patch,
-    actions: {
-      click: (index) => {
-        if (interactive$() && index > 0 && index <= maxRating$()) {
-          rating$.update((rating) => rating === index && resettable$() ? 0 : index);
-        }
-      },
-      hover: (index) => {
-        if (interactive$() && index > 0 && index <= maxRating$()) {
-          _hoveredRating$.set(index);
-          onHover$()(index);
-        }
-      },
-      leave: () => {
-        if (interactive$()) {
-          onLeave$()(_hoveredRating$());
-          _hoveredRating$.set(0);
-        }
-      },
-      handleKey(event) {
-        if (interactive$()) {
-          const { key } = event;
-          switch (key) {
-            case "ArrowLeft":
-            case "ArrowDown":
-              rating$.update((rating) => rating - 1);
-              break;
-            case "ArrowRight":
-            case "ArrowUp":
-              rating$.update((rating) => rating + 1);
-              break;
-            case "Home":
-            case "PageDown":
-              rating$.set(0);
-              break;
-            case "End":
-            case "PageUp":
-              rating$.set(maxRating$());
-              break;
-            default:
-              return;
-          }
-          event.preventDefault();
-          event.stopPropagation();
-        }
-      }
-    },
     directives: {
       containerDirective: createAttributesDirective(() => ({
         events: {
-          keydown: (e) => widget.actions.handleKey(e),
-          mouseleave: () => widget.actions.leave()
+          keydown: (event) => {
+            if (interactive$()) {
+              const { key } = event;
+              switch (key) {
+                case "ArrowLeft":
+                case "ArrowDown":
+                  rating$.update((rating) => rating - 1);
+                  break;
+                case "ArrowRight":
+                case "ArrowUp":
+                  rating$.update((rating) => rating + 1);
+                  break;
+                case "Home":
+                case "PageDown":
+                  rating$.set(0);
+                  break;
+                case "End":
+                case "PageUp":
+                  rating$.set(maxRating$());
+                  break;
+                default:
+                  return;
+              }
+              event.preventDefault();
+              event.stopPropagation();
+            }
+          },
+          mouseleave: () => {
+            if (interactive$()) {
+              widget.api.leave();
+            }
+          }
         },
         attributes: {
           role: "slider",
@@ -151,8 +135,19 @@ function createRating(config) {
       starDirective: createAttributesDirective((starContext$) => {
         return {
           events: {
-            mouseenter: () => widget.actions.hover(starContext$().index + 1),
-            click: () => widget.actions.click(starContext$().index + 1)
+            mouseenter: () => {
+              const index = starContext$().index + 1;
+              if (interactive$() && index > 0 && index <= maxRating$()) {
+                _hoveredRating$.set(index);
+                onHover$()(index);
+              }
+            },
+            click: () => {
+              const index = starContext$().index + 1;
+              if (interactive$() && index > 0 && index <= maxRating$()) {
+                rating$.update((rating) => rating === index && resettable$() ? 0 : index);
+              }
+            }
           },
           styles: {
             cursor: computed(() => interactive$() ? "pointer" : "default")
@@ -163,7 +158,19 @@ function createRating(config) {
         };
       })
     },
-    api: {}
+    api: {
+      setRating(index) {
+        rating$.set(index);
+      },
+      setHoveredRating(index) {
+        onHover$()(index);
+        _hoveredRating$.set(index);
+      },
+      leave() {
+        onLeave$()(visibleRating$());
+        _hoveredRating$.set(0);
+      }
+    }
   };
   return widget;
 }

package/{rating-C2Y95r50.cjs → rating-DlfOuwuX.cjs}

@@ -1,8 +1,8 @@
 "use strict";
 const tansu = require("@amadeus-it-group/tansu");
 const types = require("./types.cjs");
-const utils_directive = require("./directive-j-xRk-h3.cjs");
-const utils_writables = require("./writables-D46sFgGK.cjs");
+const utils_directive = require("./directive-DdlwGFtf.cjs");
+const utils_writables = require("./writables-BPAJvaL_.cjs");
 const func = require("./func-Qd3cD9a3.cjs");
 const utils_stores = require("./utils/stores.cjs");
 const defaultConfig = {
@@ -54,7 +54,7 @@ function createRating(config) {
   ] = utils_stores.writablesForProps(defaultConfig, config, configValidator);
   const { ariaLabel$, ariaLabelledBy$, className$, disabled$, maxRating$, readonly$, resettable$ } = stateProps;
   const tabindex$ = tansu.computed(() => disabled$() ? -1 : _dirtyTabindex$());
-  const rating$ = utils_stores.bindableProp(_dirtyRating$, onRatingChange$, (dirtyRating) => utils_writables.clamp(dirtyRating, maxRating$()));
+  const rating$ = utils_stores.bindableProp(_dirtyRating$, onRatingChange$, (dirtyRating) => utils_writables.clamp(dirtyRating, maxRating$(), 0));
   const _hoveredRating$ = tansu.writable(0);
   const interactive$ = tansu.computed(() => !disabled$() && !readonly$());
   const visibleRating$ = tansu.computed(() => {
@@ -80,57 +80,41 @@ function createRating(config) {
       ...stateProps
     }),
     patch,
-    actions: {
-      click: (index) => {
-        if (interactive$() && index > 0 && index <= maxRating$()) {
-          rating$.update((rating) => rating === index && resettable$() ? 0 : index);
-        }
-      },
-      hover: (index) => {
-        if (interactive$() && index > 0 && index <= maxRating$()) {
-          _hoveredRating$.set(index);
-          onHover$()(index);
-        }
-      },
-      leave: () => {
-        if (interactive$()) {
-          onLeave$()(_hoveredRating$());
-          _hoveredRating$.set(0);
-        }
-      },
-      handleKey(event) {
-        if (interactive$()) {
-          const { key } = event;
-          switch (key) {
-            case "ArrowLeft":
-            case "ArrowDown":
-              rating$.update((rating) => rating - 1);
-              break;
-            case "ArrowRight":
-            case "ArrowUp":
-              rating$.update((rating) => rating + 1);
-              break;
-            case "Home":
-            case "PageDown":
-              rating$.set(0);
-              break;
-            case "End":
-            case "PageUp":
-              rating$.set(maxRating$());
-              break;
-            default:
-              return;
-          }
-          event.preventDefault();
-          event.stopPropagation();
-        }
-      }
-    },
     directives: {
       containerDirective: utils_directive.createAttributesDirective(() => ({
         events: {
-          keydown: (e) => widget.actions.handleKey(e),
-          mouseleave: () => widget.actions.leave()
+          keydown: (event) => {
+            if (interactive$()) {
+              const { key } = event;
+              switch (key) {
+                case "ArrowLeft":
+                case "ArrowDown":
+                  rating$.update((rating) => rating - 1);
+                  break;
+                case "ArrowRight":
+                case "ArrowUp":
+                  rating$.update((rating) => rating + 1);
+                  break;
+                case "Home":
+                case "PageDown":
+                  rating$.set(0);
+                  break;
+                case "End":
+                case "PageUp":
+                  rating$.set(maxRating$());
+                  break;
+                default:
+                  return;
+              }
+              event.preventDefault();
+              event.stopPropagation();
+            }
+          },
+          mouseleave: () => {
+            if (interactive$()) {
+              widget.api.leave();
+            }
+          }
         },
         attributes: {
           role: "slider",
@@ -152,8 +136,19 @@ function createRating(config) {
       starDirective: utils_directive.createAttributesDirective((starContext$) => {
         return {
           events: {
-            mouseenter: () => widget.actions.hover(starContext$().index + 1),
-            click: () => widget.actions.click(starContext$().index + 1)
+            mouseenter: () => {
+              const index = starContext$().index + 1;
+              if (interactive$() && index > 0 && index <= maxRating$()) {
+                _hoveredRating$.set(index);
+                onHover$()(index);
+              }
+            },
+            click: () => {
+              const index = starContext$().index + 1;
+              if (interactive$() && index > 0 && index <= maxRating$()) {
+                rating$.update((rating) => rating === index && resettable$() ? 0 : index);
+              }
+            }
           },
           styles: {
             cursor: tansu.computed(() => interactive$() ? "pointer" : "default")
@@ -164,7 +159,19 @@ function createRating(config) {
         };
       })
     },
-    api: {}
+    api: {
+      setRating(index) {
+        rating$.set(index);
+      },
+      setHoveredRating(index) {
+        onHover$()(index);
+        _hoveredRating$.set(index);
+      },
+      leave() {
+        onLeave$()(visibleRating$());
+        _hoveredRating$.set(0);
+      }
+    }
   };
   return widget;
 }