@invopop/popui 0.1.102 → 0.1.103

package/dist/sidebar/context.svelte.d.ts

@@ -15,6 +15,7 @@ declare class SidebarState {
     constructor(props: SidebarStateProps);
     get isMobile(): boolean;
     setWidth: (px: number) => void;
+    persistWidth: () => void;
     resetWidth: () => void;
     handleShortcutKeydown: (e: KeyboardEvent) => void;
     setOpenMobile: (value: boolean) => void;

package/dist/sidebar/context.svelte.js

@@ -26,13 +26,15 @@ class SidebarState {
     setWidth = (px) => {
         const clamped = Math.max(SIDEBAR_MIN_WIDTH_PX, Math.min(SIDEBAR_MAX_WIDTH_PX, px));
         this.width = `${clamped}px`;
-        if (typeof localStorage !== 'undefined') {
-            try {
-                localStorage.setItem(SIDEBAR_WIDTH_STORAGE_KEY, this.width);
-            }
-            catch {
-                // ignore quota / private-mode errors
-            }
+    };
+    persistWidth = () => {
+        if (typeof localStorage === 'undefined')
+            return;
+        try {
+            localStorage.setItem(SIDEBAR_WIDTH_STORAGE_KEY, this.width);
+        }
+        catch {
+            // ignore quota / private-mode errors
         }
     };
     resetWidth = () => {

package/dist/sidebar/sidebar-rail.svelte

@@ -88,6 +88,9 @@
     isDragging = false
     isPointerDown = false
     sidebar.isResizing = false
+    if (dragMoved && !resizeCommitted) {
+      sidebar.persistWidth()
+    }
     resizeCommitted = false
     if (dragMoved) {
       dragEndTime = Date.now()

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@invopop/popui",
   "license": "MIT",
-  "version": "0.1.102",
+  "version": "0.1.103",
   "repository": {
     "url": "https://github.com/invopop/popui"
   },