@everymatrix/casino-filter-page 0.0.94 → 0.0.98

package/dist/casino-filter-page.js

@@ -4451,7 +4451,7 @@
         filters: {
           loading: 'Loading',
           filterModalTitle: 'Filter',
-          filterModalSubtitle: 'You can select multiple vendors',
+          filterModalSubtitle: 'You can select multiple options',
           filterClear: 'Reset filter',
           filterApply: 'Done'
         }
@@ -4460,7 +4460,7 @@
         filters: {
           loading: 'Loading',
           filterModalTitle: 'Filter',
-          filterModalSubtitle: 'You can select multiple vendors',
+          filterModalSubtitle: 'Mehrfachauswahl möglich',
           filterClear: 'Filter zurücksetzen',
           filterApply: 'Fertig'
         }
@@ -4469,7 +4469,7 @@
         filters: {
           loading: 'Loading',
           filterModalTitle: 'Filtro',
-          filterModalSubtitle: 'You can select multiple vendors',
+          filterModalSubtitle: 'È possibile la selezione multipla',
           filterClear: 'Resetta il filtro',
           filterApply: 'Fatto'
         }
@@ -4523,7 +4523,7 @@
         filters: {
           loading: 'Učitavanje',
           filterModalTitle: 'Filter',
-          filterModalSubtitle: 'You can select multiple vendors',
+          filterModalSubtitle: 'Možete odabrati više opcija',
           filterClear: 'Ponovno postavi filter',
           filterApply: 'Gotovo'
         }
@@ -4532,7 +4532,7 @@
         filters: {
           loading: 'betöltés',
           filterModalTitle: 'Szűrő',
-          filterModalSubtitle: 'You can select multiple vendors',
+          filterModalSubtitle: 'Több lehetőséget is kiválaszthat',
           filterClear: 'Szűrő visszaállítása',
           filterApply: 'Kész'
         }
@@ -4541,7 +4541,7 @@
         filters: {
           loading: 'Ładowanie',
           filterModalTitle: 'Wyszukaj',
-          filterModalSubtitle: 'You can select multiple vendors',
+          filterModalSubtitle: 'Możliwy wybór wielokrotny',
           filterClear: 'Wyłącz filtr',
           filterApply: 'Gotowe'
         }
@@ -4550,7 +4550,7 @@
         filters: {
           loading: 'A carregar',
           filterModalTitle: 'Filtrar',
-          filterModalSubtitle: 'You can select multiple vendors',
+          filterModalSubtitle: 'Escolha múltipla possível',
           filterClear: 'Limpar filtro',
           filterApply: 'Feito'
         }
@@ -4559,7 +4559,7 @@
         filters: {
           loading: 'Loading',
           filterModalTitle: 'Filter',
-          filterModalSubtitle: 'You can select multiple vendors',
+          filterModalSubtitle: 'Izberete lahko več možnosti',
           filterClear: 'Ponastavi filter',
           filterApply: 'Končano'
         }
@@ -4568,7 +4568,7 @@
         filters: {
           loading: 'Loading',
           filterModalTitle: 'Filter',
-          filterModalSubtitle: 'You can select multiple vendors',
+          filterModalSubtitle: 'Moguć je višestruki izbor',
           filterClear: 'Resetujte filter',
           filterApply: 'Gotovo'
         }
@@ -4586,7 +4586,7 @@
     	return child_ctx;
     }
 
-    // (236:0) {:else}
+    // (236:2) {:else}
     function create_else_block(ctx) {
     	let div2;
     	let section0;
@@ -4633,25 +4633,25 @@
     			div1 = element("div");
     			t6 = text(t6_value);
     			attr_dev(h4, "class", "FilterHeaderTitle");
-    			add_location(h4, file, 239, 8, 9965);
+    			add_location(h4, file, 239, 10, 9922);
     			attr_dev(h5, "class", "FilterHeaderSubtitle");
-    			add_location(h5, file, 240, 8, 10041);
+    			add_location(h5, file, 240, 10, 10000);
     			attr_dev(div0, "class", "FilterHeaderDetails");
-    			add_location(div0, file, 238, 6, 9923);
+    			add_location(div0, file, 238, 8, 9878);
     			attr_dev(section0, "class", "FilterHeaderSection");
-    			add_location(section0, file, 237, 4, 9879);
+    			add_location(section0, file, 237, 6, 9832);
     			attr_dev(section1, "class", "FilterContentSection");
-    			add_location(section1, file, 243, 4, 10147);
+    			add_location(section1, file, 243, 6, 10112);
 
     			attr_dev(div1, "class", div1_class_value = "ApplyFiltersButton " + (!/*applyFilters*/ ctx[2]
     			? "ApplyFilterButtonDisabled"
     			: ""));
 
-    			add_location(div1, file, 263, 6, 10967);
+    			add_location(div1, file, 263, 8, 10972);
     			attr_dev(section2, "class", "FilterFooterSection");
-    			add_location(section2, file, 257, 4, 10703);
+    			add_location(section2, file, 257, 6, 10696);
     			attr_dev(div2, "class", div2_class_value = "FilterModalContent " + (/*mobileView*/ ctx[1] ? "FilterModalMobileContent" : ""));
-    			add_location(div2, file, 236, 2, 9760);
+    			add_location(div2, file, 236, 4, 9745);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div2, anchor);
@@ -4671,7 +4671,6 @@
     			append_dev(section2, t5);
     			append_dev(section2, div1);
     			append_dev(div1, t6);
-    			/*div2_binding*/ ctx[20](div2);
 
     			if (!mounted) {
     				dispose = listen_dev(div1, "click", /*click_handler_2*/ ctx[19], false, false, false);
@@ -4724,7 +4723,6 @@
     			if (detaching) detach_dev(div2);
     			if (if_block0) if_block0.d();
     			if (if_block1) if_block1.d();
-    			/*div2_binding*/ ctx[20](null);
     			mounted = false;
     			dispose();
     		}
@@ -4734,14 +4732,14 @@
     		block,
     		id: create_else_block.name,
     		type: "else",
-    		source: "(236:0) {:else}",
+    		source: "(236:2) {:else}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (233:0) {#if isLoading}
+    // (234:2) {#if isLoading}
     function create_if_block(ctx) {
     	let div;
 
@@ -4749,7 +4747,7 @@
     		c: function create() {
     			div = element("div");
     			attr_dev(div, "class", "lds-dual-ring");
-    			add_location(div, file, 234, 2, 9716);
+    			add_location(div, file, 234, 4, 9697);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -4764,14 +4762,14 @@
     		block,
     		id: create_if_block.name,
     		type: "if",
-    		source: "(233:0) {#if isLoading}",
+    		source: "(234:2) {#if isLoading}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (245:6) {#if vendorsArray}
+    // (245:8) {#if vendorsArray}
     function create_if_block_3(ctx) {
     	let each_1_anchor;
     	let each_value = /*vendorsArray*/ ctx[0];
@@ -4832,14 +4830,14 @@
     		block,
     		id: create_if_block_3.name,
     		type: "if",
-    		source: "(245:6) {#if vendorsArray}",
+    		source: "(245:8) {#if vendorsArray}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (249:12) {#if vendor.isFilterSelected}
+    // (249:14) {#if vendor.isFilterSelected}
     function create_if_block_4(ctx) {
     	let div1;
     	let div0;
@@ -4849,9 +4847,9 @@
     			div1 = element("div");
     			div0 = element("div");
     			attr_dev(div0, "class", "CheckMark");
-    			add_location(div0, file, 250, 16, 10570);
+    			add_location(div0, file, 250, 18, 10549);
     			attr_dev(div1, "class", "FilterIconContainer");
-    			add_location(div1, file, 249, 14, 10520);
+    			add_location(div1, file, 249, 16, 10497);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div1, anchor);
@@ -4866,14 +4864,14 @@
     		block,
     		id: create_if_block_4.name,
     		type: "if",
-    		source: "(249:12) {#if vendor.isFilterSelected}",
+    		source: "(249:14) {#if vendor.isFilterSelected}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (246:8) {#each vendorsArray as vendor}
+    // (246:10) {#each vendorsArray as vendor}
     function create_each_block(ctx) {
     	let div;
     	let img;
@@ -4900,13 +4898,13 @@
     			attr_dev(img, "class", "VendorImage");
     			if (img.src !== (img_src_value = /*vendor*/ ctx[32].image)) attr_dev(img, "src", img_src_value);
     			attr_dev(img, "alt", img_alt_value = /*vendor*/ ctx[32].name);
-    			add_location(img, file, 247, 12, 10395);
+    			add_location(img, file, 247, 14, 10368);
 
     			attr_dev(div, "class", div_class_value = "VendorBox " + (/*vendor*/ ctx[32].isFilterSelected
     			? "VendorBoxSelected"
     			: ""));
 
-    			add_location(div, file, 246, 10, 10260);
+    			add_location(div, file, 246, 12, 10231);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -4960,14 +4958,14 @@
     		block,
     		id: create_each_block.name,
     		type: "each",
-    		source: "(246:8) {#each vendorsArray as vendor}",
+    		source: "(246:10) {#each vendorsArray as vendor}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (259:6) {#if provisionalVendorArray}
+    // (259:8) {#if provisionalVendorArray}
     function create_if_block_1(ctx) {
     	let if_block_anchor;
     	let if_block = /*provisionalVendorArray*/ ctx[3].length && create_if_block_2(ctx);
@@ -5005,14 +5003,14 @@
     		block,
     		id: create_if_block_1.name,
     		type: "if",
-    		source: "(259:6) {#if provisionalVendorArray}",
+    		source: "(259:8) {#if provisionalVendorArray}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (260:8) {#if provisionalVendorArray.length}
+    // (260:10) {#if provisionalVendorArray.length}
     function create_if_block_2(ctx) {
     	let div;
     	let t_value = /*$_*/ ctx[6]("filters.filterClear") + "";
@@ -5025,7 +5023,7 @@
     			div = element("div");
     			t = text(t_value);
     			attr_dev(div, "class", "ClearFiltersButton");
-    			add_location(div, file, 260, 10, 10830);
+    			add_location(div, file, 260, 12, 10829);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -5050,7 +5048,7 @@
     		block,
     		id: create_if_block_2.name,
     		type: "if",
-    		source: "(260:8) {#if provisionalVendorArray.length}",
+    		source: "(260:10) {#if provisionalVendorArray.length}",
     		ctx
     	});
 
@@ -5058,7 +5056,7 @@
     }
 
     function create_fragment(ctx) {
-    	let if_block_anchor;
+    	let div;
 
     	function select_block_type(ctx, dirty) {
     		if (/*isLoading*/ ctx[4]) return create_if_block;
@@ -5070,16 +5068,18 @@
 
     	const block = {
     		c: function create() {
+    			div = element("div");
     			if_block.c();
-    			if_block_anchor = empty();
     			this.c = noop$1;
+    			add_location(div, file, 232, 0, 9634);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
     		},
     		m: function mount(target, anchor) {
-    			if_block.m(target, anchor);
-    			insert_dev(target, if_block_anchor, anchor);
+    			insert_dev(target, div, anchor);
+    			if_block.m(div, null);
+    			/*div_binding*/ ctx[20](div);
     		},
     		p: function update(ctx, dirty) {
     			if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block) {
@@ -5090,15 +5090,16 @@
 
     				if (if_block) {
     					if_block.c();
-    					if_block.m(if_block_anchor.parentNode, if_block_anchor);
+    					if_block.m(div, null);
     				}
     			}
     		},
     		i: noop$1,
     		o: noop$1,
     		d: function destroy(detaching) {
-    			if_block.d(detaching);
-    			if (detaching) detach_dev(if_block_anchor);
+    			if (detaching) detach_dev(div);
+    			if_block.d();
+    			/*div_binding*/ ctx[20](null);
     		}
     	};
 
@@ -5194,12 +5195,12 @@
     					break;
     				case "AvailableVendors":
     					$$invalidate(0, vendorsArray = e.data.venArray);
-    					$$invalidate(3, provisionalVendorArray = vendorsArray.reduce((a, o) => (o.isFilterSelected && a.push(o.id), a), []));
+    					$$invalidate(3, provisionalVendorArray = vendorsArray.reduce((arr, obj) => (obj.isFilterSelected && arr.push(obj.id), arr), []));
     					break;
     				case "UpdateSelectedVendorFilters":
     					$$invalidate(0, vendorsArray = e.data.venArray);
     					if (vendorsArray) {
-    						$$invalidate(3, provisionalVendorArray = vendorsArray.reduce((a, o) => (o.isFilterSelected && a.push(o.id), a), []));
+    						$$invalidate(3, provisionalVendorArray = vendorsArray.reduce((arr, obj) => (obj.isFilterSelected && arr.push(obj.id), arr), []));
     					}
     					break;
     				case "ClearVendorFilters":
@@ -5208,8 +5209,8 @@
     					$$invalidate(2, applyFilters = false);
     					break;
     				case "ModalClosed":
-    					vendorsArray.forEach(ven => {
-    						ven.isFilterSelected = false;
+    					vendorsArray.forEach(vendor => {
+    						vendor.isFilterSelected = false;
     					});
     					window.postMessage({ type: "UpdateFilters", vendorsArray }, window.location.href);
     					break;
@@ -5306,9 +5307,11 @@
     		window.postMessage({ type: "ClearFilters", vendorsArray }, window.location.href);
     		filtersMarkedForClearance = true;
 
-    		$$invalidate(2, applyFilters = !provisionalVendorArray.length && checkArrayEquality(provisionalVendorArray, previousFilterSelection)
-    		? false
-    		: true);
+    		// check if there are any differences between current and previous selections
+    		$$invalidate(2, applyFilters = checkArrayEquality(provisionalVendorArray, previousFilterSelection));
+
+    		// clear current array
+    		$$invalidate(3, provisionalVendorArray = []);
 
     		if (filters !== null) {
     			filters = JSON.parse(filters);
@@ -5342,19 +5345,16 @@
 
     	const setClientStylingURL = () => {
     		let cssFile = document.createElement("style");
-    		cssFile.innerHTML = `@import ${clientstylingurl}`;
 
-    		if (clientstylingurl) {
-    			fetch(new URL(clientstylingurl)).then(res => res.text()).then(data => {
-    				cssFile.innerHTML = data;
+    		fetch(new URL(clientstylingurl)).then(res => res.text()).then(data => {
+    			cssFile.innerHTML = data;
 
-    				if (customStylingContainer) {
-    					setTimeout(() => {
-    						customStylingContainer.appendChild(cssFile);
-    					});
-    				}
-    			});
-    		}
+    			if (customStylingContainer) {
+    				setTimeout(() => {
+    					customStylingContainer.appendChild(cssFile);
+    				});
+    			}
+    		});
     	};
 
     	onMount(() => {
@@ -5387,7 +5387,7 @@
     	const click_handler_1 = () => clearVendorFilter();
     	const click_handler_2 = () => applyVendorFilter();
 
-    	function div2_binding($$value) {
+    	function div_binding($$value) {
     		binding_callbacks[$$value ? "unshift" : "push"](() => {
     			customStylingContainer = $$value;
     			$$invalidate(5, customStylingContainer);
@@ -5497,7 +5497,7 @@
     		click_handler,
     		click_handler_1,
     		click_handler_2,
-    		div2_binding
+    		div_binding
     	];
     }