@window-splitter/vue 1.1.0 → 1.1.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/package.json",
   "name": "@window-splitter/vue",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "sideEffects": false,
   "homepage": "https://react-window-splitter-six.vercel.app",
   "repository": {
@@ -38,7 +38,7 @@
   "license": "MIT",
   "description": "A WAI-ARIA compliant window splitter for Vue.",
   "devDependencies": {
-    "@internal/eslint-config": "1.1.0",
+    "@internal/eslint-config": "1.1.1",
     "@storybook/vue3": "^8.6.12",
     "@storybook/vue3-vite": "^8.6.12",
     "@testing-library/dom": "^10.4.0",
@@ -60,8 +60,8 @@
     "vue": "^3.5.13"
   },
   "dependencies": {
-    "@window-splitter/interface": "1.1.0",
-    "@window-splitter/state": "1.1.0"
+    "@window-splitter/interface": "1.1.1",
+    "@window-splitter/state": "1.1.1"
   },
   "peerDependencies": {
     "vue": ">=3.x"
@@ -80,5 +80,5 @@
   },
   "types": "./dist/index.d.ts",
   "module": "./dist/index.mjs",
-  "gitHead": "bb02be9bc8534214871f13704afd741d2fab810f"
+  "gitHead": "a7f123555c7e5ef966007731aba4dfae73cd19a2"
 }

package/src/Panel.vue

@@ -131,15 +131,19 @@ onUnmounted(() => {
 
 defineExpose<PanelHandle>({
   getId: () => panelId,
-  collapse: () => {
+  collapse: async () => {
     if (!panelData.value?.collapsible) return;
-    send?.({ type: "collapsePanel", panelId: panelId, controlled: true });
+    return await new Promise<void>((resolve) => {
+      send?.({ type: "collapsePanel", panelId: panelId, controlled: true, resolve });
+    });
   },
   isCollapsed: () =>
     Boolean(panelData.value?.collapsible && panelData.value?.collapsed),
-  expand: () => {
+  expand: async () => {
     if (!panelData.value?.collapsible) return;
-    send?.({ type: "expandPanel", panelId: panelId, controlled: true });
+    return await new Promise<void>((resolve) => {
+      send?.({ type: "expandPanel", panelId: panelId, controlled: true, resolve });
+    });
   },
   isExpanded: () =>
     Boolean(panelData.value?.collapsible && !panelData.value?.collapsed),

package/src/VueWindowSplitter.test.ts

@@ -101,10 +101,10 @@ describe("Autosave", () => {
     await expectTemplate(handle.value!, "342px 10px 146px");
 
     await waitForCondition(() =>
-      Boolean(localStorage.getItem("autosave-example-vue")),
+      Boolean(localStorage.getItem("autosave-example-vue"))
     );
     const obj = JSON.parse(
-      localStorage.getItem("autosave-example-vue") || "{}",
+      localStorage.getItem("autosave-example-vue") || "{}"
     );
     expect(obj.items).toMatchSnapshot();
   });
@@ -145,7 +145,7 @@ describe("Autosave", () => {
     await expectTemplate(handle.value!, "343px 10px 147px");
 
     await waitForCondition(() =>
-      document.cookie.includes("autosave-cookie-vue"),
+      document.cookie.includes("autosave-cookie-vue")
     );
 
     expect(document.cookie).toMatchSnapshot();
@@ -172,18 +172,24 @@ test("Keyboard interactions with collapsed panels", async () => {
 
   const resizer2 = document.getElementById("resizer-2")!;
   fireEvent.keyDown(resizer2, { key: "Enter" });
-  await expectTemplate(handle.value!, "209px 10px 169px 10px 100px");
+  await expectTemplate(
+    handle.value!,
+    "209.015625px 10px 167px 10px 101.984375px"
+  );
 
   fireEvent.keyDown(resizer2, { key: "ArrowLeft" });
   fireEvent.keyDown(resizer2, { key: "ArrowLeft" });
   fireEvent.keyDown(resizer2, { key: "ArrowLeft" });
   fireEvent.keyDown(resizer2, { key: "ArrowLeft" });
-  await expectTemplate(handle.value!, "209px 10px 165px 10px 104px");
+  await expectTemplate(
+    handle.value!,
+    "209.015625px 10px 163px 10px 105.984375px"
+  );
 
   fireEvent.keyDown(resizer2, { key: "ArrowLeft", shiftKey: true });
   await expectTemplate(
     handle.value!,
-    "209.03125px 10px 149.984375px 10px 118.984375px",
+    "209.03125px 10px 147.984375px 10px 120.984375px"
   );
 
   fireEvent.keyDown(resizer2, { key: "Enter" });
@@ -192,7 +198,7 @@ test("Keyboard interactions with collapsed panels", async () => {
   fireEvent.keyDown(resizer2, { key: "Enter" });
   await expectTemplate(
     handle.value!,
-    "209.0625px 10px 149.96875px 10px 118.96875px",
+    "209.046875px 10px 144.9375px 10px 124.015625px"
   );
 });
 
@@ -260,10 +266,10 @@ describe("imperative panel API", async () => {
     expect(leftHandle.value!.isCollapsed()).toBe(true);
     expect(leftHandle.value!.isExpanded()).toBe(false);
     expect(rightHandle.value!.getPercentageSize()).toBe(
-      leftHandle.value!.getPercentageSize(),
+      leftHandle.value!.getPercentageSize()
     );
     expect(rightHandle.value!.getPixelSize()).toBe(
-      leftHandle.value!.getPixelSize(),
+      leftHandle.value!.getPixelSize()
     );
 
     leftHandle.value!.expand();