@beyonk/svelte-carousel - npm Package Compare versions

Comparing version 2.1.1 to 2.2.0

dist/index.js

@@ -83,2 +83,7 @@ (function (global, factory) {
     }
+    function custom_event(type, detail) {
+        const e = document.createEvent('CustomEvent');
+        e.initCustomEvent(type, false, false, detail);
+        return e;
+    }
 
@@ -97,2 +102,16 @@ let current_component;
     }
+    function createEventDispatcher() {
+        const component = current_component;
+        return (type, detail) => {
+            const callbacks = component.$$.callbacks[type];
+            if (callbacks) {
+                // TODO are there situations where events could be dispatched
+                // in a server (non-DOM) environment?
+                const event = custom_event(type, detail);
+                callbacks.slice().forEach(fn => {
+                    fn.call(component, event);
+                });
+            }
+        };
+    }
 
@@ -538,2 +557,4 @@ const dirty_components = [];
     	let timer;
+
+    	const dispatch = createEventDispatcher();
     	
@@ -544,3 +565,4 @@ onMount(() => {
     			perPage,
-    			loop
+    			loop,
+    			onChange: handleChange
     		}));
@@ -568,2 +590,9 @@
 
+    	function handleChange (event) {
+    		dispatch('change', {
+    			currentSlide: controller.currentSlide,
+    			slideCount: controller.innerElements.length
+    		} );
+    	}
+
     	let { $$slots = {}, $$scope } = $$props;
@@ -570,0 +599,0 @@

package.json

@@ -6,3 +6,3 @@ {
   "main": "dist/index.js",
-  "version": "2.1.1",
+  "version": "2.2.0",
   "scripts": {
@@ -9,0 +9,0 @@ "build": "rollup -c",

README.md

@@ -20,2 +20,3 @@ <p align="center">
 ```
+npm install
 npm run dev # http://localhost:12001
@@ -102,2 +103,10 @@ ```
 // will show 1 slide below 500px width, 2 at 500, 3 at 800.
-```
+```
+
+### Events
+
+The Carousel components emits the following events:
+
+| Name     | Data                           | Description                                                                    |
+|----------|--------------------------------|--------------------------------------------------------------------------------|
+| `change` | `{ currentSlide, slideCount }` | `currentSlide`: The current slide index. Can be a positive or negative integer. `slideCount`: The number of slides. |

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No License Found

License

(Experimental) License information could not be found.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

71311

increased by5.53%

Number of package files

6

increased by20%

Number of low license alerts

0

decreased by-100%

Lines of code

1210

increased by4.67%

Number of lines in readme file

111

increased by9.9%

No dependency changes