@beyonk/svelte-carousel - npm Package Compare versions

Comparing version 2.3.0 to 2.4.0

dist/index.js

@@ -326,4 +326,4 @@ (function (global, factory) {
     	var style = element("style");
-    	style.id = 'svelte-6pleld-style';
-    	style.textContent = ".carousel.svelte-6pleld{position:relative;width:100%;justify-content:center;align-items:center}button.svelte-6pleld{position:absolute;width:40px;height:40px;top:50%;z-index:50;margin-top:-20px;border:none;background-color:transparent}button.svelte-6pleld:focus{outline:none}.left.svelte-6pleld{left:2vw}.right.svelte-6pleld{right:2vw}ul.svelte-6pleld{list-style-type:none;position:absolute;display:flex;justify-content:center;width:100%;margin-top:-30px;padding:0}ul.svelte-6pleld li.svelte-6pleld{margin:6px;border-radius:100%;background-color:rgba(255,255,255,0.5);height:8px;width:8px}ul.svelte-6pleld li.svelte-6pleld:hover{background-color:rgba(255,255,255,0.85)}";
+    	style.id = 'svelte-1ppqxio-style';
+    	style.textContent = ".carousel.svelte-1ppqxio{position:relative;width:100%;justify-content:center;align-items:center}button.svelte-1ppqxio{position:absolute;width:40px;height:40px;top:50%;z-index:50;margin-top:-20px;border:none;background-color:transparent}button.svelte-1ppqxio:focus{outline:none}.left.svelte-1ppqxio{left:2vw}.right.svelte-1ppqxio{right:2vw}ul.svelte-1ppqxio{list-style-type:none;position:absolute;display:flex;justify-content:center;width:100%;margin-top:-30px;padding:0}ul.svelte-1ppqxio li.svelte-1ppqxio{margin:6px;border-radius:100%;background-color:rgba(255,255,255,0.5);height:8px;width:8px}ul.svelte-1ppqxio li.svelte-1ppqxio:hover{background-color:rgba(255,255,255,0.85)}ul.svelte-1ppqxio li.active.svelte-1ppqxio{background-color:rgba(255,255,255,1)}";
     	append(document.head, style);
@@ -347,3 +347,3 @@ }
     function create_each_block(ctx) {
-    	var li, dispose;
+    	var li, li_class_value, dispose;
 
@@ -357,3 +357,3 @@ function click_handler() {
     			li = element("li");
-    			attr(li, "class", "svelte-6pleld");
+    			attr(li, "class", li_class_value = "" + (ctx.currentIndex === ctx.i ? "active" : "") + " svelte-1ppqxio");
     			dispose = listen(li, "click", click_handler);
@@ -368,2 +368,5 @@ },
     			ctx = new_ctx;
+    			if ((changed.currentIndex) && li_class_value !== (li_class_value = "" + (ctx.currentIndex === ctx.i ? "active" : "") + " svelte-1ppqxio")) {
+    				attr(li, "class", li_class_value);
+    			}
     		},
@@ -423,9 +426,9 @@
 
-    			attr(button0, "class", "left svelte-6pleld");
+    			attr(button0, "class", "left svelte-1ppqxio");
 
     			attr(div0, "class", "slides");
-    			attr(ul, "class", "svelte-6pleld");
+    			attr(ul, "class", "svelte-1ppqxio");
 
-    			attr(button1, "class", "right svelte-6pleld");
-    			attr(div1, "class", "carousel svelte-6pleld");
+    			attr(button1, "class", "right svelte-1ppqxio");
+    			attr(div1, "class", "carousel svelte-1ppqxio");
 
@@ -493,3 +496,3 @@ dispose = [
 
-    			if (changed.pips) {
+    			if (changed.currentIndex || changed.pips) {
     				each_value = ctx.pips;
@@ -557,2 +560,3 @@
     	let { perPage = 3, loop = true, autoplay = 0, duration = 200, easing = 'ease-out', startIndex = 0, draggable = true, multipleDrag = true, threshold = 20, rtl = false } = $$props;
+    	let currentIndex = startIndex;
     	
@@ -601,2 +605,4 @@ let siema;
     	function handleChange (event) {
+    		$$invalidate('currentIndex', currentIndex = controller.currentSlide);
+
     		dispatch('change', {
@@ -650,2 +656,3 @@ currentSlide: controller.currentSlide,
     		rtl,
+    		currentIndex,
     		siema,
@@ -666,3 +673,3 @@ left,
     		super();
-    		if (!document.getElementById("svelte-6pleld-style")) add_css();
+    		if (!document.getElementById("svelte-1ppqxio-style")) add_css();
     		init(this, options, instance, create_fragment, safe_not_equal, ["perPage", "loop", "autoplay", "duration", "easing", "startIndex", "draggable", "multipleDrag", "threshold", "rtl"]);
@@ -669,0 +676,0 @@ }

package.json

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

No alert changes

Improved metrics

Total package byte prevSize

76049

increased by1.65%

Lines of code

1266

increased by1.12%

No dependency changes