intelliwaketssveltekitv25 0.3.50 → 0.3.51

package/dist/Functions.d.ts

@@ -32,7 +32,7 @@ export declare const DoIDsMatch: (a: any, b: any) => boolean;
  * @param el
  */
 export declare function autoFocus(el: HTMLElement | HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | never): void;
-export declare function autoGrow(node: HTMLTextAreaElement): {
+export declare function autoGrow(node: HTMLTextAreaElement, _value?: string | null): {
     update(): void;
     destroy(): void;
 };

package/dist/Functions.js

@@ -186,29 +186,73 @@ export function autoFocus(el) {
         el.focus();
     });
 }
-export function autoGrow(node) {
+export function autoGrow(node, _value) {
+    let userResized = false;
+    let pointerDown = false;
+    let lastSetHeightPx = 0;
+    const getPx = (n) => `${Math.round(n)}px`;
     const resize = () => {
+        if (userResized)
+            return;
         // Temporarily reset height to measure the full scroll height
         node.style.height = 'auto';
-        node.style.height = `${node.scrollHeight}px`;
+        const target = node.scrollHeight;
+        lastSetHeightPx = target;
+        node.style.height = getPx(target);
     };
-    // Prevent scrollbars while growing
+    // Prevent scrollbars while growing; remove if you want visible scrollbar
     node.style.overflowY = 'hidden';
     resize();
     const onInput = () => resize();
     node.addEventListener('input', onInput);
-    // Resize again if the element's width changes (e.g., container resize)
-    const ro = new ResizeObserver(resize);
+    // Track potential manual resize start/end
+    const onPointerDown = () => {
+        pointerDown = true;
+    };
+    const endPointer = () => {
+        pointerDown = false;
+    };
+    node.addEventListener('pointerdown', onPointerDown);
+    window.addEventListener('pointerup', endPointer, { passive: true });
+    window.addEventListener('blur', endPointer);
+    window.addEventListener('pointercancel', endPointer);
+    // Observe size changes; if size changes while pointer is down
+    // and differs from our last programmatically set height, assume manual resize
+    const ro = new ResizeObserver((entries) => {
+        if (userResized)
+            return;
+        const entry = entries[0];
+        if (!entry)
+            return;
+        const h = entry.contentRect.height;
+        // If user is interacting and the height deviates from our target,
+        // treat this as manual resize
+        if (pointerDown && Math.abs(h - lastSetHeightPx) > 0.5) {
+            userResized = true;
+            node.dataset.autogrowLocked = 'true';
+            // Stop forcing overflow hidden so the user's resize behaves naturally
+            node.style.overflowY = '';
+            return;
+        }
+        // Otherwise, if container width changes, keep adjusting unless locked
+        if (!pointerDown)
+            resize();
+    });
     ro.observe(node);
     return {
         update() {
-            // Called when the action parameter changes (bound value)
+            if (userResized)
+                return;
             resize();
         },
         destroy() {
             node.removeEventListener('input', onInput);
+            node.removeEventListener('pointerdown', onPointerDown);
+            window.removeEventListener('pointerup', endPointer);
+            window.removeEventListener('blur', endPointer);
+            window.removeEventListener('pointercancel', endPointer);
             ro.disconnect();
-        }
+        },
     };
 }
 /**

package/dist/TextArea.svelte

@@ -26,5 +26,8 @@
 		<DisplayHTML {value} hidden={!!otherProps.hidden} />
 	</div>
 {:else}
-	<textarea {...otherProps} bind:value={value} use:useActions={use} use:autoGrow></textarea>
+	<textarea {...otherProps}
+						bind:value={value}
+						use:useActions={use}
+						use:autoGrow={value}></textarea>
 {/if}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelliwaketssveltekitv25",
-  "version": "0.3.50",
+  "version": "0.3.51",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",