flowbite-svelte 1.8.0 → 1.8.2

package/dist/carousel/Carousel.svelte

@@ -18,6 +18,7 @@
   });
 
   let forward = $state(true);
+  let initialized = false;
 
   subscribe((_state) => {
     index = _state.index;
@@ -27,6 +28,7 @@
 
   onMount(() => {
     onchange?.(images[index]);
+    initialized = true;
   });
 
   const nextSlide = () => {
@@ -49,20 +51,17 @@
     });
   };
 
-  const loop = (node: HTMLElement, duration: number) => {
+  const loop = (node: HTMLElement) => {
     // loop timer
     /* eslint-disable  @typescript-eslint/no-explicit-any */
     let intervalId: any;
 
-    if (duration > 0) intervalId = setInterval(nextSlide, duration);
+    if (duration > 0) {
+      intervalId = setInterval(nextSlide, duration);
+      if (initialized) forward ? nextSlide() : prevSlide();
+    }
 
-    return {
-      update: (duration: number) => {
-        clearInterval(intervalId);
-        if (duration > 0) intervalId = setInterval(nextSlide, duration);
-      },
-      destroy: () => clearInterval(intervalId)
-    };
+    return () => clearInterval(intervalId);
   };
 
   type ActiveDragGesture = {
@@ -167,7 +166,7 @@
 <!-- The move listeners go here, so things keep working if the touch strays out of the element. -->
 <svelte:document onmousemove={onDragMove} onmouseup={onDragStop} ontouchmove={onDragMove} ontouchend={onDragStop} />
 <div bind:this={carouselDiv} class={cn("relative", divClass)} onmousedown={onDragStart} ontouchstart={onDragStart} onmousemove={onDragMove} onmouseup={onDragStop} ontouchmove={onDragMove} ontouchend={onDragStop} role="button" aria-label={ariaLabel} tabindex="0">
-  <div {...restProps} class={cn(carousel(), activeDragGesture === undefined ? "transition-transform" : "", className)} use:loop={duration}>
+  <div {...restProps} class={cn(carousel(), activeDragGesture === undefined ? "transition-transform" : "", className)} {@attach loop}>
     {#if slide}
       {@render slide({ index, Slide })}
     {:else}

package/dist/modal/Modal.svelte

@@ -63,7 +63,7 @@
 </script>
 
 {#if open}
-  <dialog use:trapFocus={{ onEscape: handleEscape }} bind:this={dlg} {...restProps} class={twMerge(base(), clsx(className))} tabindex="-1" oncancel={_oncancel} onclick={_onclick} transition:transition={paramsOptions as ParamsType} onintrostart={() => (modal ? dlg?.showModal() : dlg?.show())} onoutroend={() => dlg?.close()}>
+  <dialog use:trapFocus={{ onEscape: handleEscape }} bind:this={dlg} {...restProps} class={twMerge(base(), clsx(className))} tabindex="-1" oncancel={_oncancel} onclick={_onclick} transition:transition|global={paramsOptions as ParamsType} onintrostart={() => (modal ? dlg?.showModal() : dlg?.show())} onoutroend={() => dlg?.close()}>
     {#if title || header}
       <div class={twMerge(headerCls(), clsx(headerClass))}>
         {#if title}

package/dist/uiHelpers.svelte.js

@@ -1,3 +1,4 @@
+// @ts-nocheck
 export function uiHelpers() {
   let isOpen = $state(false);
 

package/dist/utils/actions.js

@@ -51,7 +51,8 @@ export function trapFocus(node, options = {}) {
             isFocusMovedOutside = true;
         }
     }
-    $effect(() => {
+    // Initialize the action
+    function initialize() {
         // Only add event listeners if options is not null
         if (options !== null) {
             // Check if we're currently in a closing state
@@ -65,50 +66,42 @@ export function trapFocus(node, options = {}) {
             }
             node.addEventListener("keydown", handleKeydown);
             node.addEventListener("focusout", handleFocusOut);
-            return () => {
-                node.removeEventListener("keydown", handleKeydown);
-                node.removeEventListener("focusout", handleFocusOut);
-                // Only restore focus if not closing via outside click and focus hasn't moved outside
-                if (!isClosingViaOutsideClick && !isFocusMovedOutside && previous) {
-                    setTimeout(() => {
-                        previous.focus({ preventScroll: true });
-                    }, 0);
-                }
-            };
         }
-    });
-    // Return the action object with destroy method
+    }
+    // Cleanup function
+    function cleanup() {
+        if (options !== null) {
+            node.removeEventListener("keydown", handleKeydown);
+            node.removeEventListener("focusout", handleFocusOut);
+            // Only restore focus if not closing via outside click and focus hasn't moved outside
+            if (!isClosingViaOutsideClick && !isFocusMovedOutside && previous) {
+                setTimeout(() => {
+                    previous.focus({ preventScroll: true });
+                }, 0);
+            }
+        }
+    }
+    // Initialize on mount
+    initialize();
+    // Return the action object with update and destroy methods
     return {
         update(newOptions = {}) {
+            // Clean up existing listeners first
+            node.removeEventListener("keydown", handleKeydown);
+            node.removeEventListener("focusout", handleFocusOut);
             // Update the closing state
             if (newOptions && newOptions.isClosing !== undefined) {
                 isClosingViaOutsideClick = newOptions.isClosing;
             }
             options = newOptions;
-            // Clean up existing listeners if options becomes null
-            if (options === null) {
-                node.removeEventListener("keydown", handleKeydown);
-                node.removeEventListener("focusout", handleFocusOut);
-            }
-            else if (options !== null) {
-                // Add listener if it wasn't already there
-                node.removeEventListener("keydown", handleKeydown);
-                node.removeEventListener("focusout", handleFocusOut);
+            // Reinitialize with new options
+            if (options !== null) {
                 node.addEventListener("keydown", handleKeydown);
                 node.addEventListener("focusout", handleFocusOut);
             }
         },
         destroy() {
-            if (options !== null) {
-                node.removeEventListener("keydown", handleKeydown);
-                node.removeEventListener("focusout", handleFocusOut);
-                // Only restore focus if not closing via outside click and focus hasn't moved outside
-                if (!isClosingViaOutsideClick && !isFocusMovedOutside && previous) {
-                    setTimeout(() => {
-                        previous.focus({ preventScroll: true });
-                    }, 0);
-                }
-            }
+            cleanup();
         }
     };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "1.8.0",
+  "version": "1.8.2",
   "description": "Flowbite components for Svelte",
   "main": "dist/index.js",
   "author": {
@@ -19,7 +19,7 @@
     "@eslint/js": "^9.29.0",
     "@flowbite-svelte-plugins/chart": "^0.2.4",
     "@flowbite-svelte-plugins/datatable": "^0.3.4",
-    "@flowbite-svelte-plugins/texteditor": "^0.9.3",
+    "@flowbite-svelte-plugins/texteditor": "^0.13.3",
     "@playwright/test": "^1.53.1",
     "@sveltejs/adapter-auto": "^6.0.1",
     "@sveltejs/adapter-vercel": "^5.7.2",
@@ -40,11 +40,12 @@
     "flowbite-svelte-icons": "^2.2.1",
     "flowbite-typography": "^1.0.5",
     "globals": "^16.2.0",
+    "highlight.js": "^11.11.1",
     "jsdom": "^26.1.0",
     "lowlight": "^3.3.0",
     "mdsvex": "^0.12.6",
     "mdsvexamples": "^0.5.0",
-    "prettier": "^3.5.3",
+    "prettier": "^3.6.0",
     "prettier-plugin-svelte": "^3.4.0",
     "prettier-plugin-tailwindcss": "^0.6.13",
     "prism-themes": "^1.9.0",