flowbite-svelte 0.26.14 → 0.26.15

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.26.15](https://github.com/themesberg/flowbite-svelte/compare/v0.26.14...v0.26.15) (2022-09-06)
+
+
+### Bug Fixes
+
+* dropdowns events docs ([a6d86b6](https://github.com/themesberg/flowbite-svelte/commit/a6d86b671a5c481288a20c1fe68cfcfe0faea880))
+* dropdowns tweaks ([ad797ca](https://github.com/themesberg/flowbite-svelte/commit/ad797ca4a4a60abd7723b3b1415e70fb6e1328a6))
+
 ### [0.26.14](https://github.com/themesberg/flowbite-svelte/compare/v0.26.13...v0.26.14) (2022-09-06)
 
 

package/dropdowns/DropdownItem.svelte

@@ -8,20 +8,26 @@ const colors = {
 };
 </script>
 
-<li>
-	<svelte:element
-		this={href ? 'a' : 'div'}
-		{href}
-		{...$$restProps}
-		class={classNames(liClass, colors[color] ?? colors.default, $$props.class)}
-		on:click
-		on:change
-		on:keydown
-		on:keyup
-		on:focus
-		on:blur
-		on:mouseenter
-		on:mouseleave>
+{#if href}
+	<li>
+		<svelte:element
+			this={href ? 'a' : 'div'}
+			{href}
+			{...$$restProps}
+			class={classNames(liClass, colors[color] ?? colors.default, $$props.class)}
+			on:click
+			on:change
+			on:keydown
+			on:keyup
+			on:focus
+			on:blur
+			on:mouseenter
+			on:mouseleave>
+			<slot />
+		</svelte:element>
+	</li>
+{:else}
+	<li class={classNames(liClass, colors[color] ?? colors.default, $$props.class)}>
 		<slot />
-	</svelte:element>
-</li>
+	</li>
+{/if}

package/forms/Radio.svelte

@@ -37,7 +37,7 @@ export let value = '';
 let background = getContext('background');
 </script>
 
-<Label class={labelClass(inline, $$props.class)} show={!!$$slots.default}>
+<Label class={labelClass(inline, $$props.class)} show={$$slots.default}>
 	<input
 		type="radio"
 		bind:group
@@ -54,6 +54,5 @@ let background = getContext('background');
 		on:paste
 		{value}
 		{...$$restProps}
-		class={inputClass(custom, color, false, background, $$slots.default || $$props.class)}
-	/><slot />
+		class={inputClass(custom, color, false, background, $$slots.default || $$props.class)} /><slot />
 </Label>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "0.26.14",
+  "version": "0.26.15",
   "description": "Flowbite components for Svelte",
   "main": "index.js",
   "author": {

package/utils/Popper.svelte

@@ -61,11 +61,13 @@ function init(node, _triggerEl) {
                 name: 'offset',
                 options: {
                     offset: ({ placement, reference, popper }) => {
+                        // for full screen mega menu
                         return [yOnly ? popper.width / 2 - reference.width / 2 - reference.x : 0, offset];
                     }
                 }
             },
-            { name: 'eventListeners', enabled: open }
+            { name: 'eventListeners', enabled: open },
+            { name: 'flip', enabled: false }
         ]
     });
     return {
@@ -127,8 +129,7 @@ onMount(() => {
 		on:mouseenter={showHandler}
 		on:mouseleave={activeContent && !clickable ? hideHandler : undefined}
 		{...$$restProps}
-		class={classNames('z-10', $$props.class)}
-		style="position: absolute;">
+		class={classNames('z-10', $$props.class)}>
 		<slot />
 		{#if arrow}<div data-popper-arrow />{/if}
 	</Frame>