@window-splitter/vue 1.1.0 → 1.1.1

package/.turbo/turbo-build.log

@@ -1,15 +1,14 @@
 
 
-> @window-splitter/vue@1.0.2 build /Users/andrew/Documents/react-window-splitter/packages/vue
+> @window-splitter/vue@1.1.0 build /Users/alisowski/Documents/react-window-splitter/packages/vue
 > vite build
 
-The CJS build of Vite's Node API is deprecated. See https://vite.dev/guide/troubleshooting.html#vite-cjs-node-api-deprecated for more details.
 vite v6.3.3 building for production...
 transforming (1) src/index.ts✓ 14 modules transformed.
 rendering chunks (1)...
 [vite:dts] Start generate declaration files...
-computing gzip size (0)...computing gzip size (1)...dist/index.mjs  52.85 kB │ gzip: 14.35 kB │ map: 166.27 kB
-[vite:dts] Declaration files built in 1930ms.
+computing gzip size (0)...computing gzip size (1)...dist/index.mjs  54.67 kB │ gzip: 14.77 kB │ map: 172.24 kB
+[vite:dts] Declaration files built in 1050ms.
 
-rendering chunks (1)...computing gzip size (1)...dist/index.js  38.06 kB │ gzip: 12.44 kB │ map: 162.49 kB
-✓ built in 2.21s
+rendering chunks (1)...computing gzip size (1)...dist/index.js  39.32 kB │ gzip: 12.73 kB │ map: 168.29 kB
+✓ built in 1.22s

package/.turbo/turbo-lint.log

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

package/.turbo/turbo-test.log

@@ -1,16 +1,12 @@
 
 
-> @window-splitter/vue@1.0.2 test /Users/andrew/Documents/react-window-splitter/packages/vue
-> CI=true vitest "-u"
+> @window-splitter/vue@1.1.0 test /Users/alisowski/Documents/react-window-splitter/packages/vue
+> CI=true vitest
 
-[?25lThe CJS build of Vite's Node API is deprecated. See https://vite.dev/guide/troubleshooting.html#vite-cjs-node-api-deprecated for more details.
+[?25l
+ RUN  v3.1.2 /Users/alisowski/Documents/react-window-splitter/packages/vue
 
- RUN  v3.1.2 /Users/andrew/Documents/react-window-splitter/packages/vue
-
-10:53:38 PM [vite] (client) Re-optimizing dependencies because lockfile has changed
 Failed to resolve dependency: @vitest/browser > @testing-library/user-event, present in client 'optimizeDeps.include'
-stdout | unknown test
-undefined
 stderr | src/VueWindowSplitter.test.ts > horizontal layout
 [@vue/compiler-core] decodeEntities option is passed but will be ignored in non-browser builds.
 stderr | src/VueWindowSplitter.test.ts > vertical layout
@@ -27,24 +23,376 @@ Failed to resolve dependency: @vitest/browser > @testing-library/user-event
 [@vue/compiler-core] decodeEntities option is passed but will be ignored in non-browser builds.
 stderr | src/VueWindowSplitter.test.ts > Keyboard interactions with collapsed panels
 [@vue/compiler-core] decodeEntities option is passed but will be ignored in non-browser builds.
-stderr | src/VueWindowSplitter.test.ts > Keyboard interactions with collapsed panels
-null
-stderr | src/VueWindowSplitter.test.ts > Keyboard interactions with collapsed panels
-null
- ✓  chromium  src/VueWindowSplitter.test.ts (10 tests) 26748ms
-   ✓ horizontal layout  3648ms
-   ✓ vertical layout  1299ms
-   ✓ Dynamic constraints  372ms
-   ✓ Autosave > localStorage  1288ms
-   ✓ Autosave > callback  4594ms
-   ✓ Autosave > cookie  1273ms
-   ✓ Keyboard interactions with collapsed panels  2753ms
-   ✓ imperative panel API > panel  11176ms
-
-  Snapshots  1 updated 
- Test Files  1 passed (1)
-      Tests  10 passed (10)
-   Start at  22:53:38
-   Duration  28.07s (transform 0ms, setup 0ms, collect 577ms, tests 26.75s, environment 0ms, prepare 12ms)
-
-[?25h
+ ❯  chromium  src/VueWindowSplitter.test.ts (10 tests | 1 failed) 27989ms
+   ✓ horizontal layout  3552ms
+   ✓ vertical layout  1267ms
+   ✓ Conditional Panels 169ms
+   ✓ Dynamic constraints  363ms
+   ✓ Autosave > localStorage  1268ms
+   ✓ Autosave > callback  4521ms
+   ✓ Autosave > cookie  1266ms
+   × Keyboard interactions with collapsed panels 4254ms
+     → 
+Expected: 209px 10px 169px 10px 100px
+Got     : 209.046875px 10px 158.171875px 10px 110.765625px
+
+Ignored nodes: comments, script, style
+<html
+  lang="en"
+>
+  <head>
+    
+    
+    
+    
+    
+
+    
+    
+
+    
+    <meta
+      charset="UTF-8"
+    />
+    
+    
+    <link
+      href="/__vitest__/favicon.svg"
+      rel="icon"
+      type="image/svg+xml"
+    />
+    
+    
+    <meta
+      content="width=device-width, initial-scale=1.0"
+      name="viewport"
+    />
+    
+    
+    <title>
+      Vitest Browser Tester
+    </title>
+    
+    
+    
+    
+    <link
+      crossorigin=""
+      href="/__vitest_browser__/utils-Owv5OOOf.js"
+      rel="modulepreload"
+    />
+    
+    
+    
+    
+    
+    
+    
+    
+    
+  
+  </head>
+  
+  
+  <body
+    style="cursor: auto;"
+  >
+    
+  
+
+
+    <div
+      data-v-app=""
+    >
+      <div
+        class="panel-group"
+        data-panel-group-wrapper=""
+        id="v-0"
+        style="height: 100%; display: grid; grid-template-columns: 209.047px 10px 158.1px 10px 110.853px;"
+      >
+        
+        <div
+          data-collapsed="false"
+          data-splitter-group-id="v-0"
+          data-splitter-id="v-1"
+          data-splitter-type="panel"
+          id="v-1"
+          style="min-width: 0px; min-height: 0px; overflow: hidden; border: 10px solid green; box-sizing: border-box;"
+        >
+          
+          <div>
+            1
+          </div>
+          
+        </div>
+        <div
+          aria-controls="v-1"
+          aria-disabled="false"
+          aria-label="Resize Handle"
+          aria-valuemax="100"
+          aria-valuemin="0.20080321285140562"
+          aria-valuenow="0.41977284136546184"
+          class="panel-resizer"
+          data-handle-orientation="horizontal"
+          data-splitter-group-id="v-0"
+          data-splitter-id="v-2"
+          data-splitter-type="handle"
+          data-state="idle"
+          id="v-2"
+          role="separator"
+          style="cursor: w-resize; width: 10px; height: 100%;"
+          tabindex="0"
+        >
+          
+          
+        </div>
+        <div
+          class="panel"
+          data-splitter-group-id="v-0"
+          data-splitter-id="v-3"
+          data-splitter-type="panel"
+          id="v-3"
+          style="min-width: 0px; min-height: 0px; overflow: hidden;"
+        >
+          
+          <div>
+            2
+          </div>
+          
+        </div>
+        <div
+          aria-controls="v-3"
+          aria-disabled="false"
+          aria-label="Resize Handle"
+          aria-valuemax="100"
+          aria-valuemin="0.20080321285140562"
+          aria-valuenow="0.31747043805313846"
+          class="panel-resizer"
+          data-handle-orientation="horizontal"
+          data-splitter-group-id="v-0"
+          data-splitter-id="resizer-2"
+          data-splitter-type="handle"
+          data-state="idle"
+          id="resizer-2"
+          role="separator"
+          style="cursor: w-resize; width: 10px; height: 100%;"
+          tabindex="0"
+        >
+          
+          
+        </div>
+        <div
+          data-collapsed="false"
+          data-splitter-group-id="v-0"
+          data-splitter-id="v-4"
+          data-splitter-type="panel"
+          id="v-4"
+          style="min-width: 0px; min-height: 0px; overflow: hidden; border: 10px solid blue; box-sizing: border-box;"
+        >
+          
+          <div>
+            3
+          </div>
+          
+        </div>
+        
+      </div>
+    </div>
+  </body>
+</html>...
+   ✓ imperative panel API > panel group 157ms
+   ✓ imperative panel API > panel  11171ms
+
+⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ Failed Tests 1 ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯
+
+ FAIL   chromium  src/VueWindowSplitter.test.ts > Keyboard interactions with collapsed panels
+Error: 
+Expected: 209px 10px 169px 10px 100px
+Got     : 209.046875px 10px 158.171875px 10px 110.765625px
+
+Ignored nodes: comments, script, style
+<html
+  lang="en"
+>
+  <head>
+    
+    
+    
+    
+    
+
+    
+    
+
+    
+    <meta
+      charset="UTF-8"
+    />
+    
+    
+    <link
+      href="/__vitest__/favicon.svg"
+      rel="icon"
+      type="image/svg+xml"
+    />
+    
+    
+    <meta
+      content="width=device-width, initial-scale=1.0"
+      name="viewport"
+    />
+    
+    
+    <title>
+      Vitest Browser Tester
+    </title>
+    
+    
+    
+    
+    <link
+      crossorigin=""
+      href="/__vitest_browser__/utils-Owv5OOOf.js"
+      rel="modulepreload"
+    />
+    
+    
+    
+    
+    
+    
+    
+    
+    
+  
+  </head>
+  
+  
+  <body
+    style="cursor: auto;"
+  >
+    
+  
+
+
+    <div
+      data-v-app=""
+    >
+      <div
+        class="panel-group"
+        data-panel-group-wrapper=""
+        id="v-0"
+        style="height: 100%; display: grid; grid-template-columns: 209.047px 10px 158.1px 10px 110.853px;"
+      >
+        
+        <div
+          data-collapsed="false"
+          data-splitter-group-id="v-0"
+          data-splitter-id="v-1"
+          data-splitter-type="panel"
+          id="v-1"
+          style="min-width: 0px; min-height: 0px; overflow: hidden; border: 10px solid green; box-sizing: border-box;"
+        >
+          
+          <div>
+            1
+          </div>
+          
+        </div>
+        <div
+          aria-controls="v-1"
+          aria-disabled="false"
+          aria-label="Resize Handle"
+          aria-valuemax="100"
+          aria-valuemin="0.20080321285140562"
+          aria-valuenow="0.41977284136546184"
+          class="panel-resizer"
+          data-handle-orientation="horizontal"
+          data-splitter-group-id="v-0"
+          data-splitter-id="v-2"
+          data-splitter-type="handle"
+          data-state="idle"
+          id="v-2"
+          role="separator"
+          style="cursor: w-resize; width: 10px; height: 100%;"
+          tabindex="0"
+        >
+          
+          
+        </div>
+        <div
+          class="panel"
+          data-splitter-group-id="v-0"
+          data-splitter-id="v-3"
+          data-splitter-type="panel"
+          id="v-3"
+          style="min-width: 0px; min-height: 0px; overflow: hidden;"
+        >
+          
+          <div>
+            2
+          </div>
+          
+        </div>
+        <div
+          aria-controls="v-3"
+          aria-disabled="false"
+          aria-label="Resize Handle"
+          aria-valuemax="100"
+          aria-valuemin="0.20080321285140562"
+          aria-valuenow="0.31747043805313846"
+          class="panel-resizer"
+          data-handle-orientation="horizontal"
+          data-splitter-group-id="v-0"
+          data-splitter-id="resizer-2"
+          data-splitter-type="handle"
+          data-state="idle"
+          id="resizer-2"
+          role="separator"
+          style="cursor: w-resize; width: 10px; height: 100%;"
+          tabindex="0"
+        >
+          
+          
+        </div>
+        <div
+          data-collapsed="false"
+          data-splitter-group-id="v-0"
+          data-splitter-id="v-4"
+          data-splitter-type="panel"
+          id="v-4"
+          style="min-width: 0px; min-height: 0px; overflow: hidden; border: 10px solid blue; box-sizing: border-box;"
+        >
+          
+          <div>
+            3
+          </div>
+          
+        </div>
+        
+      </div>
+    </div>
+  </body>
+</html>...
+
+Failure screenshot:
+  - src/__screenshots__/VueWindowSplitter.test.ts/Keyboard-interactions-with-collapsed-panels-1.png
+
+ ❯ expectTemplate ../interface/src/test.ts:98:16
+ ❯ src/VueWindowSplitter.test.ts:175:8
+    173|   const resizer2 = document.getElementById("resizer-2")!;
+    174|   fireEvent.keyDown(resizer2, { key: "Enter" });
+    175|   await expectTemplate(handle.value!, "209px 10px 169px 10px 100px");
+       |        ^
+    176| 
+    177|   fireEvent.keyDown(resizer2, { key: "ArrowLeft" });
+
+⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[1/1]⎯
+
+
+ Test Files  1 failed (1)
+      Tests  1 failed | 9 passed (10)
+   Start at  10:11:10
+   Duration  29.42s (transform 0ms, setup 0ms, collect 497ms, tests 27.99s, environment 0ms, prepare 12ms)
+
+[?25h ELIFECYCLE  Test failed. See above for more details.

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.vue.d.ts

@@ -12,9 +12,9 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<PanelProps, {
-    collapse: () => void;
+    collapse: () => Promise<void>;
     isCollapsed: () => boolean;
-    expand: () => void;
+    expand: () => Promise<void>;
     isExpanded: () => boolean;
     getId: () => string;
     getPixelSize: () => number;

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

@@ -1 +1 @@
-{"version":3,"file":"Panel.vue.d.ts","sourceRoot":"","sources":["../src/Panel.vue"],"names":[],"mappings":"AAqMA,OAAO,EAGL,gBAAgB,EACjB,MAAM,4BAA4B,CAAC;AAsBpC,KAAK,UAAU,GAAG,gBAAgB,CAAC,OAAO,CAAC,GAAG;IAAE,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAuK9D,iBAAS,cAAc;WAuBT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;wFASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Panel.vue.d.ts","sourceRoot":"","sources":["../src/Panel.vue"],"names":[],"mappings":"AAyMA,OAAO,EAGL,gBAAgB,EACjB,MAAM,4BAA4B,CAAC;AAsBpC,KAAK,UAAU,GAAG,gBAAgB,CAAC,OAAO,CAAC,GAAG;IAAE,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AA2K9D,iBAAS,cAAc;WAuBT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;wFASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}