@everymatrix/casino-slider - npm Package Compare versions

Comparing version 0.0.41 to 0.0.42

dist/casino-slider.js

@@ -463,15 +463,14 @@ (function (global, factory) {
     	const child_ctx = ctx.slice();
-    	child_ctx[13] = list[i];
-    	child_ctx[15] = i;
+    	child_ctx[14] = list[i];
+    	child_ctx[16] = i;
     	return child_ctx;
     }
 
-    // (48:4) {#each sliderdata as item, index (item.id)}
-    function create_each_block(key_1, ctx) {
-    	let li;
-    	let t0_value = /*item*/ ctx[13].name + "";
+    // (53:8) {:else}
+    function create_else_block(ctx) {
+    	let t0_value = /*item*/ ctx[14].name + "";
     	let t0;
     	let t1;
 
-    	let t2_value = (/*item*/ ctx[13].id === "FAVORITES"
+    	let t2_value = (/*item*/ ctx[14].id === "FAVORITES"
     	? "(" + /*favoritesnumber*/ ctx[1] + ")"
@@ -481,7 +480,106 @@ : "") + "";
     	let t2;
+
+    	const block = {
+    		c: function create() {
+    			t0 = text(t0_value);
+    			t1 = space();
+    			t2 = text(t2_value);
+    		},
+    		m: function mount(target, anchor) {
+    			insert_dev(target, t0, anchor);
+    			insert_dev(target, t1, anchor);
+    			insert_dev(target, t2, anchor);
+    		},
+    		p: function update(ctx, dirty) {
+    			if (dirty & /*sliderdata*/ 1 && t0_value !== (t0_value = /*item*/ ctx[14].name + "")) set_data_dev(t0, t0_value);
+
+    			if (dirty & /*sliderdata, favoritesnumber*/ 3 && t2_value !== (t2_value = (/*item*/ ctx[14].id === "FAVORITES"
+    			? "(" + /*favoritesnumber*/ ctx[1] + ")"
+    			: "") + "")) set_data_dev(t2, t2_value);
+    		},
+    		d: function destroy(detaching) {
+    			if (detaching) detach_dev(t0);
+    			if (detaching) detach_dev(t1);
+    			if (detaching) detach_dev(t2);
+    		}
+    	};
+
+    	dispatch_dev("SvelteRegisterBlock", {
+    		block,
+    		id: create_else_block.name,
+    		type: "else",
+    		source: "(53:8) {:else}",
+    		ctx
+    	});
+
+    	return block;
+    }
+
+    // (51:8) {#if location === 'headerMain'}
+    function create_if_block(ctx) {
+    	let span;
+    	let t0_value = /*item*/ ctx[14].name + "";
+    	let t0;
+    	let t1;
+
+    	let t2_value = (/*item*/ ctx[14].id === "FAVORITES"
+    	? "(" + /*favoritesnumber*/ ctx[1] + ")"
+    	: "") + "";
+
+    	let t2;
+
+    	const block = {
+    		c: function create() {
+    			span = element("span");
+    			t0 = text(t0_value);
+    			t1 = space();
+    			t2 = text(t2_value);
+    			add_location(span, file, 51, 10, 1770);
+    		},
+    		m: function mount(target, anchor) {
+    			insert_dev(target, span, anchor);
+    			append_dev(span, t0);
+    			append_dev(span, t1);
+    			append_dev(span, t2);
+    		},
+    		p: function update(ctx, dirty) {
+    			if (dirty & /*sliderdata*/ 1 && t0_value !== (t0_value = /*item*/ ctx[14].name + "")) set_data_dev(t0, t0_value);
+
+    			if (dirty & /*sliderdata, favoritesnumber*/ 3 && t2_value !== (t2_value = (/*item*/ ctx[14].id === "FAVORITES"
+    			? "(" + /*favoritesnumber*/ ctx[1] + ")"
+    			: "") + "")) set_data_dev(t2, t2_value);
+    		},
+    		d: function destroy(detaching) {
+    			if (detaching) detach_dev(span);
+    		}
+    	};
+
+    	dispatch_dev("SvelteRegisterBlock", {
+    		block,
+    		id: create_if_block.name,
+    		type: "if",
+    		source: "(51:8) {#if location === 'headerMain'}",
+    		ctx
+    	});
+
+    	return block;
+    }
+
+    // (49:4) {#each sliderdata as item, index (item.id)}
+    function create_each_block(key_1, ctx) {
+    	let li;
+    	let t;
     	let mounted;
     	let dispose;
 
+    	function select_block_type(ctx, dirty) {
+    		if (/*location*/ ctx[2] === "headerMain") return create_if_block;
+    		return create_else_block;
+    	}
+
+    	let current_block_type = select_block_type(ctx);
+    	let if_block = current_block_type(ctx);
+
     	function click_handler_1(...args) {
-    		return /*click_handler_1*/ ctx[9](/*item*/ ctx[13], /*index*/ ctx[15], ...args);
+    		return /*click_handler_1*/ ctx[10](/*item*/ ctx[14], /*index*/ ctx[16], ...args);
     	}
@@ -494,8 +592,7 @@
     			li = element("li");
-    			t0 = text(t0_value);
-    			t1 = space();
-    			t2 = text(t2_value);
+    			if_block.c();
+    			t = space();
     			attr_dev(li, "class", "CarouselItem");
-    			toggle_class(li, "active", /*active*/ ctx[3] == /*index*/ ctx[15]);
-    			add_location(li, file, 48, 6, 1524);
+    			toggle_class(li, "active", /*active*/ ctx[4] == /*index*/ ctx[16]);
+    			add_location(li, file, 49, 6, 1619);
     			this.first = li;
@@ -505,5 +602,4 @@ },
     			insert_dev(target, li, anchor);
-    			append_dev(li, t0);
-    			append_dev(li, t1);
-    			append_dev(li, t2);
+    			if_block.m(li, null);
+    			append_dev(li, t);
 
@@ -517,14 +613,22 @@ if (!mounted) {
     			ctx = new_ctx;
-    			if (dirty & /*sliderdata*/ 1 && t0_value !== (t0_value = /*item*/ ctx[13].name + "")) set_data_dev(t0, t0_value);
 
-    			if (dirty & /*sliderdata, favoritesnumber*/ 3 && t2_value !== (t2_value = (/*item*/ ctx[13].id === "FAVORITES"
-    			? "(" + /*favoritesnumber*/ ctx[1] + ")"
-    			: "") + "")) set_data_dev(t2, t2_value);
+    			if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block) {
+    				if_block.p(ctx, dirty);
+    			} else {
+    				if_block.d(1);
+    				if_block = current_block_type(ctx);
 
-    			if (dirty & /*active, sliderdata*/ 9) {
-    				toggle_class(li, "active", /*active*/ ctx[3] == /*index*/ ctx[15]);
+    				if (if_block) {
+    					if_block.c();
+    					if_block.m(li, t);
+    				}
     			}
+
+    			if (dirty & /*active, sliderdata*/ 17) {
+    				toggle_class(li, "active", /*active*/ ctx[4] == /*index*/ ctx[16]);
+    			}
     		},
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(li);
+    			if_block.d();
     			mounted = false;
@@ -539,3 +643,3 @@ dispose();
     		type: "each",
-    		source: "(48:4) {#each sliderdata as item, index (item.id)}",
+    		source: "(49:4) {#each sliderdata as item, index (item.id)}",
     		ctx
@@ -560,2 +664,3 @@ });
     	let path1;
+    	let div2_class_value;
     	let mounted;
@@ -565,3 +670,3 @@ let dispose;
     	validate_each_argument(each_value);
-    	const get_key = ctx => /*item*/ ctx[13].id;
+    	const get_key = ctx => /*item*/ ctx[14].id;
     	validate_each_keys(ctx, each_value, get_each_context, get_key);
@@ -597,3 +702,3 @@
     			attr_dev(path0, "d", "M15 19l-7-7 7-7");
-    			add_location(path0, file, 42, 6, 1301);
+    			add_location(path0, file, 43, 6, 1396);
     			attr_dev(svg0, "fill", "none");
@@ -603,7 +708,7 @@ attr_dev(svg0, "stroke", "currentColor");
     			attr_dev(svg0, "xmlns", "http://www.w3.org/2000/svg");
-    			add_location(svg0, file, 41, 4, 1200);
+    			add_location(svg0, file, 42, 4, 1295);
     			attr_dev(div0, "class", "CarouselLeftArrow");
-    			add_location(div0, file, 40, 2, 1132);
+    			add_location(div0, file, 41, 2, 1227);
     			attr_dev(ul, "class", "CarouselItems");
-    			add_location(ul, file, 46, 2, 1422);
+    			add_location(ul, file, 47, 2, 1517);
     			attr_dev(path1, "stroke-linecap", "round");
@@ -613,3 +718,3 @@ attr_dev(path1, "stroke-linejoin", "round");
     			attr_dev(path1, "d", "M9 5l7 7-7 7");
-    			add_location(path1, file, 54, 6, 1896);
+    			add_location(path1, file, 61, 6, 2175);
     			attr_dev(svg1, "fill", "none");
@@ -619,7 +724,11 @@ attr_dev(svg1, "stroke", "currentColor");
     			attr_dev(svg1, "xmlns", "http://www.w3.org/2000/svg");
-    			add_location(svg1, file, 53, 4, 1795);
+    			add_location(svg1, file, 60, 4, 2074);
     			attr_dev(div1, "class", "CarouselRightArrow");
-    			add_location(div1, file, 52, 2, 1725);
-    			attr_dev(div2, "class", "CarouselContainer");
-    			add_location(div2, file, 39, 0, 1098);
+    			add_location(div1, file, 59, 2, 2004);
+
+    			attr_dev(div2, "class", div2_class_value = "CarouselContainer " + (/*location*/ ctx[2] === "headerMain"
+    			? "CarouselContainerHeaderMain"
+    			: ""));
+
+    			add_location(div2, file, 40, 0, 1124);
     		},
@@ -641,3 +750,3 @@ l: function claim(nodes) {
 
-    			/*ul_binding*/ ctx[10](ul);
+    			/*ul_binding*/ ctx[11](ul);
     			append_dev(div2, t1);
@@ -650,4 +759,4 @@ append_dev(div2, div1);
     				dispose = [
-    					listen_dev(div0, "click", /*click_handler*/ ctx[8], false, false, false),
-    					listen_dev(div1, "click", /*click_handler_2*/ ctx[11], false, false, false)
+    					listen_dev(div0, "click", /*click_handler*/ ctx[9], false, false, false),
+    					listen_dev(div1, "click", /*click_handler_2*/ ctx[12], false, false, false)
     				];
@@ -659,3 +768,3 @@
     		p: function update(ctx, [dirty]) {
-    			if (dirty & /*active, sliderdata, handleClick, favoritesnumber*/ 27) {
+    			if (dirty & /*active, sliderdata, handleClick, favoritesnumber, location*/ 55) {
     				each_value = /*sliderdata*/ ctx[0];
@@ -666,2 +775,8 @@ validate_each_argument(each_value);
     			}
+
+    			if (dirty & /*location*/ 4 && div2_class_value !== (div2_class_value = "CarouselContainer " + (/*location*/ ctx[2] === "headerMain"
+    			? "CarouselContainerHeaderMain"
+    			: ""))) {
+    				attr_dev(div2, "class", div2_class_value);
+    			}
     		},
@@ -677,3 +792,3 @@ i: noop,
 
-    			/*ul_binding*/ ctx[10](null);
+    			/*ul_binding*/ ctx[11](null);
     			mounted = false;
@@ -701,2 +816,3 @@ run_all(dispose);
     	let { favoritesnumber = "0" } = $$props;
+    	let { location = "" } = $$props;
     	let carousel;
@@ -708,3 +824,3 @@ let active;
     	let handleClick = (itemId, index) => {
-    		$$invalidate(3, active = index);
+    		$$invalidate(4, active = index);
     		window.postMessage({ type: onclickeventname, itemId, index }, window.location.href);
@@ -715,3 +831,3 @@ };
     		if (e.data && e.data.type == "SetSliderIndex") {
-    			$$invalidate(3, active = e.data.categoryData
+    			$$invalidate(4, active = e.data.categoryData
     			? sliderdata.map(e => {
@@ -740,3 +856,3 @@ return e.id;
 
-    	const writable_props = ["sliderdata", "onclickeventname", "favoritesnumber"];
+    	const writable_props = ["sliderdata", "onclickeventname", "favoritesnumber", "location"];
 
@@ -753,3 +869,3 @@ Object.keys($$props).forEach(key => {
     			carousel = $$value;
-    			$$invalidate(2, carousel);
+    			$$invalidate(3, carousel);
     		});
@@ -762,4 +878,5 @@ }
     		if ("sliderdata" in $$props) $$invalidate(0, sliderdata = $$props.sliderdata);
-    		if ("onclickeventname" in $$props) $$invalidate(7, onclickeventname = $$props.onclickeventname);
+    		if ("onclickeventname" in $$props) $$invalidate(8, onclickeventname = $$props.onclickeventname);
     		if ("favoritesnumber" in $$props) $$invalidate(1, favoritesnumber = $$props.favoritesnumber);
+    		if ("location" in $$props) $$invalidate(2, location = $$props.location);
     	};
@@ -772,2 +889,3 @@
     		favoritesnumber,
+    		location,
     		carousel,
@@ -783,9 +901,10 @@ active,
     		if ("sliderdata" in $$props) $$invalidate(0, sliderdata = $$props.sliderdata);
-    		if ("onclickeventname" in $$props) $$invalidate(7, onclickeventname = $$props.onclickeventname);
+    		if ("onclickeventname" in $$props) $$invalidate(8, onclickeventname = $$props.onclickeventname);
     		if ("favoritesnumber" in $$props) $$invalidate(1, favoritesnumber = $$props.favoritesnumber);
-    		if ("carousel" in $$props) $$invalidate(2, carousel = $$props.carousel);
-    		if ("active" in $$props) $$invalidate(3, active = $$props.active);
-    		if ("handleClick" in $$props) $$invalidate(4, handleClick = $$props.handleClick);
-    		if ("scrollLeft" in $$props) $$invalidate(5, scrollLeft = $$props.scrollLeft);
-    		if ("scrollRight" in $$props) $$invalidate(6, scrollRight = $$props.scrollRight);
+    		if ("location" in $$props) $$invalidate(2, location = $$props.location);
+    		if ("carousel" in $$props) $$invalidate(3, carousel = $$props.carousel);
+    		if ("active" in $$props) $$invalidate(4, active = $$props.active);
+    		if ("handleClick" in $$props) $$invalidate(5, handleClick = $$props.handleClick);
+    		if ("scrollLeft" in $$props) $$invalidate(6, scrollLeft = $$props.scrollLeft);
+    		if ("scrollRight" in $$props) $$invalidate(7, scrollRight = $$props.scrollRight);
     	};
@@ -800,2 +919,3 @@
     		favoritesnumber,
+    		location,
     		carousel,
@@ -817,3 +937,3 @@ active,
     		super();
-    		this.shadowRoot.innerHTML = `<style>*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;font-family:'Helvetica Neue', 'Helvetica', sans-serif}.CarouselContainer{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;width:100%;background:#8A2387;background:-webkit-linear-gradient(to right, #FB923C, #EF4444, #EC4899);background:linear-gradient(to right, #FB923C, #EF4444, #EC4899);color:#ffffff}.CarouselContainer .CarouselItems{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;overflow-x:scroll;list-style-type:none;-ms-overflow-style:none;scrollbar-width:none}.CarouselContainer .CarouselItems::-webkit-scrollbar{display:none}.CarouselContainer .CarouselItems .CarouselItem{display:flex;height:100%;align-items:center;padding:12.8px 19.2px;font-size:16px;text-align:center;line-height:25.6px;transition:all 150ms ease-in-out}.CarouselContainer .CarouselItems .CarouselItem:hover,.CarouselContainer .CarouselItems .CarouselItem.active{background:#312E81;cursor:pointer}.CarouselContainer .CarouselLeftArrow,.CarouselContainer .CarouselRightArrow{display:flex;align-items:center;justify-content:center;width:50%;max-width:64px;background:rgba(255, 255, 255, 0.3)}.CarouselContainer .CarouselLeftArrow svg,.CarouselContainer .CarouselRightArrow svg{width:100%;max-width:38.4px}.CarouselContainer .CarouselLeftArrow:hover,.CarouselContainer .CarouselRightArrow:hover{cursor:pointer}</style>`;
+    		this.shadowRoot.innerHTML = `<style>*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;font-family:'Helvetica Neue', 'Helvetica', sans-serif}.CarouselContainer{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;width:100%;background:#8A2387;background:-webkit-linear-gradient(to right, #FB923C, #EF4444, #EC4899);background:linear-gradient(to right, #FB923C, #EF4444, #EC4899);color:#ffffff}.CarouselContainer .CarouselItems{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;overflow-x:scroll;list-style-type:none;-ms-overflow-style:none;scrollbar-width:none}.CarouselContainer .CarouselItems::-webkit-scrollbar{display:none}.CarouselContainer .CarouselItems .CarouselItem{display:flex;height:100%;align-items:center;padding:12.8px 19.2px;font-size:16px;text-align:center;line-height:25.6px;transition:all 150ms ease-in-out}.CarouselContainer .CarouselItems .CarouselItem:hover,.CarouselContainer .CarouselItems .CarouselItem.active{background:#312E81;cursor:pointer}.CarouselContainer .CarouselLeftArrow,.CarouselContainer .CarouselRightArrow{display:flex;align-items:center;justify-content:center;width:50%;max-width:64px;background:rgba(255, 255, 255, 0.3)}.CarouselContainer .CarouselLeftArrow svg,.CarouselContainer .CarouselRightArrow svg{width:100%;max-width:38.4px}.CarouselContainer .CarouselLeftArrow:hover,.CarouselContainer .CarouselRightArrow:hover{cursor:pointer}.CarouselContainerHeaderMain .CarouselItems .CarouselItem:hover,.CarouselContainerHeaderMain .CarouselItems .CarouselItem.active{background:transparent}.CarouselContainerHeaderMain .CarouselItems .CarouselItem:hover span,.CarouselContainerHeaderMain .CarouselItems .CarouselItem.active span{border-top:1px solid #D0046C;color:#D0046C}.CarouselContainerHeaderMain .CarouselItems .CarouselItem span{border-top:1px solid transparent;padding-top:5px;transition-duration:0.3s}.CarouselContainerHeaderMain{background:transparent}.CarouselContainerHeaderMain .CarouselLeftArrow,.CarouselContainerHeaderMain .CarouselRightArrow{background:transparent;width:unset;display:none}@media only screen and (max-width: 1024px){.CarouselContainerHeaderMain .CarouselLeftArrow,.CarouselContainerHeaderMain .CarouselRightArrow{display:flex}}</style>`;
 
@@ -832,4 +952,5 @@ init(
     				sliderdata: 0,
-    				onclickeventname: 7,
-    				favoritesnumber: 1
+    				onclickeventname: 8,
+    				favoritesnumber: 1,
+    				location: 2
     			}
@@ -851,3 +972,3 @@ );
     	static get observedAttributes() {
-    		return ["sliderdata", "onclickeventname", "favoritesnumber"];
+    		return ["sliderdata", "onclickeventname", "favoritesnumber", "location"];
     	}
@@ -865,3 +986,3 @@
     	get onclickeventname() {
-    		return this.$$.ctx[7];
+    		return this.$$.ctx[8];
     	}
@@ -882,2 +1003,11 @@
     	}
+
+    	get location() {
+    		return this.$$.ctx[2];
+    	}
+
+    	set location(location) {
+    		this.$set({ location });
+    		flush();
+    	}
     }
@@ -884,0 +1014,0 @@

package.json

 {
   "name": "@everymatrix/casino-slider",
-  "version": "0.0.41",
+  "version": "0.0.42",
   "main": "dist/casino-slider.js",
@@ -39,3 +39,3 @@ "svelte": "src/index.ts",
   },
-  "gitHead": "8406d8d14129c70c6c1824fe7c33715a577c2fbf"
+  "gitHead": "25977d3b31e2b71d193dc7e4e5ba1d243f428e9b"
 }

No alert changes

Improved metrics

Total package byte prevSize

130407

increased by5.54%

Lines of code

1037

increased by12.23%

No dependency changes