@thewaver/ss-components 0.0.1 → 0.0.2

package/dist/Fundamentals/Sortable/Sortable.js

@@ -0,0 +1,497 @@
+import { useViewportContext } from "../../Exotics/Viewport/Viewport.context.js";
+import { ViewportUtils } from "../../Exotics/Viewport/Viewport.utils.js";
+import { Elevation } from "../../Abstracts/Elevation/Elevation.js";
+import { AnchorUtils } from "../../Abstracts/Anchor/Anchor.utils.js";
+import { access, accessSignal } from "../../Utils/propUtils.js";
+import { CarrierStack } from "../../Abstracts/Carrier/CarrierStack.js";
+import { CarrierUtils } from "../../Abstracts/Carrier/Carrier.utils.js";
+import { InteractionTracker } from "../../Abstracts/InteractionTracker/InteractionTracker.js";
+import { LabelUtils } from "../Input/Label/Label.utils.js";
+import { InteractionWrapper } from "../InteractionWrapper/InteractionWrapper.js";
+import { sortableCarried, sortableColumn, sortableItem, sortableMarkerColumn, sortableMarkerRow, sortableRow } from "./Sortable.css.js";
+import { Index, Show, createEffect, createMemo, createSignal, createUniqueId, onCleanup } from "solid-js";
+import "@thewaver/ss-utils";
+import { Portal, addEventListener, className, createComponent, delegateEvents, effect, insert, memo, mergeProps, setAttribute, setStyleProperty, style, template, use } from "solid-js/web";
+//#region src/Fundamentals/Sortable/Sortable.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div role=listitem>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div role=list>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<div aria-hidden=true>`);
+var DEFAULT_SORTABLE_DIR = "column";
+var DEFAULT_SORTABLE_GAP = 0;
+var INTERACTIVE_SELECTOR = "a[href], button, input, select, textarea, [role='button'], [role='checkbox'], [role='link'], [role='switch']";
+var SortableItemSlot = (props) => {
+	const getIsDisabled = () => access(props.flags).isDisabled ?? false;
+	return (() => {
+		var _el$ = _tmpl$();
+		addEventListener(_el$, "focus", props.onFocus);
+		addEventListener(_el$, "click", props.onClick, true);
+		addEventListener(_el$, "keydown", props.onKeyDown, true);
+		addEventListener(_el$, "pointerdown", props.onPointerDown, true);
+		use((element) => props.ref?.(element), _el$);
+		className(_el$, sortableItem);
+		insert(_el$, () => props.renderContent(() => access(props.flags)));
+		effect((_p$) => {
+			var _v$ = access(props.id), _v$2 = access(props.label), _v$3 = access(props.position), _v$4 = access(props.setSize), _v$5 = getIsDisabled() || void 0;
+			_v$ !== _p$.e && setAttribute(_el$, "id", _p$.e = _v$);
+			_v$2 !== _p$.t && setAttribute(_el$, "aria-label", _p$.t = _v$2);
+			_v$3 !== _p$.a && setAttribute(_el$, "aria-posinset", _p$.a = _v$3);
+			_v$4 !== _p$.o && setAttribute(_el$, "aria-setsize", _p$.o = _v$4);
+			_v$5 !== _p$.i && setAttribute(_el$, "aria-disabled", _p$.i = _v$5);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0,
+			i: void 0
+		});
+		return _el$;
+	})();
+};
+var Sortable = (props) => {
+	const itemsSignal = accessSignal(() => props.itemsSignal);
+	const listId = createUniqueId();
+	const viewportContext = useViewportContext();
+	const [getRootRef, setRootRef] = createSignal();
+	const [getItemRefs, setItemRefs] = createSignal([]);
+	const [getFocusedIndex, setFocusedIndex] = createSignal(0);
+	const [getCarriedPoint, setCarriedPoint] = createSignal();
+	const [getCarriedSize, setCarriedSize] = createSignal();
+	let grabOffset = {
+		x: 0,
+		y: 0
+	};
+	const getAriaLabel = LabelUtils.resolveAriaLabel(() => access(props.ariaLabel));
+	const getIsDisabled = createMemo(() => access(props.isDisabled) ?? false);
+	const getIsLocked = createMemo(() => access(props.isLocked) ?? false);
+	const getDir = createMemo(() => access(props.dir) ?? DEFAULT_SORTABLE_DIR);
+	const getItems = createMemo(() => itemsSignal[0]());
+	const getGroupId = createMemo(() => access(props.groupId));
+	const setItemRef = (index, element) => {
+		setItemRefs((refs) => {
+			const next = [...refs];
+			next[index] = element;
+			return next;
+		});
+	};
+	const computeCarry = (item) => ({
+		groupId: getGroupId(),
+		key: props.computeItemKey(item.value),
+		label: props.computeItemLabel(item.value),
+		value: item
+	});
+	const asIndex = (place) => place;
+	const getItemRects = () => getItemRefs().slice(0, getItems().length).filter((element) => element !== void 0).map((element) => element.getBoundingClientRect());
+	const getSourceIndex = () => {
+		const place = CarrierStack.getSourcePlace();
+		return CarrierStack.getSourceZone() === zone && place !== void 0 ? asIndex(place) : void 0;
+	};
+	const getPlaceCount = () => getItems().length + (CarrierStack.getCarry() !== void 0 && CarrierStack.getSourceZone() !== zone ? 1 : 0);
+	const zone = {
+		getGroupId,
+		getLabel: () => access(props.ariaLabel),
+		getRootRef,
+		getIsDisabled,
+		getKeyHint: (hasOtherZones) => hasOtherZones ? "Arrow keys choose a place, Tab changes list, Enter drops, Escape cancels." : "Arrow keys choose a place, Enter drops, Escape cancels.",
+		computeCanAccept: (carry) => {
+			if (getIsDisabled() || getIsLocked()) return false;
+			const item = carry.value;
+			return props.computeCanAccept?.(item.value, CarrierStack.getSourceZone()?.getLabel() ?? "") ?? true;
+		},
+		computePlaceAtPoint: (point) => {
+			const sourceIndex = getSourceIndex();
+			return CarrierUtils.computeSettledIndex(CarrierUtils.computeDropIndex(getItemRects(), point.x, point.y, getDir()), sourceIndex ?? 0, sourceIndex !== void 0);
+		},
+		computeNudgedPlace: (place, nudge) => {
+			const step = (nudge.x ?? 0) + (nudge.y ?? 0);
+			if (step === 0) return;
+			return Math.min(Math.max(asIndex(place) + step, 0), getPlaceCount() - 1);
+		},
+		computeEntryPlace: () => getSourceIndex() ?? getItems().length,
+		computeIsSamePlace: (a, b) => a === b,
+		computeIsPlaceAllowed: () => true,
+		computePlaceLabel: (place) => `place ${asIndex(place) + 1} of ${getPlaceCount()}`,
+		takeAt: (place) => {
+			const index = asIndex(place);
+			itemsSignal[1]((items) => items.filter((_unused, itemIndex) => itemIndex !== index));
+		},
+		putAt: (place, carry, origin) => {
+			const item = carry.value;
+			const index = asIndex(place);
+			itemsSignal[1]((items) => [
+				...items.slice(0, index),
+				item,
+				...items.slice(index)
+			]);
+			props.onTransfer?.({
+				value: item.value,
+				fromLabel: origin.label,
+				toLabel: access(props.ariaLabel),
+				fromIndex: typeof origin.place === "number" ? origin.place : void 0,
+				toIndex: index
+			});
+		},
+		moveAt: (fromPlace, toPlace) => {
+			const fromIndex = asIndex(fromPlace);
+			const toIndex = asIndex(toPlace);
+			let moved;
+			itemsSignal[1]((items) => {
+				const rest = items.filter((_unused, index) => index !== fromIndex);
+				moved = items[fromIndex];
+				return [
+					...rest.slice(0, toIndex),
+					items[fromIndex],
+					...rest.slice(toIndex)
+				];
+			});
+			if (!moved) return;
+			props.onTransfer?.({
+				value: moved.value,
+				fromLabel: access(props.ariaLabel),
+				toLabel: access(props.ariaLabel),
+				fromIndex,
+				toIndex
+			});
+		}
+	};
+	CarrierStack.registerZone(zone);
+	const getIsSource = createMemo(() => CarrierStack.getSourceZone() === zone);
+	const getIsReceiving = createMemo(() => CarrierStack.getTargetZone() === zone);
+	const getCarriedKey = createMemo(() => getIsSource() ? CarrierStack.getCarry()?.key : void 0);
+	const getLandingIndex = createMemo(() => {
+		const place = CarrierStack.getTargetPlace();
+		if (!getIsReceiving() || place === void 0) return;
+		return CarrierUtils.computeMarkerIndex(asIndex(place), getSourceIndex() ?? 0, getIsSource());
+	});
+	const getEndRoom = createMemo(() => (access(props.gap) ?? DEFAULT_SORTABLE_GAP) / 2);
+	const getMarkerOffset = createMemo(() => {
+		const markerIndex = getLandingIndex();
+		const root = getRootRef();
+		if (markerIndex === void 0 || !root) return;
+		const rects = getItemRects();
+		const rootRect = root.getBoundingClientRect();
+		const isRow = getDir() === "row";
+		const scrolled = isRow ? root.scrollLeft : root.scrollTop;
+		const span = isRow ? root.scrollWidth : root.scrollHeight;
+		if (rects.length < 1) return span / 2;
+		const scale = viewportContext.getScale();
+		const startOf = (rect) => (isRow ? rect.left - rootRect.left : rect.top - rootRect.top) / scale + scrolled;
+		const endOf = (rect) => (isRow ? rect.right - rootRect.left : rect.bottom - rootRect.top) / scale + scrolled;
+		return ((markerIndex > 0 ? endOf(rects[markerIndex - 1]) : 0) + (markerIndex < rects.length ? startOf(rects[markerIndex]) : span)) / 2;
+	});
+	const getNavigableIndexes = createMemo(() => getItems().reduce((acc, item, index) => {
+		const isReachable = InteractionTracker.computeIsReachable(item.isDisabled ?? false, item.isReachableWhenDisabled ?? false, item.tooltipDefs !== void 0);
+		if (!item.isDisabled || isReachable) acc.push(index);
+		return acc;
+	}, []));
+	const getRovingIndex = createMemo(() => {
+		const navigable = getNavigableIndexes();
+		return navigable.includes(getFocusedIndex()) ? getFocusedIndex() : navigable[0];
+	});
+	const getItemId = (index) => `${listId}-item-${index}`;
+	const focusIndex = (index) => {
+		setFocusedIndex(index);
+		getItemRefs()[index]?.focus();
+	};
+	let hasPendingClick = false;
+	const pickUp = (index, mode, from) => {
+		if (getIsDisabled()) return;
+		const item = getItems()[index];
+		if (!item || item.isDisabled) return;
+		const rect = getItemRefs()[index]?.getBoundingClientRect();
+		if (rect) {
+			const origin = ViewportUtils.getAdjustedClientPoint({
+				x: rect.left,
+				y: rect.top
+			}, viewportContext);
+			const grabbed = from && ViewportUtils.getAdjustedClientPoint(from, viewportContext);
+			const scale = viewportContext.getScale();
+			setCarriedSize({
+				width: rect.width / scale,
+				height: rect.height / scale
+			});
+			grabOffset = grabbed ? {
+				x: grabbed.x - origin.x,
+				y: grabbed.y - origin.y
+			} : {
+				x: rect.width / scale / 2,
+				y: rect.height / scale / 2
+			};
+			setCarriedPoint(from ? ViewportUtils.getAdjustedClientPoint(from, viewportContext) : void 0);
+		}
+		CarrierStack.start(zone, index, computeCarry(item), mode);
+	};
+	const handlePointerDown = (index) => (e) => {
+		if (e.button !== 0 || getIsDisabled()) return;
+		if (e.target.closest(INTERACTIVE_SELECTOR)) return;
+		if (CarrierStack.getCarry()) return;
+		const element = getItemRefs()[index];
+		if (!element) return;
+		CarrierStack.dragFromPointer(element, e, (from) => pickUp(index, "drag", from), () => {
+			hasPendingClick = true;
+		});
+	};
+	const handleClick = (index) => (e) => {
+		if (getIsDisabled()) return;
+		if (e.target.closest(INTERACTIVE_SELECTOR)) return;
+		if (!CarrierStack.getCarry()) {
+			pickUp(index, "tap", {
+				x: e.clientX,
+				y: e.clientY
+			});
+			focusIndex(index);
+			return;
+		}
+		if (CarrierStack.getCarryMode() === "drag") return;
+		if (CarrierStack.getCarryMode() === "key") {
+			const rect = getItemRefs()[index]?.getBoundingClientRect();
+			if (rect) CarrierStack.aimAtPoint(rect.left + rect.width / 2, rect.top + rect.height / 2);
+		}
+		CarrierStack.end("drop");
+	};
+	const handleKeyDown = (index) => (e) => {
+		if (getIsDisabled()) return;
+		const isCarrying = CarrierStack.getCarry() !== void 0 && CarrierStack.getCarryMode() !== "drag";
+		if (e.key === "Escape") {
+			if (!isCarrying) return;
+			e.preventDefault();
+			CarrierStack.end("cancel");
+			return;
+		}
+		if (e.key === "Enter" || e.key === " ") {
+			e.preventDefault();
+			if (isCarrying) {
+				CarrierStack.end("drop");
+				return;
+			}
+			pickUp(index, "key");
+			return;
+		}
+		if (isCarrying && e.key === "Tab") {
+			e.preventDefault();
+			CarrierStack.aimAtNextZone(e.shiftKey ? -1 : 1);
+			return;
+		}
+		const isForward = e.key === (getDir() === "row" ? "ArrowRight" : "ArrowDown");
+		const isBackward = e.key === (getDir() === "row" ? "ArrowLeft" : "ArrowUp");
+		if (isCarrying) {
+			if (!isForward && !isBackward) return;
+			e.preventDefault();
+			CarrierStack.aimAtNudge(getDir() === "row" ? { x: isForward ? 1 : -1 } : { y: isForward ? 1 : -1 });
+			return;
+		}
+		const navigable = getNavigableIndexes();
+		if (navigable.length < 1) return;
+		const from = navigable.indexOf(index);
+		let next;
+		if (isForward) next = navigable[(from + 1) % navigable.length];
+		if (isBackward) next = navigable[(from - 1 + navigable.length) % navigable.length];
+		if (e.key === "Home") next = navigable[0];
+		if (e.key === "End") next = navigable[navigable.length - 1];
+		if (next === void 0) return;
+		e.preventDefault();
+		focusIndex(next);
+	};
+	const handleRootClick = (e) => {
+		if (getIsDisabled() || !CarrierStack.getCarry()) return;
+		if (CarrierStack.getCarryMode() === "drag") return;
+		if (e.target !== getRootRef()) return;
+		if (!zone.computeCanAccept(CarrierStack.getCarry()) && !getIsSource()) return;
+		if (CarrierStack.getCarryMode() === "key") CarrierStack.aimAtPoint(e.clientX, e.clientY);
+		CarrierStack.end("drop");
+	};
+	createEffect(() => {
+		if (!getIsSource()) {
+			setCarriedPoint(void 0);
+			setCarriedSize(void 0);
+			return;
+		}
+		const trackPoint = (e) => {
+			setCarriedPoint(ViewportUtils.getAdjustedClientPoint({
+				x: e.clientX,
+				y: e.clientY
+			}, viewportContext));
+			if (CarrierStack.getCarryMode() !== "tap") return;
+			CarrierStack.aimAtPoint(e.clientX, e.clientY);
+		};
+		document.addEventListener("pointermove", trackPoint, true);
+		onCleanup(() => {
+			document.removeEventListener("pointermove", trackPoint, true);
+		});
+	});
+	createEffect(() => {
+		const root = getRootRef();
+		if (!root) return;
+		const swallowClick = (e) => {
+			if (!hasPendingClick) return;
+			hasPendingClick = false;
+			e.preventDefault();
+			e.stopPropagation();
+		};
+		root.addEventListener("click", swallowClick, true);
+		onCleanup(() => {
+			root.removeEventListener("click", swallowClick, true);
+		});
+	});
+	createEffect(() => {
+		const length = getItems().length;
+		if (getFocusedIndex() < length) return;
+		setFocusedIndex(Math.max(length - 1, 0));
+	});
+	createEffect(() => {
+		if (!getIsDisabled() || !CarrierStack.getCarry()) return;
+		if (CarrierStack.getSourceZone() !== zone) return;
+		CarrierStack.end("cancel");
+	});
+	onCleanup(() => {
+		if (CarrierStack.getSourceZone() === zone) CarrierStack.end("cancel");
+	});
+	const renderList = () => createComponent(InteractionWrapper, mergeProps(props, {
+		extraFlags: () => ({
+			isCarrying: CarrierStack.getCarry() !== void 0,
+			isReceiving: getIsReceiving(),
+			isSource: getIsSource(),
+			isEmpty: getItems().length < 1
+		}),
+		renderControl: (setElementRef) => (() => {
+			var _el$2 = _tmpl$2();
+			_el$2.$$click = handleRootClick;
+			use((element) => {
+				setRootRef(element);
+				setElementRef(element);
+				props.ref?.(element);
+			}, _el$2);
+			setAttribute(_el$2, "id", listId);
+			insert(_el$2, createComponent(Index, {
+				get each() {
+					return getItems();
+				},
+				children: (getItem, index) => createComponent(InteractionWrapper, {
+					sizing: () => getDir() === "row" ? "fit-content" : "fill",
+					isDisabled: () => getItem().isDisabled ?? false,
+					isReachableWhenDisabled: () => getItem().isReachableWhenDisabled ?? false,
+					isTabbable: () => getRovingIndex() === index,
+					tooltipDefs: () => getItem().tooltipDefs,
+					extraFlags: () => ({
+						isCarried: getCarriedKey() === props.computeItemKey(getItem().value),
+						isLandingBefore: getLandingIndex() === index
+					}),
+					renderControl: (setItemElementRef, getItemFlags) => createComponent(SortableItemSlot, {
+						ref: (element) => {
+							setItemRef(index, element);
+							setItemElementRef(element);
+						},
+						id: () => getItemId(index),
+						label: () => props.computeItemLabel(getItem().value),
+						position: () => index + 1,
+						setSize: () => getItems().length,
+						flags: getItemFlags,
+						renderContent: (getContentFlags) => props.renderItem(getItem, getContentFlags),
+						get onPointerDown() {
+							return handlePointerDown(index);
+						},
+						get onKeyDown() {
+							return handleKeyDown(index);
+						},
+						get onClick() {
+							return handleClick(index);
+						},
+						onFocus: () => setFocusedIndex(index)
+					})
+				})
+			}), null);
+			insert(_el$2, createComponent(Show, {
+				get when() {
+					return memo(() => !!props.renderMarker)() && getMarkerOffset();
+				},
+				keyed: true,
+				children: (offset) => (() => {
+					var _el$3 = _tmpl$3();
+					insert(_el$3, () => props.renderMarker?.(getDir));
+					effect((_p$) => {
+						var _v$1 = getDir() === "row" ? sortableMarkerRow : sortableMarkerColumn, _v$10 = getDir() === "row" ? {
+							left: `${offset}px`,
+							top: `${getEndRoom()}px`,
+							bottom: `${getEndRoom()}px`
+						} : {
+							top: `${offset}px`,
+							left: `${getEndRoom()}px`,
+							right: `${getEndRoom()}px`
+						};
+						_v$1 !== _p$.e && className(_el$3, _p$.e = _v$1);
+						_p$.t = style(_el$3, _v$10, _p$.t);
+						return _p$;
+					}, {
+						e: void 0,
+						t: void 0
+					});
+					return _el$3;
+				})()
+			}), null);
+			effect((_p$) => {
+				var _v$6 = getDir() === "row" ? sortableRow : sortableColumn, _v$7 = `${access(props.gap) ?? DEFAULT_SORTABLE_GAP}px`, _v$8 = `${getEndRoom()}px`, _v$9 = getAriaLabel(), _v$0 = getIsDisabled() || void 0;
+				_v$6 !== _p$.e && className(_el$2, _p$.e = _v$6);
+				_v$7 !== _p$.t && setStyleProperty(_el$2, "gap", _p$.t = _v$7);
+				_v$8 !== _p$.a && setStyleProperty(_el$2, "padding", _p$.a = _v$8);
+				_v$9 !== _p$.o && setAttribute(_el$2, "aria-label", _p$.o = _v$9);
+				_v$0 !== _p$.i && setAttribute(_el$2, "aria-disabled", _p$.i = _v$0);
+				return _p$;
+			}, {
+				e: void 0,
+				t: void 0,
+				a: void 0,
+				o: void 0,
+				i: void 0
+			});
+			return _el$2;
+		})()
+	}));
+	const getCarriedItem = () => CarrierStack.getCarry()?.value;
+	const getCarriedZIndex = () => {
+		const root = getRootRef();
+		return Math.max(AnchorUtils.getStackingBase(root), Elevation.getBase(root)) + 1;
+	};
+	return [memo(renderList), createComponent(Show, {
+		get when() {
+			return memo(() => !!(props.renderCarried && getIsSource()))() && getCarriedPoint();
+		},
+		children: (getPoint) => createComponent(Portal, {
+			get mount() {
+				return viewportContext.getPortalRef();
+			},
+			get children() {
+				var _el$4 = _tmpl$3();
+				className(_el$4, sortableCarried);
+				insert(_el$4, createComponent(Show, {
+					get when() {
+						return getCarriedItem();
+					},
+					children: (getItem) => props.renderCarried?.(getItem)
+				}));
+				effect((_p$) => {
+					var _v$11 = `translate(${getPoint().x - grabOffset.x}px, ${getPoint().y - grabOffset.y}px)`, _v$12 = `${getCarriedSize()?.width ?? 0}px`, _v$13 = `${getCarriedSize()?.height ?? 0}px`, _v$14 = getCarriedZIndex();
+					_v$11 !== _p$.e && setStyleProperty(_el$4, "transform", _p$.e = _v$11);
+					_v$12 !== _p$.t && setStyleProperty(_el$4, "width", _p$.t = _v$12);
+					_v$13 !== _p$.a && setStyleProperty(_el$4, "height", _p$.a = _v$13);
+					_v$14 !== _p$.o && setStyleProperty(_el$4, "z-index", _p$.o = _v$14);
+					return _p$;
+				}, {
+					e: void 0,
+					t: void 0,
+					a: void 0,
+					o: void 0
+				});
+				return _el$4;
+			}
+		})
+	})];
+};
+delegateEvents([
+	"pointerdown",
+	"keydown",
+	"click"
+]);
+//#endregion
+export { Sortable };
+
+//# sourceMappingURL=Sortable.js.map

package/dist/Fundamentals/Sortable/Sortable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sortable.js","names":["Index","Show","createEffect","createMemo","createSignal","createUniqueId","onCleanup","Portal","Point2d","Size2d","AnchorUtils","CarrierZone","Carry","CarryMode","CarryPlace","CarrierUtils","CarrierStack","Elevation","InteractionTracker","useViewportContext","ViewportUtils","access","accessSignal","LabelUtils","InteractionWrapper","SortableDir","SortableItem","SortableItemSlotProps","SortableProps","styles","DEFAULT_SORTABLE_DIR","DEFAULT_SORTABLE_GAP","INTERACTIVE_SELECTOR","SortableItemSlot","props","getIsDisabled","flags","isDisabled","_el$","_tmpl$","_$addEventListener","onFocus","onClick","onKeyDown","onPointerDown","_$use","element","ref","_$className","sortableItem","_$insert","renderContent","_$effect","_p$","_v$","id","_v$2","label","_v$3","position","_v$4","setSize","_v$5","undefined","e","_$setAttribute","t","a","o","i","Sortable","T","itemsSignal","listId","viewportContext","getRootRef","setRootRef","HTMLElement","getItemRefs","setItemRefs","Array","getFocusedIndex","setFocusedIndex","getCarriedPoint","setCarriedPoint","getCarriedSize","setCarriedSize","grabOffset","x","y","getAriaLabel","resolveAriaLabel","ariaLabel","getIsLocked","isLocked","getDir","dir","getItems","getGroupId","groupId","setItemRef","index","refs","next","computeCarry","item","key","computeItemKey","value","computeItemLabel","asIndex","place","getItemRects","slice","length","filter","map","getBoundingClientRect","getSourceIndex","getSourcePlace","getSourceZone","zone","getPlaceCount","getCarry","getLabel","getKeyHint","hasOtherZones","computeCanAccept","carry","computePlaceAtPoint","point","sourceIndex","computeSettledIndex","computeDropIndex","computeNudgedPlace","nudge","step","Math","min","max","computeEntryPlace","computeIsSamePlace","b","computeIsPlaceAllowed","computePlaceLabel","takeAt","items","_unused","itemIndex","putAt","origin","onTransfer","fromLabel","toLabel","fromIndex","toIndex","moveAt","fromPlace","toPlace","moved","rest","registerZone","getIsSource","getIsReceiving","getTargetZone","getCarriedKey","getLandingIndex","getTargetPlace","computeMarkerIndex","getEndRoom","gap","getMarkerOffset","markerIndex","root","rects","rootRect","isRow","scrolled","scrollLeft","scrollTop","span","scrollWidth","scrollHeight","scale","getScale","startOf","rect","DOMRect","left","top","endOf","right","bottom","before","after","getNavigableIndexes","reduce","acc","isReachable","computeIsReachable","isReachableWhenDisabled","tooltipDefs","push","getRovingIndex","navigable","includes","getItemId","focusIndex","focus","hasPendingClick","pickUp","mode","from","getAdjustedClientPoint","grabbed","width","height","start","handlePointerDown","PointerEvent","button","target","closest","dragFromPointer","handleClick","MouseEvent","clientX","clientY","getCarryMode","aimAtPoint","end","handleKeyDown","KeyboardEvent","isCarrying","preventDefault","aimAtNextZone","shiftKey","isForward","isBackward","aimAtNudge","indexOf","handleRootClick","trackPoint","document","addEventListener","removeEventListener","swallowClick","stopPropagation","renderList","_$createComponent","_$mergeProps","extraFlags","isReceiving","isSource","isEmpty","renderControl","setElementRef","_el$2","_tmpl$2","$$click","each","children","getItem","sizing","isTabbable","isCarried","isLandingBefore","setItemElementRef","getItemFlags","getContentFlags","renderItem","when","_$memo","renderMarker","keyed","offset","_el$3","_tmpl$3","_v$1","sortableMarkerRow","sortableMarkerColumn","_v$10","_$style","_v$6","sortableRow","sortableColumn","_v$7","_v$8","_v$9","_v$0","_$setStyleProperty","getCarriedItem","getCarriedZIndex","getStackingBase","getBase","renderCarried","getPoint","mount","getPortalRef","_el$4","sortableCarried","_v$11","_v$12","_v$13","_v$14","_$delegateEvents"],"sources":["../../../src/Fundamentals/Sortable/Sortable.tsx"],"sourcesContent":["import { Index, Show, createEffect, createMemo, createSignal, createUniqueId, onCleanup } from \"solid-js\";\nimport { Portal } from \"solid-js/web\";\n\nimport { Point2d, Size2d } from \"@thewaver/ss-utils\";\n\nimport { AnchorUtils } from \"../../Abstracts/Anchor/Anchor.utils\";\nimport type { CarrierZone, Carry, CarryMode, CarryPlace } from \"../../Abstracts/Carrier/Carrier.types\";\nimport { CarrierUtils } from \"../../Abstracts/Carrier/Carrier.utils\";\nimport { CarrierStack } from \"../../Abstracts/Carrier/CarrierStack\";\nimport { Elevation } from \"../../Abstracts/Elevation/Elevation\";\nimport { InteractionTracker } from \"../../Abstracts/InteractionTracker/InteractionTracker\";\nimport { useViewportContext } from \"../../Exotics/Viewport/Viewport.context\";\nimport { ViewportUtils } from \"../../Exotics/Viewport/Viewport.utils\";\nimport { access, accessSignal } from \"../../Utils/propUtils\";\nimport { LabelUtils } from \"../Input/Label/Label.utils\";\nimport { InteractionWrapper } from \"../InteractionWrapper/InteractionWrapper\";\nimport type { SortableDir, SortableItem, SortableItemSlotProps, SortableProps } from \"./Sortable.types\";\n\nimport * as styles from \"./Sortable.css\";\n\nconst DEFAULT_SORTABLE_DIR: SortableDir = \"column\";\nconst DEFAULT_SORTABLE_GAP = 0;\n\nconst INTERACTIVE_SELECTOR =\n    \"a[href], button, input, select, textarea, [role='button'], [role='checkbox'], [role='link'], [role='switch']\";\n\nconst SortableItemSlot = (props: SortableItemSlotProps) => {\n    const getIsDisabled = () => access(props.flags).isDisabled ?? false;\n\n    return (\n        <div\n            id={access(props.id)}\n            ref={(element) => props.ref?.(element)}\n            class={styles.sortableItem}\n            role=\"listitem\"\n            aria-label={access(props.label)}\n            aria-posinset={access(props.position)}\n            aria-setsize={access(props.setSize)}\n            aria-disabled={getIsDisabled() || undefined}\n            onPointerDown={props.onPointerDown}\n            onKeyDown={props.onKeyDown}\n            onClick={props.onClick}\n            onFocus={props.onFocus}\n        >\n            {props.renderContent(() => access(props.flags))}\n        </div>\n    );\n};\n\nexport const Sortable = <T,>(props: SortableProps<T>) => {\n    const itemsSignal = accessSignal(() => props.itemsSignal);\n\n    const listId = createUniqueId();\n\n    const viewportContext = useViewportContext();\n\n    const [getRootRef, setRootRef] = createSignal<HTMLElement>();\n    const [getItemRefs, setItemRefs] = createSignal<Array<HTMLElement | undefined>>([]);\n    const [getFocusedIndex, setFocusedIndex] = createSignal(0);\n    const [getCarriedPoint, setCarriedPoint] = createSignal<Point2d | undefined>();\n    const [getCarriedSize, setCarriedSize] = createSignal<Size2d | undefined>();\n\n    let grabOffset: Point2d = { x: 0, y: 0 };\n\n    const getAriaLabel = LabelUtils.resolveAriaLabel(() => access(props.ariaLabel));\n\n    const getIsDisabled = createMemo(() => access(props.isDisabled) ?? false);\n\n    const getIsLocked = createMemo(() => access(props.isLocked) ?? false);\n\n    const getDir = createMemo(() => access(props.dir) ?? DEFAULT_SORTABLE_DIR);\n\n    const getItems = createMemo(() => itemsSignal[0]());\n\n    const getGroupId = createMemo(() => access(props.groupId));\n\n    const setItemRef = (index: number, element: HTMLElement | undefined) => {\n        setItemRefs((refs) => {\n            const next = [...refs];\n\n            next[index] = element;\n\n            return next;\n        });\n    };\n\n    const computeCarry = (item: SortableItem<T>): Carry => ({\n        groupId: getGroupId(),\n        key: props.computeItemKey(item.value),\n        label: props.computeItemLabel(item.value),\n        value: item,\n    });\n\n    const asIndex = (place: CarryPlace) => place as number;\n\n    const getItemRects = () =>\n        getItemRefs()\n            .slice(0, getItems().length)\n            .filter((element): element is HTMLElement => element !== undefined)\n            .map((element) => element.getBoundingClientRect());\n\n    const getSourceIndex = () => {\n        const place = CarrierStack.getSourcePlace();\n\n        return CarrierStack.getSourceZone() === zone && place !== undefined ? asIndex(place) : undefined;\n    };\n\n    const getPlaceCount = () =>\n        getItems().length + (CarrierStack.getCarry() !== undefined && CarrierStack.getSourceZone() !== zone ? 1 : 0);\n\n    const zone: CarrierZone = {\n        getGroupId,\n        getLabel: () => access(props.ariaLabel),\n        getRootRef,\n        getIsDisabled,\n        getKeyHint: (hasOtherZones) =>\n            hasOtherZones\n                ? \"Arrow keys choose a place, Tab changes list, Enter drops, Escape cancels.\"\n                : \"Arrow keys choose a place, Enter drops, Escape cancels.\",\n        computeCanAccept: (carry) => {\n            if (getIsDisabled() || getIsLocked()) return false;\n\n            const item = carry.value as SortableItem<T>;\n\n            return props.computeCanAccept?.(item.value, CarrierStack.getSourceZone()?.getLabel() ?? \"\") ?? true;\n        },\n        computePlaceAtPoint: (point) => {\n            const sourceIndex = getSourceIndex();\n\n            return CarrierUtils.computeSettledIndex(\n                CarrierUtils.computeDropIndex(getItemRects(), point.x, point.y, getDir()),\n                sourceIndex ?? 0,\n                sourceIndex !== undefined,\n            );\n        },\n        computeNudgedPlace: (place, nudge) => {\n            const step = (nudge.x ?? 0) + (nudge.y ?? 0);\n\n            if (step === 0) return;\n\n            return Math.min(Math.max(asIndex(place) + step, 0), getPlaceCount() - 1);\n        },\n        computeEntryPlace: () => getSourceIndex() ?? getItems().length,\n        computeIsSamePlace: (a, b) => a === b,\n        computeIsPlaceAllowed: () => true,\n        computePlaceLabel: (place) => `place ${asIndex(place) + 1} of ${getPlaceCount()}`,\n        takeAt: (place) => {\n            const index = asIndex(place);\n\n            itemsSignal[1]((items) => items.filter((_unused, itemIndex) => itemIndex !== index));\n        },\n        putAt: (place, carry, origin) => {\n            const item = carry.value as SortableItem<T>;\n            const index = asIndex(place);\n\n            itemsSignal[1]((items) => [...items.slice(0, index), item, ...items.slice(index)]);\n\n            props.onTransfer?.({\n                value: item.value,\n                fromLabel: origin.label,\n                toLabel: access(props.ariaLabel),\n                fromIndex: typeof origin.place === \"number\" ? origin.place : undefined,\n                toIndex: index,\n            });\n        },\n        moveAt: (fromPlace, toPlace) => {\n            const fromIndex = asIndex(fromPlace);\n            const toIndex = asIndex(toPlace);\n\n            let moved: SortableItem<T> | undefined;\n\n            itemsSignal[1]((items) => {\n                const rest = items.filter((_unused, index) => index !== fromIndex);\n\n                moved = items[fromIndex];\n\n                return [...rest.slice(0, toIndex), items[fromIndex], ...rest.slice(toIndex)];\n            });\n\n            if (!moved) return;\n\n            props.onTransfer?.({\n                value: moved.value,\n                fromLabel: access(props.ariaLabel),\n                toLabel: access(props.ariaLabel),\n                fromIndex,\n                toIndex,\n            });\n        },\n    };\n\n    CarrierStack.registerZone(zone);\n\n    const getIsSource = createMemo(() => CarrierStack.getSourceZone() === zone);\n\n    const getIsReceiving = createMemo(() => CarrierStack.getTargetZone() === zone);\n\n    const getCarriedKey = createMemo(() => (getIsSource() ? CarrierStack.getCarry()?.key : undefined));\n\n    const getLandingIndex = createMemo(() => {\n        const place = CarrierStack.getTargetPlace();\n\n        if (!getIsReceiving() || place === undefined) return;\n\n        return CarrierUtils.computeMarkerIndex(asIndex(place), getSourceIndex() ?? 0, getIsSource());\n    });\n\n    const getEndRoom = createMemo(() => (access(props.gap) ?? DEFAULT_SORTABLE_GAP) / 2);\n\n    const getMarkerOffset = createMemo(() => {\n        const markerIndex = getLandingIndex();\n        const root = getRootRef();\n\n        if (markerIndex === undefined || !root) return;\n\n        const rects = getItemRects();\n        const rootRect = root.getBoundingClientRect();\n        const isRow = getDir() === \"row\";\n        const scrolled = isRow ? root.scrollLeft : root.scrollTop;\n        const span = isRow ? root.scrollWidth : root.scrollHeight;\n\n        if (rects.length < 1) return span / 2;\n\n        const scale = viewportContext.getScale();\n\n        const startOf = (rect: DOMRect) =>\n            (isRow ? rect.left - rootRect.left : rect.top - rootRect.top) / scale + scrolled;\n        const endOf = (rect: DOMRect) =>\n            (isRow ? rect.right - rootRect.left : rect.bottom - rootRect.top) / scale + scrolled;\n\n        const before = markerIndex > 0 ? endOf(rects[markerIndex - 1]) : 0;\n        const after = markerIndex < rects.length ? startOf(rects[markerIndex]) : span;\n\n        return (before + after) / 2;\n    });\n\n    const getNavigableIndexes = createMemo(() =>\n        getItems().reduce<number[]>((acc, item, index) => {\n            const isReachable = InteractionTracker.computeIsReachable(\n                item.isDisabled ?? false,\n                item.isReachableWhenDisabled ?? false,\n                item.tooltipDefs !== undefined,\n            );\n\n            if (!item.isDisabled || isReachable) acc.push(index);\n\n            return acc;\n        }, []),\n    );\n\n    const getRovingIndex = createMemo(() => {\n        const navigable = getNavigableIndexes();\n\n        return navigable.includes(getFocusedIndex()) ? getFocusedIndex() : navigable[0];\n    });\n\n    const getItemId = (index: number) => `${listId}-item-${index}`;\n\n    const focusIndex = (index: number) => {\n        setFocusedIndex(index);\n        getItemRefs()[index]?.focus();\n    };\n\n    let hasPendingClick = false;\n\n    const pickUp = (index: number, mode: CarryMode, from?: Point2d) => {\n        if (getIsDisabled()) return;\n\n        const item = getItems()[index];\n\n        if (!item || item.isDisabled) return;\n\n        const rect = getItemRefs()[index]?.getBoundingClientRect();\n\n        if (rect) {\n            const origin = ViewportUtils.getAdjustedClientPoint({ x: rect.left, y: rect.top }, viewportContext);\n            const grabbed = from && ViewportUtils.getAdjustedClientPoint(from, viewportContext);\n            const scale = viewportContext.getScale();\n\n            setCarriedSize({ width: rect.width / scale, height: rect.height / scale });\n\n            grabOffset = grabbed\n                ? { x: grabbed.x - origin.x, y: grabbed.y - origin.y }\n                : { x: rect.width / scale / 2, y: rect.height / scale / 2 };\n\n            setCarriedPoint(from ? ViewportUtils.getAdjustedClientPoint(from, viewportContext) : undefined);\n        }\n\n        CarrierStack.start(zone, index, computeCarry(item), mode);\n    };\n\n    const handlePointerDown = (index: number) => (e: PointerEvent) => {\n        if (e.button !== 0 || getIsDisabled()) return;\n        if ((e.target as HTMLElement).closest(INTERACTIVE_SELECTOR)) return;\n        if (CarrierStack.getCarry()) return;\n\n        const element = getItemRefs()[index];\n\n        if (!element) return;\n\n        CarrierStack.dragFromPointer(\n            element,\n            e,\n            (from) => pickUp(index, \"drag\", from),\n            () => {\n                hasPendingClick = true;\n            },\n        );\n    };\n\n    const handleClick = (index: number) => (e: MouseEvent) => {\n        if (getIsDisabled()) return;\n        if ((e.target as HTMLElement).closest(INTERACTIVE_SELECTOR)) return;\n\n        const carry = CarrierStack.getCarry();\n\n        if (!carry) {\n            pickUp(index, \"tap\", { x: e.clientX, y: e.clientY });\n            focusIndex(index);\n\n            return;\n        }\n\n        if (CarrierStack.getCarryMode() === \"drag\") return;\n\n        if (CarrierStack.getCarryMode() === \"key\") {\n            const rect = getItemRefs()[index]?.getBoundingClientRect();\n\n            if (rect) CarrierStack.aimAtPoint(rect.left + rect.width / 2, rect.top + rect.height / 2);\n        }\n\n        CarrierStack.end(\"drop\");\n    };\n\n    const handleKeyDown = (index: number) => (e: KeyboardEvent) => {\n        if (getIsDisabled()) return;\n\n        const isCarrying = CarrierStack.getCarry() !== undefined && CarrierStack.getCarryMode() !== \"drag\";\n\n        if (e.key === \"Escape\") {\n            if (!isCarrying) return;\n\n            e.preventDefault();\n            CarrierStack.end(\"cancel\");\n\n            return;\n        }\n\n        if (e.key === \"Enter\" || e.key === \" \") {\n            e.preventDefault();\n\n            if (isCarrying) {\n                CarrierStack.end(\"drop\");\n\n                return;\n            }\n\n            pickUp(index, \"key\");\n\n            return;\n        }\n\n        if (isCarrying && e.key === \"Tab\") {\n            e.preventDefault();\n            CarrierStack.aimAtNextZone(e.shiftKey ? -1 : 1);\n\n            return;\n        }\n\n        const isForward = e.key === (getDir() === \"row\" ? \"ArrowRight\" : \"ArrowDown\");\n        const isBackward = e.key === (getDir() === \"row\" ? \"ArrowLeft\" : \"ArrowUp\");\n\n        if (isCarrying) {\n            if (!isForward && !isBackward) return;\n\n            e.preventDefault();\n            CarrierStack.aimAtNudge(getDir() === \"row\" ? { x: isForward ? 1 : -1 } : { y: isForward ? 1 : -1 });\n\n            return;\n        }\n\n        const navigable = getNavigableIndexes();\n\n        if (navigable.length < 1) return;\n\n        const from = navigable.indexOf(index);\n\n        let next: number | undefined;\n\n        if (isForward) next = navigable[(from + 1) % navigable.length];\n        if (isBackward) next = navigable[(from - 1 + navigable.length) % navigable.length];\n        if (e.key === \"Home\") next = navigable[0];\n        if (e.key === \"End\") next = navigable[navigable.length - 1];\n\n        if (next === undefined) return;\n\n        e.preventDefault();\n        focusIndex(next);\n    };\n\n    const handleRootClick = (e: MouseEvent) => {\n        if (getIsDisabled() || !CarrierStack.getCarry()) return;\n        if (CarrierStack.getCarryMode() === \"drag\") return;\n        if (e.target !== getRootRef()) return;\n        if (!zone.computeCanAccept(CarrierStack.getCarry()!) && !getIsSource()) return;\n\n        if (CarrierStack.getCarryMode() === \"key\") CarrierStack.aimAtPoint(e.clientX, e.clientY);\n\n        CarrierStack.end(\"drop\");\n    };\n\n    createEffect(() => {\n        if (!getIsSource()) {\n            setCarriedPoint(undefined);\n            setCarriedSize(undefined);\n\n            return;\n        }\n\n        const trackPoint = (e: PointerEvent) => {\n            setCarriedPoint(ViewportUtils.getAdjustedClientPoint({ x: e.clientX, y: e.clientY }, viewportContext));\n\n            if (CarrierStack.getCarryMode() !== \"tap\") return;\n\n            CarrierStack.aimAtPoint(e.clientX, e.clientY);\n        };\n\n        document.addEventListener(\"pointermove\", trackPoint, true);\n\n        onCleanup(() => {\n            document.removeEventListener(\"pointermove\", trackPoint, true);\n        });\n    });\n\n    createEffect(() => {\n        const root = getRootRef();\n\n        if (!root) return;\n\n        const swallowClick = (e: MouseEvent) => {\n            if (!hasPendingClick) return;\n\n            hasPendingClick = false;\n\n            e.preventDefault();\n            e.stopPropagation();\n        };\n\n        root.addEventListener(\"click\", swallowClick, true);\n\n        onCleanup(() => {\n            root.removeEventListener(\"click\", swallowClick, true);\n        });\n    });\n\n    createEffect(() => {\n        const length = getItems().length;\n\n        if (getFocusedIndex() < length) return;\n\n        setFocusedIndex(Math.max(length - 1, 0));\n    });\n\n    createEffect(() => {\n        if (!getIsDisabled() || !CarrierStack.getCarry()) return;\n        if (CarrierStack.getSourceZone() !== zone) return;\n\n        CarrierStack.end(\"cancel\");\n    });\n\n    onCleanup(() => {\n        if (CarrierStack.getSourceZone() === zone) CarrierStack.end(\"cancel\");\n    });\n\n    const renderList = () => (\n        <InteractionWrapper\n            {...props}\n            extraFlags={() => ({\n                isCarrying: CarrierStack.getCarry() !== undefined,\n                isReceiving: getIsReceiving(),\n                isSource: getIsSource(),\n                isEmpty: getItems().length < 1,\n            })}\n            renderControl={(setElementRef) => (\n                <div\n                    id={listId}\n                    ref={(element) => {\n                        setRootRef(element);\n                        setElementRef(element);\n                        props.ref?.(element);\n                    }}\n                    class={getDir() === \"row\" ? styles.sortableRow : styles.sortableColumn}\n                    style={{\n                        gap: `${access(props.gap) ?? DEFAULT_SORTABLE_GAP}px`,\n                        padding: `${getEndRoom()}px`,\n                    }}\n                    role=\"list\"\n                    aria-label={getAriaLabel()}\n                    aria-disabled={getIsDisabled() || undefined}\n                    onClick={handleRootClick}\n                >\n                    <Index each={getItems()}>\n                        {(getItem, index) => (\n                            <InteractionWrapper\n                                sizing={() => (getDir() === \"row\" ? \"fit-content\" : \"fill\")}\n                                isDisabled={() => getItem().isDisabled ?? false}\n                                isReachableWhenDisabled={() => getItem().isReachableWhenDisabled ?? false}\n                                isTabbable={() => getRovingIndex() === index}\n                                tooltipDefs={() => getItem().tooltipDefs}\n                                extraFlags={() => ({\n                                    isCarried: getCarriedKey() === props.computeItemKey(getItem().value),\n                                    isLandingBefore: getLandingIndex() === index,\n                                })}\n                                renderControl={(setItemElementRef, getItemFlags) => (\n                                    <SortableItemSlot\n                                        ref={(element) => {\n                                            setItemRef(index, element);\n                                            setItemElementRef(element);\n                                        }}\n                                        id={() => getItemId(index)}\n                                        label={() => props.computeItemLabel(getItem().value)}\n                                        position={() => index + 1}\n                                        setSize={() => getItems().length}\n                                        flags={getItemFlags}\n                                        renderContent={(getContentFlags) => props.renderItem(getItem, getContentFlags)}\n                                        onPointerDown={handlePointerDown(index)}\n                                        onKeyDown={handleKeyDown(index)}\n                                        onClick={handleClick(index)}\n                                        onFocus={() => setFocusedIndex(index)}\n                                    />\n                                )}\n                            />\n                        )}\n                    </Index>\n\n                    <Show when={props.renderMarker && getMarkerOffset()} keyed>\n                        {(offset: number) => (\n                            <div\n                                class={getDir() === \"row\" ? styles.sortableMarkerRow : styles.sortableMarkerColumn}\n                                style={\n                                    getDir() === \"row\"\n                                        ? {\n                                              left: `${offset}px`,\n                                              top: `${getEndRoom()}px`,\n                                              bottom: `${getEndRoom()}px`,\n                                          }\n                                        : {\n                                              top: `${offset}px`,\n                                              left: `${getEndRoom()}px`,\n                                              right: `${getEndRoom()}px`,\n                                          }\n                                }\n                                aria-hidden=\"true\"\n                            >\n                                {props.renderMarker?.(getDir)}\n                            </div>\n                        )}\n                    </Show>\n                </div>\n            )}\n        />\n    );\n\n    const getCarriedItem = () => CarrierStack.getCarry()?.value as SortableItem<T> | undefined;\n\n    const getCarriedZIndex = () => {\n        const root = getRootRef();\n\n        return Math.max(AnchorUtils.getStackingBase(root), Elevation.getBase(root)) + 1;\n    };\n\n    return (\n        <>\n            {renderList()}\n\n            <Show when={props.renderCarried && getIsSource() && getCarriedPoint()}>\n                {(getPoint: () => Point2d) => (\n                    <Portal mount={viewportContext.getPortalRef()}>\n                        <div\n                            class={styles.sortableCarried}\n                            style={{\n                                \"transform\": `translate(${getPoint().x - grabOffset.x}px, ${getPoint().y - grabOffset.y}px)`,\n                                \"width\": `${getCarriedSize()?.width ?? 0}px`,\n                                \"height\": `${getCarriedSize()?.height ?? 0}px`,\n                                \"z-index\": getCarriedZIndex(),\n                            }}\n                            aria-hidden=\"true\"\n                        >\n                            <Show when={getCarriedItem()}>\n                                {(getItem: () => SortableItem<T>) => props.renderCarried?.(getItem)}\n                            </Show>\n                        </div>\n                    </Portal>\n                )}\n            </Show>\n        </>\n    );\n};\n"],"mappings":"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"}

package/dist/Fundamentals/SplitPane/SplitPane.css.js

@@ -0,0 +1,9 @@
+/* empty css                             */
+//#region src/Fundamentals/SplitPane/SplitPane.css.ts
+var splitPaneRoot = "_1p25zzp0";
+var splitPanePane = "_1p25zzp1";
+var splitPaneGutter = "_1p25zzp2";
+//#endregion
+export { splitPaneGutter, splitPanePane, splitPaneRoot };
+
+//# sourceMappingURL=SplitPane.css.js.map

package/dist/Fundamentals/SplitPane/SplitPane.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitPane.css.js","names":[],"sources":["../../../src/Fundamentals/SplitPane/SplitPane.css.ts"],"sourcesContent":["import { style } from \"@vanilla-extract/css\";\n\nexport const splitPaneRoot = style({\n    display: \"grid\",\n    width: \"100%\",\n    height: \"100%\",\n});\n\nexport const splitPanePane = style({\n    minWidth: 0,\n    minHeight: 0,\n    overflow: \"hidden\",\n});\n\nexport const splitPaneGutter = style({\n    display: \"grid\",\n    padding: 0,\n    border: \"0 none\",\n    background: \"none\",\n    color: \"inherit\",\n    font: \"inherit\",\n\n    selectors: {\n        '&[aria-orientation=\"vertical\"]': {\n            cursor: \"col-resize\",\n        },\n        '&[aria-orientation=\"horizontal\"]': {\n            cursor: \"row-resize\",\n        },\n        \"&[aria-disabled='true']\": {\n            cursor: \"not-allowed\",\n        },\n    },\n});\n"],"mappings":""}