@vadem/ui 0.0.0-stage → 0.0.1

package/fesm2022/vadem-ui-range-slider.mjs

@@ -0,0 +1,561 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, ElementRef, Injector, ViewEncapsulation, booleanAttribute, computed, inject, input, model, output, signal, viewChild } from "@angular/core";
+import { NgControl } from "@angular/forms";
+import { FormField } from "@angular/forms/signals";
+import { VD_FIELD, vdNgControlState, vdUniqueId } from "@vadem/ui/field";
+import { vdTexts } from "@vadem/ui/locale";
+function vdRangeBounds(min, max, step) {
+	min = Number.isFinite(min) ? min : 0;
+	max = Number.isFinite(max) ? Math.max(min, max) : Math.max(min, 100);
+	step = Number.isFinite(step) && step > 0 ? step : 1;
+	const count = Math.floor((max - min) / step + 1e-9);
+	if (!Number.isFinite(count) || !Number.isFinite(max - min)) return {
+		min,
+		max: min,
+		step
+	};
+	return {
+		min,
+		max: Math.max(min, Math.min(max, Number((min + count * step).toPrecision(14)))),
+		step
+	};
+}
+function vdRangeSnap(value, bounds) {
+	const { min, max, step } = bounds;
+	return Math.min(max, Math.max(min, Number((min + Math.round((Math.min(max, Math.max(min, Number.isFinite(value) ? value : min)) - min) / step) * step).toPrecision(14))));
+}
+function vdRangeValue(value, bounds) {
+	const lower = vdRangeSnap(value?.[0] ?? bounds.min, bounds);
+	const upper = vdRangeSnap(value?.[1] ?? bounds.max, bounds);
+	return lower <= upper ? [lower, upper] : [upper, lower];
+}
+function vdRangeMove(value, index, next, bounds) {
+	const snapped = vdRangeSnap(next, bounds);
+	return index === 0 ? [Math.min(snapped, value[1]), value[1]] : [value[0], Math.max(snapped, value[0])];
+}
+function vdRangeKey(key, current, min, max, step, rtl) {
+	switch (key) {
+		case "Home": return min;
+		case "End": return max;
+		case "ArrowUp": return current + step;
+		case "ArrowDown": return current - step;
+		case "ArrowRight": return current + (rtl ? -step : step);
+		case "ArrowLeft": return current + (rtl ? step : -step);
+		case "PageUp": return current + step * 10;
+		case "PageDown": return current - step * 10;
+		default: return null;
+	}
+}
+var VdRangeSlider = class VdRangeSlider {
+	value = model([25, 75], ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	minValue = input(0, ...ngDevMode ? [{ debugName: "minValue" }] : /* istanbul ignore next */ []);
+	maxValue = input(100, ...ngDevMode ? [{ debugName: "maxValue" }] : /* istanbul ignore next */ []);
+	step = input(1, ...ngDevMode ? [{ debugName: "step" }] : /* istanbul ignore next */ []);
+	label = input.required(...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+	lowerLabel = input(...ngDevMode ? [void 0, { debugName: "lowerLabel" }] : /* istanbul ignore next */ []);
+	upperLabel = input(...ngDevMode ? [void 0, { debugName: "upperLabel" }] : /* istanbul ignore next */ []);
+	t = vdTexts("rangeSlider", {
+		lowerLabel: this.lowerLabel,
+		upperLabel: this.upperLabel
+	});
+	valueText = input(String, ...ngDevMode ? [{ debugName: "valueText" }] : /* istanbul ignore next */ []);
+	disabled = input(false, {
+		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	readonly = input(false, {
+		...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	invalid = input(false, {
+		...ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	touched = input(false, {
+		...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	required = input(false, {
+		...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	touch = output();
+	controlId = vdUniqueId("vd-range-slider");
+	labelId = this.controlId + "-group-label";
+	indices = [0, 1];
+	bounds = computed(() => vdRangeBounds(this.minValue(), this.maxValue(), this.step()), ...ngDevMode ? [{ debugName: "bounds" }] : /* istanbul ignore next */ []);
+	selected = computed(() => vdRangeValue(this.value(), this.bounds()), ...ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []);
+	dragging = signal(false, ...ngDevMode ? [{ debugName: "dragging" }] : /* istanbul ignore next */ []);
+	field = inject(VD_FIELD, { optional: true });
+	host = inject(ElementRef).nativeElement;
+	rail = viewChild.required("rail", ...ngDevMode ? [{ debugName: "rail" }] : /* istanbul ignore next */ []);
+	drag = null;
+	injector = inject(Injector);
+	destroyRef = inject(DestroyRef);
+	formBound = signal(false, ...ngDevMode ? [{ debugName: "formBound" }] : /* istanbul ignore next */ []);
+	ngSource = signal(null, ...ngDevMode ? [{ debugName: "ngSource" }] : /* istanbul ignore next */ []);
+	ngState = computed(() => this.ngSource()?.() ?? {
+		invalid: false,
+		touched: false,
+		disabled: false,
+		required: false
+	}, ...ngDevMode ? [{ debugName: "ngState" }] : /* istanbul ignore next */ []);
+	isDisabled = computed(() => this.disabled() || this.ngState().disabled, ...ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []);
+	locked = computed(() => this.isDisabled() || this.readonly(), ...ngDevMode ? [{ debugName: "locked" }] : /* istanbul ignore next */ []);
+	isRequired = computed(() => this.required() || this.ngState().required, ...ngDevMode ? [{ debugName: "isRequired" }] : /* istanbul ignore next */ []);
+	showInvalid = computed(() => this.invalid() && (!this.formBound() || this.touched()) || this.ngState().invalid && this.ngState().touched, ...ngDevMode ? [{ debugName: "showInvalid" }] : /* istanbul ignore next */ []);
+	constructor() {
+		const control = {
+			id: signal(this.controlId),
+			invalid: this.showInvalid,
+			required: this.isRequired,
+			disabled: this.isDisabled
+		};
+		this.field?.register(control);
+		this.destroyRef.onDestroy(() => this.field?.unregister(control));
+	}
+	ngOnInit() {
+		const ng = this.injector.get(NgControl, null, {
+			self: true,
+			optional: true
+		});
+		this.formBound.set(!!ng || !!this.injector.get(FormField, null, {
+			self: true,
+			optional: true
+		}));
+		this.ngSource.set(vdNgControlState(ng, this.destroyRef));
+	}
+	percent(index) {
+		const { min, max } = this.bounds();
+		return max > min ? (this.selected()[index] - min) / (max - min) * 100 : 0;
+	}
+	choose(index, next) {
+		if (this.locked()) return;
+		const current = this.selected();
+		const value = vdRangeMove(current, index, next, this.bounds());
+		if (current[0] !== value[0] || current[1] !== value[1]) this.value.set(value);
+	}
+	onKeydown(event, index) {
+		if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) return;
+		const next = vdRangeKey(event.key, this.selected()[index], index === 0 ? this.bounds().min : this.selected()[0], index === 0 ? this.selected()[1] : this.bounds().max, this.bounds().step, this.host.matches(":dir(rtl)"));
+		if (next === null) return;
+		event.preventDefault();
+		this.choose(index, next);
+	}
+	pointerValue(event) {
+		const rect = this.rail().nativeElement.getBoundingClientRect();
+		const fraction = rect.width ? (event.clientX - rect.x) / rect.width : 0;
+		const position = this.host.matches(":dir(rtl)") ? 1 - fraction : fraction;
+		return this.bounds().min + position * (this.bounds().max - this.bounds().min);
+	}
+	onPointerDown(event) {
+		if (this.locked() || this.drag || !event.isPrimary || event.button !== 0) return;
+		const target = event.target.closest("[data-index]");
+		const next = this.pointerValue(event);
+		const index = target ? Number(target.dataset["index"]) : Math.abs(next - this.selected()[0]) < Math.abs(next - this.selected()[1]) ? 0 : 1;
+		event.preventDefault();
+		this.host.querySelectorAll("button")[index].focus();
+		this.rail().nativeElement.setPointerCapture(event.pointerId);
+		this.drag = {
+			pointer: event.pointerId,
+			index
+		};
+		this.dragging.set(true);
+		if (!target) this.choose(index, next);
+	}
+	onPointerMove(event) {
+		if (event.pointerId === this.drag?.pointer) this.choose(this.drag.index, this.pointerValue(event));
+	}
+	endDrag(event) {
+		if (event.pointerId !== this.drag?.pointer) return;
+		this.drag = null;
+		this.dragging.set(false);
+		const rail = this.rail().nativeElement;
+		if (rail.hasPointerCapture(event.pointerId)) rail.releasePointerCapture(event.pointerId);
+	}
+	onFocusOut(event) {
+		if (!event.relatedTarget || !this.host.contains(event.relatedTarget)) this.touch.emit();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdRangeSlider,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: VdRangeSlider,
+		isStandalone: true,
+		selector: "vd-range-slider",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			minValue: {
+				classPropertyName: "minValue",
+				publicName: "minValue",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			maxValue: {
+				classPropertyName: "maxValue",
+				publicName: "maxValue",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			step: {
+				classPropertyName: "step",
+				publicName: "step",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			lowerLabel: {
+				classPropertyName: "lowerLabel",
+				publicName: "lowerLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			upperLabel: {
+				classPropertyName: "upperLabel",
+				publicName: "upperLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			valueText: {
+				classPropertyName: "valueText",
+				publicName: "valueText",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			readonly: {
+				classPropertyName: "readonly",
+				publicName: "readonly",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			invalid: {
+				classPropertyName: "invalid",
+				publicName: "invalid",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			touched: {
+				classPropertyName: "touched",
+				publicName: "touched",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			required: {
+				classPropertyName: "required",
+				publicName: "required",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			value: "valueChange",
+			touch: "touch"
+		},
+		host: {
+			listeners: { "focusout": "onFocusOut($event)" },
+			properties: {
+				"attr.data-invalid": "showInvalid() ? \"\" : null",
+				"attr.data-disabled": "isDisabled() ? \"\" : null",
+				"attr.data-readonly": "readonly() ? \"\" : null",
+				"attr.data-dragging": "dragging() ? \"\" : null"
+			},
+			classAttribute: "vd-range-slider"
+		},
+		viewQueries: [{
+			propertyName: "rail",
+			first: true,
+			predicate: ["rail"],
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: `
+    <div class="vd-range-slider__group" role="group" [attr.aria-labelledby]="labelId">
+      <p class="vd-field__label" [id]="labelId">{{ label() }}</p>
+      <div class="vd-range-slider__values">
+        @for (index of indices; track index) {
+          <span
+            ><span [id]="controlId + '-label-' + index">{{
+              index === 0 ? t().lowerLabel : t().upperLabel
+            }}</span>
+            <span class="vd-range-slider__number">{{ valueText()(selected()[index]) }}</span></span
+          >
+        }
+      </div>
+      <div
+        #rail
+        class="vd-range-slider__rail"
+        [style.--vd-range-start]="percent(0) + '%'"
+        [style.--vd-range-end]="percent(1) + '%'"
+        (pointerdown)="onPointerDown($event)"
+        (pointermove)="onPointerMove($event)"
+        (pointerup)="endDrag($event)"
+        (pointercancel)="endDrag($event)"
+        (lostpointercapture)="endDrag($event)"
+      >
+        <span class="vd-range-slider__track" aria-hidden="true"></span>
+        <span class="vd-range-slider__fill" aria-hidden="true"></span>
+        @for (index of indices; track index) {
+          <button
+            type="button"
+            role="slider"
+            class="vd-range-slider__thumb"
+            [attr.data-index]="index"
+            [id]="index === 0 ? controlId : controlId + '-upper'"
+            [style.inset-inline-start]="percent(index) + '%'"
+            [attr.aria-labelledby]="labelId + ' ' + controlId + '-label-' + index"
+            [attr.aria-valuenow]="selected()[index]"
+            [attr.aria-valuemin]="index === 0 ? bounds().min : selected()[0]"
+            [attr.aria-valuemax]="index === 0 ? selected()[1] : bounds().max"
+            [attr.aria-valuetext]="valueText()(selected()[index])"
+            [attr.aria-describedby]="field?.describedBy() ?? null"
+            [attr.aria-invalid]="showInvalid() || null"
+            [attr.aria-disabled]="locked() || null"
+            [disabled]="isDisabled()"
+            (keydown)="onKeydown($event, index)"
+          >
+            <span class="vd-visually-hidden">{{
+              index === 0 ? t().lowerLabel : t().upperLabel
+            }}</span>
+          </button>
+        }
+      </div>
+    </div>
+  `,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdRangeSlider,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "vd-range-slider",
+			template: `
+    <div class="vd-range-slider__group" role="group" [attr.aria-labelledby]="labelId">
+      <p class="vd-field__label" [id]="labelId">{{ label() }}</p>
+      <div class="vd-range-slider__values">
+        @for (index of indices; track index) {
+          <span
+            ><span [id]="controlId + '-label-' + index">{{
+              index === 0 ? t().lowerLabel : t().upperLabel
+            }}</span>
+            <span class="vd-range-slider__number">{{ valueText()(selected()[index]) }}</span></span
+          >
+        }
+      </div>
+      <div
+        #rail
+        class="vd-range-slider__rail"
+        [style.--vd-range-start]="percent(0) + '%'"
+        [style.--vd-range-end]="percent(1) + '%'"
+        (pointerdown)="onPointerDown($event)"
+        (pointermove)="onPointerMove($event)"
+        (pointerup)="endDrag($event)"
+        (pointercancel)="endDrag($event)"
+        (lostpointercapture)="endDrag($event)"
+      >
+        <span class="vd-range-slider__track" aria-hidden="true"></span>
+        <span class="vd-range-slider__fill" aria-hidden="true"></span>
+        @for (index of indices; track index) {
+          <button
+            type="button"
+            role="slider"
+            class="vd-range-slider__thumb"
+            [attr.data-index]="index"
+            [id]="index === 0 ? controlId : controlId + '-upper'"
+            [style.inset-inline-start]="percent(index) + '%'"
+            [attr.aria-labelledby]="labelId + ' ' + controlId + '-label-' + index"
+            [attr.aria-valuenow]="selected()[index]"
+            [attr.aria-valuemin]="index === 0 ? bounds().min : selected()[0]"
+            [attr.aria-valuemax]="index === 0 ? selected()[1] : bounds().max"
+            [attr.aria-valuetext]="valueText()(selected()[index])"
+            [attr.aria-describedby]="field?.describedBy() ?? null"
+            [attr.aria-invalid]="showInvalid() || null"
+            [attr.aria-disabled]="locked() || null"
+            [disabled]="isDisabled()"
+            (keydown)="onKeydown($event, index)"
+          >
+            <span class="vd-visually-hidden">{{
+              index === 0 ? t().lowerLabel : t().upperLabel
+            }}</span>
+          </button>
+        }
+      </div>
+    </div>
+  `,
+			host: {
+				class: "vd-range-slider",
+				"[attr.data-invalid]": "showInvalid() ? \"\" : null",
+				"[attr.data-disabled]": "isDisabled() ? \"\" : null",
+				"[attr.data-readonly]": "readonly() ? \"\" : null",
+				"[attr.data-dragging]": "dragging() ? \"\" : null",
+				"(focusout)": "onFocusOut($event)"
+			},
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["valueChange"]
+		}],
+		minValue: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "minValue",
+				required: false
+			}]
+		}],
+		maxValue: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "maxValue",
+				required: false
+			}]
+		}],
+		step: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "step",
+				required: false
+			}]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: true
+			}]
+		}],
+		lowerLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "lowerLabel",
+				required: false
+			}]
+		}],
+		upperLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "upperLabel",
+				required: false
+			}]
+		}],
+		valueText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "valueText",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		readonly: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "readonly",
+				required: false
+			}]
+		}],
+		invalid: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "invalid",
+				required: false
+			}]
+		}],
+		touched: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "touched",
+				required: false
+			}]
+		}],
+		required: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "required",
+				required: false
+			}]
+		}],
+		touch: [{
+			type: i0.Output,
+			args: ["touch"]
+		}],
+		rail: [{
+			type: i0.ViewChild,
+			args: ["rail", { isSignal: true }]
+		}]
+	}
+});
+export { VdRangeSlider };
+
+//# sourceMappingURL=vadem-ui-range-slider.mjs.map

package/fesm2022/vadem-ui-range-slider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vadem-ui-range-slider.mjs","names":[],"sources":["../../../projects/ui/range-slider/src/core/range-slider.ts","../../../projects/ui/range-slider/src/range-slider.ts"],"sourcesContent":["export type VdRangeValue = readonly [number, number];\nexport interface VdRangeBounds {\n  min: number;\n  max: number;\n  step: number;\n}\n\nexport function vdRangeBounds(min: number, max: number, step: number): VdRangeBounds {\n  min = Number.isFinite(min) ? min : 0;\n  max = Number.isFinite(max) ? Math.max(min, max) : Math.max(min, 100);\n  step = Number.isFinite(step) && step > 0 ? step : 1;\n  const count = Math.floor((max - min) / step + 1e-9);\n  if (!Number.isFinite(count) || !Number.isFinite(max - min)) return { min, max: min, step };\n  return {\n    min,\n    max: Math.max(min, Math.min(max, Number((min + count * step).toPrecision(14)))),\n    step,\n  };\n}\nexport function vdRangeSnap(value: number, bounds: VdRangeBounds): number {\n  const { min, max, step } = bounds;\n  const safe = Number.isFinite(value) ? value : min;\n  const clamped = Math.min(max, Math.max(min, safe));\n  return Math.min(\n    max,\n    Math.max(min, Number((min + Math.round((clamped - min) / step) * step).toPrecision(14))),\n  );\n}\nexport function vdRangeValue(value: VdRangeValue | null, bounds: VdRangeBounds): VdRangeValue {\n  const lower = vdRangeSnap(value?.[0] ?? bounds.min, bounds);\n  const upper = vdRangeSnap(value?.[1] ?? bounds.max, bounds);\n  return lower <= upper ? [lower, upper] : [upper, lower];\n}\nexport function vdRangeMove(\n  value: VdRangeValue,\n  index: 0 | 1,\n  next: number,\n  bounds: VdRangeBounds,\n): VdRangeValue {\n  const snapped = vdRangeSnap(next, bounds);\n  return index === 0\n    ? [Math.min(snapped, value[1]), value[1]]\n    : [value[0], Math.max(snapped, value[0])];\n}\nexport function vdRangeKey(\n  key: string,\n  current: number,\n  min: number,\n  max: number,\n  step: number,\n  rtl: boolean,\n): number | null {\n  switch (key) {\n    case 'Home':\n      return min;\n    case 'End':\n      return max;\n    case 'ArrowUp':\n      return current + step;\n    case 'ArrowDown':\n      return current - step;\n    case 'ArrowRight':\n      return current + (rtl ? -step : step);\n    case 'ArrowLeft':\n      return current + (rtl ? step : -step);\n    case 'PageUp':\n      return current + step * 10;\n    case 'PageDown':\n      return current - step * 10;\n    default:\n      return null;\n  }\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  ElementRef,\n  Injector,\n  OnInit,\n  Signal,\n  ViewEncapsulation,\n  booleanAttribute,\n  computed,\n  inject,\n  input,\n  model,\n  output,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { FormField, FormValueControl } from '@angular/forms/signals';\nimport {\n  VD_FIELD,\n  VdFieldControl,\n  VdNgControlState,\n  vdNgControlState,\n  vdUniqueId,\n} from '@vadem/ui/field';\nimport {\n  VdRangeValue,\n  vdRangeBounds,\n  vdRangeValue,\n  vdRangeMove,\n  vdRangeKey,\n} from './core/range-slider';\nimport { vdTexts } from '@vadem/ui/locale';\n\n@Component({\n  selector: 'vd-range-slider',\n  template: `\n    <div class=\"vd-range-slider__group\" role=\"group\" [attr.aria-labelledby]=\"labelId\">\n      <p class=\"vd-field__label\" [id]=\"labelId\">{{ label() }}</p>\n      <div class=\"vd-range-slider__values\">\n        @for (index of indices; track index) {\n          <span\n            ><span [id]=\"controlId + '-label-' + index\">{{\n              index === 0 ? t().lowerLabel : t().upperLabel\n            }}</span>\n            <span class=\"vd-range-slider__number\">{{ valueText()(selected()[index]) }}</span></span\n          >\n        }\n      </div>\n      <div\n        #rail\n        class=\"vd-range-slider__rail\"\n        [style.--vd-range-start]=\"percent(0) + '%'\"\n        [style.--vd-range-end]=\"percent(1) + '%'\"\n        (pointerdown)=\"onPointerDown($event)\"\n        (pointermove)=\"onPointerMove($event)\"\n        (pointerup)=\"endDrag($event)\"\n        (pointercancel)=\"endDrag($event)\"\n        (lostpointercapture)=\"endDrag($event)\"\n      >\n        <span class=\"vd-range-slider__track\" aria-hidden=\"true\"></span>\n        <span class=\"vd-range-slider__fill\" aria-hidden=\"true\"></span>\n        @for (index of indices; track index) {\n          <button\n            type=\"button\"\n            role=\"slider\"\n            class=\"vd-range-slider__thumb\"\n            [attr.data-index]=\"index\"\n            [id]=\"index === 0 ? controlId : controlId + '-upper'\"\n            [style.inset-inline-start]=\"percent(index) + '%'\"\n            [attr.aria-labelledby]=\"labelId + ' ' + controlId + '-label-' + index\"\n            [attr.aria-valuenow]=\"selected()[index]\"\n            [attr.aria-valuemin]=\"index === 0 ? bounds().min : selected()[0]\"\n            [attr.aria-valuemax]=\"index === 0 ? selected()[1] : bounds().max\"\n            [attr.aria-valuetext]=\"valueText()(selected()[index])\"\n            [attr.aria-describedby]=\"field?.describedBy() ?? null\"\n            [attr.aria-invalid]=\"showInvalid() || null\"\n            [attr.aria-disabled]=\"locked() || null\"\n            [disabled]=\"isDisabled()\"\n            (keydown)=\"onKeydown($event, index)\"\n          >\n            <span class=\"vd-visually-hidden\">{{\n              index === 0 ? t().lowerLabel : t().upperLabel\n            }}</span>\n          </button>\n        }\n      </div>\n    </div>\n  `,\n  host: {\n    class: 'vd-range-slider',\n    '[attr.data-invalid]': 'showInvalid() ? \"\" : null',\n    '[attr.data-disabled]': 'isDisabled() ? \"\" : null',\n    '[attr.data-readonly]': 'readonly() ? \"\" : null',\n    '[attr.data-dragging]': 'dragging() ? \"\" : null',\n    '(focusout)': 'onFocusOut($event)',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class VdRangeSlider implements FormValueControl<VdRangeValue | null>, OnInit {\n  readonly value = model<VdRangeValue | null>([25, 75]);\n  readonly minValue = input(0);\n  readonly maxValue = input(100);\n  readonly step = input(1);\n  readonly label = input.required<string>();\n  readonly lowerLabel = input<string>();\n  readonly upperLabel = input<string>();\n  /** Text inputs resolved against the active VD_LOCALE. */\n  protected readonly t = vdTexts('rangeSlider', {\n    lowerLabel: this.lowerLabel,\n    upperLabel: this.upperLabel,\n  });\n  readonly valueText = input<(value: number) => string>(String);\n  readonly disabled = input(false, { transform: booleanAttribute });\n  readonly readonly = input(false, { transform: booleanAttribute });\n  readonly invalid = input(false, { transform: booleanAttribute });\n  readonly touched = input(false, { transform: booleanAttribute });\n  readonly required = input(false, { transform: booleanAttribute });\n  readonly touch = output<void>();\n  readonly controlId = vdUniqueId('vd-range-slider');\n  protected readonly labelId = this.controlId + '-group-label';\n  protected readonly indices = [0, 1] as const;\n  protected readonly bounds = computed(() =>\n    vdRangeBounds(this.minValue(), this.maxValue(), this.step()),\n  );\n  protected readonly selected = computed(() => vdRangeValue(this.value(), this.bounds()));\n  protected readonly dragging = signal(false);\n  protected readonly field = inject(VD_FIELD, { optional: true });\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n  private readonly rail = viewChild.required<ElementRef<HTMLElement>>('rail');\n  private drag: { pointer: number; index: 0 | 1 } | null = null;\n  private readonly injector = inject(Injector);\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly formBound = signal(false);\n  private readonly ngSource = signal<Signal<VdNgControlState> | null>(null);\n  private readonly ngState = computed(\n    () =>\n      this.ngSource()?.() ?? { invalid: false, touched: false, disabled: false, required: false },\n  );\n  protected readonly isDisabled = computed(() => this.disabled() || this.ngState().disabled);\n  protected readonly locked = computed(() => this.isDisabled() || this.readonly());\n  protected readonly isRequired = computed(() => this.required() || this.ngState().required);\n  protected readonly showInvalid = computed(\n    () =>\n      (this.invalid() && (!this.formBound() || this.touched())) ||\n      (this.ngState().invalid && this.ngState().touched),\n  );\n\n  constructor() {\n    const control: VdFieldControl = {\n      id: signal(this.controlId),\n      invalid: this.showInvalid,\n      required: this.isRequired,\n      disabled: this.isDisabled,\n    };\n    this.field?.register(control);\n    this.destroyRef.onDestroy(() => this.field?.unregister(control));\n  }\n  ngOnInit(): void {\n    const ng = this.injector.get(NgControl, null, { self: true, optional: true });\n    this.formBound.set(\n      !!ng || !!this.injector.get(FormField, null, { self: true, optional: true }),\n    );\n    this.ngSource.set(vdNgControlState(ng, this.destroyRef));\n  }\n\n  protected percent(index: 0 | 1): number {\n    const { min, max } = this.bounds();\n    return max > min ? ((this.selected()[index] - min) / (max - min)) * 100 : 0;\n  }\n  private choose(index: 0 | 1, next: number): void {\n    if (this.locked()) return;\n    const current = this.selected();\n    const value = vdRangeMove(current, index, next, this.bounds());\n    if (current[0] !== value[0] || current[1] !== value[1]) this.value.set(value);\n  }\n  protected onKeydown(event: KeyboardEvent, index: 0 | 1): void {\n    if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) return;\n    const next = vdRangeKey(\n      event.key,\n      this.selected()[index],\n      index === 0 ? this.bounds().min : this.selected()[0],\n      index === 0 ? this.selected()[1] : this.bounds().max,\n      this.bounds().step,\n      this.host.matches(':dir(rtl)'),\n    );\n    if (next === null) return;\n    event.preventDefault();\n    this.choose(index, next);\n  }\n  private pointerValue(event: PointerEvent): number {\n    const rect = this.rail().nativeElement.getBoundingClientRect();\n    const fraction = rect.width ? (event.clientX - rect.x) / rect.width : 0;\n    const position = this.host.matches(':dir(rtl)') ? 1 - fraction : fraction;\n    return this.bounds().min + position * (this.bounds().max - this.bounds().min);\n  }\n  protected onPointerDown(event: PointerEvent): void {\n    if (this.locked() || this.drag || !event.isPrimary || event.button !== 0) return;\n    const target = (event.target as HTMLElement).closest<HTMLButtonElement>('[data-index]');\n    const next = this.pointerValue(event);\n    const index: 0 | 1 = target\n      ? (Number(target.dataset['index']) as 0 | 1)\n      : Math.abs(next - this.selected()[0]) < Math.abs(next - this.selected()[1])\n        ? 0\n        : 1;\n    event.preventDefault();\n    this.host.querySelectorAll<HTMLButtonElement>('button')[index].focus();\n    this.rail().nativeElement.setPointerCapture(event.pointerId);\n    this.drag = { pointer: event.pointerId, index };\n    this.dragging.set(true);\n    // Pressing a thumb should not jump to the pointer's offset within its hit area.\n    if (!target) this.choose(index, next);\n  }\n  protected onPointerMove(event: PointerEvent): void {\n    if (event.pointerId === this.drag?.pointer)\n      this.choose(this.drag.index, this.pointerValue(event));\n  }\n  protected endDrag(event: PointerEvent): void {\n    if (event.pointerId !== this.drag?.pointer) return;\n    this.drag = null;\n    this.dragging.set(false);\n    const rail = this.rail().nativeElement;\n    if (rail.hasPointerCapture(event.pointerId)) rail.releasePointerCapture(event.pointerId);\n  }\n  protected onFocusOut(event: FocusEvent): void {\n    if (!event.relatedTarget || !this.host.contains(event.relatedTarget as Node)) this.touch.emit();\n  }\n}\n"],"mappings":"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"}