@agencecinq/slider 6.0.0 → 6.0.1

package/dist/geometry.d.ts

@@ -3,7 +3,10 @@ import { ActiveThumb } from './types.js';
 export declare const ratioFromValue: (value: number, min: number, max: number) => number;
 /** Value from semantic ratio. */
 export declare const valueFromRatio: (ratio: number, min: number, max: number) => number;
-/** Snap a value to the nearest step within `[min, max]`. */
+/**
+ * Snap a value to the nearest step within `[min, max]`.
+ * Rounded to the precision of `min` and `step`, so `0.1` steps give `4.2`, not `4.199999999999999`.
+ */
 export declare const snapToStep: (value: number, min: number, max: number, step: number) => number;
 /** Single-thumb track length. */
 export declare const singleTrackLength: (railLength: number, thumbSize: number) => number;

package/dist/geometry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"geometry.d.ts","sourceRoot":"","sources":["../src/geometry.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C,wDAAwD;AACxD,eAAO,MAAM,cAAc,GACzB,OAAO,MAAM,EACb,KAAK,MAAM,EACX,KAAK,MAAM,KACV,MAGF,CAAC;AAEF,iCAAiC;AACjC,eAAO,MAAM,cAAc,GACzB,OAAO,MAAM,EACb,KAAK,MAAM,EACX,KAAK,MAAM,KACV,MAAmC,CAAC;AAEvC,4DAA4D;AAC5D,eAAO,MAAM,UAAU,GACrB,OAAO,MAAM,EACb,KAAK,MAAM,EACX,KAAK,MAAM,EACX,MAAM,MAAM,KACX,MAOF,CAAC;AAEF,iCAAiC;AACjC,eAAO,MAAM,iBAAiB,GAC5B,YAAY,MAAM,EAClB,WAAW,MAAM,KAChB,MAA6C,CAAC;AAEjD,6CAA6C;AAC7C,eAAO,MAAM,gBAAgB,GAC3B,YAAY,MAAM,EAClB,WAAW,MAAM,KAChB,MAAiD,CAAC;AAoBrD,6DAA6D;AAC7D,eAAO,MAAM,gBAAgB,GAC3B,aAAa,MAAM,EACnB,MAAM,OAAO,EACb,WAAW,MAAM,EACjB,KAAK,OAAO,EACZ,UAAU,OAAO,KAChB,MAaF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,qBAAqB,GAChC,aAAa,MAAM,EACnB,MAAM,OAAO,EACb,OAAO,WAAW,EAClB,MAAM,MAAM,EACZ,MAAM,MAAM,EACZ,OAAO,MAAM,EACb,WAAW,MAAM,EACjB,KAAK,OAAO,EACZ,UAAU,OAAO,KAChB,MAaF,CAAC"}
+{"version":3,"file":"geometry.d.ts","sourceRoot":"","sources":["../src/geometry.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C,wDAAwD;AACxD,eAAO,MAAM,cAAc,GACzB,OAAO,MAAM,EACb,KAAK,MAAM,EACX,KAAK,MAAM,KACV,MAGF,CAAC;AAEF,iCAAiC;AACjC,eAAO,MAAM,cAAc,GACzB,OAAO,MAAM,EACb,KAAK,MAAM,EACX,KAAK,MAAM,KACV,MAAmC,CAAC;AAMvC;;;GAGG;AACH,eAAO,MAAM,UAAU,GACrB,OAAO,MAAM,EACb,KAAK,MAAM,EACX,KAAK,MAAM,EACX,MAAM,MAAM,KACX,MASF,CAAC;AAEF,iCAAiC;AACjC,eAAO,MAAM,iBAAiB,GAC5B,YAAY,MAAM,EAClB,WAAW,MAAM,KAChB,MAA6C,CAAC;AAEjD,6CAA6C;AAC7C,eAAO,MAAM,gBAAgB,GAC3B,YAAY,MAAM,EAClB,WAAW,MAAM,KAChB,MAAiD,CAAC;AAoBrD,6DAA6D;AAC7D,eAAO,MAAM,gBAAgB,GAC3B,aAAa,MAAM,EACnB,MAAM,OAAO,EACb,WAAW,MAAM,EACjB,KAAK,OAAO,EACZ,UAAU,OAAO,KAChB,MAaF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,qBAAqB,GAChC,aAAa,MAAM,EACnB,MAAM,OAAO,EACb,OAAO,WAAW,EAClB,MAAM,MAAM,EACZ,MAAM,MAAM,EACZ,OAAO,MAAM,EACb,WAAW,MAAM,EACjB,KAAK,OAAO,EACZ,UAAU,OAAO,KAChB,MAcF,CAAC"}

package/dist/index.js

@@ -5,14 +5,25 @@ var e = {
 	DRAWER_CLOSE: "drawer:close",
 	DRAWER_OPEN: "drawer:open",
 	DRAWER_TOGGLE: "drawer:toggle",
+	SHEET_BEFORE_CLOSE: "sheet:before-close",
+	SHEET_BEFORE_OPEN: "sheet:before-open",
+	SHEET_CLOSE: "sheet:close",
+	SHEET_OPEN: "sheet:open",
+	SHEET_TOGGLE: "sheet:toggle",
 	MODAL_BEFORE_CLOSE: "modal:before-close",
 	MODAL_BEFORE_OPEN: "modal:before-open",
 	MODAL_CLOSE: "modal:close",
 	MODAL_OPEN: "modal:open",
 	MODAL_TOGGLE: "modal:toggle",
 	SPINBUTTON_CHANGE: "spinbutton:change",
+	TOAST_OPEN: "toast:open",
+	TOAST_CLOSE: "toast:close",
 	DISCLOSURE_BUTTON_OPEN: "disclosure-button:open",
 	DISCLOSURE_BUTTON_CLOSE: "disclosure-button:close",
+	DRILLDOWN_OPEN: "drilldown:open",
+	DRILLDOWN_CLOSE: "drilldown:close",
+	DROPZONE_CHANGE: "dropzone:change",
+	DROPZONE_REJECT: "dropzone:reject",
 	SWITCH_ACTIVATE: "switch:activate",
 	SWITCH_DEACTIVATE: "switch:deactivate",
 	ACCORDION_OPEN: "accordion:open",
@@ -24,6 +35,9 @@ var e = {
 	COMBOBOX_EMPTY: "combobox:empty",
 	WINDOWSPLITTER_CHANGE: "windowsplitter:change",
 	SLIDER_CHANGE: "slider:change",
+	SNAKE_EAT: "snake:eat",
+	SNAKE_OVER: "snake:over",
+	SNAKE_REPLAY: "snake:replay",
 	CALENDAR_CHANGE: "calendar:change",
 	TABS_BEFORE_ACTIVATE: "tabs:before-activate",
 	TABS_ACTIVATE: "tabs:activate",
@@ -55,15 +69,19 @@ i.hasAttribute("data-debug"), window.addEventListener("pointermove", r(({ x: e,
 var o = (e, t, n) => Math.min(Math.max(e, t), n), s = (e, t, n) => {
 	let r = n - t;
 	return r > 0 ? (e - t) / r : 0;
-}, c = (e, t, n) => t + e * (n - t), l = (e, t, n, r) => o(r <= 0 ? e : t + Math.round((e - t) / r) * r, t, n), u = (e, t) => Math.max(0, e - t), d = (e, t) => Math.max(0, e - 2 * t), f = (e, t, n, r) => r || n ? e === "min" ? t : 0 : e === "max" ? t : 0, p = (e, t, n, r, i) => {
-	let a = i ? t.height : t.width, s = i ? t.top : t.left, c = u(a, n);
+}, c = (e, t, n) => t + e * (n - t), l = (e) => e.toString().split(".")[1]?.length ?? 0, u = (e, t, n, r) => {
+	if (r <= 0) return o(e, t, n);
+	let i = t + Math.round((e - t) / r) * r, a = Math.max(l(t), l(r));
+	return o(Number(i.toFixed(a)), t, n);
+}, d = (e, t) => Math.max(0, e - t), f = (e, t) => Math.max(0, e - 2 * t), p = (e, t, n, r) => r || n ? e === "min" ? t : 0 : e === "max" ? t : 0, m = (e, t, n, r, i) => {
+	let a = i ? t.height : t.width, s = i ? t.top : t.left, c = d(a, n);
 	if (c <= 0) return 0;
 	let l = o((e - s - n / 2) / c, 0, 1);
 	return i || r ? 1 - l : l;
-}, m = (e, t, n, r, i, a, s, c, l) => {
-	let u = f(n, s, c, l), d = o(e - (l ? t.top : t.left) - u, 0, a), p = a > 0 ? d / a : 0, m = i - r;
-	return Math.round(l || c ? i - m * p : r + m * p);
-}, h = class {
+}, h = (e, t, n, r, i, a, s, c, l) => {
+	let u = p(n, s, c, l), d = o(e - (l ? t.top : t.left) - u, 0, a), f = a > 0 ? d / a : 0, m = i - r;
+	return l || c ? i - m * f : r + m * f;
+}, g = class {
 	#e;
 	#t;
 	#n;
@@ -118,7 +136,7 @@ var o = (e, t, n) => Math.min(Math.max(e, t), n), s = (e, t, n) => {
 	static isEnd(e) {
 		return e === "End";
 	}
-}, g = class extends HTMLElement {
+}, _ = class extends HTMLElement {
 	static observedAttributes = ["data-step", "data-page"];
 	step = 1;
 	page = 10;
@@ -205,7 +223,7 @@ var o = (e, t, n) => Math.min(Math.max(e, t), n), s = (e, t, n) => {
 	get offset() {
 		return this.#n?.offset ?? 0;
 	}
-}, _ = class extends g {
+}, v = class extends _ {
 	$thumb = null;
 	get orientation() {
 		return this.$thumb?.getAttribute("aria-orientation") ?? null;
@@ -237,12 +255,12 @@ var o = (e, t, n) => Math.min(Math.max(e, t), n), s = (e, t, n) => {
 		this.#e(this.value, !1);
 	}
 	setValue(e, t = {}) {
-		let { emit: n = !0 } = t, r = l(e, this.min, this.max, this.step);
+		let { emit: n = !0 } = t, r = u(e, this.min, this.max, this.step);
 		this.#e(r, n);
 	}
 	valueFromPointer(e, t) {
-		let { clientY: n, clientX: r } = e, i = this.getBoundingClientRect(), { min: a, max: o } = this, { offsetHeight: s, offsetWidth: l } = t, u = this.isVertical, d = p((u ? n : r) + this.offset, i, u ? s : l, this.isRtl, u);
-		return Math.round(c(d, a, o));
+		let { clientY: n, clientX: r } = e, i = this.getBoundingClientRect(), { min: a, max: o } = this, { offsetHeight: s, offsetWidth: l } = t, u = this.isVertical;
+		return c(m((u ? n : r) + this.offset, i, u ? s : l, this.isRtl, u), a, o);
 	}
 	commitPointerValue(e, t) {
 		this.setValue(this.valueFromPointer(e, t));
@@ -250,15 +268,15 @@ var o = (e, t, n) => Math.min(Math.max(e, t), n), s = (e, t, n) => {
 	onKeydown(e) {
 		if (!this.$thumb) return;
 		let { key: t } = e;
-		if (h.isHome(t)) {
+		if (g.isHome(t)) {
 			e.preventDefault(), this.setValue(this.min);
 			return;
 		}
-		if (h.isEnd(t)) {
+		if (g.isEnd(t)) {
 			e.preventDefault(), this.setValue(this.max);
 			return;
 		}
-		let n = new h(this.step, this.page, this.isRtl, this.isVertical).delta(t);
+		let n = new g(this.step, this.page, this.isRtl, this.isVertical).delta(t);
 		if (!n) return;
 		let { preventDefault: r, delta: i } = n;
 		r && e.preventDefault(), i !== 0 && this.setValue(this.value + i);
@@ -273,10 +291,10 @@ var o = (e, t, n) => Math.min(Math.max(e, t), n), s = (e, t, n) => {
 		}, { cancelable: !1 });
 	}
 };
-customElements.get("cinq-slider") || customElements.define("cinq-slider", _);
+customElements.get("cinq-slider") || customElements.define("cinq-slider", v);
 //#endregion
 //#region src/slider-range.ts
-var v = class extends g {
+var y = class extends _ {
 	$max = null;
 	$min = null;
 	#e = "min";
@@ -323,7 +341,7 @@ var v = class extends g {
 	}
 	valueFromPointer(e, t) {
 		let { clientY: n, clientX: r } = e, { offsetHeight: i, offsetWidth: a } = t, o = t === this.$min ? "min" : "max", s = this.isVertical ? i : a;
-		return m(this.isVertical ? n + this.offset : r + this.offset, this.getBoundingClientRect(), o, this.#t, this.#n, this.#i(s), s, this.isRtl, this.isVertical);
+		return h(this.isVertical ? n + this.offset : r + this.offset, this.getBoundingClientRect(), o, this.#t, this.#n, this.#i(s), s, this.isRtl, this.isVertical);
 	}
 	commitPointerValue(e, t) {
 		let n = this.valueFromPointer(e, t);
@@ -338,19 +356,19 @@ var v = class extends g {
 		if (!t) return;
 		this.#e = t;
 		let { key: n } = e, r = t === "min" ? this.min : this.max;
-		if (h.isHome(n)) {
+		if (g.isHome(n)) {
 			e.preventDefault();
 			let n = t === "min" ? this.#t : this.min;
 			t === "min" ? this.setValues(n, this.max, { active: "min" }) : this.setValues(this.min, n, { active: "max" });
 			return;
 		}
-		if (h.isEnd(n)) {
+		if (g.isEnd(n)) {
 			e.preventDefault();
 			let n = t === "max" ? this.#n : this.max;
 			t === "min" ? this.setValues(n, this.max, { active: "min" }) : this.setValues(this.min, n, { active: "max" });
 			return;
 		}
-		let i = new h(this.step, this.page, this.isRtl, this.isVertical).delta(n);
+		let i = new g(this.step, this.page, this.isRtl, this.isVertical).delta(n);
 		if (!i) return;
 		let { delta: a } = i;
 		if (a !== 0) {
@@ -365,23 +383,23 @@ var v = class extends g {
 		return e === this.$min ? "min" : e === this.$max ? "max" : null;
 	}
 	#i(e) {
-		return d(this.isVertical ? this.clientHeight : this.clientWidth, e);
+		return f(this.isVertical ? this.clientHeight : this.clientWidth, e);
 	}
 	#a(n, r, i, a) {
 		if (!this.$min || !this.$max) return;
-		let o = this.#t, c = this.#n, u = l(n, o, c, this.step), d = l(r, o, c, this.step);
-		i === "min" ? u = Math.min(u, d) : d = Math.max(d, u), this.#e = i, this.setAttribute("data-active", i), this.$min.setAttribute("aria-valuenow", String(u)), this.$max.setAttribute("aria-valuenow", String(d)), this.$min.setAttribute("aria-valuemax", String(d)), this.$max.setAttribute("aria-valuemin", String(u)), this.setValuetext(this.$min, u), this.setValuetext(this.$max, d);
-		let f = s(u, o, c), p = s(d, o, c);
-		if (this.style.setProperty("--min", String(u)), this.style.setProperty("--max", String(d)), this.style.setProperty("--min-ratio", String(f)), this.style.setProperty("--max-ratio", String(p)), u === d ? this.setAttribute("data-collapsed", "") : this.removeAttribute("data-collapsed"), a) {
+		let o = this.#t, c = this.#n, l = u(n, o, c, this.step), d = u(r, o, c, this.step);
+		i === "min" ? l = Math.min(l, d) : d = Math.max(d, l), this.#e = i, this.setAttribute("data-active", i), this.$min.setAttribute("aria-valuenow", String(l)), this.$max.setAttribute("aria-valuenow", String(d)), this.$min.setAttribute("aria-valuemax", String(d)), this.$max.setAttribute("aria-valuemin", String(l)), this.setValuetext(this.$min, l), this.setValuetext(this.$max, d);
+		let f = s(l, o, c), p = s(d, o, c);
+		if (this.style.setProperty("--min", String(l)), this.style.setProperty("--max", String(d)), this.style.setProperty("--min-ratio", String(f)), this.style.setProperty("--max-ratio", String(p)), l === d ? this.setAttribute("data-collapsed", "") : this.removeAttribute("data-collapsed"), a) {
 			let n = i === "min" ? this.$min : this.$max;
 			t(this, e.SLIDER_CHANGE, {
-				min: u,
+				min: l,
 				max: d,
 				$thumb: n
 			}, { cancelable: !1 });
 		}
 	}
 };
-customElements.get("cinq-slider-range") || customElements.define("cinq-slider-range", v);
+customElements.get("cinq-slider-range") || customElements.define("cinq-slider-range", y);
 //#endregion
-export { _ as Slider, v as SliderRange };
+export { v as Slider, y as SliderRange };

package/dist/slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../src/slider.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD;;;;;;;GAOG;AACH,qBAAa,MAAO,SAAQ,UAAU;;IACpC,sCAAsC;IACtC,MAAM,EAAE,WAAW,GAAG,IAAI,CAAQ;IAElC,wDAAwD;IACxD,IAAI,WAAW,IAAI,MAAM,GAAG,IAAI,CAE/B;IAED,iDAAiD;IACjD,IAAI,GAAG,IAAI,MAAM,CAEhB;IAED,iDAAiD;IACjD,IAAI,GAAG,IAAI,MAAM,CAEhB;IAED,mDAAmD;IACnD,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,yDAAyD;IACzD,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,8CAA8C;IAC9C,IAAI,IAAI,IAAI;IAiBZ,4DAA4D;IAC5D,OAAO,IAAI,IAAI;IAUf,SAAS,CAAC,aAAa,IAAI,IAAI;IAM/B,oEAAoE;IACpE,SAAS,CAAC,IAAI,IAAI,IAAI;IAItB,qFAAqF;IACrF,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,GAAE,eAAoB,GAAG,IAAI;IAM5D,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,GAAG,MAAM;IAmB5E,SAAS,CAAC,kBAAkB,CAAC,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,GAAG,IAAI;IAI5E,SAAS,CAAC,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;CAgEhD"}
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../src/slider.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD;;;;;;;GAOG;AACH,qBAAa,MAAO,SAAQ,UAAU;;IACpC,sCAAsC;IACtC,MAAM,EAAE,WAAW,GAAG,IAAI,CAAQ;IAElC,wDAAwD;IACxD,IAAI,WAAW,IAAI,MAAM,GAAG,IAAI,CAE/B;IAED,iDAAiD;IACjD,IAAI,GAAG,IAAI,MAAM,CAEhB;IAED,iDAAiD;IACjD,IAAI,GAAG,IAAI,MAAM,CAEhB;IAED,mDAAmD;IACnD,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,yDAAyD;IACzD,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,8CAA8C;IAC9C,IAAI,IAAI,IAAI;IAiBZ,4DAA4D;IAC5D,OAAO,IAAI,IAAI;IAUf,SAAS,CAAC,aAAa,IAAI,IAAI;IAM/B,oEAAoE;IACpE,SAAS,CAAC,IAAI,IAAI,IAAI;IAItB,qFAAqF;IACrF,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,GAAE,eAAoB,GAAG,IAAI;IAM5D,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,GAAG,MAAM;IAoB5E,SAAS,CAAC,kBAAkB,CAAC,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,GAAG,IAAI;IAI5E,SAAS,CAAC,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;CAgEhD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agencecinq/slider",
-  "version": "6.0.0",
+  "version": "6.0.1",
   "description": "Accessible, WAI-ARIA slider as a lightweight Web Component.",
   "type": "module",
   "license": "MIT",
@@ -28,8 +28,8 @@
   "devDependencies": {
     "vite": "^8.2.0",
     "vite-plugin-dts": "^5.0.3",
-    "vitest": "^3.2.4",
-    "@agencecinq/utils": "7.2.0"
+    "vitest": "^4.1.11",
+    "@agencecinq/utils": "7.9.0"
   },
   "publishConfig": {
     "access": "public"