flowbite-svelte 1.8.1 → 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "1.8.1",
+  "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.5",
+    "@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",