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

package/{accordion-Lp-LEbZ2.cjs → accordion-DTQj-TQ1.cjs}

@@ -2,9 +2,9 @@
 const utils_stores = require("./utils/stores.cjs");
 const services_transitions_baseTransitions = require("./services/transitions/baseTransitions.cjs");
 const tansu = require("@amadeus-it-group/tansu");
-const func = require("./func-Qd3cD9a3.cjs");
+const utils_func = require("./utils/func.cjs");
 const utils_writables = require("./writables-BPAJvaL_.cjs");
-const utils_directive = require("./directive-DdlwGFtf.cjs");
+const utils_directive = require("./dom-CuBx1JPZ.cjs");
 function adjustItemsCloseOthers(items, openItems, oldOpen) {
   let keepOpen;
   if (openItems.length == 2) {
@@ -27,13 +27,12 @@ function getItem(items, id) {
 }
 const defaultAccordionConfig = {
   closeOthers: false,
-  onItemShown: func.noop,
-  onItemHidden: func.noop,
+  onItemShown: utils_func.noop,
+  onItemHidden: utils_func.noop,
   className: "",
   itemDestroyOnHide: true,
   itemAnimated: true,
-  itemTransition: async () => {
-  },
+  itemTransition: utils_func.noop,
   itemHeadingTag: "",
   itemClassName: "",
   itemHeaderClassName: "",
@@ -48,9 +47,9 @@ const defaultItemConfig = {
   visible: false,
   animated: defaultAccordionConfig.itemAnimated,
   transition: defaultAccordionConfig.itemTransition,
-  onShown: func.noop,
-  onHidden: func.noop,
-  onVisibleChange: func.noop,
+  onShown: utils_func.noop,
+  onHidden: utils_func.noop,
+  onVisibleChange: utils_func.noop,
   className: defaultAccordionConfig.itemClassName,
   headerClassName: defaultAccordionConfig.itemHeaderClassName,
   buttonClassName: defaultAccordionConfig.itemButtonClassName,
@@ -115,8 +114,7 @@ function createAccordionItem(config) {
     patch
   ] = utils_stores.writablesForProps(defaultItemConfig, config, configItemValidator);
   const initDone$ = tansu.writable(false);
-  const _autoId$ = tansu.computed(() => utils_directive.generateId());
-  const id$ = tansu.computed(() => _dirtyId$() || _autoId$());
+  const id$ = utils_stores.idWithDefault(_dirtyId$);
   const transition = services_transitions_baseTransitions.createTransition({
     props: {
       transition: transition$,
@@ -155,7 +153,7 @@ function createAccordionItem(config) {
   const bodyContainerAttrsDirective = utils_directive.createAttributesDirective(() => ({
     attributes: {
       id: tansu.computed(() => `${id$()}-body-container`),
-      class: bodyContainerClassName$(),
+      class: bodyContainerClassName$,
       "aria-labelledby": tansu.computed(() => `${id$()}-toggle`)
     }
   }));
@@ -192,17 +190,17 @@ function createAccordionItem(config) {
         toggleDirective,
         utils_directive.createAttributesDirective(() => ({
           attributes: {
-            type: "button",
-            class: buttonClassName$()
+            type: tansu.readable("button"),
+            class: buttonClassName$
           }
         }))
       ),
-      headerDirective: utils_directive.createAttributesDirective(() => ({ attributes: { class: headerClassName$() } })),
-      bodyDirective: utils_directive.createAttributesDirective(() => ({ attributes: { class: bodyClassName$() } })),
+      headerDirective: utils_directive.createAttributesDirective(() => ({ attributes: { class: headerClassName$ } })),
+      bodyDirective: utils_directive.createAttributesDirective(() => ({ attributes: { class: bodyClassName$ } })),
       transitionDirective,
       bodyContainerAttrsDirective,
       bodyContainerDirective: utils_directive.mergeDirectives(transitionDirective, bodyContainerAttrsDirective),
-      itemDirective: func.noop
+      itemDirective: utils_func.noop
     }
   };
 }
@@ -305,7 +303,7 @@ function factoryCreateAccordion(itemFactory = createAccordionItem, accordionItem
       directives: {
         accordionDirective: utils_directive.mergeDirectives(
           utils_directive.directiveSubscribe(action$),
-          utils_directive.createAttributesDirective(() => ({ attributes: { class: className$() }, classNames: { "au-accordion": true } }))
+          utils_directive.createAttributesDirective(() => ({ attributes: { class: className$ }, classNames: { "au-accordion": utils_stores.true$ } }))
         )
       }
     };

package/{accordion-BGv150k9.js → accordion-hVi2XRk-.js}

@@ -1,9 +1,9 @@
-import { writablesForProps, stateStores, mergeConfigStores, normalizeConfigStores } from "./utils/stores.js";
+import { writablesForProps, idWithDefault, stateStores, mergeConfigStores, normalizeConfigStores, true$ } from "./utils/stores.js";
 import { createTransition } from "./services/transitions/baseTransitions.js";
-import { writable, computed, asWritable, readable } from "@amadeus-it-group/tansu";
-import { n as noop } from "./func-DR0n-ShK.js";
+import { writable, computed, readable, asWritable } from "@amadeus-it-group/tansu";
+import { noop } from "./utils/func.js";
 import { c as typeBoolean, f as typeFunction, e as typeString } from "./writables-DCiBdIBK.js";
-import { t as generateId, k as mergeDirectives, n as createAttributesDirective, r as registrationArray, d as directiveSubscribe } from "./directive-CKEccryv.js";
+import { k as mergeDirectives, n as createAttributesDirective, r as registrationArray, d as directiveSubscribe } from "./dom-BB9jLllr.js";
 function adjustItemsCloseOthers(items, openItems, oldOpen) {
   let keepOpen;
   if (openItems.length == 2) {
@@ -31,8 +31,7 @@ const defaultAccordionConfig = {
   className: "",
   itemDestroyOnHide: true,
   itemAnimated: true,
-  itemTransition: async () => {
-  },
+  itemTransition: noop,
   itemHeadingTag: "",
   itemClassName: "",
   itemHeaderClassName: "",
@@ -114,8 +113,7 @@ function createAccordionItem(config) {
     patch
   ] = writablesForProps(defaultItemConfig, config, configItemValidator);
   const initDone$ = writable(false);
-  const _autoId$ = computed(() => generateId());
-  const id$ = computed(() => _dirtyId$() || _autoId$());
+  const id$ = idWithDefault(_dirtyId$);
   const transition = createTransition({
     props: {
       transition: transition$,
@@ -154,7 +152,7 @@ function createAccordionItem(config) {
   const bodyContainerAttrsDirective = createAttributesDirective(() => ({
     attributes: {
       id: computed(() => `${id$()}-body-container`),
-      class: bodyContainerClassName$(),
+      class: bodyContainerClassName$,
       "aria-labelledby": computed(() => `${id$()}-toggle`)
     }
   }));
@@ -191,13 +189,13 @@ function createAccordionItem(config) {
         toggleDirective,
         createAttributesDirective(() => ({
           attributes: {
-            type: "button",
-            class: buttonClassName$()
+            type: readable("button"),
+            class: buttonClassName$
           }
         }))
       ),
-      headerDirective: createAttributesDirective(() => ({ attributes: { class: headerClassName$() } })),
-      bodyDirective: createAttributesDirective(() => ({ attributes: { class: bodyClassName$() } })),
+      headerDirective: createAttributesDirective(() => ({ attributes: { class: headerClassName$ } })),
+      bodyDirective: createAttributesDirective(() => ({ attributes: { class: bodyClassName$ } })),
       transitionDirective,
       bodyContainerAttrsDirective,
       bodyContainerDirective: mergeDirectives(transitionDirective, bodyContainerAttrsDirective),
@@ -304,7 +302,7 @@ function factoryCreateAccordion(itemFactory = createAccordionItem, accordionItem
       directives: {
         accordionDirective: mergeDirectives(
           directiveSubscribe(action$),
-          createAttributesDirective(() => ({ attributes: { class: className$() }, classNames: { "au-accordion": true } }))
+          createAttributesDirective(() => ({ attributes: { class: className$ }, classNames: { "au-accordion": true$ } }))
         )
       }
     };

package/{alert-DJ2l7bcA.js → alert-BSixS_cz.js}

@@ -1,4 +1,4 @@
-import { g as getCommonAlertDefaultConfig, c as createCommonAlert } from "./common-Banw3FYN.js";
+import { g as getCommonAlertDefaultConfig, c as createCommonAlert } from "./common-CuZAeECD.js";
 function getAlertDefaultConfig() {
   return { ...getCommonAlertDefaultConfig() };
 }

package/{alert-Bq101evB.cjs → alert-BrVkxOnA.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const common = require("./common-DvPjK7SS.cjs");
+const common = require("./common-CcQOJ_hf.cjs");
 function getAlertDefaultConfig() {
   return { ...common.getCommonAlertDefaultConfig() };
 }

package/{common-DvPjK7SS.cjs → common-CcQOJ_hf.cjs}

@@ -1,19 +1,18 @@
 "use strict";
 const services_transitions_baseTransitions = require("./services/transitions/baseTransitions.cjs");
-const func = require("./func-Qd3cD9a3.cjs");
+const utils_func = require("./utils/func.cjs");
 const utils_stores = require("./utils/stores.cjs");
 const utils_writables = require("./writables-BPAJvaL_.cjs");
 const defaultCommonAlertConfig = {
   visible: true,
   dismissible: true,
   ariaCloseButtonLabel: "Close",
-  onVisibleChange: func.noop,
-  onShown: func.noop,
-  onHidden: func.noop,
+  onVisibleChange: utils_func.noop,
+  onShown: utils_func.noop,
+  onHidden: utils_func.noop,
   animated: true,
   animatedOnInit: false,
-  transition: async () => {
-  },
+  transition: utils_func.noop,
   className: ""
 };
 function getCommonAlertDefaultConfig() {

package/{common-Banw3FYN.js → common-CuZAeECD.js}

@@ -1,5 +1,5 @@
 import { createTransition } from "./services/transitions/baseTransitions.js";
-import { n as noop } from "./func-DR0n-ShK.js";
+import { noop } from "./utils/func.js";
 import { writablesForProps, stateStores } from "./utils/stores.js";
 import { c as typeBoolean, f as typeFunction, e as typeString } from "./writables-DCiBdIBK.js";
 const defaultCommonAlertConfig = {
@@ -11,8 +11,7 @@ const defaultCommonAlertConfig = {
   onHidden: noop,
   animated: true,
   animatedOnInit: false,
-  transition: async () => {
-  },
+  transition: noop,
   className: ""
 };
 function getCommonAlertDefaultConfig() {

package/components/accordion/accordion.d.ts

@@ -50,7 +50,7 @@ export interface AccordionProps extends WidgetsCommonPropsAndState {
      *
      * @defaultValue
      * ```ts
-     * async () => {}
+     * () => {}
      * ```
      */
     itemTransition: TransitionFn;

package/components/accordion/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const accordion = require("../../accordion-Lp-LEbZ2.cjs");
+const accordion = require("../../accordion-DTQj-TQ1.cjs");
 exports.createAccordion = accordion.createAccordion;
 exports.createAccordionItem = accordion.createAccordionItem;
 exports.factoryCreateAccordion = accordion.factoryCreateAccordion;

package/components/accordion/index.js

@@ -1,4 +1,4 @@
-import { a, c, f, g } from "../../accordion-BGv150k9.js";
+import { a, c, f, g } from "../../accordion-hVi2XRk-.js";
 export {
   a as createAccordion,
   c as createAccordionItem,

package/components/alert/common.d.ts

@@ -72,7 +72,7 @@ export interface CommonAlertProps extends CommonAlertCommonPropsAndState {
      *
      * @defaultValue
      * ```ts
-     * async () => {}
+     * () => {}
      * ```
      */
     transition: TransitionFn;

package/components/alert/index.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const alert = require("../../alert-Bq101evB.cjs");
+const alert = require("../../alert-BrVkxOnA.cjs");
 exports.createAlert = alert.createAlert;
 exports.getAlertDefaultConfig = alert.getAlertDefaultConfig;

package/components/alert/index.js

@@ -1,4 +1,4 @@
-import { c, g } from "../../alert-DJ2l7bcA.js";
+import { c, g } from "../../alert-BSixS_cz.js";
 export {
   c as createAlert,
   g as getAlertDefaultConfig

package/components/modal/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const modal = require("../../modal-DDHcrykD.cjs");
+const modal = require("../../modal-B7bYoubx.cjs");
 exports.createModal = modal.createModal;
 exports.getModalDefaultConfig = modal.getModalDefaultConfig;
 exports.modalCloseButtonClick = modal.modalCloseButtonClick;

package/components/modal/index.js

@@ -1,4 +1,4 @@
-import { c, g, a, m } from "../../modal-DP-4I7vf.js";
+import { c, g, a, m } from "../../modal-BQcw6bnM.js";
 export {
   c as createModal,
   g as getModalDefaultConfig,

package/components/modal/modal.d.ts

@@ -88,7 +88,7 @@ export interface ModalProps extends ModalCommonPropsAndState {
      *
      * @defaultValue
      * ```ts
-     * async () => {}
+     * () => {}
      * ```
      */
     backdropTransition: TransitionFn;
@@ -103,7 +103,7 @@ export interface ModalProps extends ModalCommonPropsAndState {
      *
      * @defaultValue
      * ```ts
-     * async () => {}
+     * () => {}
      * ```
      */
     modalTransition: TransitionFn;

package/components/pagination/index.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const pagination = require("../../pagination-CBysiPUs.cjs");
+const pagination = require("../../pagination-5YARuB3V.cjs");
 exports.createPagination = pagination.createPagination;
 exports.getPaginationDefaultConfig = pagination.getPaginationDefaultConfig;

package/components/pagination/index.js

@@ -1,4 +1,4 @@
-import { c, g } from "../../pagination-DwDRot6q.js";
+import { c, g } from "../../pagination-BwaZEokc.js";
 export {
   c as createPagination,
   g as getPaginationDefaultConfig

package/components/progressbar/index.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const progressbar = require("../../progressbar-DghzCJ6_.cjs");
+const progressbar = require("../../progressbar-BpSrg4HG.cjs");
 exports.createProgressbar = progressbar.createProgressbar;
 exports.getProgressbarDefaultConfig = progressbar.getProgressbarDefaultConfig;

package/components/progressbar/index.js

@@ -1,4 +1,4 @@
-import { c, g } from "../../progressbar-CGmNq0cS.js";
+import { c, g } from "../../progressbar-b_kXzGPc.js";
 export {
   c as createProgressbar,
   g as getProgressbarDefaultConfig

package/components/rating/index.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const rating = require("../../rating-DlfOuwuX.cjs");
+const rating = require("../../rating-C8tn9xTO.cjs");
 exports.createRating = rating.createRating;
 exports.getRatingDefaultConfig = rating.getRatingDefaultConfig;

package/components/rating/index.js

@@ -1,4 +1,4 @@
-import { c, g } from "../../rating-Da38uaZz.js";
+import { c, g } from "../../rating-B1JLZgIR.js";
 export {
   c as createRating,
   g as getRatingDefaultConfig

package/components/select/index.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const select = require("../../select-LBVhNdrd.cjs");
+const select = require("../../select-D1pBz4CM.cjs");
 exports.createSelect = select.createSelect;
 exports.getSelectDefaultConfig = select.getSelectDefaultConfig;

package/components/select/index.js

@@ -1,4 +1,4 @@
-import { c, g } from "../../select-CAEPqdz1.js";
+import { c, g } from "../../select-Bb2RAVs0.js";
 export {
   c as createSelect,
   g as getSelectDefaultConfig

package/components/slider/index.cjs

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

package/components/slider/index.js

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

package/components/slider/slider.d.ts

@@ -61,11 +61,44 @@ export interface SliderHandle {
     /**
      * ariaLabel of the handle
      */
-    ariaLabel: string;
+    ariaLabel: string | undefined;
     /**
      * ariaValueText of the handle
      */
-    ariaValueText: string;
+    ariaValueText: string | undefined;
+    /**
+     * aria-labelledBy of the handle
+     */
+    ariaLabelledBy: string | undefined;
+}
+/**
+ * Represents a tick in a slider component.
+ */
+export interface SliderTick {
+    /**
+     * CSS classes to be applied on the tick
+     */
+    className?: string | null;
+    /**
+     * Visualized optional explanation of the label
+     */
+    legend?: string | null;
+    /**
+     * Position of the tick in percent
+     */
+    position: number;
+    /**
+     * If `true` the tick has selected style
+     */
+    selected: boolean;
+    /**
+     * Value of the tick
+     */
+    value: number;
+    /**
+     * If `true` the tick label is displayed
+     */
+    displayLabel: boolean;
 }
 interface SliderCommonPropsAndState extends WidgetsCommonPropsAndState {
     /**
@@ -122,6 +155,12 @@ interface SliderCommonPropsAndState extends WidgetsCommonPropsAndState {
      * @defaultValue `true`
      */
     showMinMaxLabels: boolean;
+    /**
+     * If `true` the ticks are displayed on the slider
+     *
+     * @defaultValue `false`
+     */
+    showTicks: boolean;
     /**
      * It `true` slider display is inversed
      *
@@ -173,6 +212,10 @@ export interface SliderState extends SliderCommonPropsAndState {
      * Check if the slider is interactive, meaning it is not disabled or readonly
      */
     interactive: boolean;
+    /**
+     * Array of ticks to display on the slider component
+     */
+    ticks: SliderTick[];
 }
 /**
  * Interface representing the properties for the Slider component.
@@ -180,28 +223,35 @@ export interface SliderState extends SliderCommonPropsAndState {
 export interface SliderProps extends SliderCommonPropsAndState {
     /**
      * Return the value for the 'aria-label' attribute for the handle
-     * @param value - value of the handle
      * @param sortedIndex - index of the handle in the sorted list
-     * @param index - index of the handle in the original list
      *
      * @defaultValue
      * ```ts
-     * (value: number) => '' + value
+     * () => 'Value'
+     * ```
+     */
+    ariaLabel: (sortedIndex: number) => string;
+    /**
+     * Return the value for the 'aria-labelledBy' attribute for the handle
+     * @param sortedIndex - index of the handle in the sorted list
+     *
+     * @defaultValue
+     * ```ts
+     * () => ''
      * ```
      */
-    ariaLabelHandle: (value: number, sortedIndex: number, index: number) => string;
+    ariaLabelledBy: (sortedIndex: number) => string;
     /**
      * Return the value for the 'aria-valuetext' attribute for the handle
      * @param value - value of the handle
      * @param sortedIndex - index of the handle in the sorted list
-     * @param index - index of the handle in the original list
      *
      * @defaultValue
      * ```ts
-     * (value: number) => '' + value
+     * (value: number) => ''
      * ```
      */
-    ariaValueText: (value: number, sortedIndex: number, index: number) => string;
+    ariaValueText: (value: number, sortedIndex: number) => string;
     /**
      * An event emitted when slider values are changed
      *
@@ -213,6 +263,19 @@ export interface SliderProps extends SliderCommonPropsAndState {
      * ```
      */
     onValuesChange: (values: number[]) => void;
+    /**
+     * Unit value between the ticks
+     * If value is set to `0` the {@link stepSize} is used to space the ticks
+     *
+     * @defaultValue `0`
+     */
+    tickInterval: number;
+    /**
+     * If `true` the tick values are displayed on the slider
+     *
+     * @defaultValue `true`
+     */
+    showTickValues: boolean;
 }
 /**
  * Interface representing various directives used in the slider component.
@@ -264,6 +327,18 @@ export interface SliderDirectives {
     handleLabelDisplayDirective: Directive<{
         index: number;
     }>;
+    /**
+     * Directive to apply to the slider tick
+     */
+    tickDirective: Directive<{
+        tick: SliderTick;
+    }>;
+    /**
+     * Directive to apply to the slider tick label
+     */
+    tickLabelDirective: Directive<{
+        tick: SliderTick;
+    }>;
 }
 /**
  * Represents a slider widget component.

package/components/toast/index.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const toast = require("../../toast-D_uSrRZL.cjs");
+const toast = require("../../toast-CaIcB2sD.cjs");
 exports.createToast = toast.createToast;
 exports.getToastDefaultConfig = toast.getToastDefaultConfig;

package/components/toast/index.js

@@ -1,4 +1,4 @@
-import { c, g } from "../../toast-CpvsibAI.js";
+import { c, g } from "../../toast-Bw2QSzBX.js";
 export {
   c as createToast,
   g as getToastDefaultConfig

package/components/tree/index.cjs

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

package/components/tree/index.js

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

package/config.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const tansu = require("@amadeus-it-group/tansu");
-const func = require("./func-Qd3cD9a3.cjs");
+const utils_func = require("./utils/func.cjs");
 const mergeInto = (destination, source, levels = Infinity) => {
   if (source !== void 0) {
     if (typeof source === "object" && source && levels >= 1) {
@@ -19,9 +19,9 @@ const mergeInto = (destination, source, levels = Infinity) => {
   }
   return destination;
 };
-const createWidgetsConfig = (parent$, adaptParentConfig = func.identity) => {
+const createWidgetsConfig = (parent$, adaptParentConfig = utils_func.identity) => {
   const own$ = tansu.writable({});
-  const adaptedParent$ = adaptParentConfig === func.identity ? parent$ : tansu.computed(() => adaptParentConfig(mergeInto({}, parent$ == null ? void 0 : parent$(), 2)));
+  const adaptedParent$ = adaptParentConfig === utils_func.identity ? parent$ : tansu.computed(() => adaptParentConfig(mergeInto({}, parent$ == null ? void 0 : parent$(), 2)));
   return tansu.asWritable(
     tansu.computed(() => mergeInto(mergeInto({}, adaptedParent$ == null ? void 0 : adaptedParent$(), 2), own$(), 2)),
     {

package/config.js

@@ -1,5 +1,5 @@
 import { writable, computed, asWritable } from "@amadeus-it-group/tansu";
-import { i as identity } from "./func-DR0n-ShK.js";
+import { identity } from "./utils/func.js";
 const mergeInto = (destination, source, levels = Infinity) => {
   if (source !== void 0) {
     if (typeof source === "object" && source && levels >= 1) {