adds fade out

Author: ivosdc

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-generic-crud-table",
-  "version": "1.5.24",
+  "version": "1.5.26",
   "description": "<crud-table> renders object-arrays with options-panel and inline edit per row. Dispatches events for ongoing data handling. As self-containing webcomponent or for Svelte in 60KB",
   "main": "dist/build/crud-table.js",
   "module": "dist/build/crud-table.mjs",

package.json

@@ -1,6 +1,6 @@
 <svelte:options tag={'crud-table'}/>
 <script>
-    import {slide} from 'svelte/transition';
+    import {slide, fade} from 'svelte/transition';
     import {createEventDispatcher} from 'svelte';
     import {SvelteGenericCrudTableService} from "./SvelteGenericCrudTableService";
     import {icontrash, iconedit, iconsend, icondetail, iconcancel, iconcreate, iconsave} from './svgIcon'
@@ -169,7 +169,7 @@
 
                 <!-- /* istanbul ignore next line */ -->
                 {#each table_data as tableRow, i (tableRow)}
-                    <div class="row" in:slide="{{duration: 500 }}">
+                    <div class="row" in:slide="{{duration: 350}}" out:fade="{{duration: 500}}">
                         {#each table_config.columns_setting as column_order, j}
                             {#each Object.entries(tableRow) as elem, k}
                                 <!-- /* istanbul ignore next */ -->