@vadem/ui 0.0.0-stage → 0.0.1

package/fesm2022/vadem-ui-skeleton.mjs

@@ -0,0 +1,106 @@
+import * as i0 from "@angular/core";
+import { Directive, booleanAttribute, input } from "@angular/core";
+var VdSkeleton = class VdSkeleton {
+	shape = input(null, ...ngDevMode ? [{ debugName: "shape" }] : /* istanbul ignore next */ []);
+	size = input("md", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	animated = input(true, {
+		...ngDevMode ? { debugName: "animated" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdSkeleton,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.1",
+		type: VdSkeleton,
+		isStandalone: true,
+		selector: "[vdSkeleton]",
+		inputs: {
+			shape: {
+				classPropertyName: "shape",
+				publicName: "shape",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			animated: {
+				classPropertyName: "animated",
+				publicName: "animated",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			attributes: { "aria-hidden": "true" },
+			properties: {
+				"attr.data-shape": "shape()",
+				"attr.data-size": "size()",
+				"attr.data-animated": "animated() ? \"\" : null"
+			},
+			classAttribute: "vd-skeleton"
+		},
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdSkeleton,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[vdSkeleton]",
+			host: {
+				class: "vd-skeleton",
+				"aria-hidden": "true",
+				"[attr.data-shape]": "shape()",
+				"[attr.data-size]": "size()",
+				"[attr.data-animated]": "animated() ? \"\" : null"
+			}
+		}]
+	}],
+	propDecorators: {
+		shape: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "shape",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		animated: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "animated",
+				required: false
+			}]
+		}]
+	}
+});
+export { VdSkeleton };
+
+//# sourceMappingURL=vadem-ui-skeleton.mjs.map

package/fesm2022/vadem-ui-skeleton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vadem-ui-skeleton.mjs","names":[],"sources":["../../../projects/ui/skeleton/src/skeleton.ts"],"sourcesContent":["import { booleanAttribute, Directive, input } from '@angular/core';\n\nexport type VdSkeletonShape = 'text' | 'circle' | 'rectangle';\nexport type VdSkeletonSize = 'sm' | 'md' | 'lg';\n\n/** Decorative placeholder. Loading status and lifecycle belong to its consumer. */\n@Directive({\n  selector: '[vdSkeleton]',\n  host: {\n    class: 'vd-skeleton',\n    'aria-hidden': 'true',\n    '[attr.data-shape]': 'shape()',\n    '[attr.data-size]': 'size()',\n    '[attr.data-animated]': 'animated() ? \"\" : null',\n  },\n})\nexport class VdSkeleton {\n  readonly shape = input<VdSkeletonShape | null>(null);\n  readonly size = input<VdSkeletonSize>('md');\n  readonly animated = input(true, { transform: booleanAttribute });\n}\n"],"mappings":";;AAgBA,IAAa,aAAb,MAAa,WAAU;CACZ,QAAQ,MAA8B,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAC3C,OAAO,MAAsB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CAClC,WAAW,MAAM,MAAI;EAAA,GAAA,YAAA,EAAA,WAAA,WAAA,+BAAA,CAAA;EAAI,WAAW;CAAgB,CAAA;CAHlD,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAU,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAV,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAU,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,OAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,MAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,UAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,MAAA;GAAA,YAAA,EAAA,eAAA,OAAA;GAAA,YAAA;IAAA,mBAAA;IAAA,kBAAA;IAAA,sBAAA;GAAA;GAAA,gBAAA;EAAA;EAAA,UAAA;CAAA,CAAA;;AAAV,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAU,YAAA,CAAA;EAVtB,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,MAAM;IACJ,OAAO;IACP,eAAe;IACf,qBAAqB;IACrB,oBAAoB;IACpB,wBAAwB;GACzB;EACF,CAAA"}

package/fesm2022/vadem-ui-slider.mjs

@@ -0,0 +1,60 @@
+import * as i0 from "@angular/core";
+import { Directive, ElementRef, afterEveryRender, inject } from "@angular/core";
+import { VdFieldControlBase } from "@vadem/ui/field";
+function vdSliderFill(value, min, max) {
+	if (!(max > min) || Number.isNaN(value)) return 0;
+	return (Math.min(Math.max(value, min), max) - min) / (max - min) * 100;
+}
+var VdSlider = class VdSlider extends VdFieldControlBase {
+	el = inject(ElementRef).nativeElement;
+	constructor() {
+		super();
+		afterEveryRender(() => this.sync());
+	}
+	sync() {
+		const { valueAsNumber, min, max } = this.el;
+		const fill = vdSliderFill(valueAsNumber, Number(min || 0), Number(max || 100));
+		this.el.style.setProperty("--vd-slider-fill", `${fill}%`);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdSlider,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: VdSlider,
+		isStandalone: true,
+		selector: "input[type=range][vdSlider]",
+		host: {
+			listeners: { "input": "sync()" },
+			classAttribute: "vd-slider"
+		},
+		usesInheritance: true,
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdSlider,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "input[type=range][vdSlider]",
+			host: {
+				class: "vd-slider",
+				"(input)": "sync()"
+			}
+		}]
+	}],
+	ctorParameters: () => []
+});
+export { VdSlider, vdSliderFill };
+
+//# sourceMappingURL=vadem-ui-slider.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"vadem-ui-slider.mjs","names":[],"sources":["../../../projects/ui/slider/src/slider.ts"],"sourcesContent":["import { Directive, ElementRef, afterEveryRender, inject } from '@angular/core';\nimport { VdFieldControlBase } from '@vadem/ui/field';\n\n/** Filled share of a range input in percent (0-100), from its min/max/value. */\nexport function vdSliderFill(value: number, min: number, max: number): number {\n  if (!(max > min) || Number.isNaN(value)) return 0;\n  return ((Math.min(Math.max(value, min), max) - min) / (max - min)) * 100;\n}\n\n/**\n * Styles a native `<input type=\"range\">`. Value, keyboard (arrows, PageUp/Down, Home/End),\n * forms and labelling stay native; the directive only keeps the filled part of the track in\n * sync (`--vd-slider-fill`) for engines without a native progress pseudo-element.\n * Spec: specs/slider.md\n */\n@Directive({\n  selector: 'input[type=range][vdSlider]',\n  host: {\n    class: 'vd-slider',\n    '(input)': 'sync()',\n  },\n})\nexport class VdSlider extends VdFieldControlBase {\n  private readonly el: HTMLInputElement = inject(ElementRef).nativeElement;\n\n  constructor() {\n    super();\n    // Forms write `value` as a property (no event): re-read after every render.\n    afterEveryRender(() => this.sync());\n  }\n\n  protected sync(): void {\n    const { valueAsNumber, min, max } = this.el;\n    const fill = vdSliderFill(valueAsNumber, Number(min || 0), Number(max || 100));\n    this.el.style.setProperty('--vd-slider-fill', `${fill}%`);\n  }\n}\n"],"mappings":";;;AAIA,SAAgB,aAAa,OAAe,KAAa,KAAW;CAClE,IAAI,EAAE,MAAM,QAAQ,OAAO,MAAM,KAAK,GAAG,OAAO;CAChD,QAAS,KAAK,IAAI,KAAK,IAAI,OAAO,GAAG,GAAG,GAAG,IAAI,QAAQ,MAAM,OAAQ;AACvE;AAeA,IAAa,WAAb,MAAa,iBAAiB,mBAAkB;CAC7B,KAAuB,OAAO,UAAU,CAAC,CAAC;CAE3D,cAAA;EACE,MAAK;EAEL,uBAAuB,KAAK,KAAI,CAAE;CACpC;CAEU,OAAI;EACZ,MAAM,EAAE,eAAe,KAAK,QAAQ,KAAK;EACzC,MAAM,OAAO,aAAa,eAAe,OAAO,OAAO,CAAC,GAAG,OAAO,OAAO,GAAG,CAAC;EAC7E,KAAK,GAAG,MAAM,YAAY,oBAAoB,GAAG,KAAI,EAAG;CAC1D;CAbW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAQ,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAR,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAQ,cAAA;EAAA,UAAA;EAAA,MAAA;GAAA,WAAA,EAAA,SAAA,SAAA;GAAA,gBAAA;EAAA;EAAA,iBAAA;EAAA,UAAA;CAAA,CAAA;;AAAR,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAQ,YAAA,CAAA;EAPpB,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,MAAM;IACJ,OAAO;IACP,WAAW;GACZ;EACF,CAAA"}

package/fesm2022/vadem-ui-splitter.mjs

@@ -0,0 +1,438 @@
+import * as i0 from "@angular/core";
+import { DestroyRef, Directive, ElementRef, booleanAttribute, computed, contentChildren, effect, inject, input, model, signal } from "@angular/core";
+import { vdUniqueId } from "@vadem/ui/field";
+const finite = (value, fallback) => Number.isFinite(value) ? value : fallback;
+const clamp = (value, min, max) => Math.min(max, Math.max(min, value));
+function vdSplitterBounds(min, max) {
+	const lower = clamp(finite(min, 10), 1, 99);
+	return {
+		min: lower,
+		max: Math.max(lower, clamp(finite(max, 90), 1, 99))
+	};
+}
+function vdSplitterValue(value, bounds) {
+	return clamp(finite(value, 50), bounds.min, bounds.max);
+}
+function vdSplitterKey(key, value, bounds, orientation, dir, step) {
+	if (key === "Home") return bounds.min;
+	if (key === "End") return bounds.max;
+	let delta = 0;
+	if (orientation === "horizontal") {
+		if (key === "ArrowRight") delta = dir === "rtl" ? -1 : 1;
+		if (key === "ArrowLeft") delta = dir === "rtl" ? 1 : -1;
+	} else {
+		if (key === "ArrowDown") delta = 1;
+		if (key === "ArrowUp") delta = -1;
+	}
+	if (!delta) return null;
+	return vdSplitterValue(Math.round((value + delta * (step > 0 && Number.isFinite(step) ? step : 1)) * 1e4) / 1e4, bounds);
+}
+function vdSplitterDrag(value, delta, span, bounds, reverse) {
+	if (!(span > 0) || !Number.isFinite(delta) || !Number.isFinite(span)) return value;
+	return vdSplitterValue(Math.round((value + delta / span * 100 * (reverse ? -1 : 1)) * 1e4) / 1e4, bounds);
+}
+var VdSplitter = class VdSplitter {
+	value = model(50, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	min = input(10, ...ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []);
+	max = input(90, ...ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []);
+	step = input(1, ...ngDevMode ? [{ debugName: "step" }] : /* istanbul ignore next */ []);
+	orientation = input("horizontal", ...ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []);
+	disabled = input(false, {
+		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	dragging = signal(false, ...ngDevMode ? [{ debugName: "dragging" }] : /* istanbul ignore next */ []);
+	bounds = computed(() => vdSplitterBounds(this.min(), this.max()), ...ngDevMode ? [{ debugName: "bounds" }] : /* istanbul ignore next */ []);
+	position = computed(() => vdSplitterValue(this.value(), this.bounds()), ...ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []);
+	descendants = contentChildren(VdSplitterPane, {
+		...ngDevMode ? { debugName: "descendants" } : /* istanbul ignore next */ {},
+		descendants: true
+	});
+	panes = computed(() => this.descendants().filter((pane) => pane.splitter === this), ...ngDevMode ? [{ debugName: "panes" }] : /* istanbul ignore next */ []);
+	locked = computed(() => this.disabled() || this.bounds().min === this.bounds().max || this.panes().length !== 2, ...ngDevMode ? [{ debugName: "locked" }] : /* istanbul ignore next */ []);
+	element = inject(ElementRef).nativeElement;
+	resize(value) {
+		if (this.locked()) return;
+		const next = vdSplitterValue(value, this.bounds());
+		if (next !== this.position()) this.value.set(next);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdSplitter,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.2.0",
+		version: "22.2.1",
+		type: VdSplitter,
+		isStandalone: true,
+		selector: "[vdSplitter]",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			min: {
+				classPropertyName: "min",
+				publicName: "min",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			max: {
+				classPropertyName: "max",
+				publicName: "max",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			step: {
+				classPropertyName: "step",
+				publicName: "step",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			orientation: {
+				classPropertyName: "orientation",
+				publicName: "orientation",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { value: "valueChange" },
+		host: {
+			properties: {
+				"attr.data-orientation": "orientation()",
+				"attr.data-disabled": "disabled() ? \"\" : null",
+				"attr.data-dragging": "dragging() ? \"\" : null",
+				"style.--vd-splitter-first": "position() + \"fr\"",
+				"style.--vd-splitter-second": "(100 - position()) + \"fr\""
+			},
+			classAttribute: "vd-splitter"
+		},
+		queries: [{
+			propertyName: "descendants",
+			predicate: VdSplitterPane,
+			descendants: true,
+			isSignal: true
+		}],
+		exportAs: ["vdSplitter"],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdSplitter,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[vdSplitter]",
+			exportAs: "vdSplitter",
+			host: {
+				class: "vd-splitter",
+				"[attr.data-orientation]": "orientation()",
+				"[attr.data-disabled]": "disabled() ? \"\" : null",
+				"[attr.data-dragging]": "dragging() ? \"\" : null",
+				"[style.--vd-splitter-first]": "position() + \"fr\"",
+				"[style.--vd-splitter-second]": "(100 - position()) + \"fr\""
+			}
+		}]
+	}],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["valueChange"]
+		}],
+		min: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "min",
+				required: false
+			}]
+		}],
+		max: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "max",
+				required: false
+			}]
+		}],
+		step: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "step",
+				required: false
+			}]
+		}],
+		orientation: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "orientation",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		descendants: [{
+			type: i0.ContentChildren,
+			args: [i0.forwardRef(() => VdSplitterPane), {
+				descendants: true,
+				isSignal: true
+			}]
+		}]
+	}
+});
+var VdSplitterPane = class VdSplitterPane {
+	splitter = inject(VdSplitter);
+	id = input(vdUniqueId("vd-splitter-pane"), ...ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []);
+	element = inject(ElementRef).nativeElement;
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdSplitterPane,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.1",
+		type: VdSplitterPane,
+		isStandalone: true,
+		selector: "[vdSplitterPane]",
+		inputs: { id: {
+			classPropertyName: "id",
+			publicName: "id",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			attributes: { "tabindex": "0" },
+			properties: { "id": "id()" },
+			classAttribute: "vd-splitter__pane"
+		},
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdSplitterPane,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[vdSplitterPane]",
+			host: {
+				class: "vd-splitter__pane",
+				"[id]": "id()",
+				tabindex: "0"
+			}
+		}]
+	}],
+	propDecorators: { id: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "id",
+			required: false
+		}]
+	}] }
+});
+var VdSplitterHandle = class VdSplitterHandle {
+	label = input.required(...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+	splitter = inject(VdSplitter);
+	element = inject(ElementRef).nativeElement;
+	drag = null;
+	constructor() {
+		inject(DestroyRef).onDestroy(() => this.finish());
+		effect(() => {
+			const locked = this.splitter.locked();
+			const orientation = this.splitter.orientation();
+			const { min, max } = this.splitter.bounds();
+			if (this.drag && (locked || orientation !== this.drag.orientation || min !== this.drag.min || max !== this.drag.max)) this.finish();
+		});
+	}
+	direction() {
+		return this.splitter.element.matches(":dir(rtl)") ? "rtl" : "ltr";
+	}
+	onKeydown(event) {
+		if (event.target !== this.element || this.splitter.locked() || event.isComposing || event.ctrlKey || event.metaKey || event.altKey || event.shiftKey) return;
+		const target = vdSplitterKey(event.key, this.splitter.position(), this.splitter.bounds(), this.splitter.orientation(), this.direction(), this.splitter.step());
+		if (target === null) return;
+		event.preventDefault();
+		this.finish();
+		this.splitter.resize(target);
+	}
+	onPointerDown(event) {
+		if (!event.isPrimary || event.button !== 0 || this.splitter.locked() || this.drag) return;
+		if (typeof this.element.setPointerCapture !== "function") return;
+		try {
+			this.element.setPointerCapture(event.pointerId);
+		} catch {
+			return;
+		}
+		event.preventDefault();
+		this.element.focus({ preventScroll: true });
+		const orientation = this.splitter.orientation();
+		this.drag = {
+			id: event.pointerId,
+			start: orientation === "horizontal" ? event.clientX : event.clientY,
+			value: this.splitter.position(),
+			orientation,
+			dir: this.direction(),
+			...this.splitter.bounds()
+		};
+		this.splitter.dragging.set(true);
+	}
+	onPointerMove(event) {
+		const drag = this.drag;
+		if (!drag || drag.id !== event.pointerId) return;
+		if (this.splitter.locked() || this.direction() !== drag.dir || this.splitter.orientation() !== drag.orientation) {
+			this.finish();
+			return;
+		}
+		const span = this.splitter.panes().reduce((size, pane) => {
+			const r = pane.element.getBoundingClientRect();
+			return size + (drag.orientation === "horizontal" ? r.width : r.height);
+		}, 0);
+		const point = drag.orientation === "horizontal" ? event.clientX : event.clientY;
+		this.splitter.resize(vdSplitterDrag(drag.value, point - drag.start, span, this.splitter.bounds(), drag.orientation === "horizontal" && drag.dir === "rtl"));
+	}
+	onPointerEnd(event) {
+		if (event.pointerId === this.drag?.id) this.finish();
+	}
+	finish() {
+		const drag = this.drag;
+		this.drag = null;
+		this.splitter.dragging.set(false);
+		if (drag && this.element.hasPointerCapture?.(drag.id)) this.element.releasePointerCapture(drag.id);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdSplitterHandle,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.1",
+		type: VdSplitterHandle,
+		isStandalone: true,
+		selector: "[vdSplitterHandle]",
+		inputs: { label: {
+			classPropertyName: "label",
+			publicName: "label",
+			isSignal: true,
+			isRequired: true,
+			transformFunction: null
+		} },
+		host: {
+			attributes: { "role": "separator" },
+			listeners: {
+				"keydown": "onKeydown($event)",
+				"pointerdown": "onPointerDown($event)",
+				"pointermove": "onPointerMove($event)",
+				"pointerup": "onPointerEnd($event)",
+				"pointercancel": "onPointerEnd($event)",
+				"lostpointercapture": "onPointerEnd($event)"
+			},
+			properties: {
+				"attr.tabindex": "splitter.locked() ? -1 : 0",
+				"attr.aria-label": "label()",
+				"attr.aria-controls": "splitter.panes()[0]?.id() ?? null",
+				"attr.aria-orientation": "splitter.orientation() === \"horizontal\" ? \"vertical\" : \"horizontal\"",
+				"attr.aria-valuenow": "splitter.position()",
+				"attr.aria-valuemin": "splitter.bounds().min",
+				"attr.aria-valuemax": "splitter.bounds().max",
+				"attr.aria-disabled": "splitter.locked() ? \"true\" : null"
+			},
+			classAttribute: "vd-splitter__handle"
+		},
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdSplitterHandle,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[vdSplitterHandle]",
+			host: {
+				class: "vd-splitter__handle",
+				role: "separator",
+				"[attr.tabindex]": "splitter.locked() ? -1 : 0",
+				"[attr.aria-label]": "label()",
+				"[attr.aria-controls]": "splitter.panes()[0]?.id() ?? null",
+				"[attr.aria-orientation]": "splitter.orientation() === \"horizontal\" ? \"vertical\" : \"horizontal\"",
+				"[attr.aria-valuenow]": "splitter.position()",
+				"[attr.aria-valuemin]": "splitter.bounds().min",
+				"[attr.aria-valuemax]": "splitter.bounds().max",
+				"[attr.aria-disabled]": "splitter.locked() ? \"true\" : null",
+				"(keydown)": "onKeydown($event)",
+				"(pointerdown)": "onPointerDown($event)",
+				"(pointermove)": "onPointerMove($event)",
+				"(pointerup)": "onPointerEnd($event)",
+				"(pointercancel)": "onPointerEnd($event)",
+				"(lostpointercapture)": "onPointerEnd($event)"
+			}
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: { label: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "label",
+			required: true
+		}]
+	}] }
+});
+const VD_SPLITTER = [
+	VdSplitter,
+	VdSplitterPane,
+	VdSplitterHandle
+];
+export { VD_SPLITTER, VdSplitter, VdSplitterHandle, VdSplitterPane };
+
+//# sourceMappingURL=vadem-ui-splitter.mjs.map

package/fesm2022/vadem-ui-splitter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vadem-ui-splitter.mjs","names":[],"sources":["../../../projects/ui/splitter/src/core/splitter.ts","../../../projects/ui/splitter/src/splitter.ts"],"sourcesContent":["export interface VdSplitterBounds {\n  min: number;\n  max: number;\n}\nconst finite = (value: number, fallback: number) => (Number.isFinite(value) ? value : fallback);\nconst clamp = (value: number, min: number, max: number) => Math.min(max, Math.max(min, value));\n\n/** Nonzero panes keep their scrollable content reachable; invalid/reversed bounds become fixed. */\nexport function vdSplitterBounds(min: number, max: number): VdSplitterBounds {\n  const lower = clamp(finite(min, 10), 1, 99);\n  return { min: lower, max: Math.max(lower, clamp(finite(max, 90), 1, 99)) };\n}\nexport function vdSplitterValue(value: number, bounds: VdSplitterBounds): number {\n  return clamp(finite(value, 50), bounds.min, bounds.max);\n}\nexport function vdSplitterKey(\n  key: string,\n  value: number,\n  bounds: VdSplitterBounds,\n  orientation: 'horizontal' | 'vertical',\n  dir: 'ltr' | 'rtl',\n  step: number,\n): number | null {\n  if (key === 'Home') return bounds.min;\n  if (key === 'End') return bounds.max;\n  let delta = 0;\n  if (orientation === 'horizontal') {\n    if (key === 'ArrowRight') delta = dir === 'rtl' ? -1 : 1;\n    if (key === 'ArrowLeft') delta = dir === 'rtl' ? 1 : -1;\n  } else {\n    if (key === 'ArrowDown') delta = 1;\n    if (key === 'ArrowUp') delta = -1;\n  }\n  if (!delta) return null;\n  const amount = step > 0 && Number.isFinite(step) ? step : 1;\n  return vdSplitterValue(Math.round((value + delta * amount) * 10000) / 10000, bounds);\n}\nexport function vdSplitterDrag(\n  value: number,\n  delta: number,\n  span: number,\n  bounds: VdSplitterBounds,\n  reverse: boolean,\n): number {\n  if (!(span > 0) || !Number.isFinite(delta) || !Number.isFinite(span)) return value;\n  return vdSplitterValue(\n    Math.round((value + (delta / span) * 100 * (reverse ? -1 : 1)) * 10000) / 10000,\n    bounds,\n  );\n}\n","import {\n  booleanAttribute,\n  computed,\n  contentChildren,\n  DestroyRef,\n  Directive,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  model,\n  signal,\n} from '@angular/core';\nimport { vdUniqueId } from '@vadem/ui/field';\nimport { type VdOrientation } from '@vadem/ui/keyboard';\nimport { vdSplitterBounds, vdSplitterDrag, vdSplitterKey, vdSplitterValue } from './core/splitter';\n\n@Directive({\n  selector: '[vdSplitter]',\n  exportAs: 'vdSplitter',\n  host: {\n    class: 'vd-splitter',\n    '[attr.data-orientation]': 'orientation()',\n    '[attr.data-disabled]': 'disabled() ? \"\" : null',\n    '[attr.data-dragging]': 'dragging() ? \"\" : null',\n    '[style.--vd-splitter-first]': 'position() + \"fr\"',\n    '[style.--vd-splitter-second]': '(100 - position()) + \"fr\"',\n  },\n})\nexport class VdSplitter {\n  readonly value = model(50);\n  readonly min = input(10);\n  readonly max = input(90);\n  readonly step = input(1);\n  /** Layout axis: horizontal means side by side, vertical means stacked panes. */\n  readonly orientation = input<VdOrientation>('horizontal');\n  readonly disabled = input(false, { transform: booleanAttribute });\n  readonly dragging = signal(false);\n  readonly bounds = computed(() => vdSplitterBounds(this.min(), this.max()));\n  readonly position = computed(() => vdSplitterValue(this.value(), this.bounds()));\n  private readonly descendants = contentChildren(VdSplitterPane, { descendants: true });\n  readonly panes = computed(() => this.descendants().filter((pane) => pane.splitter === this));\n  readonly locked = computed(\n    () => this.disabled() || this.bounds().min === this.bounds().max || this.panes().length !== 2,\n  );\n  readonly element: HTMLElement = inject(ElementRef).nativeElement;\n  resize(value: number): void {\n    if (this.locked()) return;\n    const next = vdSplitterValue(value, this.bounds());\n    if (next !== this.position()) this.value.set(next);\n  }\n}\n\n@Directive({\n  selector: '[vdSplitterPane]',\n  host: { class: 'vd-splitter__pane', '[id]': 'id()', tabindex: '0' },\n})\nexport class VdSplitterPane {\n  readonly splitter = inject(VdSplitter);\n  readonly id = input(vdUniqueId('vd-splitter-pane'));\n  readonly element: HTMLElement = inject(ElementRef).nativeElement;\n}\n\ninterface Drag {\n  id: number;\n  start: number;\n  value: number;\n  orientation: VdOrientation;\n  dir: 'ltr' | 'rtl';\n  min: number;\n  max: number;\n}\n@Directive({\n  selector: '[vdSplitterHandle]',\n  host: {\n    class: 'vd-splitter__handle',\n    role: 'separator',\n    '[attr.tabindex]': 'splitter.locked() ? -1 : 0',\n    '[attr.aria-label]': 'label()',\n    '[attr.aria-controls]': 'splitter.panes()[0]?.id() ?? null',\n    '[attr.aria-orientation]':\n      'splitter.orientation() === \"horizontal\" ? \"vertical\" : \"horizontal\"',\n    '[attr.aria-valuenow]': 'splitter.position()',\n    '[attr.aria-valuemin]': 'splitter.bounds().min',\n    '[attr.aria-valuemax]': 'splitter.bounds().max',\n    '[attr.aria-disabled]': 'splitter.locked() ? \"true\" : null',\n    '(keydown)': 'onKeydown($event)',\n    '(pointerdown)': 'onPointerDown($event)',\n    '(pointermove)': 'onPointerMove($event)',\n    '(pointerup)': 'onPointerEnd($event)',\n    '(pointercancel)': 'onPointerEnd($event)',\n    '(lostpointercapture)': 'onPointerEnd($event)',\n  },\n})\nexport class VdSplitterHandle {\n  /** Match the primary pane's name; consumers can provide aria-labelledby for its heading. */\n  readonly label = input.required<string>();\n  readonly splitter = inject(VdSplitter);\n  private readonly element: HTMLElement = inject(ElementRef).nativeElement;\n  private drag: Drag | null = null;\n  constructor() {\n    inject(DestroyRef).onDestroy(() => this.finish());\n    effect(() => {\n      const locked = this.splitter.locked();\n      const orientation = this.splitter.orientation();\n      const { min, max } = this.splitter.bounds();\n      if (\n        this.drag &&\n        (locked ||\n          orientation !== this.drag.orientation ||\n          min !== this.drag.min ||\n          max !== this.drag.max)\n      )\n        this.finish();\n    });\n  }\n  private direction(): 'ltr' | 'rtl' {\n    return this.splitter.element.matches(':dir(rtl)') ? 'rtl' : 'ltr';\n  }\n  protected onKeydown(event: KeyboardEvent): void {\n    if (\n      event.target !== this.element ||\n      this.splitter.locked() ||\n      event.isComposing ||\n      event.ctrlKey ||\n      event.metaKey ||\n      event.altKey ||\n      event.shiftKey\n    )\n      return;\n    const target = vdSplitterKey(\n      event.key,\n      this.splitter.position(),\n      this.splitter.bounds(),\n      this.splitter.orientation(),\n      this.direction(),\n      this.splitter.step(),\n    );\n    if (target === null) return;\n    event.preventDefault();\n    this.finish();\n    this.splitter.resize(target);\n  }\n  protected onPointerDown(event: PointerEvent): void {\n    if (!event.isPrimary || event.button !== 0 || this.splitter.locked() || this.drag) return;\n    // Native capture handles mouse/touch/pen beyond the rail; keyboard remains a fallback.\n    if (typeof this.element.setPointerCapture !== 'function') return;\n    try {\n      this.element.setPointerCapture(event.pointerId);\n    } catch {\n      return;\n    }\n    event.preventDefault();\n    this.element.focus({ preventScroll: true });\n    const orientation = this.splitter.orientation();\n    this.drag = {\n      id: event.pointerId,\n      start: orientation === 'horizontal' ? event.clientX : event.clientY,\n      value: this.splitter.position(),\n      orientation,\n      dir: this.direction(),\n      ...this.splitter.bounds(),\n    };\n    this.splitter.dragging.set(true);\n  }\n  protected onPointerMove(event: PointerEvent): void {\n    const drag = this.drag;\n    if (!drag || drag.id !== event.pointerId) return;\n    if (\n      this.splitter.locked() ||\n      this.direction() !== drag.dir ||\n      this.splitter.orientation() !== drag.orientation\n    ) {\n      this.finish();\n      return;\n    }\n    const span = this.splitter.panes().reduce((size, pane) => {\n      const r = pane.element.getBoundingClientRect();\n      return size + (drag.orientation === 'horizontal' ? r.width : r.height);\n    }, 0);\n    const point = drag.orientation === 'horizontal' ? event.clientX : event.clientY;\n    this.splitter.resize(\n      vdSplitterDrag(\n        drag.value,\n        point - drag.start,\n        span,\n        this.splitter.bounds(),\n        drag.orientation === 'horizontal' && drag.dir === 'rtl',\n      ),\n    );\n  }\n  protected onPointerEnd(event: PointerEvent): void {\n    if (event.pointerId === this.drag?.id) this.finish();\n  }\n  private finish(): void {\n    const drag = this.drag;\n    this.drag = null;\n    this.splitter.dragging.set(false);\n    if (drag && this.element.hasPointerCapture?.(drag.id))\n      this.element.releasePointerCapture(drag.id);\n  }\n}\nexport const VD_SPLITTER = [VdSplitter, VdSplitterPane, VdSplitterHandle] as const;\n"],"mappings":"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"}