reka-ui 2.8.2 → 2.9.0

package/dist/Splitter/SplitterGroup.cjs

@@ -10,11 +10,13 @@ const require_utils_dom = require('../utils/dom.cjs');
 const require_utils_events = require('../utils/events.cjs');
 const require_utils_calculate = require('../utils/calculate.cjs');
 const require_utils_callPanelCallbacks = require('../utils/callPanelCallbacks.cjs');
+const require_utils_compare = require('../utils/compare.cjs');
 const require_utils_debounce = require('../utils/debounce.cjs');
 const require_utils_layout = require('../utils/layout.cjs');
 const require_utils_pivot = require('../utils/pivot.cjs');
 const require_utils_style = require('../utils/style.cjs');
 const require_utils_registry = require('../utils/registry.cjs');
+const require_utils_units = require('../utils/units.cjs');
 const require_utils_validation = require('../utils/validation.cjs');
 const require_composables_useWindowSplitterPanelGroupBehavior = require('../composables/useWindowSplitterPanelGroupBehavior.cjs');
 const require_utils_storage = require('../utils/storage.cjs');
@@ -78,6 +80,7 @@ var SplitterGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		const dir = require_shared_useDirection.useDirection();
 		const { forwardRef, currentElement: panelGroupElementRef } = require_shared_useForwardExpose.useForwardExpose();
 		const dragState = (0, vue.ref)(null);
+		const groupSizeInPixels = (0, vue.ref)(null);
 		const layout = (0, vue.ref)([]);
 		const panelIdToLastNotifiedSizeMapRef = (0, vue.ref)({});
 		const panelSizeBeforeCollapseRef = (0, vue.ref)(/* @__PURE__ */ new Map());
@@ -95,6 +98,34 @@ var SplitterGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			panelDataArray: [],
 			panelDataArrayChanged: false
 		});
+		function getGroupSizeInPixels() {
+			if (groupSizeInPixels.value != null) return groupSizeInPixels.value;
+			const element = panelGroupElementRef.value;
+			if (element && element instanceof HTMLElement) {
+				const rect = element.getBoundingClientRect();
+				const size = direction.value === "horizontal" ? rect.width : rect.height;
+				if (!Number.isNaN(size)) {
+					groupSizeInPixels.value = size;
+					return size;
+				}
+			}
+			return null;
+		}
+		function getPanelConstraintsInPercent(groupSizeOverride) {
+			const groupSize = groupSizeOverride ?? getGroupSizeInPixels();
+			return require_utils_units.convertPanelConstraintsToPercent({
+				panelDataArray: eagerValuesRef.value.panelDataArray,
+				groupSizeInPixels: groupSize
+			});
+		}
+		function getPanelDataWithPercentConstraints(groupSizeOverride) {
+			const percentConstraints = getPanelConstraintsInPercent(groupSizeOverride);
+			if (!percentConstraints) return null;
+			return eagerValuesRef.value.panelDataArray.map((panelData, index) => ({
+				...panelData,
+				constraints: percentConstraints[index]
+			}));
+		}
 		const setLayout = (val) => layout.value = val;
 		require_composables_useWindowSplitterPanelGroupBehavior.useWindowSplitterPanelGroupBehavior({
 			eagerValuesRef,
@@ -102,7 +133,22 @@ var SplitterGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			layout,
 			panelDataArray: eagerValuesRef.value.panelDataArray,
 			setLayout,
-			panelGroupElement: panelGroupElementRef
+			panelGroupElement: panelGroupElementRef,
+			getPanelDataWithPercentConstraints
+		});
+		(0, vue.watchEffect)((onCleanup) => {
+			const element = panelGroupElementRef.value;
+			if (!element) return;
+			if (typeof ResizeObserver !== "function") return;
+			const resizeObserver = new ResizeObserver((entries) => {
+				const entry = entries[0];
+				if (!entry) return;
+				const { height, width } = entry.contentRect;
+				const nextSize = direction.value === "horizontal" ? width : height;
+				if (!Number.isNaN(nextSize)) groupSizeInPixels.value = nextSize;
+			});
+			if (element instanceof HTMLElement) resizeObserver.observe(element);
+			onCleanup(() => resizeObserver.disconnect());
 		});
 		(0, vue.watchEffect)(() => {
 			const { panelDataArray } = eagerValuesRef.value;
@@ -156,10 +202,16 @@ var SplitterGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 						unsafeLayout = state.layout;
 					}
 				}
-				if (unsafeLayout === null) unsafeLayout = require_utils_calculate.calculateUnsafeDefaultLayout({ panelDataArray });
+				if (unsafeLayout === null) {
+					const panelDataArrayWithPercentConstraints = getPanelDataWithPercentConstraints();
+					if (!panelDataArrayWithPercentConstraints) return;
+					unsafeLayout = require_utils_calculate.calculateUnsafeDefaultLayout({ panelDataArray: panelDataArrayWithPercentConstraints });
+				}
+				const panelConstraints = getPanelConstraintsInPercent();
+				if (!panelConstraints) return;
 				const nextLayout = require_utils_validation.validatePanelGroupLayout({
 					layout: unsafeLayout,
-					panelConstraints: panelDataArray.map((panelData) => panelData.constraints)
+					panelConstraints
 				});
 				if (!require_shared_arrays.areEqual(prevLayout, nextLayout)) {
 					setLayout(nextLayout);
@@ -169,6 +221,31 @@ var SplitterGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 				}
 			}
 		});
+		(0, vue.watch)(groupSizeInPixels, (nextSize, prevSize) => {
+			if (prevSize == null || nextSize == null) return;
+			const { layout: prevLayout, panelDataArray } = eagerValuesRef.value;
+			if (prevLayout.length === 0) return;
+			if (!require_utils_units.hasPixelSizedPanel(panelDataArray)) return;
+			const recalculatedLayout = require_utils_units.recalculateLayoutForPixelPanels({
+				layout: prevLayout,
+				panelDataArray,
+				prevGroupSize: prevSize,
+				nextGroupSize: nextSize
+			});
+			if (!recalculatedLayout) return;
+			const panelConstraints = getPanelConstraintsInPercent(nextSize);
+			if (!panelConstraints) return;
+			const nextLayout = require_utils_validation.validatePanelGroupLayout({
+				layout: recalculatedLayout,
+				panelConstraints
+			});
+			if (!require_utils_layout.compareLayouts(prevLayout, nextLayout)) {
+				setLayout(nextLayout);
+				eagerValuesRef.value.layout = nextLayout;
+				emits("layout", nextLayout);
+				require_utils_callPanelCallbacks.callPanelCallbacks(panelDataArray, nextLayout, panelIdToLastNotifiedSizeMapRef.value);
+			}
+		});
 		function registerResizeHandle(dragHandleId) {
 			return function resizeHandler(event) {
 				event.preventDefault();
@@ -182,7 +259,8 @@ var SplitterGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 				if (delta === 0) return;
 				const isHorizontal = direction$1 === "horizontal";
 				if (dir.value === "rtl" && isHorizontal) delta = -delta;
-				const panelConstraints = panelDataArray.map((panelData) => panelData.constraints);
+				const panelConstraints = getPanelConstraintsInPercent();
+				if (!panelConstraints) return;
 				const nextLayout = require_utils_layout.adjustLayoutByDelta({
 					delta,
 					layout: initialLayout ?? prevLayout,
@@ -209,11 +287,19 @@ var SplitterGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		}
 		function resizePanel(panelData, unsafePanelSize) {
 			const { layout: prevLayout, panelDataArray } = eagerValuesRef.value;
-			const panelConstraintsArray = panelDataArray.map((panelData$1) => panelData$1.constraints);
-			const { panelSize, pivotIndices } = panelDataHelper(panelDataArray, panelData, prevLayout);
+			const panelConstraintsArray = getPanelConstraintsInPercent();
+			if (!panelConstraintsArray) return;
+			const panelIndex = findPanelDataIndex(panelDataArray, panelData);
+			const panelUnit = panelData.constraints.sizeUnit ?? "%";
+			let sizeInPercent = unsafePanelSize;
+			if (panelUnit === "px") {
+				const groupSize = getGroupSizeInPixels();
+				if (groupSize != null) sizeInPercent = unsafePanelSize / groupSize * 100;
+			}
+			const { panelSize, pivotIndices } = panelDataHelper(panelDataArray, panelData, prevLayout, panelConstraintsArray);
 			require_utils_assert.assert(panelSize != null);
-			const isLastPanel = findPanelDataIndex(panelDataArray, panelData) === panelDataArray.length - 1;
-			const delta = isLastPanel ? panelSize - unsafePanelSize : unsafePanelSize - panelSize;
+			const isLastPanel = panelIndex === panelDataArray.length - 1;
+			const delta = isLastPanel ? panelSize - sizeInPercent : sizeInPercent - panelSize;
 			const nextLayout = require_utils_layout.adjustLayoutByDelta({
 				delta,
 				layout: prevLayout,
@@ -233,12 +319,16 @@ var SplitterGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			const index = findPanelDataIndex(panelDataArray, panelData);
 			panelDataArray[index] = panelData;
 			eagerValuesRef.value.panelDataArrayChanged = true;
-			const { collapsedSize: prevCollapsedSize = 0, collapsible: prevCollapsible } = prevConstraints;
-			const { collapsedSize: nextCollapsedSize = 0, collapsible: nextCollapsible, maxSize: nextMaxSize = 100, minSize: nextMinSize = 0 } = panelData.constraints;
-			const { panelSize: prevPanelSize } = panelDataHelper(panelDataArray, panelData, layout$1);
+			const panelConstraintsArray = getPanelConstraintsInPercent();
+			if (!panelConstraintsArray) return;
+			const nextConstraints = panelConstraintsArray[index];
+			const { panelSize: prevPanelSize } = panelDataHelper(panelDataArray, panelData, layout$1, panelConstraintsArray);
 			if (prevPanelSize === null) return;
-			if (prevCollapsible && nextCollapsible && prevPanelSize === prevCollapsedSize) {
-				if (prevCollapsedSize !== nextCollapsedSize) resizePanel(panelData, nextCollapsedSize);
+			const nextCollapsedSize = nextConstraints?.collapsedSize ?? 0;
+			const nextMaxSize = nextConstraints?.maxSize ?? 100;
+			const nextMinSize = nextConstraints?.minSize ?? 0;
+			if (nextConstraints?.collapsible && isPanelCollapsed(panelData)) {
+				if (prevPanelSize !== nextCollapsedSize) resizePanel(panelData, nextCollapsedSize);
 			} else if (prevPanelSize < nextMinSize) resizePanel(panelData, nextMinSize);
 			else if (prevPanelSize > nextMaxSize) resizePanel(panelData, nextMaxSize);
 		}
@@ -271,11 +361,15 @@ var SplitterGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		function collapsePanel(panelData) {
 			const { layout: prevLayout, panelDataArray } = eagerValuesRef.value;
 			if (panelData.constraints.collapsible) {
-				const panelConstraintsArray = panelDataArray.map((panelData$1) => panelData$1.constraints);
-				const { collapsedSize = 0, panelSize, pivotIndices } = panelDataHelper(panelDataArray, panelData, prevLayout);
+				const panelConstraintsArray = getPanelConstraintsInPercent();
+				if (!panelConstraintsArray) return;
+				const { collapsedSize = 0, panelSize, pivotIndices } = panelDataHelper(panelDataArray, panelData, prevLayout, panelConstraintsArray);
 				require_utils_assert.assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
 				if (panelSize !== collapsedSize) {
-					panelSizeBeforeCollapseRef.value.set(panelData.id, panelSize);
+					const sizeUnit = panelData.constraints.sizeUnit ?? "%";
+					const groupSize = groupSizeInPixels.value ?? getGroupSizeInPixels();
+					const sizeBeforeCollapse = sizeUnit === "px" && groupSize ? panelSize / 100 * groupSize : panelSize;
+					panelSizeBeforeCollapseRef.value.set(panelData.id, sizeBeforeCollapse);
 					const isLastPanel = findPanelDataIndex(panelDataArray, panelData) === panelDataArray.length - 1;
 					const delta = isLastPanel ? panelSize - collapsedSize : collapsedSize - panelSize;
 					const nextLayout = require_utils_layout.adjustLayoutByDelta({
@@ -297,11 +391,15 @@ var SplitterGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		function expandPanel(panelData) {
 			const { layout: prevLayout, panelDataArray } = eagerValuesRef.value;
 			if (panelData.constraints.collapsible) {
-				const panelConstraintsArray = panelDataArray.map((panelData$1) => panelData$1.constraints);
-				const { collapsedSize = 0, panelSize, minSize = 0, pivotIndices } = panelDataHelper(panelDataArray, panelData, prevLayout);
-				if (panelSize === collapsedSize) {
+				const panelConstraintsArray = getPanelConstraintsInPercent();
+				if (!panelConstraintsArray) return;
+				const { collapsedSize = 0, panelSize = 0, minSize = 0, pivotIndices } = panelDataHelper(panelDataArray, panelData, prevLayout, panelConstraintsArray);
+				if (require_utils_compare.fuzzyCompareNumbers(panelSize, collapsedSize) <= 0) {
 					const prevPanelSize = panelSizeBeforeCollapseRef.value.get(panelData.id);
-					const baseSize = prevPanelSize != null && prevPanelSize >= minSize ? prevPanelSize : minSize;
+					const sizeUnit = panelData.constraints.sizeUnit ?? "%";
+					const groupSize = groupSizeInPixels.value ?? getGroupSizeInPixels();
+					const restoredSize = sizeUnit === "px" && groupSize ? prevPanelSize != null ? prevPanelSize / groupSize * 100 : null : prevPanelSize;
+					const baseSize = restoredSize != null && restoredSize >= minSize ? restoredSize : minSize;
 					const isLastPanel = findPanelDataIndex(panelDataArray, panelData) === panelDataArray.length - 1;
 					const delta = isLastPanel ? panelSize - baseSize : baseSize - panelSize;
 					const nextLayout = require_utils_layout.adjustLayoutByDelta({
@@ -324,18 +422,28 @@ var SplitterGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			const { layout: layout$1, panelDataArray } = eagerValuesRef.value;
 			const { panelSize } = panelDataHelper(panelDataArray, panelData, layout$1);
 			require_utils_assert.assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
+			const panelUnit = panelData.constraints.sizeUnit ?? "%";
+			if (panelUnit === "px") {
+				const groupSize = getGroupSizeInPixels();
+				if (groupSize != null) return panelSize / 100 * groupSize;
+			}
 			return panelSize;
 		}
 		function isPanelCollapsed(panelData) {
 			const { layout: layout$1, panelDataArray } = eagerValuesRef.value;
-			const { collapsedSize = 0, collapsible, panelSize } = panelDataHelper(panelDataArray, panelData, layout$1);
+			const panelConstraintsArray = getPanelConstraintsInPercent();
+			const { collapsedSize = 0, collapsible, panelSize } = panelDataHelper(panelDataArray, panelData, layout$1, panelConstraintsArray ?? void 0);
 			if (!collapsible) return false;
-			if (panelSize === void 0) return panelData.constraints.defaultSize === panelData.constraints.collapsedSize;
-			else return panelSize === collapsedSize;
+			if (panelSize === void 0) {
+				const panelIndex = findPanelDataIndex(panelDataArray, panelData);
+				const constraints = panelConstraintsArray?.[panelIndex] ?? panelData.constraints;
+				return constraints.defaultSize === constraints.collapsedSize;
+			} else return panelSize === collapsedSize;
 		}
 		function isPanelExpanded(panelData) {
 			const { layout: layout$1, panelDataArray } = eagerValuesRef.value;
-			const { collapsedSize = 0, collapsible, panelSize } = panelDataHelper(panelDataArray, panelData, layout$1);
+			const panelConstraintsArray = getPanelConstraintsInPercent();
+			const { collapsedSize = 0, collapsible, panelSize } = panelDataHelper(panelDataArray, panelData, layout$1, panelConstraintsArray ?? void 0);
 			require_utils_assert.assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
 			return !collapsible || panelSize > collapsedSize;
 		}
@@ -361,13 +469,15 @@ var SplitterGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		function findPanelDataIndex(panelDataArray, panelData) {
 			return panelDataArray.findIndex((prevPanelData) => prevPanelData === panelData || prevPanelData.id === panelData.id);
 		}
-		function panelDataHelper(panelDataArray, panelData, layout$1) {
+		function panelDataHelper(panelDataArray, panelData, layout$1, panelConstraints) {
 			const panelIndex = findPanelDataIndex(panelDataArray, panelData);
 			const isLastPanel = panelIndex === panelDataArray.length - 1;
 			const pivotIndices = isLastPanel ? [panelIndex - 1, panelIndex] : [panelIndex, panelIndex + 1];
+			const constraints = panelConstraints ?? getPanelConstraintsInPercent();
+			const panelConstraintsFromGroup = constraints?.[panelIndex];
 			const panelSize = layout$1[panelIndex];
 			return {
-				...panelData.constraints,
+				...panelConstraintsFromGroup ?? panelData.constraints,
 				panelSize,
 				pivotIndices
 			};

package/dist/Splitter/SplitterGroup.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SplitterGroup.cjs","names":["as","asChild"],"sources":["../../src/Splitter/SplitterGroup.vue","../../src/Splitter/SplitterGroup.vue"],"sourcesContent":[],"mappings":"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"}
+{"version":3,"file":"SplitterGroup.cjs","names":["as","asChild"],"sources":["../../src/Splitter/SplitterGroup.vue","../../src/Splitter/SplitterGroup.vue"],"sourcesContent":[],"mappings":"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"}

package/dist/Splitter/SplitterGroup.js

@@ -9,11 +9,13 @@ import { getResizeHandleElement } from "../utils/dom.js";
 import { getResizeEventCursorPosition, isKeyDown, isMouseEvent, isTouchEvent } from "../utils/events.js";
 import { calculateDeltaPercentage, calculateUnsafeDefaultLayout } from "../utils/calculate.js";
 import { callPanelCallbacks } from "../utils/callPanelCallbacks.js";
+import { fuzzyCompareNumbers } from "../utils/compare.js";
 import { debounce } from "../utils/debounce.js";
 import { adjustLayoutByDelta, compareLayouts } from "../utils/layout.js";
 import { determinePivotIndices } from "../utils/pivot.js";
 import { computePanelFlexBoxStyle } from "../utils/style.js";
 import { EXCEEDED_HORIZONTAL_MAX, EXCEEDED_HORIZONTAL_MIN, EXCEEDED_VERTICAL_MAX, EXCEEDED_VERTICAL_MIN, reportConstraintsViolation } from "../utils/registry.js";
+import { convertPanelConstraintsToPercent, hasPixelSizedPanel, recalculateLayoutForPixelPanels } from "../utils/units.js";
 import { validatePanelGroupLayout } from "../utils/validation.js";
 import { useWindowSplitterPanelGroupBehavior } from "../composables/useWindowSplitterPanelGroupBehavior.js";
 import { initializeDefaultStorage, loadPanelGroupState, savePanelGroupState } from "../utils/storage.js";
@@ -77,6 +79,7 @@ var SplitterGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		const dir = useDirection();
 		const { forwardRef, currentElement: panelGroupElementRef } = useForwardExpose();
 		const dragState = ref(null);
+		const groupSizeInPixels = ref(null);
 		const layout = ref([]);
 		const panelIdToLastNotifiedSizeMapRef = ref({});
 		const panelSizeBeforeCollapseRef = ref(/* @__PURE__ */ new Map());
@@ -94,6 +97,34 @@ var SplitterGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			panelDataArray: [],
 			panelDataArrayChanged: false
 		});
+		function getGroupSizeInPixels() {
+			if (groupSizeInPixels.value != null) return groupSizeInPixels.value;
+			const element = panelGroupElementRef.value;
+			if (element && element instanceof HTMLElement) {
+				const rect = element.getBoundingClientRect();
+				const size = direction.value === "horizontal" ? rect.width : rect.height;
+				if (!Number.isNaN(size)) {
+					groupSizeInPixels.value = size;
+					return size;
+				}
+			}
+			return null;
+		}
+		function getPanelConstraintsInPercent(groupSizeOverride) {
+			const groupSize = groupSizeOverride ?? getGroupSizeInPixels();
+			return convertPanelConstraintsToPercent({
+				panelDataArray: eagerValuesRef.value.panelDataArray,
+				groupSizeInPixels: groupSize
+			});
+		}
+		function getPanelDataWithPercentConstraints(groupSizeOverride) {
+			const percentConstraints = getPanelConstraintsInPercent(groupSizeOverride);
+			if (!percentConstraints) return null;
+			return eagerValuesRef.value.panelDataArray.map((panelData, index) => ({
+				...panelData,
+				constraints: percentConstraints[index]
+			}));
+		}
 		const setLayout = (val) => layout.value = val;
 		useWindowSplitterPanelGroupBehavior({
 			eagerValuesRef,
@@ -101,7 +132,22 @@ var SplitterGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			layout,
 			panelDataArray: eagerValuesRef.value.panelDataArray,
 			setLayout,
-			panelGroupElement: panelGroupElementRef
+			panelGroupElement: panelGroupElementRef,
+			getPanelDataWithPercentConstraints
+		});
+		watchEffect((onCleanup) => {
+			const element = panelGroupElementRef.value;
+			if (!element) return;
+			if (typeof ResizeObserver !== "function") return;
+			const resizeObserver = new ResizeObserver((entries) => {
+				const entry = entries[0];
+				if (!entry) return;
+				const { height, width } = entry.contentRect;
+				const nextSize = direction.value === "horizontal" ? width : height;
+				if (!Number.isNaN(nextSize)) groupSizeInPixels.value = nextSize;
+			});
+			if (element instanceof HTMLElement) resizeObserver.observe(element);
+			onCleanup(() => resizeObserver.disconnect());
 		});
 		watchEffect(() => {
 			const { panelDataArray } = eagerValuesRef.value;
@@ -155,10 +201,16 @@ var SplitterGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 						unsafeLayout = state.layout;
 					}
 				}
-				if (unsafeLayout === null) unsafeLayout = calculateUnsafeDefaultLayout({ panelDataArray });
+				if (unsafeLayout === null) {
+					const panelDataArrayWithPercentConstraints = getPanelDataWithPercentConstraints();
+					if (!panelDataArrayWithPercentConstraints) return;
+					unsafeLayout = calculateUnsafeDefaultLayout({ panelDataArray: panelDataArrayWithPercentConstraints });
+				}
+				const panelConstraints = getPanelConstraintsInPercent();
+				if (!panelConstraints) return;
 				const nextLayout = validatePanelGroupLayout({
 					layout: unsafeLayout,
-					panelConstraints: panelDataArray.map((panelData) => panelData.constraints)
+					panelConstraints
 				});
 				if (!areEqual(prevLayout, nextLayout)) {
 					setLayout(nextLayout);
@@ -168,6 +220,31 @@ var SplitterGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 				}
 			}
 		});
+		watch(groupSizeInPixels, (nextSize, prevSize) => {
+			if (prevSize == null || nextSize == null) return;
+			const { layout: prevLayout, panelDataArray } = eagerValuesRef.value;
+			if (prevLayout.length === 0) return;
+			if (!hasPixelSizedPanel(panelDataArray)) return;
+			const recalculatedLayout = recalculateLayoutForPixelPanels({
+				layout: prevLayout,
+				panelDataArray,
+				prevGroupSize: prevSize,
+				nextGroupSize: nextSize
+			});
+			if (!recalculatedLayout) return;
+			const panelConstraints = getPanelConstraintsInPercent(nextSize);
+			if (!panelConstraints) return;
+			const nextLayout = validatePanelGroupLayout({
+				layout: recalculatedLayout,
+				panelConstraints
+			});
+			if (!compareLayouts(prevLayout, nextLayout)) {
+				setLayout(nextLayout);
+				eagerValuesRef.value.layout = nextLayout;
+				emits("layout", nextLayout);
+				callPanelCallbacks(panelDataArray, nextLayout, panelIdToLastNotifiedSizeMapRef.value);
+			}
+		});
 		function registerResizeHandle(dragHandleId) {
 			return function resizeHandler(event) {
 				event.preventDefault();
@@ -181,7 +258,8 @@ var SplitterGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 				if (delta === 0) return;
 				const isHorizontal = direction$1 === "horizontal";
 				if (dir.value === "rtl" && isHorizontal) delta = -delta;
-				const panelConstraints = panelDataArray.map((panelData) => panelData.constraints);
+				const panelConstraints = getPanelConstraintsInPercent();
+				if (!panelConstraints) return;
 				const nextLayout = adjustLayoutByDelta({
 					delta,
 					layout: initialLayout ?? prevLayout,
@@ -208,11 +286,19 @@ var SplitterGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		}
 		function resizePanel(panelData, unsafePanelSize) {
 			const { layout: prevLayout, panelDataArray } = eagerValuesRef.value;
-			const panelConstraintsArray = panelDataArray.map((panelData$1) => panelData$1.constraints);
-			const { panelSize, pivotIndices } = panelDataHelper(panelDataArray, panelData, prevLayout);
+			const panelConstraintsArray = getPanelConstraintsInPercent();
+			if (!panelConstraintsArray) return;
+			const panelIndex = findPanelDataIndex(panelDataArray, panelData);
+			const panelUnit = panelData.constraints.sizeUnit ?? "%";
+			let sizeInPercent = unsafePanelSize;
+			if (panelUnit === "px") {
+				const groupSize = getGroupSizeInPixels();
+				if (groupSize != null) sizeInPercent = unsafePanelSize / groupSize * 100;
+			}
+			const { panelSize, pivotIndices } = panelDataHelper(panelDataArray, panelData, prevLayout, panelConstraintsArray);
 			assert(panelSize != null);
-			const isLastPanel = findPanelDataIndex(panelDataArray, panelData) === panelDataArray.length - 1;
-			const delta = isLastPanel ? panelSize - unsafePanelSize : unsafePanelSize - panelSize;
+			const isLastPanel = panelIndex === panelDataArray.length - 1;
+			const delta = isLastPanel ? panelSize - sizeInPercent : sizeInPercent - panelSize;
 			const nextLayout = adjustLayoutByDelta({
 				delta,
 				layout: prevLayout,
@@ -232,12 +318,16 @@ var SplitterGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			const index = findPanelDataIndex(panelDataArray, panelData);
 			panelDataArray[index] = panelData;
 			eagerValuesRef.value.panelDataArrayChanged = true;
-			const { collapsedSize: prevCollapsedSize = 0, collapsible: prevCollapsible } = prevConstraints;
-			const { collapsedSize: nextCollapsedSize = 0, collapsible: nextCollapsible, maxSize: nextMaxSize = 100, minSize: nextMinSize = 0 } = panelData.constraints;
-			const { panelSize: prevPanelSize } = panelDataHelper(panelDataArray, panelData, layout$1);
+			const panelConstraintsArray = getPanelConstraintsInPercent();
+			if (!panelConstraintsArray) return;
+			const nextConstraints = panelConstraintsArray[index];
+			const { panelSize: prevPanelSize } = panelDataHelper(panelDataArray, panelData, layout$1, panelConstraintsArray);
 			if (prevPanelSize === null) return;
-			if (prevCollapsible && nextCollapsible && prevPanelSize === prevCollapsedSize) {
-				if (prevCollapsedSize !== nextCollapsedSize) resizePanel(panelData, nextCollapsedSize);
+			const nextCollapsedSize = nextConstraints?.collapsedSize ?? 0;
+			const nextMaxSize = nextConstraints?.maxSize ?? 100;
+			const nextMinSize = nextConstraints?.minSize ?? 0;
+			if (nextConstraints?.collapsible && isPanelCollapsed(panelData)) {
+				if (prevPanelSize !== nextCollapsedSize) resizePanel(panelData, nextCollapsedSize);
 			} else if (prevPanelSize < nextMinSize) resizePanel(panelData, nextMinSize);
 			else if (prevPanelSize > nextMaxSize) resizePanel(panelData, nextMaxSize);
 		}
@@ -270,11 +360,15 @@ var SplitterGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		function collapsePanel(panelData) {
 			const { layout: prevLayout, panelDataArray } = eagerValuesRef.value;
 			if (panelData.constraints.collapsible) {
-				const panelConstraintsArray = panelDataArray.map((panelData$1) => panelData$1.constraints);
-				const { collapsedSize = 0, panelSize, pivotIndices } = panelDataHelper(panelDataArray, panelData, prevLayout);
+				const panelConstraintsArray = getPanelConstraintsInPercent();
+				if (!panelConstraintsArray) return;
+				const { collapsedSize = 0, panelSize, pivotIndices } = panelDataHelper(panelDataArray, panelData, prevLayout, panelConstraintsArray);
 				assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
 				if (panelSize !== collapsedSize) {
-					panelSizeBeforeCollapseRef.value.set(panelData.id, panelSize);
+					const sizeUnit = panelData.constraints.sizeUnit ?? "%";
+					const groupSize = groupSizeInPixels.value ?? getGroupSizeInPixels();
+					const sizeBeforeCollapse = sizeUnit === "px" && groupSize ? panelSize / 100 * groupSize : panelSize;
+					panelSizeBeforeCollapseRef.value.set(panelData.id, sizeBeforeCollapse);
 					const isLastPanel = findPanelDataIndex(panelDataArray, panelData) === panelDataArray.length - 1;
 					const delta = isLastPanel ? panelSize - collapsedSize : collapsedSize - panelSize;
 					const nextLayout = adjustLayoutByDelta({
@@ -296,11 +390,15 @@ var SplitterGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		function expandPanel(panelData) {
 			const { layout: prevLayout, panelDataArray } = eagerValuesRef.value;
 			if (panelData.constraints.collapsible) {
-				const panelConstraintsArray = panelDataArray.map((panelData$1) => panelData$1.constraints);
-				const { collapsedSize = 0, panelSize, minSize = 0, pivotIndices } = panelDataHelper(panelDataArray, panelData, prevLayout);
-				if (panelSize === collapsedSize) {
+				const panelConstraintsArray = getPanelConstraintsInPercent();
+				if (!panelConstraintsArray) return;
+				const { collapsedSize = 0, panelSize = 0, minSize = 0, pivotIndices } = panelDataHelper(panelDataArray, panelData, prevLayout, panelConstraintsArray);
+				if (fuzzyCompareNumbers(panelSize, collapsedSize) <= 0) {
 					const prevPanelSize = panelSizeBeforeCollapseRef.value.get(panelData.id);
-					const baseSize = prevPanelSize != null && prevPanelSize >= minSize ? prevPanelSize : minSize;
+					const sizeUnit = panelData.constraints.sizeUnit ?? "%";
+					const groupSize = groupSizeInPixels.value ?? getGroupSizeInPixels();
+					const restoredSize = sizeUnit === "px" && groupSize ? prevPanelSize != null ? prevPanelSize / groupSize * 100 : null : prevPanelSize;
+					const baseSize = restoredSize != null && restoredSize >= minSize ? restoredSize : minSize;
 					const isLastPanel = findPanelDataIndex(panelDataArray, panelData) === panelDataArray.length - 1;
 					const delta = isLastPanel ? panelSize - baseSize : baseSize - panelSize;
 					const nextLayout = adjustLayoutByDelta({
@@ -323,18 +421,28 @@ var SplitterGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			const { layout: layout$1, panelDataArray } = eagerValuesRef.value;
 			const { panelSize } = panelDataHelper(panelDataArray, panelData, layout$1);
 			assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
+			const panelUnit = panelData.constraints.sizeUnit ?? "%";
+			if (panelUnit === "px") {
+				const groupSize = getGroupSizeInPixels();
+				if (groupSize != null) return panelSize / 100 * groupSize;
+			}
 			return panelSize;
 		}
 		function isPanelCollapsed(panelData) {
 			const { layout: layout$1, panelDataArray } = eagerValuesRef.value;
-			const { collapsedSize = 0, collapsible, panelSize } = panelDataHelper(panelDataArray, panelData, layout$1);
+			const panelConstraintsArray = getPanelConstraintsInPercent();
+			const { collapsedSize = 0, collapsible, panelSize } = panelDataHelper(panelDataArray, panelData, layout$1, panelConstraintsArray ?? void 0);
 			if (!collapsible) return false;
-			if (panelSize === void 0) return panelData.constraints.defaultSize === panelData.constraints.collapsedSize;
-			else return panelSize === collapsedSize;
+			if (panelSize === void 0) {
+				const panelIndex = findPanelDataIndex(panelDataArray, panelData);
+				const constraints = panelConstraintsArray?.[panelIndex] ?? panelData.constraints;
+				return constraints.defaultSize === constraints.collapsedSize;
+			} else return panelSize === collapsedSize;
 		}
 		function isPanelExpanded(panelData) {
 			const { layout: layout$1, panelDataArray } = eagerValuesRef.value;
-			const { collapsedSize = 0, collapsible, panelSize } = panelDataHelper(panelDataArray, panelData, layout$1);
+			const panelConstraintsArray = getPanelConstraintsInPercent();
+			const { collapsedSize = 0, collapsible, panelSize } = panelDataHelper(panelDataArray, panelData, layout$1, panelConstraintsArray ?? void 0);
 			assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
 			return !collapsible || panelSize > collapsedSize;
 		}
@@ -360,13 +468,15 @@ var SplitterGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		function findPanelDataIndex(panelDataArray, panelData) {
 			return panelDataArray.findIndex((prevPanelData) => prevPanelData === panelData || prevPanelData.id === panelData.id);
 		}
-		function panelDataHelper(panelDataArray, panelData, layout$1) {
+		function panelDataHelper(panelDataArray, panelData, layout$1, panelConstraints) {
 			const panelIndex = findPanelDataIndex(panelDataArray, panelData);
 			const isLastPanel = panelIndex === panelDataArray.length - 1;
 			const pivotIndices = isLastPanel ? [panelIndex - 1, panelIndex] : [panelIndex, panelIndex + 1];
+			const constraints = panelConstraints ?? getPanelConstraintsInPercent();
+			const panelConstraintsFromGroup = constraints?.[panelIndex];
 			const panelSize = layout$1[panelIndex];
 			return {
-				...panelData.constraints,
+				...panelConstraintsFromGroup ?? panelData.constraints,
 				panelSize,
 				pivotIndices
 			};