svelte-ag 0.0.2-dev.72 → 0.0.2-dev.73

package/dist/lib/components/animated/animated.svelte

@@ -76,7 +76,7 @@
   let animationComplete = $state<boolean>(true);
   let isInitialRender = $state(true);
   //svelte-ignore non_reactive_update
-  let growHeightElement: HTMLDivElement;
+  let growHeightElement: HTMLDivElement | undefined;
 
   function handleAnimationEnd(e: AnimationEvent) {
     if (!visible) {
@@ -161,24 +161,23 @@
       // First set height to 0 and make visible for measurement
       growHeightElement.style.height = '0px';
       growHeightElement.style.display = 'block';
+      const targetHeight = growHeightElement.scrollHeight;
 
       await tick(); // Wait for render
 
-      const targetHeight = growHeightElement.scrollHeight;
-
       // Start animation
       const startTime = performance.now();
       const animate = (time: number) => {
         const elapsed = time - startTime;
         const progress = Math.min(elapsed / durationMs, 1);
 
-        growHeightElement.style.height = `${targetHeight * progress}px`;
+        if (growHeightElement) growHeightElement.style.height = `${targetHeight * progress}px`;
 
         if (progress < 1) {
           requestAnimationFrame(animate);
         } else {
           // Animation complete
-          growHeightElement.style.height = 'auto';
+          if (growHeightElement) growHeightElement.style.height = 'auto';
           onAnimationComplete?.(true);
         }
       };
@@ -195,12 +194,12 @@
         const elapsed = time - startTime;
         const progress = Math.min(elapsed / durationMs, 1);
 
-        growHeightElement.style.height = `${startHeight * (1 - progress)}px`;
+        if (growHeightElement) growHeightElement.style.height = `${startHeight * (1 - progress)}px`;
 
         if (progress < 1) {
           requestAnimationFrame(animate);
         } else {
-          growHeightElement.style.display = 'none';
+          if (growHeightElement) growHeightElement.style.display = 'none';
           onAnimationComplete?.(false);
         }
       };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "svelte-ag",
   "description": "Useful svelte components",
-  "version": "0.0.2-dev.72",
+  "version": "0.0.2-dev.73",
   "author": "Alexander Hornung",
   "bugs": "https://github.com/ageorgeh/cms/issues",
   "dependencies": {
@@ -74,6 +74,7 @@
     "components:dev": "vite --config vite.config.ts dev",
     "svelte:sync": "svelte-kit sync",
     "publish:local": "pnpm version prerelease --preid dev --no-git-tag-version && pnpm publish --registry http://localhost:4873 --tag dev --access public --no-git-checks --json > ./publishLocal.json",
-    "publish:prerelease": "pnpm publish --tag dev --access public --no-git-checks --registry=https://registry.npmjs.org/ --json > ./publish.json"
+    "publish:prerelease": "pnpm publish --tag dev --access public --no-git-checks --registry=https://registry.npmjs.org/ --json > ./publish.json",
+    "version:prerelease": "pnpm version prerelease --preid dev --no-git-tag-version"
   }
 }

package/src/lib/components/animated/animated.svelte

@@ -76,7 +76,7 @@
   let animationComplete = $state<boolean>(true);
   let isInitialRender = $state(true);
   //svelte-ignore non_reactive_update
-  let growHeightElement: HTMLDivElement;
+  let growHeightElement: HTMLDivElement | undefined;
 
   function handleAnimationEnd(e: AnimationEvent) {
     if (!visible) {
@@ -161,24 +161,23 @@
       // First set height to 0 and make visible for measurement
       growHeightElement.style.height = '0px';
       growHeightElement.style.display = 'block';
+      const targetHeight = growHeightElement.scrollHeight;
 
       await tick(); // Wait for render
 
-      const targetHeight = growHeightElement.scrollHeight;
-
       // Start animation
       const startTime = performance.now();
       const animate = (time: number) => {
         const elapsed = time - startTime;
         const progress = Math.min(elapsed / durationMs, 1);
 
-        growHeightElement.style.height = `${targetHeight * progress}px`;
+        if (growHeightElement) growHeightElement.style.height = `${targetHeight * progress}px`;
 
         if (progress < 1) {
           requestAnimationFrame(animate);
         } else {
           // Animation complete
-          growHeightElement.style.height = 'auto';
+          if (growHeightElement) growHeightElement.style.height = 'auto';
           onAnimationComplete?.(true);
         }
       };
@@ -195,12 +194,12 @@
         const elapsed = time - startTime;
         const progress = Math.min(elapsed / durationMs, 1);
 
-        growHeightElement.style.height = `${startHeight * (1 - progress)}px`;
+        if (growHeightElement) growHeightElement.style.height = `${startHeight * (1 - progress)}px`;
 
         if (progress < 1) {
           requestAnimationFrame(animate);
         } else {
-          growHeightElement.style.display = 'none';
+          if (growHeightElement) growHeightElement.style.display = 'none';
           onAnimationComplete?.(false);
         }
       };