flowbite-svelte 0.34.4 → 0.34.5

package/dist/forms/FloatingLabelInput.svelte

@@ -81,6 +81,7 @@ function setType(node, _type) {
 		on:change
 		on:click
 		on:focus
+		on:input
 		on:keydown
 		on:keypress
 		on:keyup

package/dist/forms/FloatingLabelInput.svelte.d.ts

@@ -16,6 +16,7 @@ declare const __propDef: {
         change: Event;
         click: MouseEvent;
         focus: FocusEvent;
+        input: Event;
         keydown: KeyboardEvent;
         keypress: KeyboardEvent;
         keyup: KeyboardEvent;

package/dist/gallery/Gallery.svelte

@@ -1,9 +1,17 @@
 <script>import classNames from 'classnames';
-export let outerDivClass = 'grid gap-4';
-export let colClass = 'grid-cols-2 md:grid-cols-3';
-const divClass = classNames(outerDivClass, colClass);
+import GalleryItem from './GalleryItem.svelte';
+export let items = [];
+$: divClass = classNames('grid', $$props.class);
+function init(node) {
+    if (getComputedStyle(node).gap === 'normal')
+        node.style.gap = 'inherit';
+}
 </script>
 
-<div class="{divClass}">
-  <slot />
-</div>
+<div {...$$restProps} class={divClass} use:init>
+  {#each items as { src, alt }}
+    <GalleryItem {src} {alt} />
+  {:else}
+    <slot />
+  {/each}
+</div>

package/dist/gallery/Gallery.svelte.d.ts

@@ -1,8 +1,9 @@
 import { SvelteComponentTyped } from "svelte";
+import type { ImgType } from '../types';
 declare const __propDef: {
     props: {
-        outerDivClass?: string | undefined;
-        colClass?: string | undefined;
+        [x: string]: any;
+        items?: ImgType[] | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/gallery/GalleryItem.svelte

@@ -1,8 +1,8 @@
-<script>export let src = '';
-export let alt = '';
-export let imgClass = 'h-auto max-w-full rounded-lg';
+<script>export let src;
+export let alt = undefined;
+export let defaultClass = 'h-auto max-w-full rounded-lg';
 </script>
 
 <div>
-  <img class="{imgClass}" {src} {alt}>
-</div>
+  <img class={defaultClass} {src} {alt} />
+</div>

package/dist/gallery/GalleryItem.svelte.d.ts

@@ -1,9 +1,9 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        src?: string | undefined;
+        src: string;
         alt?: string | undefined;
-        imgClass?: string | undefined;
+        defaultClass?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "0.34.4",
+  "version": "0.34.5",
   "description": "Flowbite components for Svelte",
   "author": {
     "name": "Shinichi Okada",