@ixfx/components 0.5.18 → 0.5.20

package/dist/{slider-input-TidGhvXt.d.ts → slider-input-BEaztT-g.d.ts}

@@ -1,5 +1,6 @@
-import { n as WheelNudgeConsumerType, t as WheelDirection } from "./wheel-nudge-DgMTRYlh.js";
+import { n as WheelNudgeConsumerType, t as WheelDirection } from "./wheel-nudge-C-ra_1os.js";
 import { LitElement, PropertyValues } from "lit";
+
 //#region src/slider-input/types.d.ts
 /**
  * Type definitions for slider-input component
@@ -157,4 +158,4 @@ interface SliderInputElement {
 }
 //#endregion
 export { SliderValueMode as _, SliderInputChangeDetail as a, SliderInputInputDetail as c, SliderLaneType as d, SliderMarkerStyle as f, SliderValueDrag as g, SliderValueCFollow as h, SliderHandleKey as i, SliderInputInputEvent as l, SliderSingleStyle as m, SliderChangedField as n, SliderInputChangeEvent as o, SliderOrientation as p, SliderCrossover as r, SliderInputElementEventMap as s, SliderInputElement as t, SliderLaneData as u };
-//# sourceMappingURL=slider-input-TidGhvXt.d.ts.map
+//# sourceMappingURL=slider-input-BEaztT-g.d.ts.map

package/dist/slider-input-BEaztT-g.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-input-BEaztT-g.d.ts","names":[],"sources":["../src/slider-input/types.ts","../src/slider-input/slider-input.ts"],"mappings":";;;;;;;KAIY,iBAAA;AAAA,KACA,iBAAA;AAAA,KACA,iBAAA;AAAA,KACA,eAAA;AAAA,KACA,eAAA;AAAA,KACA,eAAA;AAJZ;;;;AAA6B;AAC7B;AADA,KAWY,kBAAA;AAAA,KACA,cAAA;AAAA,KACA,eAAA;AAZiB;AAC7B;;;;AAA2B;AADE,UAoBZ,cAAA;EACf,GAAA;EACA,IAAA,EAAM,cAAc;EApBK;AAAA;AAC3B;;EAwBE,KAAA;EAxByB;EA0BzB,QAAA;EAnBU;EAqBV,QAAA;;EAEA,MAAA;EAvB4B;EAyB5B,KAAA;AAAA;;;AAxBwB;AAC1B;KA8BY,kBAAA;;;AA9Be;AAQ3B;;;;UA+BiB,sBAAA;EAAA,SACN,KAAA;EAAA,SACA,aAAA;EA1BT;EAAA,SA4BS,QAAA;EAxBT;EAAA,SA0BS,QAAA;EAAA,SACA,gBAAA;EAAA,SACA,gBAAA;EAxBJ;EAAA,SA0BI,MAAA;EAAA,SACA,cAAA;;WAEA,OAAA,GAAU,kBAAkB;AAAA;AAAA,UAGtB,uBAAA;EAAA,SACN,KAAA;EAAA,SACA,aAAA;EAAA,SACA,aAAA;EAAA,SACA,QAAA;EAAA,SACA,QAAA;EAAA,SACA,gBAAA;EAAA,SACA,gBAAA;EAAA,SACA,MAAA;EAAA,SACA,cAAA;EAAA,SACA,OAAA,GAAU,kBAAkB;AAAA;AAAA,KAG3B,qBAAA,GAAwB,WAAW,CAAC,sBAAA;AAAA,KACpC,sBAAA,GAAyB,WAAW,CAAC,uBAAA;AAAA,UAEhC,0BAAA;EACf,KAAA,EAAO,qBAAA;EACP,MAAA,EAAQ,sBAAsB;AAAA;;;cCzCiB,uBAAA;cA2BpC,kBAAA,SAA2B,uBAAA;EAAA;EAGtC,MAAA;EAGA,MAAA;EDlEU;;;;AAAc;EC0ExB,MAAA;EAGA,GAAA;EAGA,GAAA;EAGA,IAAA;EAGA,KAAA;EAGA,SAAA,EAAW,eAAA;EAGX,WAAA,EAAa,iBAAA;EAGb,WAAA,EAAa,iBAAA;EAGb,WAAA,EAAa,iBAAA;EDxFb;;;;;ECgGA,YAAA,EAAc,iBAAA;EAGd,SAAA,EAAW,eAAA;EAGX,SAAA,EAAW,eAAA;EDxFN;AAAA;AAOP;;;;EC0FE,YAAA,EAAc,kBAAA;EAGd,QAAA;EAGA,QAAA;;EAoFS,iBAAA;EAmET,OAAA,CACE,GAAA,UACA,OAAA;IACE,KAAA;IACA,QAAA;IACA,QAAA;IACA,IAAA,GAAO,cAAA;IACP,MAAA;IACA,KAAA;EAAA;EAgBJ,YAAA,CAAa,GAAA,UAAa,KAAA;EAQ1B,YAAA,CAAa,GAAA,UAAa,QAAA,UAAkB,QAAA;EAW5C,UAAA,CAAW,GAAA;EAKX,QAAA,IAAY,WAAA,SAAoB,cAAA;EAIhC,OAAA,CAAQ,GAAA,WAAc,cAAA;EA8zBb,gBAAA,CAAiB,SAAA,EAAW,cAAA,EAAgB,KAAA,EAAO,UAAA;EAAA,UAgWzC,UAAA,CAAW,OAAA,EAAS,cAAA;EAsE9B,MAAA;EAAA,UAwJU,OAAA,CAAQ,OAAA,EAAS,cAAA;EAkB3B,oBAAA;EAAA,OAYO,MAAA,gBAAM,SAAA;AAAA;AAAA,QA+IhB,MAAA;EAAA,UACI,qBAAA;IACR,mBAAA,EAAqB,kBAAkB;EAAA;AAAA;AAAA,UAK1B,kBAAA;EACf,gBAAA,oBAAoC,0BAAA,EAClC,IAAA,EAAM,CAAA,EACN,QAAA,GAAW,IAAA,EAAM,kBAAA,EAAoB,KAAA,EAAO,0BAAA,CAA2B,CAAA,YACvE,OAAA,aAAoB,uBAAA,eAEpB,IAAA,UACA,QAAA,EAAU,kCAAA,EACV,OAAA,aAAoB,uBAAA;AAAA"}

package/dist/{slider-input-CzmSVgm7.js → slider-input-SW7e2Ac2.js}

@@ -1,8 +1,8 @@
-import { t as themeFallbacks } from "./fallbacks-DPgPEqo8.js";
-import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
+import { t as themeFallbacks } from "./fallbacks-DEE1nCTt.js";
+import { n as safeCustomElement, t as __decorate } from "./decorate-DdjvVHS-.js";
 import { t as prominenceStyles } from "./prominence-DlFShic3.js";
 import { t as resolveAxisStep } from "./keyboard-B5xD7Fz-.js";
-import { t as WheelNudgeMixin } from "./wheel-nudge-BlSCe_hD.js";
+import { t as WheelNudgeMixin } from "./wheel-nudge-Dhzi5nHc.js";
 import { LitElement, css, html, svg } from "lit";
 import { property } from "lit/decorators.js";
 /**
@@ -12,14 +12,14 @@ function getTrackBounds(orientation) {
 	if (orientation === `horizontal`) return {
 		trackStart: 5,
 		trackEnd: 95,
-		centre: 50,
-		crossCentre: 12
+		centre: 100 / 2,
+		crossCentre: 24 / 2
 	};
 	return {
 		trackStart: 5,
 		trackEnd: 95,
-		centre: 50,
-		crossCentre: 12
+		centre: 100 / 2,
+		crossCentre: 24 / 2
 	};
 }
 /**
@@ -39,12 +39,11 @@ function valueToPosition(relativeValue, singleStyle, trackBounds, orientation) {
 	const crossCentre = trackBounds.crossCentre;
 	let pos;
 	if (singleStyle === `range`) pos = trackBounds.trackStart + relativeValue * span;
-	else if (singleStyle === `bipolar`) {
-		if (relativeValue <= .5) {
-			const t = relativeValue / .5;
-			pos = trackBounds.trackStart + t * (centre - trackBounds.trackStart);
-		} else pos = centre + (relativeValue - .5) / .5 * (trackBounds.trackEnd - centre);
-	} else pos = centre + relativeValue * span / 2;
+	else if (singleStyle === `bipolar`) if (relativeValue <= .5) {
+		const t = relativeValue / .5;
+		pos = trackBounds.trackStart + t * (centre - trackBounds.trackStart);
+	} else pos = centre + (relativeValue - .5) / .5 * (trackBounds.trackEnd - centre);
+	else pos = centre + relativeValue * span / 2;
 	if (orientation === `horizontal`) return {
 		x: pos,
 		y: crossCentre
@@ -455,6 +454,7 @@ let SliderInputElement = class SliderInputElement extends WheelNudgeMixin(LitEle
 					if (this.valueMode === `single`) this.#setSingleValueFromRelative(1, true);
 					else this.#stepHandleByRelativeDelta(handle, 1);
 					handled = true;
+					break;
 			}
 			if (handled) event.preventDefault();
 		};
@@ -700,10 +700,9 @@ let SliderInputElement = class SliderInputElement extends WheelNudgeMixin(LitEle
 		const gap = this.#getEffectiveValueMin();
 		const other = handle === `a` ? poleB : poleA;
 		let desired = this.#quantise(clamp(proposed, this.min, this.max));
-		if (this.crossover === `none`) {
-			if ((handle === `a` ? poleA : poleB) <= other) desired = Math.min(desired, other - gap);
-			else desired = Math.max(desired, other + gap);
-		} else if (desired > other - gap && desired < other + gap) desired = Math.abs(desired - (other - gap)) <= Math.abs(desired - (other + gap)) ? other - gap : other + gap;
+		if (this.crossover === `none`) if ((handle === `a` ? poleA : poleB) <= other) desired = Math.min(desired, other - gap);
+		else desired = Math.max(desired, other + gap);
+		else if (desired > other - gap && desired < other + gap) desired = Math.abs(desired - (other - gap)) <= Math.abs(desired - (other + gap)) ? other - gap : other + gap;
 		desired = clamp(desired, this.min, this.max);
 		if (handle === `a`) {
 			if (desired === poleA) return null;
@@ -976,7 +975,7 @@ let SliderInputElement = class SliderInputElement extends WheelNudgeMixin(LitEle
 		if (isVertical) return svg`
         <rect
           class="track"
-          x="${12 - strokeWidth / 2}"
+          x="${24 / 2 - strokeWidth / 2}"
           y="${5}"
           width="${strokeWidth}"
           height="${90}"
@@ -989,7 +988,7 @@ let SliderInputElement = class SliderInputElement extends WheelNudgeMixin(LitEle
       <rect
         class="track"
         x="${5}"
-        y="${12 - strokeWidth / 2}"
+        y="${24 / 2 - strokeWidth / 2}"
         width="${90}"
         height="${strokeWidth}"
         fill="${fill}"
@@ -1057,9 +1056,9 @@ let SliderInputElement = class SliderInputElement extends WheelNudgeMixin(LitEle
 		const markerBorderWidth = this.#getCssVar(`--marker-border-width`, 0);
 		const center = isHorizontal ? {
 			x: pos.x,
-			y: bounds.crossCentre + markerOffset * 12
+			y: bounds.crossCentre + markerOffset * (24 / 2)
 		} : {
-			x: bounds.crossCentre + markerOffset * 12,
+			x: bounds.crossCentre + markerOffset * (24 / 2),
 			y: pos.y
 		};
 		const lowCenter = this.valueMode === `single` && this.singleStyle === `unipolar` ? isHorizontal ? {
@@ -1072,7 +1071,7 @@ let SliderInputElement = class SliderInputElement extends WheelNudgeMixin(LitEle
 		const id = handle ?? `s`;
 		const effectiveMarkerStyle = handle === `c` && this.markerStyleC ? this.markerStyleC : this.markerStyle;
 		if (effectiveMarkerStyle === `dot`) {
-			const r = markerThickness * 12;
+			const r = markerThickness * (24 / 2);
 			const renderDot = (cx, cy, mid) => {
 				if (markerBorderWidth > 0) {
 					defs.push(svg`<circle id="dot-${mid}-path" cx="${cx}" cy="${cy}" r="${r}" />`);
@@ -1127,7 +1126,7 @@ let SliderInputElement = class SliderInputElement extends WheelNudgeMixin(LitEle
 		}
 		if (effectiveMarkerStyle === `triangle`) {
 			const halfLen = markerLength * 24 / 4;
-			const halfBase = markerThickness * 12;
+			const halfBase = markerThickness * (24 / 2);
 			const renderTriangle = (cx, cy, mid) => {
 				let apex;
 				let base1;
@@ -1192,7 +1191,7 @@ let SliderInputElement = class SliderInputElement extends WheelNudgeMixin(LitEle
 			const size = this.#getCssVar(`--midpoint-thickness`, .08);
 			return svg`
         <g class="midpoint-marker" part="midpoint-marker">
-          <circle cx="${center.x}" cy="${center.y}" r="${size * 12}" />
+          <circle cx="${center.x}" cy="${center.y}" r="${size * (24 / 2)}" />
         </g>
       `;
 		}
@@ -1264,12 +1263,10 @@ let SliderInputElement = class SliderInputElement extends WheelNudgeMixin(LitEle
 		} else this.#poleC = void 0;
 		if (changed.has(`valueA`) || changed.has(`valueB`) || changed.has(`valueMode`) || changed.has(`singleStyle`) || !this.hasUpdated) {
 			const valueLane = this.#lanes.get(`value`);
-			if (valueLane && valueLane.type === `value`) {
-				if (this.valueMode === `single`) this.#applySingleStyleValueLane(valueLane, this.#getRelativeValueA());
-				else {
-					valueLane.valueMin = valueToRelative(this.#low(), this.min, this.max);
-					valueLane.valueMax = valueToRelative(this.#high(), this.min, this.max);
-				}
+			if (valueLane && valueLane.type === `value`) if (this.valueMode === `single`) this.#applySingleStyleValueLane(valueLane, this.#getRelativeValueA());
+			else {
+				valueLane.valueMin = valueToRelative(this.#low(), this.min, this.max);
+				valueLane.valueMax = valueToRelative(this.#high(), this.min, this.max);
 			}
 		}
 	}
@@ -1589,4 +1586,4 @@ SliderInputElement = __decorate([safeCustomElement(`ixfx-slider-input`)], Slider
 //#endregion
 export { SliderInputElement as t };
 
-//# sourceMappingURL=slider-input-CzmSVgm7.js.map
+//# sourceMappingURL=slider-input-SW7e2Ac2.js.map