@agnos-ui/core 0.7.0 → 0.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (67) hide show
  1. package/{accordion-Lp-LEbZ2.cjs → accordion-CJxsVQtv.cjs} +1 -1
  2. package/{accordion-BGv150k9.js → accordion-D0oG0wQD.js} +1 -1
  3. package/components/accordion/index.cjs +1 -1
  4. package/components/accordion/index.js +1 -1
  5. package/components/modal/index.cjs +1 -1
  6. package/components/modal/index.js +1 -1
  7. package/components/pagination/index.cjs +1 -1
  8. package/components/pagination/index.js +1 -1
  9. package/components/progressbar/index.cjs +1 -1
  10. package/components/progressbar/index.js +1 -1
  11. package/components/rating/index.cjs +1 -1
  12. package/components/rating/index.js +1 -1
  13. package/components/select/index.cjs +1 -1
  14. package/components/select/index.js +1 -1
  15. package/components/slider/index.cjs +1 -1
  16. package/components/slider/index.js +1 -1
  17. package/components/slider/slider.d.ts +20 -9
  18. package/components/toast/index.cjs +1 -1
  19. package/components/toast/index.js +1 -1
  20. package/components/tree/index.cjs +1 -1
  21. package/components/tree/index.js +1 -1
  22. package/{directive-DdlwGFtf.cjs → directive-BtOvPrmt.cjs} +16 -1
  23. package/{directive-CKEccryv.js → directive-DrDJkTS5.js} +17 -2
  24. package/index.cjs +10 -10
  25. package/index.js +10 -10
  26. package/{modal-DDHcrykD.cjs → modal-DtzgRa5j.cjs} +1 -1
  27. package/{modal-DP-4I7vf.js → modal-Qr4sHBFG.js} +1 -1
  28. package/package.json +4 -1
  29. package/{pagination-DwDRot6q.js → pagination-BigQwc8I.js} +1 -1
  30. package/{pagination-CBysiPUs.cjs → pagination-ETXueztI.cjs} +1 -1
  31. package/{progressbar-DghzCJ6_.cjs → progressbar-BSgE9udi.cjs} +1 -1
  32. package/{progressbar-CGmNq0cS.js → progressbar-arTsTc5c.js} +1 -1
  33. package/{rating-DlfOuwuX.cjs → rating-BV6lk1US.cjs} +1 -1
  34. package/{rating-Da38uaZz.js → rating-CGv-KO_P.js} +1 -1
  35. package/{select-CAEPqdz1.js → select-C5DIoZrO.js} +1 -1
  36. package/{select-LBVhNdrd.cjs → select-C6gwSGbr.cjs} +1 -1
  37. package/services/floatingUI.cjs +1 -1
  38. package/services/floatingUI.js +1 -1
  39. package/services/focustrack.cjs +1 -1
  40. package/services/focustrack.js +1 -1
  41. package/services/matchMedia.cjs +1 -1
  42. package/services/matchMedia.js +1 -1
  43. package/services/navManager.cjs +1 -1
  44. package/services/navManager.js +1 -1
  45. package/services/portal.cjs +1 -1
  46. package/services/portal.js +1 -1
  47. package/services/resizeObserver.cjs +1 -1
  48. package/services/resizeObserver.js +1 -1
  49. package/services/siblingsInert.cjs +1 -1
  50. package/services/siblingsInert.js +1 -1
  51. package/services/transitions/baseTransitions.cjs +1 -1
  52. package/services/transitions/baseTransitions.js +1 -1
  53. package/services/transitions/collapse.cjs +1 -1
  54. package/services/transitions/collapse.js +1 -1
  55. package/services/transitions/cssTransitions.cjs +1 -1
  56. package/services/transitions/cssTransitions.js +1 -1
  57. package/services/transitions/simpleClassTransition.cjs +1 -1
  58. package/services/transitions/simpleClassTransition.js +1 -1
  59. package/{slider-1OSwok7u.cjs → slider-CkYsilwM.cjs} +17 -11
  60. package/{slider-6LI4-f5s.js → slider-DtQrcvim.js} +17 -11
  61. package/{toast-CpvsibAI.js → toast-4f-ZdK1Y.js} +1 -1
  62. package/{toast-D_uSrRZL.cjs → toast-Vku2ZxoN.cjs} +1 -1
  63. package/{tree-Bb5KFqXp.cjs → tree-BaSMyGyv.cjs} +1 -1
  64. package/{tree-B2Mr8b31.js → tree-DVsZP8ze.js} +1 -1
  65. package/utils/directive.cjs +1 -1
  66. package/utils/directive.d.ts +4 -2
  67. package/utils/directive.js +1 -1
@@ -4,7 +4,7 @@ const services_transitions_baseTransitions = require("./services/transitions/bas
4
4
  const tansu = require("@amadeus-it-group/tansu");
5
5
  const func = require("./func-Qd3cD9a3.cjs");
6
6
  const utils_writables = require("./writables-BPAJvaL_.cjs");
7
- const utils_directive = require("./directive-DdlwGFtf.cjs");
7
+ const utils_directive = require("./directive-BtOvPrmt.cjs");
8
8
  function adjustItemsCloseOthers(items, openItems, oldOpen) {
9
9
  let keepOpen;
10
10
  if (openItems.length == 2) {
@@ -3,7 +3,7 @@ import { createTransition } from "./services/transitions/baseTransitions.js";
3
3
  import { writable, computed, asWritable, readable } from "@amadeus-it-group/tansu";
4
4
  import { n as noop } from "./func-DR0n-ShK.js";
5
5
  import { c as typeBoolean, f as typeFunction, e as typeString } from "./writables-DCiBdIBK.js";
6
- import { t as generateId, k as mergeDirectives, n as createAttributesDirective, r as registrationArray, d as directiveSubscribe } from "./directive-CKEccryv.js";
6
+ import { t as generateId, k as mergeDirectives, n as createAttributesDirective, r as registrationArray, d as directiveSubscribe } from "./directive-DrDJkTS5.js";
7
7
  function adjustItemsCloseOthers(items, openItems, oldOpen) {
8
8
  let keepOpen;
9
9
  if (openItems.length == 2) {
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const accordion = require("../../accordion-Lp-LEbZ2.cjs");
3
+ const accordion = require("../../accordion-CJxsVQtv.cjs");
4
4
  exports.createAccordion = accordion.createAccordion;
5
5
  exports.createAccordionItem = accordion.createAccordionItem;
6
6
  exports.factoryCreateAccordion = accordion.factoryCreateAccordion;
@@ -1,4 +1,4 @@
1
- import { a, c, f, g } from "../../accordion-BGv150k9.js";
1
+ import { a, c, f, g } from "../../accordion-D0oG0wQD.js";
2
2
  export {
3
3
  a as createAccordion,
4
4
  c as createAccordionItem,
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const modal = require("../../modal-DDHcrykD.cjs");
3
+ const modal = require("../../modal-DtzgRa5j.cjs");
4
4
  exports.createModal = modal.createModal;
5
5
  exports.getModalDefaultConfig = modal.getModalDefaultConfig;
6
6
  exports.modalCloseButtonClick = modal.modalCloseButtonClick;
@@ -1,4 +1,4 @@
1
- import { c, g, a, m } from "../../modal-DP-4I7vf.js";
1
+ import { c, g, a, m } from "../../modal-Qr4sHBFG.js";
2
2
  export {
3
3
  c as createModal,
4
4
  g as getModalDefaultConfig,
@@ -1,5 +1,5 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const pagination = require("../../pagination-CBysiPUs.cjs");
3
+ const pagination = require("../../pagination-ETXueztI.cjs");
4
4
  exports.createPagination = pagination.createPagination;
5
5
  exports.getPaginationDefaultConfig = pagination.getPaginationDefaultConfig;
@@ -1,4 +1,4 @@
1
- import { c, g } from "../../pagination-DwDRot6q.js";
1
+ import { c, g } from "../../pagination-BigQwc8I.js";
2
2
  export {
3
3
  c as createPagination,
4
4
  g as getPaginationDefaultConfig
@@ -1,5 +1,5 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const progressbar = require("../../progressbar-DghzCJ6_.cjs");
3
+ const progressbar = require("../../progressbar-BSgE9udi.cjs");
4
4
  exports.createProgressbar = progressbar.createProgressbar;
5
5
  exports.getProgressbarDefaultConfig = progressbar.getProgressbarDefaultConfig;
@@ -1,4 +1,4 @@
1
- import { c, g } from "../../progressbar-CGmNq0cS.js";
1
+ import { c, g } from "../../progressbar-arTsTc5c.js";
2
2
  export {
3
3
  c as createProgressbar,
4
4
  g as getProgressbarDefaultConfig
@@ -1,5 +1,5 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const rating = require("../../rating-DlfOuwuX.cjs");
3
+ const rating = require("../../rating-BV6lk1US.cjs");
4
4
  exports.createRating = rating.createRating;
5
5
  exports.getRatingDefaultConfig = rating.getRatingDefaultConfig;
@@ -1,4 +1,4 @@
1
- import { c, g } from "../../rating-Da38uaZz.js";
1
+ import { c, g } from "../../rating-CGv-KO_P.js";
2
2
  export {
3
3
  c as createRating,
4
4
  g as getRatingDefaultConfig
@@ -1,5 +1,5 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const select = require("../../select-LBVhNdrd.cjs");
3
+ const select = require("../../select-C6gwSGbr.cjs");
4
4
  exports.createSelect = select.createSelect;
5
5
  exports.getSelectDefaultConfig = select.getSelectDefaultConfig;
@@ -1,4 +1,4 @@
1
- import { c, g } from "../../select-CAEPqdz1.js";
1
+ import { c, g } from "../../select-C5DIoZrO.js";
2
2
  export {
3
3
  c as createSelect,
4
4
  g as getSelectDefaultConfig
@@ -1,5 +1,5 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const slider = require("../../slider-1OSwok7u.cjs");
3
+ const slider = require("../../slider-CkYsilwM.cjs");
4
4
  exports.createSlider = slider.createSlider;
5
5
  exports.getSliderDefaultConfig = slider.getSliderDefaultConfig;
@@ -1,4 +1,4 @@
1
- import { c, g } from "../../slider-6LI4-f5s.js";
1
+ import { c, g } from "../../slider-DtQrcvim.js";
2
2
  export {
3
3
  c as createSlider,
4
4
  g as getSliderDefaultConfig
@@ -61,11 +61,15 @@ export interface SliderHandle {
61
61
  /**
62
62
  * ariaLabel of the handle
63
63
  */
64
- ariaLabel: string;
64
+ ariaLabel: string | undefined;
65
65
  /**
66
66
  * ariaValueText of the handle
67
67
  */
68
- ariaValueText: string;
68
+ ariaValueText: string | undefined;
69
+ /**
70
+ * aria-labelledBy of the handle
71
+ */
72
+ ariaLabelledBy: string | undefined;
69
73
  }
70
74
  interface SliderCommonPropsAndState extends WidgetsCommonPropsAndState {
71
75
  /**
@@ -180,28 +184,35 @@ export interface SliderState extends SliderCommonPropsAndState {
180
184
  export interface SliderProps extends SliderCommonPropsAndState {
181
185
  /**
182
186
  * Return the value for the 'aria-label' attribute for the handle
183
- * @param value - value of the handle
184
187
  * @param sortedIndex - index of the handle in the sorted list
185
- * @param index - index of the handle in the original list
186
188
  *
187
189
  * @defaultValue
188
190
  * ```ts
189
- * (value: number) => '' + value
191
+ * () => 'Value'
192
+ * ```
193
+ */
194
+ ariaLabel: (sortedIndex: number) => string;
195
+ /**
196
+ * Return the value for the 'aria-labelledBy' attribute for the handle
197
+ * @param sortedIndex - index of the handle in the sorted list
198
+ *
199
+ * @defaultValue
200
+ * ```ts
201
+ * () => ''
190
202
  * ```
191
203
  */
192
- ariaLabelHandle: (value: number, sortedIndex: number, index: number) => string;
204
+ ariaLabelledBy: (sortedIndex: number) => string;
193
205
  /**
194
206
  * Return the value for the 'aria-valuetext' attribute for the handle
195
207
  * @param value - value of the handle
196
208
  * @param sortedIndex - index of the handle in the sorted list
197
- * @param index - index of the handle in the original list
198
209
  *
199
210
  * @defaultValue
200
211
  * ```ts
201
- * (value: number) => '' + value
212
+ * (value: number) => ''
202
213
  * ```
203
214
  */
204
- ariaValueText: (value: number, sortedIndex: number, index: number) => string;
215
+ ariaValueText: (value: number, sortedIndex: number) => string;
205
216
  /**
206
217
  * An event emitted when slider values are changed
207
218
  *
@@ -1,5 +1,5 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const toast = require("../../toast-D_uSrRZL.cjs");
3
+ const toast = require("../../toast-Vku2ZxoN.cjs");
4
4
  exports.createToast = toast.createToast;
5
5
  exports.getToastDefaultConfig = toast.getToastDefaultConfig;
@@ -1,4 +1,4 @@
1
- import { c, g } from "../../toast-CpvsibAI.js";
1
+ import { c, g } from "../../toast-4f-ZdK1Y.js";
2
2
  export {
3
3
  c as createToast,
4
4
  g as getToastDefaultConfig
@@ -1,5 +1,5 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const tree = require("../../tree-Bb5KFqXp.cjs");
3
+ const tree = require("../../tree-BaSMyGyv.cjs");
4
4
  exports.createTree = tree.createTree;
5
5
  exports.getTreeDefaultConfig = tree.getTreeDefaultConfig;
@@ -1,4 +1,4 @@
1
- import { c, g } from "../../tree-B2Mr8b31.js";
1
+ import { c, g } from "../../tree-DVsZP8ze.js";
2
2
  export {
3
3
  c as createTree,
4
4
  g as getTreeDefaultConfig
@@ -139,6 +139,19 @@ const ssrHTMLElement = () => {
139
139
  }
140
140
  };
141
141
  };
142
+ function r(e) {
143
+ var t, f, n = "";
144
+ if ("string" == typeof e || "number" == typeof e) n += e;
145
+ else if ("object" == typeof e) if (Array.isArray(e)) {
146
+ var o = e.length;
147
+ for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
148
+ } else for (f in e) e[f] && (n && (n += " "), n += f);
149
+ return n;
150
+ }
151
+ function clsx() {
152
+ for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
153
+ return n;
154
+ }
142
155
  const isBrowserHTMLElement = esmEnv.BROWSER ? (element) => {
143
156
  var _a;
144
157
  const contentWindow = ((_a = element == null ? void 0 : element.ownerDocument) == null ? void 0 : _a.defaultView) ?? window;
@@ -369,7 +382,9 @@ const attributesData = (...directives) => {
369
382
  });
370
383
  }
371
384
  };
372
- const classDirective = createAttributesDirective((className) => ({ attributes: { class: className } }));
385
+ const classDirective = createAttributesDirective((className$) => ({
386
+ attributes: { class: tansu.computed(() => clsx(className$())) }
387
+ }));
373
388
  function directiveAttributes(...directives) {
374
389
  const { attributes, classNames, style } = attributesData(...directives);
375
390
  if (classNames.length) {
@@ -1,4 +1,4 @@
1
- import { readable, writable, asReadable, batch } from "@amadeus-it-group/tansu";
1
+ import { readable, writable, asReadable, batch, computed } from "@amadeus-it-group/tansu";
2
2
  import { BROWSER } from "esm-env";
3
3
  import { n as noop } from "./func-DR0n-ShK.js";
4
4
  import { toReadableStore } from "./utils/stores.js";
@@ -138,6 +138,19 @@ const ssrHTMLElement = () => {
138
138
  }
139
139
  };
140
140
  };
141
+ function r(e) {
142
+ var t, f, n = "";
143
+ if ("string" == typeof e || "number" == typeof e) n += e;
144
+ else if ("object" == typeof e) if (Array.isArray(e)) {
145
+ var o = e.length;
146
+ for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
147
+ } else for (f in e) e[f] && (n && (n += " "), n += f);
148
+ return n;
149
+ }
150
+ function clsx() {
151
+ for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
152
+ return n;
153
+ }
141
154
  const isBrowserHTMLElement = BROWSER ? (element) => {
142
155
  var _a;
143
156
  const contentWindow = ((_a = element == null ? void 0 : element.ownerDocument) == null ? void 0 : _a.defaultView) ?? window;
@@ -368,7 +381,9 @@ const attributesData = (...directives) => {
368
381
  });
369
382
  }
370
383
  };
371
- const classDirective = createAttributesDirective((className) => ({ attributes: { class: className } }));
384
+ const classDirective = createAttributesDirective((className$) => ({
385
+ attributes: { class: computed(() => clsx(className$())) }
386
+ }));
372
387
  function directiveAttributes(...directives) {
373
388
  const { attributes, classNames, style } = attributesData(...directives);
374
389
  if (classNames.length) {
package/index.cjs CHANGED
@@ -1,16 +1,16 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const types = require("./types.cjs");
4
- const accordion = require("./accordion-Lp-LEbZ2.cjs");
4
+ const accordion = require("./accordion-CJxsVQtv.cjs");
5
5
  const alert = require("./alert-Bq101evB.cjs");
6
- const modal = require("./modal-DDHcrykD.cjs");
7
- const pagination = require("./pagination-CBysiPUs.cjs");
8
- const progressbar = require("./progressbar-DghzCJ6_.cjs");
9
- const rating = require("./rating-DlfOuwuX.cjs");
10
- const select = require("./select-LBVhNdrd.cjs");
11
- const slider = require("./slider-1OSwok7u.cjs");
12
- const toast = require("./toast-D_uSrRZL.cjs");
13
- const tree = require("./tree-Bb5KFqXp.cjs");
6
+ const modal = require("./modal-DtzgRa5j.cjs");
7
+ const pagination = require("./pagination-ETXueztI.cjs");
8
+ const progressbar = require("./progressbar-BSgE9udi.cjs");
9
+ const rating = require("./rating-BV6lk1US.cjs");
10
+ const select = require("./select-C6gwSGbr.cjs");
11
+ const slider = require("./slider-CkYsilwM.cjs");
12
+ const toast = require("./toast-Vku2ZxoN.cjs");
13
+ const tree = require("./tree-BaSMyGyv.cjs");
14
14
  const config = require("./config.cjs");
15
15
  const services_extendWidget = require("./services/extendWidget.cjs");
16
16
  const services_floatingUI = require("./services/floatingUI.cjs");
@@ -25,7 +25,7 @@ const services_hash = require("./services/hash.cjs");
25
25
  const services_transitions_baseTransitions = require("./services/transitions/baseTransitions.cjs");
26
26
  const services_transitions_cssTransitions = require("./services/transitions/cssTransitions.cjs");
27
27
  const services_transitions_simpleClassTransition = require("./services/transitions/simpleClassTransition.cjs");
28
- const utils_directive = require("./directive-DdlwGFtf.cjs");
28
+ const utils_directive = require("./directive-BtOvPrmt.cjs");
29
29
  const utils_stores = require("./utils/stores.cjs");
30
30
  const utils_writables = require("./writables-BPAJvaL_.cjs");
31
31
  exports.INVALID_VALUE = types.INVALID_VALUE;
package/index.js CHANGED
@@ -1,14 +1,14 @@
1
1
  import { INVALID_VALUE } from "./types.js";
2
- import { a, c, f, g } from "./accordion-BGv150k9.js";
2
+ import { a, c, f, g } from "./accordion-D0oG0wQD.js";
3
3
  import { c as c2, g as g2 } from "./alert-DJ2l7bcA.js";
4
- import { c as c3, g as g3, a as a2, m } from "./modal-DP-4I7vf.js";
5
- import { c as c4, g as g4 } from "./pagination-DwDRot6q.js";
6
- import { c as c5, g as g5 } from "./progressbar-CGmNq0cS.js";
7
- import { c as c6, g as g6 } from "./rating-Da38uaZz.js";
8
- import { c as c7, g as g7 } from "./select-CAEPqdz1.js";
9
- import { c as c8, g as g8 } from "./slider-6LI4-f5s.js";
10
- import { c as c9, g as g9 } from "./toast-CpvsibAI.js";
11
- import { c as c10, g as g10 } from "./tree-B2Mr8b31.js";
4
+ import { c as c3, g as g3, a as a2, m } from "./modal-Qr4sHBFG.js";
5
+ import { c as c4, g as g4 } from "./pagination-BigQwc8I.js";
6
+ import { c as c5, g as g5 } from "./progressbar-arTsTc5c.js";
7
+ import { c as c6, g as g6 } from "./rating-CGv-KO_P.js";
8
+ import { c as c7, g as g7 } from "./select-C5DIoZrO.js";
9
+ import { c as c8, g as g8 } from "./slider-DtQrcvim.js";
10
+ import { c as c9, g as g9 } from "./toast-4f-ZdK1Y.js";
11
+ import { c as c10, g as g10 } from "./tree-DVsZP8ze.js";
12
12
  import { createWidgetsConfig, mergeInto } from "./config.js";
13
13
  import { extendWidgetProps } from "./services/extendWidget.js";
14
14
  import { createFloatingUI } from "./services/floatingUI.js";
@@ -23,7 +23,7 @@ import { hash$ } from "./services/hash.js";
23
23
  import { createTransition, noAnimation } from "./services/transitions/baseTransitions.js";
24
24
  import { createCSSTransition, getTransitionDurationMs, hasTransition } from "./services/transitions/cssTransitions.js";
25
25
  import { createSimpleClassTransition } from "./services/transitions/simpleClassTransition.js";
26
- import { o, a as a3, c as c11, b, p, n, g as g11, j, f as f2, h, q, d, e, i, m as m2, k, l, r, s } from "./directive-CKEccryv.js";
26
+ import { o, a as a3, c as c11, b, p, n, g as g11, j, f as f2, h, q, d, e, i, m as m2, k, l, r, s } from "./directive-DrDJkTS5.js";
27
27
  import { bindableDerived, bindableProp, createPatch, findChangedProperties, isStore, mergeConfigStores, normalizeConfigStores, stateStores, toReadableStore, toWritableStore, writableWithDefault, writablesForProps, writablesWithDefault } from "./utils/stores.js";
28
28
  import { i as i2, t, h as h2, c as c12, d as d2, f as f3, g as g12, a as a4, b as b2, e as e2 } from "./writables-DCiBdIBK.js";
29
29
  export {
@@ -5,7 +5,7 @@ const utils_stores = require("./utils/stores.cjs");
5
5
  const services_transitions_baseTransitions = require("./services/transitions/baseTransitions.cjs");
6
6
  const promise = require("./promise-BMJ8qhA8.cjs");
7
7
  const func = require("./func-Qd3cD9a3.cjs");
8
- const utils_directive = require("./directive-DdlwGFtf.cjs");
8
+ const utils_directive = require("./directive-BtOvPrmt.cjs");
9
9
  const services_portal = require("./services/portal.cjs");
10
10
  const services_siblingsInert = require("./services/siblingsInert.cjs");
11
11
  const internalRemoveScrollbars = () => {
@@ -4,7 +4,7 @@ import { writablesForProps, stateStores } from "./utils/stores.js";
4
4
  import { createTransition } from "./services/transitions/baseTransitions.js";
5
5
  import { d as promiseFromStore } from "./promise-CY2U8bTP.js";
6
6
  import { n as noop } from "./func-DR0n-ShK.js";
7
- import { r as registrationArray, a as bindDirective, k as mergeDirectives, d as directiveSubscribe, b as browserDirective, n as createAttributesDirective } from "./directive-CKEccryv.js";
7
+ import { r as registrationArray, a as bindDirective, k as mergeDirectives, d as directiveSubscribe, b as browserDirective, n as createAttributesDirective } from "./directive-DrDJkTS5.js";
8
8
  import { portal } from "./services/portal.js";
9
9
  import { siblingsInert } from "./services/siblingsInert.js";
10
10
  const internalRemoveScrollbars = () => {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@agnos-ui/core",
3
3
  "description": "Framework-agnostic headless component library.",
4
- "version": "0.7.0",
4
+ "version": "0.7.1",
5
5
  "type": "module",
6
6
  "main": "./index.cjs",
7
7
  "module": "./index.js",
@@ -43,6 +43,9 @@
43
43
  "default": "./utils/*.js"
44
44
  }
45
45
  },
46
+ "dependencies": {
47
+ "clsx": "^2.1.1"
48
+ },
46
49
  "peerDependencies": {
47
50
  "@amadeus-it-group/tansu": "^2.0.0",
48
51
  "@floating-ui/dom": "^1.6.12",
@@ -2,7 +2,7 @@ import { computed } from "@amadeus-it-group/tansu";
2
2
  import { writablesForProps, bindableProp, stateStores } from "./utils/stores.js";
3
3
  import { j as clamp, a as typeNumber, c as typeBoolean, f as typeFunction, e as typeString, k as isNumber } from "./writables-DCiBdIBK.js";
4
4
  import { n as noop } from "./func-DR0n-ShK.js";
5
- import { n as createAttributesDirective } from "./directive-CKEccryv.js";
5
+ import { n as createAttributesDirective } from "./directive-DrDJkTS5.js";
6
6
  const PAGE_LINK_DEFAULT = "#";
7
7
  const defaultConfig = {
8
8
  page: 1,
@@ -3,7 +3,7 @@ const tansu = require("@amadeus-it-group/tansu");
3
3
  const utils_stores = require("./utils/stores.cjs");
4
4
  const utils_writables = require("./writables-BPAJvaL_.cjs");
5
5
  const func = require("./func-Qd3cD9a3.cjs");
6
- const utils_directive = require("./directive-DdlwGFtf.cjs");
6
+ const utils_directive = require("./directive-BtOvPrmt.cjs");
7
7
  const PAGE_LINK_DEFAULT = "#";
8
8
  const defaultConfig = {
9
9
  page: 1,
@@ -2,7 +2,7 @@
2
2
  const utils_writables = require("./writables-BPAJvaL_.cjs");
3
3
  const utils_stores = require("./utils/stores.cjs");
4
4
  const tansu = require("@amadeus-it-group/tansu");
5
- const utils_directive = require("./directive-DdlwGFtf.cjs");
5
+ const utils_directive = require("./directive-BtOvPrmt.cjs");
6
6
  const defaultConfig = {
7
7
  min: 0,
8
8
  max: 100,
@@ -1,7 +1,7 @@
1
1
  import { j as clamp, a as typeNumber, e as typeString, f as typeFunction } from "./writables-DCiBdIBK.js";
2
2
  import { writablesForProps, stateStores } from "./utils/stores.js";
3
3
  import { computed } from "@amadeus-it-group/tansu";
4
- import { n as createAttributesDirective } from "./directive-CKEccryv.js";
4
+ import { n as createAttributesDirective } from "./directive-DrDJkTS5.js";
5
5
  const defaultConfig = {
6
6
  min: 0,
7
7
  max: 100,
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  const tansu = require("@amadeus-it-group/tansu");
3
3
  const types = require("./types.cjs");
4
- const utils_directive = require("./directive-DdlwGFtf.cjs");
4
+ const utils_directive = require("./directive-BtOvPrmt.cjs");
5
5
  const utils_writables = require("./writables-BPAJvaL_.cjs");
6
6
  const func = require("./func-Qd3cD9a3.cjs");
7
7
  const utils_stores = require("./utils/stores.cjs");
@@ -1,6 +1,6 @@
1
1
  import { computed, writable } from "@amadeus-it-group/tansu";
2
2
  import { INVALID_VALUE } from "./types.js";
3
- import { n as createAttributesDirective } from "./directive-CKEccryv.js";
3
+ import { n as createAttributesDirective } from "./directive-DrDJkTS5.js";
4
4
  import { j as clamp, a as typeNumber, k as isNumber, c as typeBoolean, f as typeFunction, e as typeString } from "./writables-DCiBdIBK.js";
5
5
  import { n as noop } from "./func-DR0n-ShK.js";
6
6
  import { writablesForProps, bindableProp, stateStores } from "./utils/stores.js";
@@ -3,7 +3,7 @@ import { offset, autoPlacement, size } from "@floating-ui/dom";
3
3
  import { createFloatingUI } from "./services/floatingUI.js";
4
4
  import { createHasFocus } from "./services/focustrack.js";
5
5
  import { createNavManager } from "./services/navManager.js";
6
- import { t as generateId, k as mergeDirectives, a as bindDirective, n as createAttributesDirective } from "./directive-CKEccryv.js";
6
+ import { t as generateId, k as mergeDirectives, a as bindDirective, n as createAttributesDirective } from "./directive-DrDJkTS5.js";
7
7
  import { n as noop } from "./func-DR0n-ShK.js";
8
8
  import { writablesForProps, bindableProp, bindableDerived, stateStores } from "./utils/stores.js";
9
9
  const defaultConfig = {
@@ -4,7 +4,7 @@ const dom = require("@floating-ui/dom");
4
4
  const services_floatingUI = require("./services/floatingUI.cjs");
5
5
  const services_focustrack = require("./services/focustrack.cjs");
6
6
  const services_navManager = require("./services/navManager.cjs");
7
- const utils_directive = require("./directive-DdlwGFtf.cjs");
7
+ const utils_directive = require("./directive-BtOvPrmt.cjs");
8
8
  const func = require("./func-Qd3cD9a3.cjs");
9
9
  const utils_stores = require("./utils/stores.cjs");
10
10
  const defaultConfig = {
@@ -2,7 +2,7 @@
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const tansu = require("@amadeus-it-group/tansu");
4
4
  const dom = require("@floating-ui/dom");
5
- const utils_directive = require("../directive-DdlwGFtf.cjs");
5
+ const utils_directive = require("../directive-BtOvPrmt.cjs");
6
6
  const promise = require("../promise-BMJ8qhA8.cjs");
7
7
  const utils_stores = require("../utils/stores.cjs");
8
8
  const defaultConfig = {
@@ -1,6 +1,6 @@
1
1
  import { computed, derived } from "@amadeus-it-group/tansu";
2
2
  import { arrow, autoUpdate, computePosition } from "@floating-ui/dom";
3
- import { j as createBrowserStoreDirective, k as mergeDirectives, d as directiveSubscribe } from "../directive-CKEccryv.js";
3
+ import { j as createBrowserStoreDirective, k as mergeDirectives, d as directiveSubscribe } from "../directive-DrDJkTS5.js";
4
4
  import { p as promiseStoreToValueStore } from "../promise-CY2U8bTP.js";
5
5
  import { writablesForProps, stateStores } from "../utils/stores.js";
6
6
  const defaultConfig = {
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const tansu = require("@amadeus-it-group/tansu");
4
- const utils_directive = require("../directive-DdlwGFtf.cjs");
4
+ const utils_directive = require("../directive-BtOvPrmt.cjs");
5
5
  const esmEnv = require("esm-env");
6
6
  const evtFocusIn = "focusin";
7
7
  const evtFocusOut = "focusout";
@@ -1,5 +1,5 @@
1
1
  import { readable, computed } from "@amadeus-it-group/tansu";
2
- import { g as createBrowserStoreArrayDirective } from "../directive-CKEccryv.js";
2
+ import { g as createBrowserStoreArrayDirective } from "../directive-DrDJkTS5.js";
3
3
  import { BROWSER } from "esm-env";
4
4
  const evtFocusIn = "focusin";
5
5
  const evtFocusOut = "focusout";
@@ -2,7 +2,7 @@
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const tansu = require("@amadeus-it-group/tansu");
4
4
  const esmEnv = require("esm-env");
5
- const utils_directive = require("../directive-DdlwGFtf.cjs");
5
+ const utils_directive = require("../directive-BtOvPrmt.cjs");
6
6
  const createMatchMedia = (query) => esmEnv.BROWSER ? tansu.readable(false, {
7
7
  onUse({ set }) {
8
8
  const mql = window.matchMedia(query.trim());
@@ -1,6 +1,6 @@
1
1
  import { readable } from "@amadeus-it-group/tansu";
2
2
  import { BROWSER } from "esm-env";
3
- import { u as addEvent } from "../directive-CKEccryv.js";
3
+ import { u as addEvent } from "../directive-DrDJkTS5.js";
4
4
  const createMatchMedia = (query) => BROWSER ? readable(false, {
5
5
  onUse({ set }) {
6
6
  const mql = window.matchMedia(query.trim());
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const tansu = require("@amadeus-it-group/tansu");
4
- const utils_directive = require("../directive-DdlwGFtf.cjs");
4
+ const utils_directive = require("../directive-BtOvPrmt.cjs");
5
5
  const isInertOrInvisible = (element) => {
6
6
  let curElement = element;
7
7
  while (curElement) {
@@ -1,5 +1,5 @@
1
1
  import { writable, computed } from "@amadeus-it-group/tansu";
2
- import { r as registrationArray, y as computeCommonAncestor, b as browserDirective } from "../directive-CKEccryv.js";
2
+ import { r as registrationArray, y as computeCommonAncestor, b as browserDirective } from "../directive-DrDJkTS5.js";
3
3
  const isInertOrInvisible = (element) => {
4
4
  let curElement = element;
5
5
  while (curElement) {
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const utils_directive = require("../directive-DdlwGFtf.cjs");
3
+ const utils_directive = require("../directive-BtOvPrmt.cjs");
4
4
  const portal = utils_directive.browserDirective((content, newArg) => {
5
5
  let arg;
6
6
  let replaceComment;
@@ -1,4 +1,4 @@
1
- import { b as browserDirective } from "../directive-CKEccryv.js";
1
+ import { b as browserDirective } from "../directive-DrDJkTS5.js";
2
2
  const portal = browserDirective((content, newArg) => {
3
3
  let arg;
4
4
  let replaceComment;
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const tansu = require("@amadeus-it-group/tansu");
4
- const utils_directive = require("../directive-DdlwGFtf.cjs");
4
+ const utils_directive = require("../directive-BtOvPrmt.cjs");
5
5
  const func = require("../func-Qd3cD9a3.cjs");
6
6
  const createResizeObserver = () => {
7
7
  const { element$, directive } = utils_directive.createBrowserStoreDirective();
@@ -1,5 +1,5 @@
1
1
  import { derived } from "@amadeus-it-group/tansu";
2
- import { j as createBrowserStoreDirective } from "../directive-CKEccryv.js";
2
+ import { j as createBrowserStoreDirective } from "../directive-DrDJkTS5.js";
3
3
  import { n as noop } from "../func-DR0n-ShK.js";
4
4
  const createResizeObserver = () => {
5
5
  const { element$, directive } = createBrowserStoreDirective();
@@ -2,7 +2,7 @@
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const tansu = require("@amadeus-it-group/tansu");
4
4
  const func = require("../func-Qd3cD9a3.cjs");
5
- const utils_directive = require("../directive-DdlwGFtf.cjs");
5
+ const utils_directive = require("../directive-BtOvPrmt.cjs");
6
6
  const internalSetSiblingsInert = (element) => {
7
7
  const inertValues = /* @__PURE__ */ new Map();
8
8
  const recursiveHelper = (element2) => {
@@ -1,6 +1,6 @@
1
1
  import { computed } from "@amadeus-it-group/tansu";
2
2
  import { n as noop } from "../func-DR0n-ShK.js";
3
- import { g as createBrowserStoreArrayDirective, k as mergeDirectives, d as directiveSubscribe } from "../directive-CKEccryv.js";
3
+ import { g as createBrowserStoreArrayDirective, k as mergeDirectives, d as directiveSubscribe } from "../directive-DrDJkTS5.js";
4
4
  const internalSetSiblingsInert = (element) => {
5
5
  const inertValues = /* @__PURE__ */ new Map();
6
6
  const recursiveHelper = (element2) => {
@@ -5,7 +5,7 @@ const utils_writables = require("../../writables-BPAJvaL_.cjs");
5
5
  const promise = require("../../promise-BMJ8qhA8.cjs");
6
6
  const func = require("../../func-Qd3cD9a3.cjs");
7
7
  const utils_stores = require("../../utils/stores.cjs");
8
- const utils_directive = require("../../directive-DdlwGFtf.cjs");
8
+ const utils_directive = require("../../directive-BtOvPrmt.cjs");
9
9
  const neverEndingPromise = new Promise(func.noop);
10
10
  const noAnimation = (element, direction) => {
11
11
  element.style.display = direction === "show" ? "" : "none";
@@ -3,7 +3,7 @@ import { c as typeBoolean, f as typeFunction, d as typeBooleanOrNull } from "../
3
3
  import { c as promiseWithResolve } from "../../promise-CY2U8bTP.js";
4
4
  import { n as noop } from "../../func-DR0n-ShK.js";
5
5
  import { writablesForProps, bindableDerived, stateStores } from "../../utils/stores.js";
6
- import { h as createStoreDirective, k as mergeDirectives, d as directiveSubscribe } from "../../directive-CKEccryv.js";
6
+ import { h as createStoreDirective, k as mergeDirectives, d as directiveSubscribe } from "../../directive-DrDJkTS5.js";
7
7
  const neverEndingPromise = new Promise(noop);
8
8
  const noAnimation = (element, direction) => {
9
9
  element.style.display = direction === "show" ? "" : "none";
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const utils_directive = require("../../directive-DdlwGFtf.cjs");
3
+ const utils_directive = require("../../directive-BtOvPrmt.cjs");
4
4
  const services_transitions_cssTransitions = require("./cssTransitions.cjs");
5
5
  const createCollapseTransition = ({
6
6
  dimension = "height",
@@ -1,4 +1,4 @@
1
- import { i as isBrowserHTMLElement, v as removeClasses, w as addClasses, x as reflow } from "../../directive-CKEccryv.js";
1
+ import { i as isBrowserHTMLElement, v as removeClasses, w as addClasses, x as reflow } from "../../directive-DrDJkTS5.js";
2
2
  import { createCSSTransition } from "./cssTransitions.js";
3
3
  const createCollapseTransition = ({
4
4
  dimension = "height",
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const utils_directive = require("../../directive-DdlwGFtf.cjs");
3
+ const utils_directive = require("../../directive-BtOvPrmt.cjs");
4
4
  const func = require("../../func-Qd3cD9a3.cjs");
5
5
  const promise = require("../../promise-BMJ8qhA8.cjs");
6
6
  function hasTransition(element) {
@@ -1,4 +1,4 @@
1
- import { i as isBrowserHTMLElement } from "../../directive-CKEccryv.js";
1
+ import { i as isBrowserHTMLElement } from "../../directive-DrDJkTS5.js";
2
2
  import { n as noop } from "../../func-DR0n-ShK.js";
3
3
  import { a as promiseFromEvent, b as promiseFromTimeout } from "../../promise-CY2U8bTP.js";
4
4
  function hasTransition(element) {
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const services_transitions_cssTransitions = require("./cssTransitions.cjs");
4
- const utils_directive = require("../../directive-DdlwGFtf.cjs");
4
+ const utils_directive = require("../../directive-BtOvPrmt.cjs");
5
5
  const createSimpleClassTransition = (config) => {
6
6
  const { animationPendingClasses, animationPendingShowClasses, animationPendingHideClasses, showClasses, hideClasses } = config;
7
7
  return services_transitions_cssTransitions.createCSSTransition((element, direction, animated, context) => {
@@ -1,5 +1,5 @@
1
1
  import { createCSSTransition } from "./cssTransitions.js";
2
- import { v as removeClasses, w as addClasses, x as reflow } from "../../directive-CKEccryv.js";
2
+ import { v as removeClasses, w as addClasses, x as reflow } from "../../directive-DrDJkTS5.js";
3
3
  const createSimpleClassTransition = (config) => {
4
4
  const { animationPendingClasses, animationPendingShowClasses, animationPendingHideClasses, showClasses, hideClasses } = config;
5
5
  return createCSSTransition((element, direction, animated, context) => {
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  const tansu = require("@amadeus-it-group/tansu");
3
- const utils_directive = require("./directive-DdlwGFtf.cjs");
3
+ const utils_directive = require("./directive-BtOvPrmt.cjs");
4
4
  const func = require("./func-Qd3cD9a3.cjs");
5
5
  const utils_stores = require("./utils/stores.cjs");
6
6
  const utils_writables = require("./writables-BPAJvaL_.cjs");
@@ -24,8 +24,9 @@ const defaultSliderConfig = {
24
24
  disabled: false,
25
25
  vertical: false,
26
26
  className: "",
27
- ariaLabelHandle: (value) => "" + value,
28
- ariaValueText: (value) => "" + value,
27
+ ariaLabel: () => "Value",
28
+ ariaLabelledBy: () => "",
29
+ ariaValueText: () => "",
29
30
  onValuesChange: func.noop,
30
31
  values: [0],
31
32
  showValueLabels: true,
@@ -42,7 +43,8 @@ const configValidator = {
42
43
  readonly: utils_writables.typeBoolean,
43
44
  disabled: utils_writables.typeBoolean,
44
45
  vertical: utils_writables.typeBoolean,
45
- ariaLabelHandle: utils_writables.typeFunction,
46
+ ariaLabel: utils_writables.typeFunction,
47
+ ariaLabelledBy: utils_writables.typeFunction,
46
48
  ariaValueText: utils_writables.typeFunction,
47
49
  onValuesChange: utils_writables.typeFunction,
48
50
  values: utils_writables.typeArray,
@@ -92,7 +94,8 @@ function createSlider(config) {
92
94
  stepSize$,
93
95
  rtl$,
94
96
  values$: _dirtyValues$,
95
- ariaLabelHandle$,
97
+ ariaLabel$,
98
+ ariaLabelledBy$,
96
99
  ariaValueText$,
97
100
  onValuesChange$,
98
101
  showValueLabels$,
@@ -178,12 +181,13 @@ function createSlider(config) {
178
181
  }).sort((a, b) => a.value - b.value);
179
182
  });
180
183
  const sortedHandles$ = tansu.computed(() => {
181
- const ariaLabelHandle = ariaLabelHandle$(), ariaValueText = ariaValueText$();
184
+ const ariaLabelHandle = ariaLabel$(), ariaValueText = ariaValueText$(), ariaLabelledBy = ariaLabelledBy$();
182
185
  return _sortedHandlesValues$().map((sortedValue, index) => {
183
186
  return {
184
187
  ...sortedValue,
185
- ariaLabel: ariaLabelHandle(sortedValue.value, index, sortedValue.id),
186
- ariaValueText: ariaValueText(sortedValue.value, index, sortedValue.id)
188
+ ariaLabel: ariaLabelledBy(index) ? void 0 : ariaLabelHandle(index),
189
+ ariaLabelledBy: ariaLabelledBy(index) || void 0,
190
+ ariaValueText: ariaValueText(sortedValue.value, index) || void 0
187
191
  };
188
192
  });
189
193
  });
@@ -271,9 +275,11 @@ function createSlider(config) {
271
275
  return 0;
272
276
  }
273
277
  const sortedValues = sortedValues$();
274
- const closestBigger = sortedValues.find((sv) => sv > clickedPercent * 100);
278
+ const closestBigger = sortedValues.find((sv) => percentCompute(sv) > clickedPercent * 100);
275
279
  const closestBiggerIndex = closestBigger ? sortedValues.indexOf(closestBigger) : sortedValues.length - 1;
276
- const midPoint = sortedValues[closestBiggerIndex - 1] + (sortedValues[closestBiggerIndex] - sortedValues[closestBiggerIndex - 1]) / 2;
280
+ const midPoint = percentCompute(
281
+ sortedValues[closestBiggerIndex - 1] + (sortedValues[closestBiggerIndex] - sortedValues[closestBiggerIndex - 1]) / 2
282
+ );
277
283
  const closestValue = sortedValues[clickedPercent * 100 <= midPoint ? closestBiggerIndex - 1 : closestBiggerIndex];
278
284
  return values.indexOf(closestValue);
279
285
  };
@@ -366,7 +372,6 @@ function createSlider(config) {
366
372
  return;
367
373
  }
368
374
  event.preventDefault();
369
- event.stopPropagation();
370
375
  }
371
376
  },
372
377
  mousedown: (event) => {
@@ -489,6 +494,7 @@ function createSlider(config) {
489
494
  "aria-valuenow": tansu.computed(() => handleContext$().item.value),
490
495
  "aria-valuetext": tansu.computed(() => handleContext$().item.ariaValueText),
491
496
  "aria-label": tansu.computed(() => handleContext$().item.ariaLabel),
497
+ "aria-labelledBy": tansu.computed(() => handleContext$().item.ariaLabelledBy),
492
498
  "aria-orientation": tansu.computed(() => vertical$() ? "vertical" : void 0),
493
499
  "aria-disabled": tansu.computed(() => disabled$() ? "true" : void 0),
494
500
  disabled: disabled$,
@@ -1,5 +1,5 @@
1
1
  import { computed, writable } from "@amadeus-it-group/tansu";
2
- import { j as createBrowserStoreDirective, k as mergeDirectives, n as createAttributesDirective } from "./directive-CKEccryv.js";
2
+ import { j as createBrowserStoreDirective, k as mergeDirectives, n as createAttributesDirective } from "./directive-DrDJkTS5.js";
3
3
  import { n as noop } from "./func-DR0n-ShK.js";
4
4
  import { writablesForProps, bindableProp, stateStores } from "./utils/stores.js";
5
5
  import { h as typeArray, a as typeNumber, b as typeNumberInRangeFactory, c as typeBoolean, f as typeFunction, e as typeString } from "./writables-DCiBdIBK.js";
@@ -23,8 +23,9 @@ const defaultSliderConfig = {
23
23
  disabled: false,
24
24
  vertical: false,
25
25
  className: "",
26
- ariaLabelHandle: (value) => "" + value,
27
- ariaValueText: (value) => "" + value,
26
+ ariaLabel: () => "Value",
27
+ ariaLabelledBy: () => "",
28
+ ariaValueText: () => "",
28
29
  onValuesChange: noop,
29
30
  values: [0],
30
31
  showValueLabels: true,
@@ -41,7 +42,8 @@ const configValidator = {
41
42
  readonly: typeBoolean,
42
43
  disabled: typeBoolean,
43
44
  vertical: typeBoolean,
44
- ariaLabelHandle: typeFunction,
45
+ ariaLabel: typeFunction,
46
+ ariaLabelledBy: typeFunction,
45
47
  ariaValueText: typeFunction,
46
48
  onValuesChange: typeFunction,
47
49
  values: typeArray,
@@ -91,7 +93,8 @@ function createSlider(config) {
91
93
  stepSize$,
92
94
  rtl$,
93
95
  values$: _dirtyValues$,
94
- ariaLabelHandle$,
96
+ ariaLabel$,
97
+ ariaLabelledBy$,
95
98
  ariaValueText$,
96
99
  onValuesChange$,
97
100
  showValueLabels$,
@@ -177,12 +180,13 @@ function createSlider(config) {
177
180
  }).sort((a, b) => a.value - b.value);
178
181
  });
179
182
  const sortedHandles$ = computed(() => {
180
- const ariaLabelHandle = ariaLabelHandle$(), ariaValueText = ariaValueText$();
183
+ const ariaLabelHandle = ariaLabel$(), ariaValueText = ariaValueText$(), ariaLabelledBy = ariaLabelledBy$();
181
184
  return _sortedHandlesValues$().map((sortedValue, index) => {
182
185
  return {
183
186
  ...sortedValue,
184
- ariaLabel: ariaLabelHandle(sortedValue.value, index, sortedValue.id),
185
- ariaValueText: ariaValueText(sortedValue.value, index, sortedValue.id)
187
+ ariaLabel: ariaLabelledBy(index) ? void 0 : ariaLabelHandle(index),
188
+ ariaLabelledBy: ariaLabelledBy(index) || void 0,
189
+ ariaValueText: ariaValueText(sortedValue.value, index) || void 0
186
190
  };
187
191
  });
188
192
  });
@@ -270,9 +274,11 @@ function createSlider(config) {
270
274
  return 0;
271
275
  }
272
276
  const sortedValues = sortedValues$();
273
- const closestBigger = sortedValues.find((sv) => sv > clickedPercent * 100);
277
+ const closestBigger = sortedValues.find((sv) => percentCompute(sv) > clickedPercent * 100);
274
278
  const closestBiggerIndex = closestBigger ? sortedValues.indexOf(closestBigger) : sortedValues.length - 1;
275
- const midPoint = sortedValues[closestBiggerIndex - 1] + (sortedValues[closestBiggerIndex] - sortedValues[closestBiggerIndex - 1]) / 2;
279
+ const midPoint = percentCompute(
280
+ sortedValues[closestBiggerIndex - 1] + (sortedValues[closestBiggerIndex] - sortedValues[closestBiggerIndex - 1]) / 2
281
+ );
276
282
  const closestValue = sortedValues[clickedPercent * 100 <= midPoint ? closestBiggerIndex - 1 : closestBiggerIndex];
277
283
  return values.indexOf(closestValue);
278
284
  };
@@ -365,7 +371,6 @@ function createSlider(config) {
365
371
  return;
366
372
  }
367
373
  event.preventDefault();
368
- event.stopPropagation();
369
374
  }
370
375
  },
371
376
  mousedown: (event) => {
@@ -488,6 +493,7 @@ function createSlider(config) {
488
493
  "aria-valuenow": computed(() => handleContext$().item.value),
489
494
  "aria-valuetext": computed(() => handleContext$().item.ariaValueText),
490
495
  "aria-label": computed(() => handleContext$().item.ariaLabel),
496
+ "aria-labelledBy": computed(() => handleContext$().item.ariaLabelledBy),
491
497
  "aria-orientation": computed(() => vertical$() ? "vertical" : void 0),
492
498
  "aria-disabled": computed(() => disabled$() ? "true" : void 0),
493
499
  disabled: disabled$,
@@ -1,6 +1,6 @@
1
1
  import { computed } from "@amadeus-it-group/tansu";
2
2
  import { extendWidgetProps } from "./services/extendWidget.js";
3
- import { d as directiveSubscribe, n as createAttributesDirective } from "./directive-CKEccryv.js";
3
+ import { d as directiveSubscribe, n as createAttributesDirective } from "./directive-DrDJkTS5.js";
4
4
  import { c as typeBoolean, b as typeNumberInRangeFactory } from "./writables-DCiBdIBK.js";
5
5
  import { g as getCommonAlertDefaultConfig, c as createCommonAlert } from "./common-Banw3FYN.js";
6
6
  const toastDefaultConfig = {
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  const tansu = require("@amadeus-it-group/tansu");
3
3
  const services_extendWidget = require("./services/extendWidget.cjs");
4
- const utils_directive = require("./directive-DdlwGFtf.cjs");
4
+ const utils_directive = require("./directive-BtOvPrmt.cjs");
5
5
  const utils_writables = require("./writables-BPAJvaL_.cjs");
6
6
  const common = require("./common-DvPjK7SS.cjs");
7
7
  const toastDefaultConfig = {
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  const tansu = require("@amadeus-it-group/tansu");
3
3
  const services_navManager = require("./services/navManager.cjs");
4
- const utils_directive = require("./directive-DdlwGFtf.cjs");
4
+ const utils_directive = require("./directive-BtOvPrmt.cjs");
5
5
  const func = require("./func-Qd3cD9a3.cjs");
6
6
  const utils_stores = require("./utils/stores.cjs");
7
7
  const utils_writables = require("./writables-BPAJvaL_.cjs");
@@ -1,6 +1,6 @@
1
1
  import { writable, computed } from "@amadeus-it-group/tansu";
2
2
  import { createNavManager } from "./services/navManager.js";
3
- import { a as bindDirective, k as mergeDirectives, n as createAttributesDirective, b as browserDirective } from "./directive-CKEccryv.js";
3
+ import { a as bindDirective, k as mergeDirectives, n as createAttributesDirective, b as browserDirective } from "./directive-DrDJkTS5.js";
4
4
  import { n as noop } from "./func-DR0n-ShK.js";
5
5
  import { writablesForProps, stateStores } from "./utils/stores.js";
6
6
  import { e as typeString, h as typeArray, f as typeFunction } from "./writables-DCiBdIBK.js";
@@ -2,7 +2,7 @@
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  require("@amadeus-it-group/tansu");
4
4
  require("esm-env");
5
- const utils_directive = require("../directive-DdlwGFtf.cjs");
5
+ const utils_directive = require("../directive-BtOvPrmt.cjs");
6
6
  require("../func-Qd3cD9a3.cjs");
7
7
  require("./stores.cjs");
8
8
  exports.attributesData = utils_directive.attributesData;
@@ -1,5 +1,6 @@
1
1
  import type { ReadableSignal } from '@amadeus-it-group/tansu';
2
2
  import type { AttributeValue, Directive, DirectivesAndOptParam, SSRHTMLElement, StyleKey, StyleValue } from '../types';
3
+ import { type ClassValue } from 'clsx';
3
4
  /**
4
5
  * On a browser environment, returns true if the given element is an HTMLElement.
5
6
  * On a server environment, always returns false.
@@ -266,9 +267,10 @@ export declare const attributesData: <T extends any[]>(...directives: Directives
266
267
  style: Partial<Record<StyleKey, StyleValue>>;
267
268
  };
268
269
  /**
269
- * Directive that takes as an argument a string containing CSS classes to be put on the HTML element.
270
+ * Directive that takes as an argument a string, array or object containing CSS classes to be put on the HTML element.
271
+ * The class attribute is computed using the clsx library.
270
272
  */
271
- export declare const classDirective: Directive<string>;
273
+ export declare const classDirective: Directive<ClassValue>;
272
274
  /**
273
275
  * Combines multiple directives into a single attributes object.
274
276
  *
@@ -1,6 +1,6 @@
1
1
  import "@amadeus-it-group/tansu";
2
2
  import "esm-env";
3
- import { o, a, c, b, p, n, g, j, f, h, q, d, e, i, m, k, l, r, s } from "../directive-CKEccryv.js";
3
+ import { o, a, c, b, p, n, g, j, f, h, q, d, e, i, m, k, l, r, s } from "../directive-DrDJkTS5.js";
4
4
  import "../func-DR0n-ShK.js";
5
5
  import "./stores.js";
6
6
  export {