reka-ui 2.8.2 → 2.9.0

package/dist/shared/useForwardExpose.cjs

@@ -6,9 +6,13 @@ const __vueuse_core = require_rolldown_runtime.__toESM(require("@vueuse/core"));
 function useForwardExpose() {
 	const instance = (0, vue.getCurrentInstance)();
 	const currentRef = (0, vue.ref)();
-	const currentElement = (0, vue.computed)(() => {
-		return ["#text", "#comment"].includes(currentRef.value?.$el.nodeName) ? currentRef.value?.$el.nextElementSibling : (0, __vueuse_core.unrefElement)(currentRef);
+	const currentElement = (0, vue.computed)(() => resolveCurrentElement());
+	(0, vue.onUpdated)(() => {
+		if (currentElement.value !== resolveCurrentElement()) (0, vue.triggerRef)(currentRef);
 	});
+	function resolveCurrentElement() {
+		return currentRef.value && "$el" in currentRef.value && ["#text", "#comment"].includes(currentRef.value.$el.nodeName) ? currentRef.value.$el.nextElementSibling : (0, __vueuse_core.unrefElement)(currentRef);
+	}
 	const localExpose = Object.assign({}, instance.exposed);
 	const ret = {};
 	for (const key in instance.props) Object.defineProperty(ret, key, {

package/dist/shared/useForwardExpose.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useForwardExpose.cjs","names":["localExpose: Record<string, any> | null","ret: Record<string, any>","ref: Element | T | null","ref"],"sources":["../../src/shared/useForwardExpose.ts"],"sourcesContent":[],"mappings":";;;;;AAKA,SAAgB,mBAAsD;CACpE,MAAM,WAAW,6BAAoB;CAErC,MAAM,aAAa,cAAyB;CAC5C,MAAM,iBAAiB,kBAAsB,MAAM;AAGjD,SAAO,CAAC,SAAS,UAAW,EAAC,SAAS,WAAW,OAAO,IAAI,SAAS,GAAG,WAAW,OAAO,IAAI,qBAAqB,gCAAa,WAAW;CAC5I,EAAC;CAIF,MAAMA,cAA0C,OAAO,OAAO,CAAE,GAAE,SAAS,QAAQ;CACnF,MAAMC,MAA2B,CAAE;AAGnC,MAAK,MAAM,OAAO,SAAS,MACzB,QAAO,eAAe,KAAK,KAAK;EAC9B,YAAY;EACZ,cAAc;EACd,KAAK,MAAM,SAAS,MAAM;CAC3B,EAAC;AAIJ,KAAI,OAAO,KAAK,YAAY,CAAC,SAAS,EACpC,MAAK,MAAM,OAAO,YAChB,QAAO,eAAe,KAAK,KAAK;EAC9B,YAAY;EACZ,cAAc;EACd,KAAK,MAAM,YAAa;CACzB,EAAC;AAKN,QAAO,eAAe,KAAK,OAAO;EAChC,YAAY;EACZ,cAAc;EACd,KAAK,MAAM,SAAS,MAAM;CAC3B,EAAC;AACF,UAAS,UAAU;CAEnB,SAAS,WAAWC,OAAyB;AAC3C,aAAW,QAAQC;AAEnB,OAAKA,MACH;AAGF,SAAO,eAAe,KAAK,OAAO;GAChC,YAAY;GACZ,cAAc;GACd,KAAK,MAAOA,iBAAe,UAAUA,QAAMA,MAAI;EAChD,EAAC;AAIF,QAAMA,iBAAe,aAAa,OAAO,UAAU,eAAe,KAAKA,OAAK,MAAM,EAAE;GAElF,MAAM,eAAeA,MAAI,EAAE;GAC3B,MAAM,SAAS,OAAO,OAAO,CAAE,GAAE,IAAI;AAErC,QAAK,MAAM,OAAO,aAChB,QAAO,eAAe,QAAQ,KAAK;IACjC,YAAY;IACZ,cAAc;IACd,KAAK,MAAM,aAAa;GACzB,EAAC;AAGJ,YAAS,UAAU;EACpB;CACF;AAED,QAAO;EAAE;EAAY;EAAY;CAAgB;AAClD"}
+{"version":3,"file":"useForwardExpose.cjs","names":["localExpose: Record<string, any> | null","ret: Record<string, any>","ref: Element | T | null","ref"],"sources":["../../src/shared/useForwardExpose.ts"],"sourcesContent":[],"mappings":";;;;;AAMA,SAAgB,mBAAsD;CACpE,MAAM,WAAW,6BAAoB;CAErC,MAAM,aAAa,cAAyB;CAC5C,MAAM,iBAAiB,kBAAS,MAAM,uBAAuB,CAAC;AAK9D,oBAAU,MAAM;AACd,MAAI,eAAe,UAAU,uBAAuB,CAClD,qBAAW,WAAW;CAEzB,EAAC;CAEF,SAAS,wBAAwB;AAE/B,SAAO,WAAW,SACb,SAAS,WAAW,SACpB,CAAC,SAAS,UAAW,EAAC,SAAS,WAAW,MAAM,IAAI,SAAS,GAC9D,WAAW,MAAM,IAAI,qBACrB,gCAAa,WAAsC;CACxD;CAID,MAAMA,cAA0C,OAAO,OAAO,CAAE,GAAE,SAAS,QAAQ;CACnF,MAAMC,MAA2B,CAAE;AAGnC,MAAK,MAAM,OAAO,SAAS,MACzB,QAAO,eAAe,KAAK,KAAK;EAC9B,YAAY;EACZ,cAAc;EACd,KAAK,MAAM,SAAS,MAAM;CAC3B,EAAC;AAIJ,KAAI,OAAO,KAAK,YAAY,CAAC,SAAS,EACpC,MAAK,MAAM,OAAO,YAChB,QAAO,eAAe,KAAK,KAAK;EAC9B,YAAY;EACZ,cAAc;EACd,KAAK,MAAM,YAAa;CACzB,EAAC;AAKN,QAAO,eAAe,KAAK,OAAO;EAChC,YAAY;EACZ,cAAc;EACd,KAAK,MAAM,SAAS,MAAM;CAC3B,EAAC;AACF,UAAS,UAAU;CAEnB,SAAS,WAAWC,OAAyB;AAC3C,aAAW,QAAQC;AAEnB,OAAKA,MACH;AAGF,SAAO,eAAe,KAAK,OAAO;GAChC,YAAY;GACZ,cAAc;GACd,KAAK,MAAOA,iBAAe,UAAUA,QAAMA,MAAI;EAChD,EAAC;AAIF,QAAMA,iBAAe,aAAa,OAAO,UAAU,eAAe,KAAKA,OAAK,MAAM,EAAE;GAElF,MAAM,eAAeA,MAAI,EAAE;GAC3B,MAAM,SAAS,OAAO,OAAO,CAAE,GAAE,IAAI;AAErC,QAAK,MAAM,OAAO,aAChB,QAAO,eAAe,QAAQ,KAAK;IACjC,YAAY;IACZ,cAAc;IACd,KAAK,MAAM,aAAa;GACzB,EAAC;AAGJ,YAAS,UAAU;EACpB;CACF;AAED,QAAO;EAAE;EAAY;EAAY;CAAgB;AAClD"}

package/dist/shared/useForwardExpose.js

@@ -1,13 +1,17 @@
-import { computed, getCurrentInstance, ref } from "vue";
+import { computed, getCurrentInstance, onUpdated, ref, triggerRef } from "vue";
 import { unrefElement } from "@vueuse/core";
 
 //#region src/shared/useForwardExpose.ts
 function useForwardExpose() {
 	const instance = getCurrentInstance();
 	const currentRef = ref();
-	const currentElement = computed(() => {
-		return ["#text", "#comment"].includes(currentRef.value?.$el.nodeName) ? currentRef.value?.$el.nextElementSibling : unrefElement(currentRef);
+	const currentElement = computed(() => resolveCurrentElement());
+	onUpdated(() => {
+		if (currentElement.value !== resolveCurrentElement()) triggerRef(currentRef);
 	});
+	function resolveCurrentElement() {
+		return currentRef.value && "$el" in currentRef.value && ["#text", "#comment"].includes(currentRef.value.$el.nodeName) ? currentRef.value.$el.nextElementSibling : unrefElement(currentRef);
+	}
 	const localExpose = Object.assign({}, instance.exposed);
 	const ret = {};
 	for (const key in instance.props) Object.defineProperty(ret, key, {

package/dist/shared/useForwardExpose.js.map

@@ -1 +1 @@
-{"version":3,"file":"useForwardExpose.js","names":["localExpose: Record<string, any> | null","ret: Record<string, any>","ref: Element | T | null","ref"],"sources":["../../src/shared/useForwardExpose.ts"],"sourcesContent":[],"mappings":";;;;AAKA,SAAgB,mBAAsD;CACpE,MAAM,WAAW,oBAAoB;CAErC,MAAM,aAAa,KAAyB;CAC5C,MAAM,iBAAiB,SAAsB,MAAM;AAGjD,SAAO,CAAC,SAAS,UAAW,EAAC,SAAS,WAAW,OAAO,IAAI,SAAS,GAAG,WAAW,OAAO,IAAI,qBAAqB,aAAa,WAAW;CAC5I,EAAC;CAIF,MAAMA,cAA0C,OAAO,OAAO,CAAE,GAAE,SAAS,QAAQ;CACnF,MAAMC,MAA2B,CAAE;AAGnC,MAAK,MAAM,OAAO,SAAS,MACzB,QAAO,eAAe,KAAK,KAAK;EAC9B,YAAY;EACZ,cAAc;EACd,KAAK,MAAM,SAAS,MAAM;CAC3B,EAAC;AAIJ,KAAI,OAAO,KAAK,YAAY,CAAC,SAAS,EACpC,MAAK,MAAM,OAAO,YAChB,QAAO,eAAe,KAAK,KAAK;EAC9B,YAAY;EACZ,cAAc;EACd,KAAK,MAAM,YAAa;CACzB,EAAC;AAKN,QAAO,eAAe,KAAK,OAAO;EAChC,YAAY;EACZ,cAAc;EACd,KAAK,MAAM,SAAS,MAAM;CAC3B,EAAC;AACF,UAAS,UAAU;CAEnB,SAAS,WAAWC,OAAyB;AAC3C,aAAW,QAAQC;AAEnB,OAAKA,MACH;AAGF,SAAO,eAAe,KAAK,OAAO;GAChC,YAAY;GACZ,cAAc;GACd,KAAK,MAAOA,iBAAe,UAAUA,QAAMA,MAAI;EAChD,EAAC;AAIF,QAAMA,iBAAe,aAAa,OAAO,UAAU,eAAe,KAAKA,OAAK,MAAM,EAAE;GAElF,MAAM,eAAeA,MAAI,EAAE;GAC3B,MAAM,SAAS,OAAO,OAAO,CAAE,GAAE,IAAI;AAErC,QAAK,MAAM,OAAO,aAChB,QAAO,eAAe,QAAQ,KAAK;IACjC,YAAY;IACZ,cAAc;IACd,KAAK,MAAM,aAAa;GACzB,EAAC;AAGJ,YAAS,UAAU;EACpB;CACF;AAED,QAAO;EAAE;EAAY;EAAY;CAAgB;AAClD"}
+{"version":3,"file":"useForwardExpose.js","names":["localExpose: Record<string, any> | null","ret: Record<string, any>","ref: Element | T | null","ref"],"sources":["../../src/shared/useForwardExpose.ts"],"sourcesContent":[],"mappings":";;;;AAMA,SAAgB,mBAAsD;CACpE,MAAM,WAAW,oBAAoB;CAErC,MAAM,aAAa,KAAyB;CAC5C,MAAM,iBAAiB,SAAS,MAAM,uBAAuB,CAAC;AAK9D,WAAU,MAAM;AACd,MAAI,eAAe,UAAU,uBAAuB,CAClD,YAAW,WAAW;CAEzB,EAAC;CAEF,SAAS,wBAAwB;AAE/B,SAAO,WAAW,SACb,SAAS,WAAW,SACpB,CAAC,SAAS,UAAW,EAAC,SAAS,WAAW,MAAM,IAAI,SAAS,GAC9D,WAAW,MAAM,IAAI,qBACrB,aAAa,WAAsC;CACxD;CAID,MAAMA,cAA0C,OAAO,OAAO,CAAE,GAAE,SAAS,QAAQ;CACnF,MAAMC,MAA2B,CAAE;AAGnC,MAAK,MAAM,OAAO,SAAS,MACzB,QAAO,eAAe,KAAK,KAAK;EAC9B,YAAY;EACZ,cAAc;EACd,KAAK,MAAM,SAAS,MAAM;CAC3B,EAAC;AAIJ,KAAI,OAAO,KAAK,YAAY,CAAC,SAAS,EACpC,MAAK,MAAM,OAAO,YAChB,QAAO,eAAe,KAAK,KAAK;EAC9B,YAAY;EACZ,cAAc;EACd,KAAK,MAAM,YAAa;CACzB,EAAC;AAKN,QAAO,eAAe,KAAK,OAAO;EAChC,YAAY;EACZ,cAAc;EACd,KAAK,MAAM,SAAS,MAAM;CAC3B,EAAC;AACF,UAAS,UAAU;CAEnB,SAAS,WAAWC,OAAyB;AAC3C,aAAW,QAAQC;AAEnB,OAAKA,MACH;AAGF,SAAO,eAAe,KAAK,OAAO;GAChC,YAAY;GACZ,cAAc;GACd,KAAK,MAAOA,iBAAe,UAAUA,QAAMA,MAAI;EAChD,EAAC;AAIF,QAAMA,iBAAe,aAAa,OAAO,UAAU,eAAe,KAAKA,OAAK,MAAM,EAAE;GAElF,MAAM,eAAeA,MAAI,EAAE;GAC3B,MAAM,SAAS,OAAO,OAAO,CAAE,GAAE,IAAI;AAErC,QAAK,MAAM,OAAO,aAChB,QAAO,eAAe,QAAQ,KAAK;IACjC,YAAY;IACZ,cAAc;IACd,KAAK,MAAM,aAAa;GACzB,EAAC;AAGJ,YAAS,UAAU;EACpB;CACF;AAED,QAAO;EAAE;EAAY;EAAY;CAAgB;AAClD"}

package/dist/shared/useId.cjs

@@ -14,10 +14,13 @@ let count = 0;
 */
 function useId(deterministicId, prefix = "reka") {
 	if (deterministicId) return deterministicId;
-	if ("useId" in vue) return `${prefix}-${vue.useId?.()}`;
-	const configProviderContext = require_ConfigProvider_ConfigProvider.injectConfigProviderContext({ useId: void 0 });
-	if (configProviderContext.useId) return `${prefix}-${configProviderContext.useId()}`;
-	return `${prefix}-${++count}`;
+	let id;
+	if ("useId" in vue) id = vue.useId?.();
+	else {
+		const configProviderContext = require_ConfigProvider_ConfigProvider.injectConfigProviderContext({ useId: void 0 });
+		id = configProviderContext.useId?.() ?? `${++count}`;
+	}
+	return prefix ? `${prefix}-${id}` : id;
 }
 
 //#endregion

package/dist/shared/useId.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useId.cjs","names":["deterministicId?: string | null | undefined"],"sources":["../../src/shared/useId.ts"],"sourcesContent":[],"mappings":";;;;;AAKA,IAAI,QAAQ;;;;;;;;;AASZ,SAAgB,MAAMA,iBAA6C,SAAS,QAAQ;AAClF,KAAI,gBACF,QAAO;AAET,KAAI,WAAW,IACb,QAAO,GAAG,OAAO,CAAC,EAAE,IAAI,SAAS,EAAE;CAGrC,MAAM,wBAAwB,kEAA4B,EAAE,cAAkB,EAAC;AAE/E,KAAI,sBAAsB,MACxB,QAAO,GAAG,OAAO,CAAC,EAAE,sBAAsB,OAAO,EAAE;AAGrD,QAAO,GAAG,OAAO,CAAC,EAAE,EAAE,OAAO;AAC9B"}
+{"version":3,"file":"useId.cjs","names":["deterministicId?: string | null | undefined","id: string"],"sources":["../../src/shared/useId.ts"],"sourcesContent":[],"mappings":";;;;;AAKA,IAAI,QAAQ;;;;;;;;;AASZ,SAAgB,MAAMA,iBAA6C,SAAS,QAAQ;AAClF,KAAI,gBACF,QAAO;CAET,IAAIC;AACJ,KAAI,WAAW,IACb,MAAK,IAAI,SAAS;MAEf;EACH,MAAM,wBAAwB,kEAA4B,EAAE,cAAkB,EAAC;AAC/E,OAAK,sBAAsB,SAAS,IAAI,GAAG,EAAE,OAAO;CACrD;AAED,QAAO,SAAS,GAAG,OAAO,CAAC,EAAE,IAAI,GAAG;AACrC"}

package/dist/shared/useId.js

@@ -13,10 +13,13 @@ let count = 0;
 */
 function useId(deterministicId, prefix = "reka") {
 	if (deterministicId) return deterministicId;
-	if ("useId" in vue) return `${prefix}-${vue.useId?.()}`;
-	const configProviderContext = injectConfigProviderContext({ useId: void 0 });
-	if (configProviderContext.useId) return `${prefix}-${configProviderContext.useId()}`;
-	return `${prefix}-${++count}`;
+	let id;
+	if ("useId" in vue) id = vue.useId?.();
+	else {
+		const configProviderContext = injectConfigProviderContext({ useId: void 0 });
+		id = configProviderContext.useId?.() ?? `${++count}`;
+	}
+	return prefix ? `${prefix}-${id}` : id;
 }
 
 //#endregion

package/dist/shared/useId.js.map

@@ -1 +1 @@
-{"version":3,"file":"useId.js","names":["deterministicId?: string | null | undefined"],"sources":["../../src/shared/useId.ts"],"sourcesContent":[],"mappings":";;;;AAKA,IAAI,QAAQ;;;;;;;;;AASZ,SAAgB,MAAMA,iBAA6C,SAAS,QAAQ;AAClF,KAAI,gBACF,QAAO;AAET,KAAI,WAAW,IACb,QAAO,GAAG,OAAO,CAAC,EAAE,IAAI,SAAS,EAAE;CAGrC,MAAM,wBAAwB,4BAA4B,EAAE,cAAkB,EAAC;AAE/E,KAAI,sBAAsB,MACxB,QAAO,GAAG,OAAO,CAAC,EAAE,sBAAsB,OAAO,EAAE;AAGrD,QAAO,GAAG,OAAO,CAAC,EAAE,EAAE,OAAO;AAC9B"}
+{"version":3,"file":"useId.js","names":["deterministicId?: string | null | undefined","id: string"],"sources":["../../src/shared/useId.ts"],"sourcesContent":[],"mappings":";;;;AAKA,IAAI,QAAQ;;;;;;;;;AASZ,SAAgB,MAAMA,iBAA6C,SAAS,QAAQ;AAClF,KAAI,gBACF,QAAO;CAET,IAAIC;AACJ,KAAI,WAAW,IACb,MAAK,IAAI,SAAS;MAEf;EACH,MAAM,wBAAwB,4BAA4B,EAAE,cAAkB,EAAC;AAC/E,OAAK,sBAAsB,SAAS,IAAI,GAAG,EAAE,OAAO;CACrD;AAED,QAAO,SAAS,GAAG,OAAO,CAAC,EAAE,IAAI,GAAG;AACrC"}

package/dist/utils/storage.cjs

@@ -46,9 +46,15 @@ function savePanelGroupState(autoSaveId, panels, panelSizesBeforeCollapse, sizes
 	const panelGroupKey = getPanelGroupKey(autoSaveId);
 	const panelKey = getPanelKey(panels);
 	const state = loadSerializedPanelGroupState(autoSaveId, storage) ?? {};
+	const sizeUnits = {};
+	panels.forEach((panel, index) => {
+		const unit = panel.constraints.sizeUnit ?? "%";
+		if (unit === "px") sizeUnits[index] = "px";
+	});
 	state[panelKey] = {
 		expandToSizes: Object.fromEntries(panelSizesBeforeCollapse.entries()),
-		layout: sizes
+		layout: sizes,
+		...Object.keys(sizeUnits).length > 0 && { sizeUnits }
 	};
 	try {
 		storage.setItem(panelGroupKey, JSON.stringify(state));

package/dist/utils/storage.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"storage.cjs","names":["storageObject: PanelGroupStorage","name: string","value: string","autoSaveId: string","panels: PanelData[]","storage: PanelGroupStorage","panelSizesBeforeCollapse: Map<string, number>","sizes: number[]"],"sources":["../../src/Splitter/utils/storage.ts"],"sourcesContent":[],"mappings":";;AAOA,SAAgB,yBAAyBA,eAAkC;AACzE,KAAI;AACF,aAAW,iBAAiB,aAAa;AAEvC,iBAAc,UAAU,CAACC,SAAiB;AACxC,WAAO,aAAa,QAAQ,KAAK;GAClC;AACD,iBAAc,UAAU,CAACA,MAAcC,UAAkB;AACvD,iBAAa,QAAQ,MAAM,MAAM;GAClC;EACF,MAEC,OAAM,IAAI,UAAU;CAEvB,SACM,OAAO;AACZ,UAAQ,MAAM,MAAM;AAEpB,gBAAc,UAAU,MAAM;AAC9B,gBAAc,UAAU,MAAM,CAAE;CACjC;AACF;AAaD,SAAS,iBAAiBC,YAA4B;AACpD,QAAO,CAAC,KAAK,EAAE,YAAY;AAC5B;AAMD,SAAS,YAAYC,QAA6B;AAChD,QAAO,OACJ,IAAI,CAAC,UAAU;EACd,MAAM,EAAE,aAAa,IAAI,eAAe,OAAO,GAAG;AAClD,MAAI,cACF,QAAO;MAGP,QAAO,QACH,GAAG,MAAM,CAAC,EAAE,KAAK,UAAU,YAAY,EAAE,GACzC,KAAK,UAAU,YAAY;CAElC,EAAC,CACD,KAAK,CAAC,GAAG,MAAM,EAAE,cAAc,EAAE,CAAC,CAClC,KAAK,IAAI;AACb;AAED,SAAS,8BACPD,YACAE,SACkC;AAClC,KAAI;EACF,MAAM,gBAAgB,iBAAiB,WAAW;EAClD,MAAM,aAAa,QAAQ,QAAQ,cAAc;AACjD,MAAI,YAAY;GACd,MAAM,SAAS,KAAK,MAAM,WAAW;AACrC,cAAW,WAAW,YAAY,UAAU,KAC1C,QAAO;EACV;CACF,SACM,OAAO,CAAE;AAEhB,QAAO;AACR;AAED,SAAgB,oBACdF,YACAC,QACAC,SACgC;CAChC,MAAM,QAAQ,8BAA8B,YAAY,QAAQ,IAAI,CAAE;CACtE,MAAM,WAAW,YAAY,OAAO;AACpC,QAAO,MAAM,aAAa;AAC3B;AAED,SAAgB,oBACdF,YACAC,QACAE,0BACAC,OACAF,SACM;CACN,MAAM,gBAAgB,iBAAiB,WAAW;CAClD,MAAM,WAAW,YAAY,OAAO;CACpC,MAAM,QAAQ,8BAA8B,YAAY,QAAQ,IAAI,CAAE;AACtE,OAAM,YAAY;EAChB,eAAe,OAAO,YAAY,yBAAyB,SAAS,CAAC;EACrE,QAAQ;CACT;AAED,KAAI;AACF,UAAQ,QAAQ,eAAe,KAAK,UAAU,MAAM,CAAC;CACtD,SACM,OAAO;AACZ,UAAQ,MAAM,MAAM;CACrB;AACF"}
+{"version":3,"file":"storage.cjs","names":["storageObject: PanelGroupStorage","name: string","value: string","autoSaveId: string","panels: PanelData[]","storage: PanelGroupStorage","panelSizesBeforeCollapse: Map<string, number>","sizes: number[]","sizeUnits: { [panelIndex: number]: 'px' | '%' }"],"sources":["../../src/Splitter/utils/storage.ts"],"sourcesContent":[],"mappings":";;AAOA,SAAgB,yBAAyBA,eAAkC;AACzE,KAAI;AACF,aAAW,iBAAiB,aAAa;AAEvC,iBAAc,UAAU,CAACC,SAAiB;AACxC,WAAO,aAAa,QAAQ,KAAK;GAClC;AACD,iBAAc,UAAU,CAACA,MAAcC,UAAkB;AACvD,iBAAa,QAAQ,MAAM,MAAM;GAClC;EACF,MAEC,OAAM,IAAI,UAAU;CAEvB,SACM,OAAO;AACZ,UAAQ,MAAM,MAAM;AAEpB,gBAAc,UAAU,MAAM;AAC9B,gBAAc,UAAU,MAAM,CAAE;CACjC;AACF;AAgBD,SAAS,iBAAiBC,YAA4B;AACpD,QAAO,CAAC,KAAK,EAAE,YAAY;AAC5B;AAMD,SAAS,YAAYC,QAA6B;AAChD,QAAO,OACJ,IAAI,CAAC,UAAU;EACd,MAAM,EAAE,aAAa,IAAI,eAAe,OAAO,GAAG;AAClD,MAAI,cACF,QAAO;MAGP,QAAO,QACH,GAAG,MAAM,CAAC,EAAE,KAAK,UAAU,YAAY,EAAE,GACzC,KAAK,UAAU,YAAY;CAElC,EAAC,CACD,KAAK,CAAC,GAAG,MAAM,EAAE,cAAc,EAAE,CAAC,CAClC,KAAK,IAAI;AACb;AAED,SAAS,8BACPD,YACAE,SACkC;AAClC,KAAI;EACF,MAAM,gBAAgB,iBAAiB,WAAW;EAClD,MAAM,aAAa,QAAQ,QAAQ,cAAc;AACjD,MAAI,YAAY;GACd,MAAM,SAAS,KAAK,MAAM,WAAW;AACrC,cAAW,WAAW,YAAY,UAAU,KAC1C,QAAO;EACV;CACF,SACM,OAAO,CAAE;AAEhB,QAAO;AACR;AAED,SAAgB,oBACdF,YACAC,QACAC,SACgC;CAChC,MAAM,QAAQ,8BAA8B,YAAY,QAAQ,IAAI,CAAE;CACtE,MAAM,WAAW,YAAY,OAAO;AACpC,QAAO,MAAM,aAAa;AAC3B;AAED,SAAgB,oBACdF,YACAC,QACAE,0BACAC,OACAF,SACM;CACN,MAAM,gBAAgB,iBAAiB,WAAW;CAClD,MAAM,WAAW,YAAY,OAAO;CACpC,MAAM,QAAQ,8BAA8B,YAAY,QAAQ,IAAI,CAAE;CAGtE,MAAMG,YAAkD,CAAE;AAC1D,QAAO,QAAQ,CAAC,OAAO,UAAU;EAC/B,MAAM,OAAO,MAAM,YAAY,YAAY;AAC3C,MAAI,SAAS,KACX,WAAU,SAAS;CAEtB,EAAC;AAEF,OAAM,YAAY;EAChB,eAAe,OAAO,YAAY,yBAAyB,SAAS,CAAC;EACrE,QAAQ;EACR,GAAI,OAAO,KAAK,UAAU,CAAC,SAAS,KAAK,EAAE,UAAW;CACvD;AAED,KAAI;AACF,UAAQ,QAAQ,eAAe,KAAK,UAAU,MAAM,CAAC;CACtD,SACM,OAAO;AACZ,UAAQ,MAAM,MAAM;CACrB;AACF"}

package/dist/utils/storage.js

@@ -45,9 +45,15 @@ function savePanelGroupState(autoSaveId, panels, panelSizesBeforeCollapse, sizes
 	const panelGroupKey = getPanelGroupKey(autoSaveId);
 	const panelKey = getPanelKey(panels);
 	const state = loadSerializedPanelGroupState(autoSaveId, storage) ?? {};
+	const sizeUnits = {};
+	panels.forEach((panel, index) => {
+		const unit = panel.constraints.sizeUnit ?? "%";
+		if (unit === "px") sizeUnits[index] = "px";
+	});
 	state[panelKey] = {
 		expandToSizes: Object.fromEntries(panelSizesBeforeCollapse.entries()),
-		layout: sizes
+		layout: sizes,
+		...Object.keys(sizeUnits).length > 0 && { sizeUnits }
 	};
 	try {
 		storage.setItem(panelGroupKey, JSON.stringify(state));

package/dist/utils/storage.js.map

@@ -1 +1 @@
-{"version":3,"file":"storage.js","names":["storageObject: PanelGroupStorage","name: string","value: string","autoSaveId: string","panels: PanelData[]","storage: PanelGroupStorage","panelSizesBeforeCollapse: Map<string, number>","sizes: number[]"],"sources":["../../src/Splitter/utils/storage.ts"],"sourcesContent":[],"mappings":";AAOA,SAAgB,yBAAyBA,eAAkC;AACzE,KAAI;AACF,aAAW,iBAAiB,aAAa;AAEvC,iBAAc,UAAU,CAACC,SAAiB;AACxC,WAAO,aAAa,QAAQ,KAAK;GAClC;AACD,iBAAc,UAAU,CAACA,MAAcC,UAAkB;AACvD,iBAAa,QAAQ,MAAM,MAAM;GAClC;EACF,MAEC,OAAM,IAAI,UAAU;CAEvB,SACM,OAAO;AACZ,UAAQ,MAAM,MAAM;AAEpB,gBAAc,UAAU,MAAM;AAC9B,gBAAc,UAAU,MAAM,CAAE;CACjC;AACF;AAaD,SAAS,iBAAiBC,YAA4B;AACpD,QAAO,CAAC,KAAK,EAAE,YAAY;AAC5B;AAMD,SAAS,YAAYC,QAA6B;AAChD,QAAO,OACJ,IAAI,CAAC,UAAU;EACd,MAAM,EAAE,aAAa,IAAI,eAAe,OAAO,GAAG;AAClD,MAAI,cACF,QAAO;MAGP,QAAO,QACH,GAAG,MAAM,CAAC,EAAE,KAAK,UAAU,YAAY,EAAE,GACzC,KAAK,UAAU,YAAY;CAElC,EAAC,CACD,KAAK,CAAC,GAAG,MAAM,EAAE,cAAc,EAAE,CAAC,CAClC,KAAK,IAAI;AACb;AAED,SAAS,8BACPD,YACAE,SACkC;AAClC,KAAI;EACF,MAAM,gBAAgB,iBAAiB,WAAW;EAClD,MAAM,aAAa,QAAQ,QAAQ,cAAc;AACjD,MAAI,YAAY;GACd,MAAM,SAAS,KAAK,MAAM,WAAW;AACrC,cAAW,WAAW,YAAY,UAAU,KAC1C,QAAO;EACV;CACF,SACM,OAAO,CAAE;AAEhB,QAAO;AACR;AAED,SAAgB,oBACdF,YACAC,QACAC,SACgC;CAChC,MAAM,QAAQ,8BAA8B,YAAY,QAAQ,IAAI,CAAE;CACtE,MAAM,WAAW,YAAY,OAAO;AACpC,QAAO,MAAM,aAAa;AAC3B;AAED,SAAgB,oBACdF,YACAC,QACAE,0BACAC,OACAF,SACM;CACN,MAAM,gBAAgB,iBAAiB,WAAW;CAClD,MAAM,WAAW,YAAY,OAAO;CACpC,MAAM,QAAQ,8BAA8B,YAAY,QAAQ,IAAI,CAAE;AACtE,OAAM,YAAY;EAChB,eAAe,OAAO,YAAY,yBAAyB,SAAS,CAAC;EACrE,QAAQ;CACT;AAED,KAAI;AACF,UAAQ,QAAQ,eAAe,KAAK,UAAU,MAAM,CAAC;CACtD,SACM,OAAO;AACZ,UAAQ,MAAM,MAAM;CACrB;AACF"}
+{"version":3,"file":"storage.js","names":["storageObject: PanelGroupStorage","name: string","value: string","autoSaveId: string","panels: PanelData[]","storage: PanelGroupStorage","panelSizesBeforeCollapse: Map<string, number>","sizes: number[]","sizeUnits: { [panelIndex: number]: 'px' | '%' }"],"sources":["../../src/Splitter/utils/storage.ts"],"sourcesContent":[],"mappings":";AAOA,SAAgB,yBAAyBA,eAAkC;AACzE,KAAI;AACF,aAAW,iBAAiB,aAAa;AAEvC,iBAAc,UAAU,CAACC,SAAiB;AACxC,WAAO,aAAa,QAAQ,KAAK;GAClC;AACD,iBAAc,UAAU,CAACA,MAAcC,UAAkB;AACvD,iBAAa,QAAQ,MAAM,MAAM;GAClC;EACF,MAEC,OAAM,IAAI,UAAU;CAEvB,SACM,OAAO;AACZ,UAAQ,MAAM,MAAM;AAEpB,gBAAc,UAAU,MAAM;AAC9B,gBAAc,UAAU,MAAM,CAAE;CACjC;AACF;AAgBD,SAAS,iBAAiBC,YAA4B;AACpD,QAAO,CAAC,KAAK,EAAE,YAAY;AAC5B;AAMD,SAAS,YAAYC,QAA6B;AAChD,QAAO,OACJ,IAAI,CAAC,UAAU;EACd,MAAM,EAAE,aAAa,IAAI,eAAe,OAAO,GAAG;AAClD,MAAI,cACF,QAAO;MAGP,QAAO,QACH,GAAG,MAAM,CAAC,EAAE,KAAK,UAAU,YAAY,EAAE,GACzC,KAAK,UAAU,YAAY;CAElC,EAAC,CACD,KAAK,CAAC,GAAG,MAAM,EAAE,cAAc,EAAE,CAAC,CAClC,KAAK,IAAI;AACb;AAED,SAAS,8BACPD,YACAE,SACkC;AAClC,KAAI;EACF,MAAM,gBAAgB,iBAAiB,WAAW;EAClD,MAAM,aAAa,QAAQ,QAAQ,cAAc;AACjD,MAAI,YAAY;GACd,MAAM,SAAS,KAAK,MAAM,WAAW;AACrC,cAAW,WAAW,YAAY,UAAU,KAC1C,QAAO;EACV;CACF,SACM,OAAO,CAAE;AAEhB,QAAO;AACR;AAED,SAAgB,oBACdF,YACAC,QACAC,SACgC;CAChC,MAAM,QAAQ,8BAA8B,YAAY,QAAQ,IAAI,CAAE;CACtE,MAAM,WAAW,YAAY,OAAO;AACpC,QAAO,MAAM,aAAa;AAC3B;AAED,SAAgB,oBACdF,YACAC,QACAE,0BACAC,OACAF,SACM;CACN,MAAM,gBAAgB,iBAAiB,WAAW;CAClD,MAAM,WAAW,YAAY,OAAO;CACpC,MAAM,QAAQ,8BAA8B,YAAY,QAAQ,IAAI,CAAE;CAGtE,MAAMG,YAAkD,CAAE;AAC1D,QAAO,QAAQ,CAAC,OAAO,UAAU;EAC/B,MAAM,OAAO,MAAM,YAAY,YAAY;AAC3C,MAAI,SAAS,KACX,WAAU,SAAS;CAEtB,EAAC;AAEF,OAAM,YAAY;EAChB,eAAe,OAAO,YAAY,yBAAyB,SAAS,CAAC;EACrE,QAAQ;EACR,GAAI,OAAO,KAAK,UAAU,CAAC,SAAS,KAAK,EAAE,UAAW;CACvD;AAED,KAAI;AACF,UAAQ,QAAQ,eAAe,KAAK,UAAU,MAAM,CAAC;CACtD,SACM,OAAO;AACZ,UAAQ,MAAM,MAAM;CACrB;AACF"}

package/dist/utils/units.cjs

@@ -0,0 +1,101 @@
+
+//#region src/Splitter/utils/units.ts
+function convertValueToPercent({ sizeUnit, groupSizeInPixels, value }) {
+	if (value == null) return value;
+	if (sizeUnit === "%") return value;
+	if (groupSizeInPixels == null || groupSizeInPixels === 0) return void 0;
+	return value / groupSizeInPixels * 100;
+}
+function convertPanelConstraintsToPercent({ panelDataArray, groupSizeInPixels }) {
+	const requiresMeasurement = panelDataArray.some((panelData) => (panelData.constraints.sizeUnit ?? "%") === "px");
+	if (requiresMeasurement && (!groupSizeInPixels || Number.isNaN(groupSizeInPixels))) return null;
+	return panelDataArray.map((panelData) => {
+		const constraints = panelData.constraints;
+		const sizeUnit = constraints.sizeUnit ?? "%";
+		const collapsedSize = convertValueToPercent({
+			groupSizeInPixels,
+			sizeUnit,
+			value: constraints.collapsedSize
+		});
+		const defaultSize = convertValueToPercent({
+			groupSizeInPixels,
+			sizeUnit,
+			value: constraints.defaultSize
+		});
+		const maxSize = convertValueToPercent({
+			groupSizeInPixels,
+			sizeUnit,
+			value: constraints.maxSize
+		});
+		const minSize = convertValueToPercent({
+			groupSizeInPixels,
+			sizeUnit,
+			value: constraints.minSize
+		});
+		return {
+			...constraints,
+			collapsedSize: collapsedSize ?? constraints.collapsedSize ?? 0,
+			defaultSize,
+			maxSize: maxSize ?? 100,
+			minSize: minSize ?? 0,
+			sizeUnit: "%"
+		};
+	});
+}
+function hasPixelSizedPanel(panelDataArray) {
+	return panelDataArray.some((panelData) => (panelData.constraints.sizeUnit ?? "%") === "px");
+}
+function recalculateLayoutForPixelPanels({ layout, panelDataArray, prevGroupSize, nextGroupSize }) {
+	if (!hasPixelSizedPanel(panelDataArray)) return null;
+	if (prevGroupSize == null || nextGroupSize == null || prevGroupSize === 0 || nextGroupSize === 0 || Number.isNaN(prevGroupSize) || Number.isNaN(nextGroupSize)) return null;
+	const pixelPanelIndices = panelDataArray.reduce((indices, panelData, index) => {
+		if ((panelData.constraints.sizeUnit ?? "%") === "px") indices.push(index);
+		return indices;
+	}, []);
+	if (pixelPanelIndices.length === 0) return null;
+	const pixelIndexSet = new Set(pixelPanelIndices);
+	const nextLayout = layout.map((size) => size ?? 0);
+	const prevPercentForPixelPanels = pixelPanelIndices.reduce((sum, index) => sum + (layout[index] ?? 0), 0);
+	const nextPixelPercents = pixelPanelIndices.map((index) => {
+		const prevPercent = layout[index] ?? 0;
+		const prevPixelSize = prevPercent / 100 * prevGroupSize;
+		return prevPixelSize / nextGroupSize * 100;
+	});
+	const totalNextPixelPercent = nextPixelPercents.reduce((sum, value) => sum + value, 0);
+	const prevPercentForPercentPanels = layout.reduce((sum, size, index) => {
+		if (pixelIndexSet.has(index)) return sum;
+		return sum + (size ?? 0);
+	}, 0);
+	const availableNextPercent = Math.max(0, 100 - totalNextPixelPercent);
+	const scaleFactor = prevPercentForPercentPanels > 0 ? availableNextPercent / prevPercentForPercentPanels : 0;
+	pixelPanelIndices.forEach((panelIndex, arrayIndex) => {
+		nextLayout[panelIndex] = nextPixelPercents[arrayIndex];
+	});
+	for (let index = 0; index < nextLayout.length; index++) {
+		if (pixelIndexSet.has(index)) continue;
+		const prevSize = layout[index] ?? 0;
+		nextLayout[index] = prevSize * scaleFactor;
+	}
+	return nextLayout;
+}
+
+//#endregion
+Object.defineProperty(exports, 'convertPanelConstraintsToPercent', {
+  enumerable: true,
+  get: function () {
+    return convertPanelConstraintsToPercent;
+  }
+});
+Object.defineProperty(exports, 'hasPixelSizedPanel', {
+  enumerable: true,
+  get: function () {
+    return hasPixelSizedPanel;
+  }
+});
+Object.defineProperty(exports, 'recalculateLayoutForPixelPanels', {
+  enumerable: true,
+  get: function () {
+    return recalculateLayoutForPixelPanels;
+  }
+});
+//# sourceMappingURL=units.cjs.map

package/dist/utils/units.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"units.cjs","names":["panelDataArray: PanelData[]"],"sources":["../../src/Splitter/utils/units.ts"],"sourcesContent":[],"mappings":";;AAeA,SAAS,sBAAsB,EAAE,UAAU,mBAAmB,OAA4B,EAAsB;AAC9G,KAAI,SAAS,KACX,QAAO;AAET,KAAI,aAAa,IACf,QAAO;AAET,KAAI,qBAAqB,QAAQ,sBAAsB,EACrD;AAEF,QAAQ,QAAQ,oBAAqB;AACtC;AAED,SAAgB,iCAAiC,EAC/C,gBACA,mBACmC,EAA6B;CAChE,MAAM,sBAAsB,eAAe,KACzC,gBAAc,UAAU,YAAY,YAAY,SAAS,KAC1D;AAED,KAAI,yBAAyB,qBAAqB,OAAO,MAAM,kBAAkB,EAC/E,QAAO;AAET,QAAO,eAAe,IAAI,CAAC,cAAc;EACvC,MAAM,cAAc,UAAU;EAC9B,MAAM,WAAW,YAAY,YAAY;EAEzC,MAAM,gBAAgB,sBAAsB;GAC1C;GACA;GACA,OAAO,YAAY;EACpB,EAAC;EAEF,MAAM,cAAc,sBAAsB;GACxC;GACA;GACA,OAAO,YAAY;EACpB,EAAC;EAEF,MAAM,UAAU,sBAAsB;GACpC;GACA;GACA,OAAO,YAAY;EACpB,EAAC;EAEF,MAAM,UAAU,sBAAsB;GACpC;GACA;GACA,OAAO,YAAY;EACpB,EAAC;AAEF,SAAO;GACL,GAAG;GACH,eAAe,iBAAiB,YAAY,iBAAiB;GAC7D;GACA,SAAS,WAAW;GACpB,SAAS,WAAW;GACpB,UAAU;EACX;CACF,EAAC;AACH;AASD,SAAgB,mBAAmBA,gBAAsC;AACvE,QAAO,eAAe,KAAK,gBAAc,UAAU,YAAY,YAAY,SAAS,KAAK;AAC1F;AAED,SAAgB,gCAAgC,EAC9C,QACA,gBACA,eACA,eACyB,EAAmB;AAC5C,MAAK,mBAAmB,eAAe,CACrC,QAAO;AAGT,KACE,iBAAiB,QACd,iBAAiB,QACjB,kBAAkB,KAClB,kBAAkB,KAClB,OAAO,MAAM,cAAc,IAC3B,OAAO,MAAM,cAAc,CAE9B,QAAO;CAGT,MAAM,oBAAoB,eAAe,OAAiB,CAAC,SAAS,WAAW,UAAU;AACvF,OAAK,UAAU,YAAY,YAAY,SAAS,KAC9C,SAAQ,KAAK,MAAM;AAErB,SAAO;CACR,GAAE,CAAE,EAAC;AAEN,KAAI,kBAAkB,WAAW,EAC/B,QAAO;CAGT,MAAM,gBAAgB,IAAI,IAAI;CAE9B,MAAM,aAAa,OAAO,IAAI,UAAQ,QAAQ,EAAE;CAEhD,MAAM,4BAA4B,kBAAkB,OAAO,CAAC,KAAK,UAAU,OAAO,OAAO,UAAU,IAAI,EAAE;CAEzG,MAAM,oBAAoB,kBAAkB,IAAI,CAAC,UAAU;EACzD,MAAM,cAAc,OAAO,UAAU;EACrC,MAAM,gBAAiB,cAAc,MAAO;AAC5C,SAAQ,gBAAgB,gBAAiB;CAC1C,EAAC;CAEF,MAAM,wBAAwB,kBAAkB,OAAO,CAAC,KAAK,UAAU,MAAM,OAAO,EAAE;CAEtF,MAAM,8BAA8B,OAAO,OAAO,CAAC,KAAK,MAAM,UAAU;AACtE,MAAI,cAAc,IAAI,MAAM,CAC1B,QAAO;AAET,SAAO,OAAO,QAAQ;CACvB,GAAE,EAAE;CAEL,MAAM,uBAAuB,KAAK,IAAI,GAAG,MAAM,sBAAsB;CACrE,MAAM,cAAc,8BAA8B,IAC9C,uBAAuB,8BACvB;AAEJ,mBAAkB,QAAQ,CAAC,YAAY,eAAe;AACpD,aAAW,cAAc,kBAAkB;CAC5C,EAAC;AAEF,MAAK,IAAI,QAAQ,GAAG,QAAQ,WAAW,QAAQ,SAAS;AACtD,MAAI,cAAc,IAAI,MAAM,CAC1B;EAEF,MAAM,WAAW,OAAO,UAAU;AAClC,aAAW,SAAS,WAAW;CAChC;AAED,QAAO;AACR"}

package/dist/utils/units.js

@@ -0,0 +1,83 @@
+//#region src/Splitter/utils/units.ts
+function convertValueToPercent({ sizeUnit, groupSizeInPixels, value }) {
+	if (value == null) return value;
+	if (sizeUnit === "%") return value;
+	if (groupSizeInPixels == null || groupSizeInPixels === 0) return void 0;
+	return value / groupSizeInPixels * 100;
+}
+function convertPanelConstraintsToPercent({ panelDataArray, groupSizeInPixels }) {
+	const requiresMeasurement = panelDataArray.some((panelData) => (panelData.constraints.sizeUnit ?? "%") === "px");
+	if (requiresMeasurement && (!groupSizeInPixels || Number.isNaN(groupSizeInPixels))) return null;
+	return panelDataArray.map((panelData) => {
+		const constraints = panelData.constraints;
+		const sizeUnit = constraints.sizeUnit ?? "%";
+		const collapsedSize = convertValueToPercent({
+			groupSizeInPixels,
+			sizeUnit,
+			value: constraints.collapsedSize
+		});
+		const defaultSize = convertValueToPercent({
+			groupSizeInPixels,
+			sizeUnit,
+			value: constraints.defaultSize
+		});
+		const maxSize = convertValueToPercent({
+			groupSizeInPixels,
+			sizeUnit,
+			value: constraints.maxSize
+		});
+		const minSize = convertValueToPercent({
+			groupSizeInPixels,
+			sizeUnit,
+			value: constraints.minSize
+		});
+		return {
+			...constraints,
+			collapsedSize: collapsedSize ?? constraints.collapsedSize ?? 0,
+			defaultSize,
+			maxSize: maxSize ?? 100,
+			minSize: minSize ?? 0,
+			sizeUnit: "%"
+		};
+	});
+}
+function hasPixelSizedPanel(panelDataArray) {
+	return panelDataArray.some((panelData) => (panelData.constraints.sizeUnit ?? "%") === "px");
+}
+function recalculateLayoutForPixelPanels({ layout, panelDataArray, prevGroupSize, nextGroupSize }) {
+	if (!hasPixelSizedPanel(panelDataArray)) return null;
+	if (prevGroupSize == null || nextGroupSize == null || prevGroupSize === 0 || nextGroupSize === 0 || Number.isNaN(prevGroupSize) || Number.isNaN(nextGroupSize)) return null;
+	const pixelPanelIndices = panelDataArray.reduce((indices, panelData, index) => {
+		if ((panelData.constraints.sizeUnit ?? "%") === "px") indices.push(index);
+		return indices;
+	}, []);
+	if (pixelPanelIndices.length === 0) return null;
+	const pixelIndexSet = new Set(pixelPanelIndices);
+	const nextLayout = layout.map((size) => size ?? 0);
+	const prevPercentForPixelPanels = pixelPanelIndices.reduce((sum, index) => sum + (layout[index] ?? 0), 0);
+	const nextPixelPercents = pixelPanelIndices.map((index) => {
+		const prevPercent = layout[index] ?? 0;
+		const prevPixelSize = prevPercent / 100 * prevGroupSize;
+		return prevPixelSize / nextGroupSize * 100;
+	});
+	const totalNextPixelPercent = nextPixelPercents.reduce((sum, value) => sum + value, 0);
+	const prevPercentForPercentPanels = layout.reduce((sum, size, index) => {
+		if (pixelIndexSet.has(index)) return sum;
+		return sum + (size ?? 0);
+	}, 0);
+	const availableNextPercent = Math.max(0, 100 - totalNextPixelPercent);
+	const scaleFactor = prevPercentForPercentPanels > 0 ? availableNextPercent / prevPercentForPercentPanels : 0;
+	pixelPanelIndices.forEach((panelIndex, arrayIndex) => {
+		nextLayout[panelIndex] = nextPixelPercents[arrayIndex];
+	});
+	for (let index = 0; index < nextLayout.length; index++) {
+		if (pixelIndexSet.has(index)) continue;
+		const prevSize = layout[index] ?? 0;
+		nextLayout[index] = prevSize * scaleFactor;
+	}
+	return nextLayout;
+}
+
+//#endregion
+export { convertPanelConstraintsToPercent, hasPixelSizedPanel, recalculateLayoutForPixelPanels };
+//# sourceMappingURL=units.js.map

package/dist/utils/units.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"units.js","names":["panelDataArray: PanelData[]"],"sources":["../../src/Splitter/utils/units.ts"],"sourcesContent":[],"mappings":";AAeA,SAAS,sBAAsB,EAAE,UAAU,mBAAmB,OAA4B,EAAsB;AAC9G,KAAI,SAAS,KACX,QAAO;AAET,KAAI,aAAa,IACf,QAAO;AAET,KAAI,qBAAqB,QAAQ,sBAAsB,EACrD;AAEF,QAAQ,QAAQ,oBAAqB;AACtC;AAED,SAAgB,iCAAiC,EAC/C,gBACA,mBACmC,EAA6B;CAChE,MAAM,sBAAsB,eAAe,KACzC,gBAAc,UAAU,YAAY,YAAY,SAAS,KAC1D;AAED,KAAI,yBAAyB,qBAAqB,OAAO,MAAM,kBAAkB,EAC/E,QAAO;AAET,QAAO,eAAe,IAAI,CAAC,cAAc;EACvC,MAAM,cAAc,UAAU;EAC9B,MAAM,WAAW,YAAY,YAAY;EAEzC,MAAM,gBAAgB,sBAAsB;GAC1C;GACA;GACA,OAAO,YAAY;EACpB,EAAC;EAEF,MAAM,cAAc,sBAAsB;GACxC;GACA;GACA,OAAO,YAAY;EACpB,EAAC;EAEF,MAAM,UAAU,sBAAsB;GACpC;GACA;GACA,OAAO,YAAY;EACpB,EAAC;EAEF,MAAM,UAAU,sBAAsB;GACpC;GACA;GACA,OAAO,YAAY;EACpB,EAAC;AAEF,SAAO;GACL,GAAG;GACH,eAAe,iBAAiB,YAAY,iBAAiB;GAC7D;GACA,SAAS,WAAW;GACpB,SAAS,WAAW;GACpB,UAAU;EACX;CACF,EAAC;AACH;AASD,SAAgB,mBAAmBA,gBAAsC;AACvE,QAAO,eAAe,KAAK,gBAAc,UAAU,YAAY,YAAY,SAAS,KAAK;AAC1F;AAED,SAAgB,gCAAgC,EAC9C,QACA,gBACA,eACA,eACyB,EAAmB;AAC5C,MAAK,mBAAmB,eAAe,CACrC,QAAO;AAGT,KACE,iBAAiB,QACd,iBAAiB,QACjB,kBAAkB,KAClB,kBAAkB,KAClB,OAAO,MAAM,cAAc,IAC3B,OAAO,MAAM,cAAc,CAE9B,QAAO;CAGT,MAAM,oBAAoB,eAAe,OAAiB,CAAC,SAAS,WAAW,UAAU;AACvF,OAAK,UAAU,YAAY,YAAY,SAAS,KAC9C,SAAQ,KAAK,MAAM;AAErB,SAAO;CACR,GAAE,CAAE,EAAC;AAEN,KAAI,kBAAkB,WAAW,EAC/B,QAAO;CAGT,MAAM,gBAAgB,IAAI,IAAI;CAE9B,MAAM,aAAa,OAAO,IAAI,UAAQ,QAAQ,EAAE;CAEhD,MAAM,4BAA4B,kBAAkB,OAAO,CAAC,KAAK,UAAU,OAAO,OAAO,UAAU,IAAI,EAAE;CAEzG,MAAM,oBAAoB,kBAAkB,IAAI,CAAC,UAAU;EACzD,MAAM,cAAc,OAAO,UAAU;EACrC,MAAM,gBAAiB,cAAc,MAAO;AAC5C,SAAQ,gBAAgB,gBAAiB;CAC1C,EAAC;CAEF,MAAM,wBAAwB,kBAAkB,OAAO,CAAC,KAAK,UAAU,MAAM,OAAO,EAAE;CAEtF,MAAM,8BAA8B,OAAO,OAAO,CAAC,KAAK,MAAM,UAAU;AACtE,MAAI,cAAc,IAAI,MAAM,CAC1B,QAAO;AAET,SAAO,OAAO,QAAQ;CACvB,GAAE,EAAE;CAEL,MAAM,uBAAuB,KAAK,IAAI,GAAG,MAAM,sBAAsB;CACrE,MAAM,cAAc,8BAA8B,IAC9C,uBAAuB,8BACvB;AAEJ,mBAAkB,QAAQ,CAAC,YAAY,eAAe;AACpD,aAAW,cAAc,kBAAkB;CAC5C,EAAC;AAEF,MAAK,IAAI,QAAQ,GAAG,QAAQ,WAAW,QAAQ,SAAS;AACtD,MAAI,cAAc,IAAI,MAAM,CAC1B;EAEF,MAAM,WAAW,OAAO,UAAU;AAClC,aAAW,SAAS,WAAW;CAChC;AAED,QAAO;AACR"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "reka-ui",
   "type": "module",
-  "version": "2.8.2",
+  "version": "2.9.0",
   "description": "Vue port for Radix UI Primitives.",
   "author": "UnoVue Contributors (https://github.com/unovue)",
   "license": "MIT",
@@ -34,6 +34,10 @@
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
     },
+    "./internal": {
+      "import": "./dist/internal.js",
+      "require": "./dist/internal.cjs"
+    },
     "./constant": {
       "import": "./dist/constant.js",
       "require": "./dist/constant.cjs"
@@ -79,7 +83,7 @@
     "pub:release": "npm publish --access public --provenance"
   },
   "peerDependencies": {
-    "vue": ">= 3.2.0"
+    "vue": ">= 3.4.0"
   },
   "dependencies": {
     "@floating-ui/dom": "^1.6.13",

package/src/Autocomplete/AutocompleteInput.vue

@@ -0,0 +1,112 @@
+<script lang="ts">
+import type { ListboxFilterEmits, ListboxFilterProps } from '@/Listbox'
+
+export type AutocompleteInputEmits = ListboxFilterEmits
+export interface AutocompleteInputProps extends ListboxFilterProps {}
+</script>
+
+<script setup lang="ts">
+import { useVModel } from '@vueuse/core'
+import { nextTick, onMounted, watch } from 'vue'
+import { injectComboboxRootContext } from '@/Combobox/ComboboxRoot.vue'
+import { ListboxFilter } from '@/Listbox'
+import { injectListboxRootContext } from '@/Listbox/ListboxRoot.vue'
+import { usePrimitiveElement } from '@/Primitive'
+import { injectAutocompleteRootContext } from './AutocompleteRoot.vue'
+
+const props = withDefaults(defineProps<AutocompleteInputProps>(), {
+  as: 'input',
+})
+const emits = defineEmits<AutocompleteInputEmits>()
+
+const rootContext = injectComboboxRootContext()
+const autocompleteContext = injectAutocompleteRootContext()
+const listboxContext = injectListboxRootContext()
+const { primitiveElement, currentElement } = usePrimitiveElement()
+
+const modelValue = useVModel(props, 'modelValue', emits, {
+  passive: (props.modelValue === undefined) as false,
+})
+
+if (autocompleteContext.modelValue.value) {
+  modelValue.value = autocompleteContext.modelValue.value
+}
+
+onMounted(() => {
+  if (currentElement.value)
+    rootContext.onInputElementChange(currentElement.value as HTMLInputElement)
+})
+
+function handleKeyDown(ev: KeyboardEvent) {
+  if (!rootContext.open.value)
+    rootContext.onOpenChange(true)
+}
+
+function handleInput(event: InputEvent) {
+  const target = event.target as HTMLInputElement
+  if (!rootContext.open.value) {
+    rootContext.onOpenChange(true)
+    nextTick(() => {
+      if (target.value) {
+        rootContext.filterSearch.value = target.value
+        listboxContext.highlightFirstItem()
+      }
+    })
+  }
+  else {
+    rootContext.filterSearch.value = target.value
+  }
+  // Autocomplete-specific: update root's modelValue with the typed text
+  autocompleteContext.modelValue.value = target.value
+}
+
+function handleFocus() {
+  if (rootContext.openOnFocus.value && !rootContext.open.value)
+    rootContext.onOpenChange(true)
+}
+
+function handleClick() {
+  if (rootContext.openOnClick.value && !rootContext.open.value)
+    rootContext.onOpenChange(true)
+}
+
+// When root's modelValue changes externally (e.g. item click, programmatic), sync the input display
+watch(autocompleteContext.modelValue, (newVal) => {
+  const text = newVal ?? ''
+  if (modelValue.value !== text)
+    modelValue.value = text
+})
+
+// Restore input text when root triggers resetSearchTerm (e.g. on blur with resetSearchTermOnBlur)
+rootContext.onResetSearchTerm(() => {
+  modelValue.value = autocompleteContext.modelValue.value ?? ''
+})
+
+watch(rootContext.filterState, (_newValue, oldValue) => {
+  if (!rootContext.isVirtual.value && (oldValue.count === 0)) {
+    listboxContext.highlightFirstItem()
+  }
+})
+</script>
+
+<template>
+  <ListboxFilter
+    ref="primitiveElement"
+    v-model="modelValue"
+    :as="as"
+    :as-child="asChild"
+    :auto-focus="autoFocus"
+    :disabled="disabled"
+    :aria-expanded="rootContext.open.value"
+    :aria-controls="rootContext.contentId"
+    aria-autocomplete="list"
+    role="combobox"
+    autocomplete="off"
+    @click="handleClick"
+    @input="handleInput"
+    @keydown.down.up.prevent="handleKeyDown"
+    @focus="handleFocus"
+  >
+    <slot />
+  </ListboxFilter>
+</template>