@window-splitter/svelte 1.1.0 → 1.1.1

package/.turbo/turbo-build.log

@@ -1,6 +1,6 @@
 
 
-> @window-splitter/svelte@1.0.2 build /Users/andrew/Documents/react-window-splitter/packages/svelte
+> @window-splitter/svelte@1.1.0 build /Users/alisowski/Documents/react-window-splitter/packages/svelte
 > svelte-package
 
 src/lib -> dist

package/.turbo/turbo-lint.log

@@ -1,6 +1,6 @@
 
 
-> @window-splitter/svelte@1.0.2 lint /Users/andrew/Documents/react-window-splitter/packages/svelte
+> @window-splitter/svelte@1.1.0 lint /Users/alisowski/Documents/react-window-splitter/packages/svelte
 > eslint .
 
 =============

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# v1.1.1 (Mon Jul 14 2025)
+
+#### 🐛 Bug Fix
+
+- Fix controlled panel resize bugs and make collapse/expand awaitable [#67](https://github.com/hipstersmoothie/window-splitter/pull/67) ([@sfc-gh-alisowski](https://github.com/sfc-gh-alisowski))
+- tests ([@sfc-gh-alisowski](https://github.com/sfc-gh-alisowski))
+- add awaitable expand/collapse to other implementations ([@sfc-gh-alisowski](https://github.com/sfc-gh-alisowski))
+
+#### Authors: 1
+
+- Andrew Lisowski ([@sfc-gh-alisowski](https://github.com/sfc-gh-alisowski))
+
+---
+
 # v1.1.0 (Mon May 26 2025)
 
 #### 🚀 Enhancement

package/dist/Panel.svelte

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

package/dist/Panel.svelte.d.ts

@@ -6,9 +6,9 @@ export interface PanelProps extends SharedPanelProps<boolean>, HTMLAttributes<HT
 declare const Panel: import("svelte").Component<PanelProps, {
     PanelHandle: typeof PanelHandle;
     getId: () => string;
-    collapse: () => void;
+    collapse: () => Promise<void>;
     isCollapsed: () => boolean;
-    expand: () => void;
+    expand: () => Promise<void>;
     isExpanded: () => boolean;
     getPixelSize: () => number;
     setSize: (size: Unit) => void;

package/dist/Panel.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.svelte.d.ts","sourceRoot":"","sources":["../src/lib/Panel.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AASnE,OAAO,KAAK,EAIR,IAAI,EACL,MAAM,wBAAwB,CAAC;AAElC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGpD,MAAM,WAAW,UACf,SAAQ,gBAAgB,CAAC,OAAO,CAAC,EAC/B,cAAc,CAAC,cAAc,CAAC;CAAG;AAgKvC,QAAA,MAAM,KAAK;iBAD2Q,OAAO,WAAW;;;;;;;oBAX9Q,IAAI;;MAYqB,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Panel.svelte.d.ts","sourceRoot":"","sources":["../src/lib/Panel.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AASnE,OAAO,KAAK,EAIR,IAAI,EACL,MAAM,wBAAwB,CAAC;AAElC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGpD,MAAM,WAAW,UACf,SAAQ,gBAAgB,CAAC,OAAO,CAAC,EAC/B,cAAc,CAAC,cAAc,CAAC;CAAG;AAoKvC,QAAA,MAAM,KAAK;iBAD2Q,OAAO,WAAW;;;;;;;oBAX9Q,IAAI;;MAYqB,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}

package/package.json

@@ -2,7 +2,7 @@
   "$schema": "https://json.schemastore.org/package.json",
   "name": "@window-splitter/svelte",
   "sideEffects": false,
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "A WAI-ARIA compliant window splitter for Svelte.",
   "repository": {
     "url": "https://github.com/hipstersmoothie/window-splitter",
@@ -30,7 +30,7 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@internal/eslint-config": "1.1.0",
+    "@internal/eslint-config": "1.1.1",
     "@rsbuild/core": "^1.3.12",
     "@rsdoctor/rspack-plugin": "^1.0.2",
     "@storybook/addon-svelte-csf": "^5.0.0-next.0",
@@ -60,8 +60,8 @@
     "svelte": ">=5.x"
   },
   "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"
   },
   "type": "module",
   "exports": {
@@ -78,5 +78,5 @@
     "resizable",
     "window"
   ],
-  "gitHead": "bb02be9bc8534214871f13704afd741d2fab810f"
+  "gitHead": "a7f123555c7e5ef966007731aba4dfae73cd19a2"
 }

package/src/SvelteWindowSplitter.test.svelte.ts

@@ -255,18 +255,24 @@ test("Keyboard interactions with collapsed panels", async () => {
 
   const resizer2 = document.getElementById("resizer-2")!;
   fireEvent.keyDown(resizer2, { key: "Enter" });
-  await expectTemplate(collapsibleHandle, "209px 10px 169px 10px 100px");
+  await expectTemplate(
+    collapsibleHandle,
+    "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(collapsibleHandle, "209px 10px 165px 10px 104px");
+  await expectTemplate(
+    collapsibleHandle,
+    "209.015625px 10px 163px 10px 105.984375px"
+  );
 
   fireEvent.keyDown(resizer2, { key: "ArrowLeft", shiftKey: true });
   await expectTemplate(
     collapsibleHandle,
-    "209.03125px 10px 149.984375px 10px 118.984375px"
+    "209.03125px 10px 147.984375px 10px 120.984375px"
   );
 
   fireEvent.keyDown(resizer2, { key: "Enter" });
@@ -278,6 +284,6 @@ test("Keyboard interactions with collapsed panels", async () => {
   fireEvent.keyDown(resizer2, { key: "Enter" });
   await expectTemplate(
     collapsibleHandle,
-    "209.0625px 10px 149.96875px 10px 118.96875px"
+    "209.046875px 10px 144.9375px 10px 124.015625px"
   );
 });

package/src/lib/Panel.svelte

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

package/.tshy/build.json

@@ -1,8 +0,0 @@
-{
-  "extends": "../tsconfig.json",
-  "compilerOptions": {
-    "rootDir": "../src",
-    "module": "nodenext",
-    "moduleResolution": "nodenext"
-  }
-}

package/.tshy/commonjs.json

@@ -1,19 +0,0 @@
-{
-  "extends": "./build.json",
-  "include": [
-    "../src/**/*.ts",
-    "../src/**/*.cts",
-    "../src/**/*.tsx",
-    "../src/**/*.json"
-  ],
-  "exclude": [
-    "../node_modules",
-    "../src/**/*.test.svelte.ts",
-    "../**/*stories*",
-    "../src/**/*.mts",
-    "../src/package.json"
-  ],
-  "compilerOptions": {
-    "outDir": "../.tshy-build/commonjs"
-  }
-}

package/.tshy/esm.json

@@ -1,18 +0,0 @@
-{
-  "extends": "./build.json",
-  "include": [
-    "../src/**/*.ts",
-    "../src/**/*.mts",
-    "../src/**/*.tsx",
-    "../src/**/*.json"
-  ],
-  "exclude": [
-    "../node_modules",
-    "../src/**/*.test.svelte.ts",
-    "../**/*stories*",
-    "../src/package.json"
-  ],
-  "compilerOptions": {
-    "outDir": "../.tshy-build/esm"
-  }
-}