@kws3/ui 4.1.2 → 4.1.3

package/CHANGELOG.mdx

@@ -1,3 +1,7 @@
+# 4.1.3
+  - Ensure transitions are global for `Modal`, `CardModal` and `ActionSheet` components
+  - `InfiniteList` - do not fake a scroll event on a resize event, fixes loading bugs
+
 # 4.1.2
   - `MultiSelect` - fixed issue where raw object were initially outputted (if provided)
   - `SearchableSelect and `MultiSelect` (Async): resolved issue with the 'active' class not attaching to the most matched item in dropdown options
@@ -25,6 +29,9 @@
   - add svelte 4 compatibility
   
 --------------
+# 2.3.3
+  - `InfiniteList` - do not fake a scroll event on a resize event, fixes loading bugs
+
 # 2.3.2
   - `MultiSelect` - fixed issue where raw object were initially outputted (if provided)
   - `SearchableSelect and `MultiSelect` (Async): resolved issue with the 'active' class not attaching to the most matched item in dropdown options

package/helpers/ActionSheet.svelte

@@ -23,11 +23,11 @@ If `false` , the component won't have a close button, and will not close on clic
   class="modal kws-action-sheet-outer {klass} {is_active ? 'is-active' : ''}"
   {style}>
   {#if is_active}<div
-      transition:fade={{ duration: transitionDuration }}
+      transition:fade|global={{ duration: transitionDuration }}
       class="modal-background"
       on:click={clickOutside} />
     <div
-      transition:fly={{
+      transition:fly|global={{
         duration: transitionDuration,
         y: 300,
         delay: transitionDelay,

package/helpers/CardModal.svelte

@@ -31,11 +31,11 @@ Only visible when the
 -->
 <div class="modal {klass} {is_active ? 'is-active' : ''}" {style} data-cy={cy}>
   {#if is_active}<div
-      transition:fade={{ duration: transitionDuration }}
+      transition:fade|global={{ duration: transitionDuration }}
       class="modal-background"
       on:click={clickOutside} />
     <div
-      transition:scale={{
+      transition:scale|global={{
         duration: transitionDuration,
         // @ts-ignore
         from: 0.8,

package/helpers/InfiniteList.svelte

@@ -131,6 +131,5 @@ while more items are loading
 
   const resize = () => {
     viewport_height = viewport.offsetHeight;
-    handle_scroll();
   };
 </script>

package/helpers/Modal.svelte

@@ -23,11 +23,11 @@ Only programmatic closing is possible, Default: `true`
 
 <div class="modal {klass} {is_active ? 'is-active' : ''}" {style} data-cy={cy}>
   {#if is_active}<div
-      transition:fade={{ duration: transitionDuration }}
+      transition:fade|global={{ duration: transitionDuration }}
       class="modal-background"
       on:click={clickOutside} />
     <div
-      transition:scale={{
+      transition:scale|global={{
         duration: transitionDuration,
         // @ts-ignore
         from: 0.8,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kws3/ui",
-  "version": "4.1.2",
+  "version": "4.1.3",
   "description": "UI components for use with Svelte v3 applications.",
   "main": "index.js",
   "svelte": "index.js",
@@ -35,5 +35,5 @@
   "devDependencies": {
     "typescript": "^5.0.4"
   },
-  "gitHead": "1f27bb086a10679e03f1657dd1f86800fffe1ab5"
+  "gitHead": "4fd2b4a801628800fc5498495277ad45b40a01c6"
 }