@agnos-ui/core-bootstrap 0.7.1 → 0.8.0-next.1

package/{accordion-B-uoNLHJ.cjs → accordion-C1fPM-Yp.cjs}

@@ -2,6 +2,7 @@
 const accordion = require("@agnos-ui/core/components/accordion");
 const collapse = require("./collapse-sUYbZqEx.cjs");
 const extendWidget = require("@agnos-ui/core/services/extendWidget");
+const func = require("@agnos-ui/core/utils/func");
 const defaultConfigExtraProps = {
   itemStructure: void 0
 };
@@ -18,12 +19,9 @@ const accordionItemDefaultConfig = {
   animated: false,
   transition: collapse.collapseVerticalTransition,
   destroyOnHide: false,
-  onShown: () => {
-  },
-  onHidden: () => {
-  },
-  onVisibleChange: () => {
-  },
+  onShown: func.noop,
+  onHidden: func.noop,
+  onVisibleChange: func.noop,
   visible: false,
   disabled: false,
   id: "",

package/{accordion-DBVC9W8u.js → accordion-fxxgzVzz.js}

@@ -1,6 +1,7 @@
-import { getAccordionDefaultConfig as getAccordionDefaultConfig$1, createAccordionItem as createAccordionItem$1, factoryCreateAccordion } from "@agnos-ui/core/components/accordion";
+import { factoryCreateAccordion, createAccordionItem as createAccordionItem$1, getAccordionDefaultConfig as getAccordionDefaultConfig$1 } from "@agnos-ui/core/components/accordion";
 import { c as collapseVerticalTransition } from "./collapse-CVjUhnIz.js";
 import { extendWidgetProps } from "@agnos-ui/core/services/extendWidget";
+import { noop } from "@agnos-ui/core/utils/func";
 const defaultConfigExtraProps = {
   itemStructure: void 0
 };
@@ -17,12 +18,9 @@ const accordionItemDefaultConfig = {
   animated: false,
   transition: collapseVerticalTransition,
   destroyOnHide: false,
-  onShown: () => {
-  },
-  onHidden: () => {
-  },
-  onVisibleChange: () => {
-  },
+  onShown: noop,
+  onHidden: noop,
+  onVisibleChange: noop,
   visible: false,
   disabled: false,
   id: "",

package/{collapse-DAqth71Q.js → collapse-6vo9eMAR.js}

@@ -1,8 +1,9 @@
 import { createTransition } from "@agnos-ui/core/services/transitions/baseTransitions";
-import { writablesForProps, stateStores } from "@agnos-ui/core/utils/stores";
-import { mergeDirectives, createAttributesDirective } from "@agnos-ui/core/utils/directive";
-import { typeBoolean, typeFunction, typeString } from "@agnos-ui/core/utils/writables";
+import { writablesForProps, idWithDefault, stateStores, true$ } from "@agnos-ui/core/utils/stores";
+import { createAttributesDirective, mergeDirectives } from "@agnos-ui/core/utils/directive";
+import { typeString, typeBoolean, typeFunction } from "@agnos-ui/core/utils/writables";
 import { a as collapseHorizontalTransition, c as collapseVerticalTransition } from "./collapse-CVjUhnIz.js";
+import { noop as noop$1 } from "@agnos-ui/core/utils/func";
 const equal = (a, b) => Object.is(a, b) && (!a || typeof a !== "object") && typeof a !== "function";
 const subscribersQueue = [];
 let willProcessQueue = false;
@@ -282,7 +283,7 @@ class RawStoreTrackingUsage extends RawStoreWritable {
     const flags = this.flags;
     if (flags & 2 && !this.extraUsages && !this.consumerLinks.length) {
       if (inFlushUnused || flags & 1) {
-        this.flags &= ~2;
+        this.flags &= -3;
         untrack(() => this.endUse());
       } else if (!(flags & 4)) {
         this.flags |= 4;
@@ -449,7 +450,7 @@ class RawStoreComputedOrDerived extends RawStoreTrackingUsage {
       }
     } finally {
       setActiveConsumer(prevActiveConsumer);
-      this.flags &= ~8;
+      this.flags &= -9;
     }
   }
 }
@@ -570,12 +571,9 @@ function computed(fn, options) {
 const defaultCollapseConfig = {
   visible: true,
   horizontal: false,
-  onVisibleChange: () => {
-  },
-  onShown: () => {
-  },
-  onHidden: () => {
-  },
+  onVisibleChange: noop$1,
+  onShown: noop$1,
+  onHidden: noop$1,
   animated: true,
   animatedOnInit: false,
   className: "",
@@ -596,7 +594,11 @@ const commonCollapseConfigValidator = {
   id: typeString
 };
 function createCollapse(config) {
-  const [{ animatedOnInit$, animated$, visible$: requestedVisible$, onVisibleChange$, onHidden$, onShown$, horizontal$, id$, ...stateProps }, patch] = writablesForProps(defaultCollapseConfig, config, commonCollapseConfigValidator);
+  const [
+    { animatedOnInit$, animated$, visible$: requestedVisible$, onVisibleChange$, onHidden$, onShown$, horizontal$, id$: _dirtyId$, ...stateProps },
+    patch
+  ] = writablesForProps(defaultCollapseConfig, config, commonCollapseConfigValidator);
+  const id$ = idWithDefault(_dirtyId$);
   const currentTransitionFn$ = asWritable(computed(() => horizontal$() ? collapseHorizontalTransition : collapseVerticalTransition));
   const transition = createTransition({
     props: {
@@ -624,10 +626,22 @@ function createCollapse(config) {
         transition.directives.directive,
         createAttributesDirective(() => ({
           attributes: {
-            id: computed(() => id$() || void 0)
+            id: id$
+          },
+          classNames: {
+            "au-collapse": true$
           }
         }))
-      )
+      ),
+      triggerDirective: createAttributesDirective(() => ({
+        attributes: {
+          "aria-expanded": computed(() => `${visible$()}`),
+          "aria-controls": id$
+        },
+        events: {
+          click: () => transition.api.toggle()
+        }
+      }))
     }
   };
 }

package/{collapse-_elTaNvN.cjs → collapse-CSP8JFq-.cjs}

@@ -4,6 +4,7 @@ const stores = require("@agnos-ui/core/utils/stores");
 const directive = require("@agnos-ui/core/utils/directive");
 const writables = require("@agnos-ui/core/utils/writables");
 const collapse = require("./collapse-sUYbZqEx.cjs");
+const func = require("@agnos-ui/core/utils/func");
 const equal = (a, b) => Object.is(a, b) && (!a || typeof a !== "object") && typeof a !== "function";
 const subscribersQueue = [];
 let willProcessQueue = false;
@@ -283,7 +284,7 @@ class RawStoreTrackingUsage extends RawStoreWritable {
     const flags = this.flags;
     if (flags & 2 && !this.extraUsages && !this.consumerLinks.length) {
       if (inFlushUnused || flags & 1) {
-        this.flags &= ~2;
+        this.flags &= -3;
         untrack(() => this.endUse());
       } else if (!(flags & 4)) {
         this.flags |= 4;
@@ -450,7 +451,7 @@ class RawStoreComputedOrDerived extends RawStoreTrackingUsage {
       }
     } finally {
       setActiveConsumer(prevActiveConsumer);
-      this.flags &= ~8;
+      this.flags &= -9;
     }
   }
 }
@@ -571,12 +572,9 @@ function computed(fn, options) {
 const defaultCollapseConfig = {
   visible: true,
   horizontal: false,
-  onVisibleChange: () => {
-  },
-  onShown: () => {
-  },
-  onHidden: () => {
-  },
+  onVisibleChange: func.noop,
+  onShown: func.noop,
+  onHidden: func.noop,
   animated: true,
   animatedOnInit: false,
   className: "",
@@ -597,7 +595,11 @@ const commonCollapseConfigValidator = {
   id: writables.typeString
 };
 function createCollapse(config) {
-  const [{ animatedOnInit$, animated$, visible$: requestedVisible$, onVisibleChange$, onHidden$, onShown$, horizontal$, id$, ...stateProps }, patch] = stores.writablesForProps(defaultCollapseConfig, config, commonCollapseConfigValidator);
+  const [
+    { animatedOnInit$, animated$, visible$: requestedVisible$, onVisibleChange$, onHidden$, onShown$, horizontal$, id$: _dirtyId$, ...stateProps },
+    patch
+  ] = stores.writablesForProps(defaultCollapseConfig, config, commonCollapseConfigValidator);
+  const id$ = stores.idWithDefault(_dirtyId$);
   const currentTransitionFn$ = asWritable(computed(() => horizontal$() ? collapse.collapseHorizontalTransition : collapse.collapseVerticalTransition));
   const transition = baseTransitions.createTransition({
     props: {
@@ -625,10 +627,22 @@ function createCollapse(config) {
         transition.directives.directive,
         directive.createAttributesDirective(() => ({
           attributes: {
-            id: computed(() => id$() || void 0)
+            id: id$
+          },
+          classNames: {
+            "au-collapse": stores.true$
           }
         }))
-      )
+      ),
+      triggerDirective: directive.createAttributesDirective(() => ({
+        attributes: {
+          "aria-expanded": computed(() => `${visible$()}`),
+          "aria-controls": id$
+        },
+        events: {
+          click: () => transition.api.toggle()
+        }
+      }))
     }
   };
 }

package/components/accordion/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const accordion = require("../../accordion-B-uoNLHJ.cjs");
+const accordion = require("../../accordion-C1fPM-Yp.cjs");
 const accordion$1 = require("@agnos-ui/core/components/accordion");
 exports.createAccordion = accordion.createAccordion;
 exports.createAccordionItem = accordion.createAccordionItem;

package/components/accordion/index.js

@@ -1,4 +1,4 @@
-import { a, c, g } from "../../accordion-DBVC9W8u.js";
+import { a, c, g } from "../../accordion-fxxgzVzz.js";
 export * from "@agnos-ui/core/components/accordion";
 export {
   a as createAccordion,

package/components/collapse/collapse.d.ts

@@ -108,6 +108,10 @@ export interface CollapseDirectives {
      * Directive to apply the collapse.
      */
     collapseDirective: Directive;
+    /**
+     * Directive to apply to a trigger;
+     */
+    triggerDirective: Directive;
 }
 /**
  * Represents a widget for handling collapse functionality.

package/components/collapse/index.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const collapse = require("../../collapse-_elTaNvN.cjs");
+const collapse = require("../../collapse-CSP8JFq-.cjs");
 exports.createCollapse = collapse.createCollapse;
 exports.getCollapseDefaultConfig = collapse.getCollapseDefaultConfig;

package/components/collapse/index.js

@@ -1,4 +1,4 @@
-import { c, g } from "../../collapse-DAqth71Q.js";
+import { c, g } from "../../collapse-6vo9eMAR.js";
 export {
   c as createCollapse,
   g as getCollapseDefaultConfig

package/components/progressbar/index.js

@@ -1,4 +1,4 @@
-import { c, g } from "../../progressbar-D9S5NLpS.js";
+import { c, g } from "../../progressbar-DcUv6Lh4.js";
 export * from "@agnos-ui/core/components/progressbar";
 export {
   c as createProgressbar,

package/components/slider/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const slider = require("../../slider-UHwPs1vO.cjs");
+const slider = require("../../slider-CosrWCnn.cjs");
 const slider$1 = require("@agnos-ui/core/components/slider");
 exports.createSlider = slider.createSlider;
 exports.getSliderDefaultConfig = slider.getSliderDefaultConfig;

package/components/slider/index.js

@@ -1,4 +1,4 @@
-import { c, g } from "../../slider-CLWQS0Ke.js";
+import { c, g } from "../../slider-Bj081WdM.js";
 export * from "@agnos-ui/core/components/slider";
 export {
   c as createSlider,

package/components/slider/slider.d.ts

@@ -1,4 +1,4 @@
-import type { SliderDirectives, SliderHandle, SliderProps as CoreProps, SliderState as CoreState } from '@agnos-ui/core/components/slider';
+import type { SliderDirectives, SliderHandle, SliderProps as CoreProps, SliderState as CoreState, SliderTick } from '@agnos-ui/core/components/slider';
 import type { SlotContent, Widget, WidgetFactory, WidgetSlotContext } from '@agnos-ui/core/types';
 export * from '@agnos-ui/core/components/slider';
 /**
@@ -27,6 +27,15 @@ export interface SliderSlotHandleContext extends SliderContext {
      */
     item: SliderHandle;
 }
+/**
+ * Represents the context for a slider tick slot
+ */
+export interface SliderSlotTickContext extends SliderContext {
+    /**
+     * tick context
+     */
+    tick: SliderTick;
+}
 interface SliderExtraProps {
     /**
      * Slot to change the default display of the slider
@@ -45,6 +54,10 @@ interface SliderExtraProps {
      *  Slot to change the handlers
      */
     handle: SlotContent<SliderSlotHandleContext>;
+    /**
+     * Slot to change the ticks
+     */
+    tick: SlotContent<SliderSlotTickContext>;
 }
 /**
  * Represents the state of a slider component.

package/css/agnosui.css

@@ -97,6 +97,13 @@
   --bs-slider-handle-outline: none;
   --bs-slider-handle-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
   --bs-slider-handle-focus-hover-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+  --bs-slider-tick-primary-size: 1rem;
+  --bs-slider-tick-secondary-size: 1rem;
+  --bs-slider-tick-neutral-color: var(--bs-light-emphasis, #666666);
+  --bs-slider-tick-selected-color: var(--bs-primary, #0d6efd);
+  --bs-slider-tick-disabled-color: var(--bs-dark-bg-subtle, #ced4da);
+  --bs-slider-tick-fill-color: var(--bs-white, #ffffff);
+  --bs-slider-tick-label-translate-vertical: translateY(75%);
   --bs-slider-progress-color: var(--bs-primary, #0d6efd);
   --bs-slider-progress-height: 0.25rem;
   --bs-slider-progress-vertical-transform: rotate(90deg);
@@ -137,7 +144,10 @@
   --bs-slider-vertical-margin-inline-start: calc((1.5rem - 0.3125rem) / 2 + 0rem);
   --bs-slider-vertical-margin-inline-end: calc((1.5rem - 0.3125rem) / 2 + 0rem + 3ch + 0rem);
   --bs-slider-handle-size: 1.5rem;
+  --bs-slider-tick-primary-size: 1.25rem;
+  --bs-slider-tick-secondary-size: 1.25rem;
   --bs-slider-label-margin-block-start: calc(-1 * (1.125rem * 1.5 + (1.5rem - 0.3125rem) / 2));
+  --bs-slider-tick-label-margin-block-start: calc(-1 * (1.125rem * 1.5 + (1.25rem - 0.3125rem) / 2));
   --bs-slider-label-vertical-margin-inline-start: calc((1.5rem - 0.3125rem) / 2 + 0.3125rem + 0rem);
 }
 .au-slider.au-slider-sm {
@@ -149,7 +159,10 @@
   --bs-slider-vertical-margin-inline-start: calc((1rem - 0.2rem) / 2 + 0rem);
   --bs-slider-vertical-margin-inline-end: calc((1rem - 0.2rem) / 2 + 0rem + 3ch + 0rem);
   --bs-slider-handle-size: 1rem;
+  --bs-slider-tick-primary-size: 0.75rem;
+  --bs-slider-tick-secondary-size: 0.75rem;
   --bs-slider-label-margin-block-start: calc(-1 * (0.875rem * 1.5 + (1rem - 0.2rem) / 2));
+  --bs-slider-tick-label-margin-block-start: calc(-1 * (0.875rem * 1.5 + (0.75rem - 0.2rem) / 2));
   --bs-slider-label-vertical-margin-inline-start: calc((1rem - 0.2rem) / 2 + 0.2rem + 0rem);
 }
 .au-slider.au-slider-horizontal {
@@ -162,6 +175,10 @@
   top: calc(50% - var(--bs-slider-handle-size) / 2);
   transform: var(--bs-slider-translate-horizontal);
 }
+.au-slider.au-slider-horizontal .au-slider-tick-horizontal {
+  top: calc(50% - var(--bs-slider-tick-primary-size) / 2);
+  transform: var(--bs-slider-translate-horizontal);
+}
 .au-slider.au-slider-vertical {
   height: var(--bs-slider-primary-size);
   width: var(--bs-slider-secondary-size);
@@ -172,6 +189,10 @@
   left: calc(50% - var(--bs-slider-handle-size) / 2);
   transform: var(--bs-slider-translate-vertical);
 }
+.au-slider.au-slider-vertical .au-slider-tick-vertical {
+  left: calc(50% - var(--bs-slider-tick-primary-size) / 2);
+  transform: var(--bs-slider-translate-vertical);
+}
 .au-slider .au-slider-handle {
   background-color: var(--bs-slider-handle-color);
   border: var(--bs-slider-handle-border);
@@ -191,6 +212,53 @@
 .au-slider .au-slider-handle:focus-visible {
   box-shadow: var(--bs-slider-handle-focus-box-shadow);
 }
+.au-slider .au-slider-tick {
+  position: absolute;
+  height: var(--bs-slider-tick-primary-size);
+  width: var(--bs-slider-tick-secondary-size);
+  cursor: var(--bs-slider-clickable-area-cursor);
+}
+.au-slider .au-slider-tick svg {
+  display: block;
+  width: var(--bs-slider-tick-secondary-size);
+  height: var(--bs-slider-tick-primary-size);
+  fill: none;
+}
+.au-slider .au-slider-tick svg circle {
+  cx: 50%;
+  cy: 50%;
+  fill: var(--bs-slider-tick-fill-color);
+}
+.au-slider .au-slider-tick svg circle.au-slider-tick-outer {
+  r: 45%;
+  stroke: var(--bs-slider-tick-neutral-color);
+  stroke-width: 1.5;
+}
+.au-slider .au-slider-tick svg circle.au-slider-tick-outer.au-slider-tick-disabled {
+  stroke: var(--bs-slider-tick-disabled-color);
+}
+.au-slider .au-slider-tick svg circle.au-slider-tick-selected.au-slider-tick-outer {
+  fill: var(--bs-slider-tick-selected-color);
+  stroke: none;
+  r: 50%;
+}
+.au-slider .au-slider-tick svg circle.au-slider-tick-selected.au-slider-tick-outer.au-slider-tick-disabled {
+  fill: var(--bs-slider-tick-disabled-color);
+}
+.au-slider .au-slider-tick svg circle.au-slider-tick-selected.au-slider-tick-inner {
+  r: 25%;
+}
+.au-slider .au-slider-tick-label {
+  position: absolute;
+  text-wrap: nowrap;
+  transform: var(--bs-slider-translate-horizontal);
+  margin-block-start: var(--bs-slider-label-margin-block-start);
+}
+.au-slider .au-slider-tick-label-vertical {
+  position: absolute;
+  margin-inline-start: var(--bs-slider-label-vertical-margin-inline-start);
+  transform: var(--bs-slider-tick-label-translate-vertical);
+}
 .au-slider .au-slider-progress {
   background-color: var(--bs-slider-progress-color);
   border-radius: var(--bs-slider-border-radius);
@@ -261,11 +329,16 @@
   flex-shrink: var(--bs-slider-clickable-area-vertical-flex-shrink);
   cursor: var(--bs-slider-clickable-area-cursor);
 }
+.au-slider .au-slider-clickable-area-with-ticks {
+  cursor: default;
+}
 .au-slider.disabled {
   cursor: var(--bs-slider-disabled-cursor);
 }
 .au-slider.disabled .au-slider-label,
-.au-slider.disabled .au-slider-label-vertical {
+.au-slider.disabled .au-slider-label-vertical,
+.au-slider.disabled .au-slider-tick-label,
+.au-slider.disabled .au-slider-tick-label-vertical {
   color: var(--bs-slider-disabled-color);
 }
 .au-slider.disabled .au-slider-progress,
@@ -274,7 +347,8 @@
   cursor: var(--bs-slider-disabled-cursor);
 }
 .au-slider.disabled .au-slider-clickable-area,
-.au-slider.disabled .au-slider-clickable-area-vertical {
+.au-slider.disabled .au-slider-clickable-area-vertical,
+.au-slider.disabled .au-slider-tick {
   cursor: var(--bs-slider-disabled-cursor);
 }
 

package/css/agnosui.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/_functions.scss","../scss/tree.scss","../scss/select.scss","../scss/slider.scss","../scss/rating.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAgBA;AAAA;AAAA;AAAA;ACbA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAIA;EACC;;;ACpEJ;EACC;;;AAID;EACC;EACA;EACA;;;ACYD;EAEC;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAhFA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EAEA;EACA;;AA4EA;EAzFA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EAEA;EACA;;AAqFA;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AACA;EACC;;AAGF;EACC;;AAIF;EACC;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;;AACA;AAAA;EAEC;;AAED;AAAA;EAEC;EACA;;AAED;AAAA;EAEC;;;ACtPF;EACC;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"agnosui.css"}
+{"version":3,"sourceRoot":"","sources":["../scss/_functions.scss","../scss/tree.scss","../scss/select.scss","../scss/slider.scss","../scss/rating.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;AAgBA;AAAA;AAAA;AAAA;ACfA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAIA;EACC;;;ACpEJ;EACC;;;AAID;EACC;EACA;EACA;;;ACeD;EAEC;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;;AAEA;EA7FA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;AAwFA;EAxGA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;AAmGA;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;;AAED;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;;AAED;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AACA;EACC;;AAGF;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAGA;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAEA;EACC;;AAKD;EACC;EACA;EACA;;AAEA;EACC;;AAIF;EACC;;AAOL;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAGD;EACC;;AACA;AAAA;AAAA;AAAA;EAIC;;AAED;AAAA;EAEC;EACA;;AAED;AAAA;AAAA;EAGC;;;AClVF;EACC;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"agnosui.css"}

package/css/slider.css

@@ -20,6 +20,13 @@
   --bs-slider-handle-outline: none;
   --bs-slider-handle-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
   --bs-slider-handle-focus-hover-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+  --bs-slider-tick-primary-size: 1rem;
+  --bs-slider-tick-secondary-size: 1rem;
+  --bs-slider-tick-neutral-color: var(--bs-light-emphasis, #666666);
+  --bs-slider-tick-selected-color: var(--bs-primary, #0d6efd);
+  --bs-slider-tick-disabled-color: var(--bs-dark-bg-subtle, #ced4da);
+  --bs-slider-tick-fill-color: var(--bs-white, #ffffff);
+  --bs-slider-tick-label-translate-vertical: translateY(75%);
   --bs-slider-progress-color: var(--bs-primary, #0d6efd);
   --bs-slider-progress-height: 0.25rem;
   --bs-slider-progress-vertical-transform: rotate(90deg);
@@ -60,7 +67,10 @@
   --bs-slider-vertical-margin-inline-start: calc((1.5rem - 0.3125rem) / 2 + 0rem);
   --bs-slider-vertical-margin-inline-end: calc((1.5rem - 0.3125rem) / 2 + 0rem + 3ch + 0rem);
   --bs-slider-handle-size: 1.5rem;
+  --bs-slider-tick-primary-size: 1.25rem;
+  --bs-slider-tick-secondary-size: 1.25rem;
   --bs-slider-label-margin-block-start: calc(-1 * (1.125rem * 1.5 + (1.5rem - 0.3125rem) / 2));
+  --bs-slider-tick-label-margin-block-start: calc(-1 * (1.125rem * 1.5 + (1.25rem - 0.3125rem) / 2));
   --bs-slider-label-vertical-margin-inline-start: calc((1.5rem - 0.3125rem) / 2 + 0.3125rem + 0rem);
 }
 .au-slider.au-slider-sm {
@@ -72,7 +82,10 @@
   --bs-slider-vertical-margin-inline-start: calc((1rem - 0.2rem) / 2 + 0rem);
   --bs-slider-vertical-margin-inline-end: calc((1rem - 0.2rem) / 2 + 0rem + 3ch + 0rem);
   --bs-slider-handle-size: 1rem;
+  --bs-slider-tick-primary-size: 0.75rem;
+  --bs-slider-tick-secondary-size: 0.75rem;
   --bs-slider-label-margin-block-start: calc(-1 * (0.875rem * 1.5 + (1rem - 0.2rem) / 2));
+  --bs-slider-tick-label-margin-block-start: calc(-1 * (0.875rem * 1.5 + (0.75rem - 0.2rem) / 2));
   --bs-slider-label-vertical-margin-inline-start: calc((1rem - 0.2rem) / 2 + 0.2rem + 0rem);
 }
 .au-slider.au-slider-horizontal {
@@ -85,6 +98,10 @@
   top: calc(50% - var(--bs-slider-handle-size) / 2);
   transform: var(--bs-slider-translate-horizontal);
 }
+.au-slider.au-slider-horizontal .au-slider-tick-horizontal {
+  top: calc(50% - var(--bs-slider-tick-primary-size) / 2);
+  transform: var(--bs-slider-translate-horizontal);
+}
 .au-slider.au-slider-vertical {
   height: var(--bs-slider-primary-size);
   width: var(--bs-slider-secondary-size);
@@ -95,6 +112,10 @@
   left: calc(50% - var(--bs-slider-handle-size) / 2);
   transform: var(--bs-slider-translate-vertical);
 }
+.au-slider.au-slider-vertical .au-slider-tick-vertical {
+  left: calc(50% - var(--bs-slider-tick-primary-size) / 2);
+  transform: var(--bs-slider-translate-vertical);
+}
 .au-slider .au-slider-handle {
   background-color: var(--bs-slider-handle-color);
   border: var(--bs-slider-handle-border);
@@ -114,6 +135,53 @@
 .au-slider .au-slider-handle:focus-visible {
   box-shadow: var(--bs-slider-handle-focus-box-shadow);
 }
+.au-slider .au-slider-tick {
+  position: absolute;
+  height: var(--bs-slider-tick-primary-size);
+  width: var(--bs-slider-tick-secondary-size);
+  cursor: var(--bs-slider-clickable-area-cursor);
+}
+.au-slider .au-slider-tick svg {
+  display: block;
+  width: var(--bs-slider-tick-secondary-size);
+  height: var(--bs-slider-tick-primary-size);
+  fill: none;
+}
+.au-slider .au-slider-tick svg circle {
+  cx: 50%;
+  cy: 50%;
+  fill: var(--bs-slider-tick-fill-color);
+}
+.au-slider .au-slider-tick svg circle.au-slider-tick-outer {
+  r: 45%;
+  stroke: var(--bs-slider-tick-neutral-color);
+  stroke-width: 1.5;
+}
+.au-slider .au-slider-tick svg circle.au-slider-tick-outer.au-slider-tick-disabled {
+  stroke: var(--bs-slider-tick-disabled-color);
+}
+.au-slider .au-slider-tick svg circle.au-slider-tick-selected.au-slider-tick-outer {
+  fill: var(--bs-slider-tick-selected-color);
+  stroke: none;
+  r: 50%;
+}
+.au-slider .au-slider-tick svg circle.au-slider-tick-selected.au-slider-tick-outer.au-slider-tick-disabled {
+  fill: var(--bs-slider-tick-disabled-color);
+}
+.au-slider .au-slider-tick svg circle.au-slider-tick-selected.au-slider-tick-inner {
+  r: 25%;
+}
+.au-slider .au-slider-tick-label {
+  position: absolute;
+  text-wrap: nowrap;
+  transform: var(--bs-slider-translate-horizontal);
+  margin-block-start: var(--bs-slider-label-margin-block-start);
+}
+.au-slider .au-slider-tick-label-vertical {
+  position: absolute;
+  margin-inline-start: var(--bs-slider-label-vertical-margin-inline-start);
+  transform: var(--bs-slider-tick-label-translate-vertical);
+}
 .au-slider .au-slider-progress {
   background-color: var(--bs-slider-progress-color);
   border-radius: var(--bs-slider-border-radius);
@@ -184,11 +252,16 @@
   flex-shrink: var(--bs-slider-clickable-area-vertical-flex-shrink);
   cursor: var(--bs-slider-clickable-area-cursor);
 }
+.au-slider .au-slider-clickable-area-with-ticks {
+  cursor: default;
+}
 .au-slider.disabled {
   cursor: var(--bs-slider-disabled-cursor);
 }
 .au-slider.disabled .au-slider-label,
-.au-slider.disabled .au-slider-label-vertical {
+.au-slider.disabled .au-slider-label-vertical,
+.au-slider.disabled .au-slider-tick-label,
+.au-slider.disabled .au-slider-tick-label-vertical {
   color: var(--bs-slider-disabled-color);
 }
 .au-slider.disabled .au-slider-progress,
@@ -197,7 +270,8 @@
   cursor: var(--bs-slider-disabled-cursor);
 }
 .au-slider.disabled .au-slider-clickable-area,
-.au-slider.disabled .au-slider-clickable-area-vertical {
+.au-slider.disabled .au-slider-clickable-area-vertical,
+.au-slider.disabled .au-slider-tick {
   cursor: var(--bs-slider-disabled-cursor);
 }
 

package/css/slider.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/slider.scss"],"names":[],"mappings":"AAsBA;EAEC;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAhFA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EAEA;EACA;;AA4EA;EAzFA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EAEA;EACA;;AAqFA;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AACA;EACC;;AAGF;EACC;;AAIF;EACC;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;;AACA;AAAA;EAEC;;AAED;AAAA;EAEC;EACA;;AAED;AAAA;EAEC","file":"slider.css"}
+{"version":3,"sourceRoot":"","sources":["../scss/slider.scss"],"names":[],"mappings":"AAyBA;EAEC;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;;AAEA;EA7FA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;AAwFA;EAxGA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;AAmGA;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;;AAED;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;;AAED;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AACA;EACC;;AAGF;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAGA;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAEA;EACC;;AAKD;EACC;EACA;EACA;;AAEA;EACC;;AAIF;EACC;;AAOL;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAGD;EACC;;AACA;AAAA;AAAA;AAAA;EAIC;;AAED;AAAA;EAEC;EACA;;AAED;AAAA;AAAA;EAGC","file":"slider.css"}

package/css/tree.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/_functions.scss","../scss/tree.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAgBA;AAAA;AAAA;AAAA;ACbA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAIA;EACC","file":"tree.css"}
+{"version":3,"sourceRoot":"","sources":["../scss/_functions.scss","../scss/tree.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;AAgBA;AAAA;AAAA;AAAA;ACfA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAIA;EACC","file":"tree.css"}

package/index.cjs

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const accordion = require("./accordion-B-uoNLHJ.cjs");
+const accordion = require("./accordion-C1fPM-Yp.cjs");
 const alert = require("./alert-C-GktcuR.cjs");
 const modal = require("./modal-DFEAGpCe.cjs");
 const pageFactory = require("./pageFactory-vEBrUBB-.cjs");
 const progressbar = require("./progressbar-FwnctYWo.cjs");
 const rating = require("./rating-C5NZjIRx.cjs");
 const select = require("./select-AtIM2x7x.cjs");
-const slider = require("./slider-UHwPs1vO.cjs");
+const slider = require("./slider-CosrWCnn.cjs");
 const toast = require("./toast-BYDfN1cI.cjs");
-const collapse = require("./collapse-_elTaNvN.cjs");
+const collapse = require("./collapse-CSP8JFq-.cjs");
 const tree = require("./tree-DuY7bsYo.cjs");
 const collapse$1 = require("./collapse-sUYbZqEx.cjs");
 const fade = require("./fade-CJ0jXGio.cjs");

package/index.js

@@ -1,13 +1,13 @@
-import { a, c, g } from "./accordion-DBVC9W8u.js";
+import { a, c, g } from "./accordion-fxxgzVzz.js";
 import { c as c2, g as g2 } from "./alert-DXTwYKjx.js";
 import { c as c3, g as g3 } from "./modal-CHqGXdvt.js";
 import { c as c4, g as g4, n } from "./pageFactory-CZZJDqOh.js";
-import { c as c5, g as g5 } from "./progressbar-D9S5NLpS.js";
+import { c as c5, g as g5 } from "./progressbar-DcUv6Lh4.js";
 import { c as c6, g as g6 } from "./rating-hovacUx0.js";
 import { c as c7, g as g7 } from "./select-CLjBDJ3a.js";
-import { c as c8, g as g8 } from "./slider-CLWQS0Ke.js";
+import { c as c8, g as g8 } from "./slider-Bj081WdM.js";
 import { c as c9, g as g9 } from "./toast-D-by8Hwt.js";
-import { c as c10, g as g10 } from "./collapse-DAqth71Q.js";
+import { c as c10, g as g10 } from "./collapse-6vo9eMAR.js";
 import { c as c11, g as g11 } from "./tree-Be8WJS8u.js";
 import { a as a2, c as c12 } from "./collapse-CVjUhnIz.js";
 import { f } from "./fade-uOobJKgw.js";

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@agnos-ui/core-bootstrap",
 	"description": "Styles and component interface extensions necessary to use AgnosUI with Bootstrap.",
-	"version": "0.7.1",
+	"version": "0.8.0-next.1",
 	"keywords": [
 		"bootstrap",
 		"css",
@@ -60,7 +60,7 @@
 		}
 	},
 	"dependencies": {
-		"@agnos-ui/core": "0.7.1"
+		"@agnos-ui/core": "0.8.0-next.1"
 	},
 	"peerDependencies": {
 		"@amadeus-it-group/tansu": "^2.0.0"

package/{progressbar-D9S5NLpS.js → progressbar-DcUv6Lh4.js}

@@ -1,5 +1,5 @@
 import { getProgressbarDefaultConfig as getProgressbarDefaultConfig$1, createProgressbar as createProgressbar$1 } from "@agnos-ui/core/components/progressbar";
-import { typeString, typeBoolean, createTypeEnum } from "@agnos-ui/core/utils/writables";
+import { createTypeEnum, typeBoolean, typeString } from "@agnos-ui/core/utils/writables";
 import { extendWidgetProps } from "@agnos-ui/core/services/extendWidget";
 import { BS_CONTEXTUAL_CLASSES } from "./types.js";
 const defaultConfigExtraProps = {

package/scss/_functions.scss

@@ -1,11 +1,13 @@
+@use 'sass:string';
+
 /**
 * Utility function to replace a substring as Sass doesn't provide the built-in method to do it
 */
 @function str-replace($string, $search, $replace: '') {
-	$index: str-index($string, $search);
+	$index: string.index($string, $search);
 
 	@if $index {
-		@return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
+		@return string.slice($string, 1, $index - 1) + $replace + str-replace(string.slice($string, $index + string.length($search)), $search, $replace);
 	}
 
 	@return $string;
@@ -19,11 +21,11 @@ $escaped-characters: (('<', '%3c'), ('>', '%3e'), ('#', '%23'), ('(', '%28'), ('
 * ref: https://github.com/twbs/bootstrap/blob/cacbdc680ecdfee5f0c7fbb876ad15188eaf697d/scss/_functions.scss#L131
 */
 @function escape-svg($string) {
-	@if str-index($string, 'data:image/svg+xml') {
+	@if string.index($string, 'data:image/svg+xml') {
 		@each $char, $encoded in $escaped-characters {
 			// Do not escape the url brackets
-			@if str-index($string, 'url(') == 1 {
-				$string: url('#{str-replace(str-slice($string, 6, -3), $char, $encoded)}');
+			@if string.index($string, 'url(') == 1 {
+				$string: url('#{str-replace(string.slice($string, 6, -3), $char, $encoded)}');
 			} @else {
 				$string: str-replace($string, $char, $encoded);
 			}

package/scss/_variables.scss

@@ -28,6 +28,13 @@ $au-slider-handle-border-radius: 50% !default;
 $au-slider-handle-outline: none !default;
 $au-slider-handle-focus-box-shadow: 0 0 0 $au-focus-ring-width $au-focus-ring-color !default;
 $au-slider-handle-focus-hover-box-shadow: 0 0 0 $au-focus-ring-width $au-focus-ring-color !default;
+$au-slider-tick-primary-size: 1rem !default;
+$au-slider-tick-secondary-size: 1rem !default;
+$au-slider-tick-neutral-color: var(--#{$prefix}light-emphasis, #666666) !default;
+$au-slider-tick-disabled-color: var(--#{$prefix}dark-bg-subtle, #ced4da) !default;
+$au-slider-tick-selected-color: var(--#{$prefix}primary, #0d6efd) !default;
+$au-slider-tick-fill-color: var(--#{$prefix}white, #ffffff) !default;
+$au-slider-tick-label-translate-vertical: translateY(75%) !default;
 $au-slider-progress-color: var(--#{$prefix}primary, #0d6efd) !default;
 $au-slider-progress-height: 0.25rem !default;
 $au-slider-progress-vertical-transform: rotate(90deg) !default;
@@ -59,11 +66,15 @@ $au-slider-disabled-cursor: not-allowed !default;
 
 $au-slider-bar-size-sm: 0.2rem !default;
 $au-slider-handle-size-sm: 1rem !default;
+$au-slider-tick-primary-size-sm: 0.75rem !default;
+$au-slider-tick-secondary-size-sm: 0.75rem !default;
 $au-slider-font-size-sm: 0.875rem !default;
 $au-slider-offset-sm: 0rem !default;
 
 $au-slider-bar-size-lg: 0.3125rem !default;
 $au-slider-handle-size-lg: 1.5rem !default;
+$au-slider-tick-primary-size-lg: 1.25rem !default;
+$au-slider-tick-secondary-size-lg: 1.25rem !default;
 $au-slider-font-size-lg: 1.125rem !default;
 $au-slider-offset-lg: 0rem !default;
 // scss-docs-end slider-vars

package/scss/slider.scss

@@ -3,7 +3,7 @@
 /// Mixin used to redefine css variable for different size of slider
 /// In particular the size bar and the size of the handle
 /// The offset is used to add some space between the text and the slider
-@mixin setSliderSize($barSize, $handleSize, $fontSize, $offset) {
+@mixin setSliderSize($barSize, $handleSize, $fontSize, $offset, $tickPrimarySize, $tickSecondarySize) {
 	--#{variables.$prefix}slider-font-size: #{$fontSize};
 	--#{variables.$prefix}slider-border-radius: calc(#{$barSize} / 2);
 
@@ -15,8 +15,11 @@
 	--#{variables.$prefix}slider-vertical-margin-inline-end: calc((#{$handleSize} - #{$barSize}) / 2 + #{$offset} + 3ch + #{$offset});
 
 	--#{variables.$prefix}slider-handle-size: #{$handleSize};
+	--#{variables.$prefix}slider-tick-primary-size: #{$tickPrimarySize};
+	--#{variables.$prefix}slider-tick-secondary-size: #{$tickSecondarySize};
 
 	--#{variables.$prefix}slider-label-margin-block-start: calc(-1 * (#{$fontSize} * 1.5 + (#{$handleSize} - #{$barSize}) / 2));
+	--#{variables.$prefix}slider-tick-label-margin-block-start: calc(-1 * (#{$fontSize} * 1.5 + (#{$tickPrimarySize} - #{$barSize}) / 2));
 	--#{variables.$prefix}slider-label-vertical-margin-inline-start: calc((#{$handleSize} - #{$barSize}) / 2 + #{$barSize} + #{$offset});
 }
 
@@ -46,6 +49,16 @@
 	--#{variables.$prefix}slider-handle-focus-box-shadow: #{variables.$au-slider-handle-focus-box-shadow};
 	--#{variables.$prefix}slider-handle-focus-hover-box-shadow: #{variables.$au-slider-handle-focus-hover-box-shadow};
 
+	--#{variables.$prefix}slider-tick-primary-size: #{variables.$au-slider-tick-primary-size};
+	--#{variables.$prefix}slider-tick-secondary-size: #{variables.$au-slider-tick-secondary-size};
+
+	--#{variables.$prefix}slider-tick-neutral-color: #{variables.$au-slider-tick-neutral-color};
+	--#{variables.$prefix}slider-tick-selected-color: #{variables.$au-slider-tick-selected-color};
+	--#{variables.$prefix}slider-tick-disabled-color: #{variables.$au-slider-tick-disabled-color};
+	--#{variables.$prefix}slider-tick-fill-color: #{variables.$au-slider-tick-fill-color};
+
+	--#{variables.$prefix}slider-tick-label-translate-vertical: #{variables.$au-slider-tick-label-translate-vertical};
+
 	--#{variables.$prefix}slider-progress-color: #{variables.$au-slider-progress-color};
 	--#{variables.$prefix}slider-progress-height: #{variables.$au-slider-progress-height};
 	--#{variables.$prefix}slider-progress-vertical-transform: #{variables.$au-slider-progress-vertical-transform};
@@ -89,7 +102,9 @@
 			variables.$au-slider-bar-size-lg,
 			variables.$au-slider-handle-size-lg,
 			variables.$au-slider-font-size-lg,
-			variables.$au-slider-offset-lg
+			variables.$au-slider-offset-lg,
+			variables.$au-slider-tick-primary-size-lg,
+			variables.$au-slider-tick-secondary-size-lg
 		);
 	}
 
@@ -98,7 +113,9 @@
 			variables.$au-slider-bar-size-sm,
 			variables.$au-slider-handle-size-sm,
 			variables.$au-slider-font-size-sm,
-			variables.$au-slider-offset-sm
+			variables.$au-slider-offset-sm,
+			variables.$au-slider-tick-primary-size-sm,
+			variables.$au-slider-tick-secondary-size-sm
 		);
 	}
 
@@ -111,6 +128,10 @@
 			top: calc(50% - var(--#{variables.$prefix}slider-handle-size) / 2);
 			transform: var(--#{variables.$prefix}slider-translate-horizontal);
 		}
+		.au-slider-tick-horizontal {
+			top: calc(50% - var(--#{variables.$prefix}slider-tick-primary-size) / 2);
+			transform: var(--#{variables.$prefix}slider-translate-horizontal);
+		}
 	}
 
 	&.au-slider-vertical {
@@ -122,6 +143,10 @@
 			left: calc(50% - var(--#{variables.$prefix}slider-handle-size) / 2);
 			transform: var(--#{variables.$prefix}slider-translate-vertical);
 		}
+		.au-slider-tick-vertical {
+			left: calc(50% - var(--#{variables.$prefix}slider-tick-primary-size) / 2);
+			transform: var(--#{variables.$prefix}slider-translate-vertical);
+		}
 	}
 
 	.au-slider-handle {
@@ -145,6 +170,66 @@
 		}
 	}
 
+	.au-slider-tick {
+		position: absolute;
+		height: var(--#{variables.$prefix}slider-tick-primary-size);
+		width: var(--#{variables.$prefix}slider-tick-secondary-size);
+		cursor: var(--#{variables.$prefix}slider-clickable-area-cursor);
+
+		// center align the svg along the slider axis
+		svg {
+			display: block;
+			width: var(--#{variables.$prefix}slider-tick-secondary-size);
+			height: var(--#{variables.$prefix}slider-tick-primary-size);
+			fill: none;
+
+			circle {
+				cx: 50%;
+				cy: 50%;
+				fill: var(--#{variables.$prefix}slider-tick-fill-color);
+
+				&.au-slider-tick-outer {
+					r: 45%;
+					stroke: var(--#{variables.$prefix}slider-tick-neutral-color);
+					stroke-width: 1.5;
+
+					&.au-slider-tick-disabled {
+						stroke: var(--#{variables.$prefix}slider-tick-disabled-color);
+					}
+				}
+
+				&.au-slider-tick-selected {
+					&.au-slider-tick-outer {
+						fill: var(--#{variables.$prefix}slider-tick-selected-color);
+						stroke: none;
+						r: 50%;
+
+						&.au-slider-tick-disabled {
+							fill: var(--#{variables.$prefix}slider-tick-disabled-color);
+						}
+					}
+
+					&.au-slider-tick-inner {
+						r: 25%;
+					}
+				}
+			}
+		}
+	}
+
+	.au-slider-tick-label {
+		position: absolute;
+		text-wrap: nowrap;
+		transform: var(--#{variables.$prefix}slider-translate-horizontal);
+		margin-block-start: var(--#{variables.$prefix}slider-label-margin-block-start);
+	}
+
+	.au-slider-tick-label-vertical {
+		position: absolute;
+		margin-inline-start: var(--#{variables.$prefix}slider-label-vertical-margin-inline-start);
+		transform: var(--#{variables.$prefix}slider-tick-label-translate-vertical);
+	}
+
 	.au-slider-progress {
 		background-color: var(--#{variables.$prefix}slider-progress-color);
 		border-radius: var(--#{variables.$prefix}slider-border-radius);
@@ -232,10 +317,16 @@
 		cursor: var(--#{variables.$prefix}slider-clickable-area-cursor);
 	}
 
+	.au-slider-clickable-area-with-ticks {
+		cursor: default;
+	}
+
 	&.disabled {
 		cursor: var(--#{variables.$prefix}slider-disabled-cursor);
 		.au-slider-label,
-		.au-slider-label-vertical {
+		.au-slider-label-vertical,
+		.au-slider-tick-label,
+		.au-slider-tick-label-vertical {
 			color: var(--#{variables.$prefix}slider-disabled-color);
 		}
 		.au-slider-progress,
@@ -244,7 +335,8 @@
 			cursor: var(--#{variables.$prefix}slider-disabled-cursor);
 		}
 		.au-slider-clickable-area,
-		.au-slider-clickable-area-vertical {
+		.au-slider-clickable-area-vertical,
+		.au-slider-tick {
 			cursor: var(--#{variables.$prefix}slider-disabled-cursor);
 		}
 	}

package/{slider-CLWQS0Ke.js → slider-Bj081WdM.js}

@@ -3,7 +3,8 @@ import { extendWidgetProps } from "@agnos-ui/core/services/extendWidget";
 const defaultConfigExtraProps = {
   structure: void 0,
   label: ({ value }) => "" + value,
-  handle: void 0
+  handle: void 0,
+  tick: void 0
 };
 function getSliderDefaultConfig() {
   return { ...getSliderDefaultConfig$1(), ...defaultConfigExtraProps };

package/{slider-UHwPs1vO.cjs → slider-CosrWCnn.cjs}

@@ -4,7 +4,8 @@ const extendWidget = require("@agnos-ui/core/services/extendWidget");
 const defaultConfigExtraProps = {
   structure: void 0,
   label: ({ value }) => "" + value,
-  handle: void 0
+  handle: void 0,
+  tick: void 0
 };
 function getSliderDefaultConfig() {
   return { ...slider.getSliderDefaultConfig(), ...defaultConfigExtraProps };