@everymatrix/general-player-login-form 0.0.163 → 0.0.167

package/dist/general-player-login-form.js

@@ -4427,40 +4427,42 @@
 
     // (134:0) {:else}
     function create_else_block(ctx) {
+    	let a;
+    	let t1;
     	let div5;
     	let div4;
     	let div0;
     	let h4;
-    	let t1;
+    	let t3;
     	let p;
-    	let t2;
-    	let span0;
     	let t4;
+    	let span0;
+    	let t6;
     	let div3;
     	let div1;
     	let label0;
-    	let t5;
-    	let span1;
     	let t7;
+    	let span1;
+    	let t9;
     	let input0;
-    	let t8;
+    	let t10;
     	let div1_class_value;
-    	let t9;
+    	let t11;
     	let div2;
     	let label1;
-    	let t10;
-    	let span2;
     	let t12;
-    	let input1;
-    	let t13;
+    	let span2;
     	let t14;
-    	let div2_class_value;
+    	let input1;
     	let t15;
     	let t16;
-    	let button0;
+    	let div2_class_value;
+    	let t17;
     	let t18;
-    	let button1;
+    	let button0;
     	let t20;
+    	let button1;
+    	let t22;
     	let div5_class_value;
     	let mounted;
     	let dispose;
@@ -4479,126 +4481,133 @@
 
     	const block = {
     		c: function create() {
+    			a = element("a");
+    			a.textContent = "Open template";
+    			t1 = space();
     			div5 = element("div");
     			div4 = element("div");
     			div0 = element("div");
     			h4 = element("h4");
     			h4.textContent = "Welcome";
-    			t1 = space();
+    			t3 = space();
     			p = element("p");
-    			t2 = text("Don't have an account yet? ");
+    			t4 = text("Don't have an account yet? ");
     			span0 = element("span");
     			span0.textContent = "Register now";
-    			t4 = space();
+    			t6 = space();
     			div3 = element("div");
     			div1 = element("div");
     			label0 = element("label");
-    			t5 = text("Username or Email:");
+    			t7 = text("Username or Email:");
     			span1 = element("span");
     			span1.textContent = "*";
-    			t7 = space();
+    			t9 = space();
     			input0 = element("input");
-    			t8 = space();
+    			t10 = space();
     			if (if_block0) if_block0.c();
-    			t9 = space();
+    			t11 = space();
     			div2 = element("div");
     			label1 = element("label");
-    			t10 = text("Password:");
+    			t12 = text("Password:");
     			span2 = element("span");
     			span2.textContent = "*";
-    			t12 = space();
+    			t14 = space();
     			input1 = element("input");
-    			t13 = space();
+    			t15 = space();
     			if_block1.c();
-    			t14 = space();
+    			t16 = space();
     			if (if_block2) if_block2.c();
-    			t15 = space();
+    			t17 = space();
     			if (if_block3) if_block3.c();
-    			t16 = space();
+    			t18 = space();
     			button0 = element("button");
     			button0.textContent = "Sign In";
-    			t18 = space();
+    			t20 = space();
     			button1 = element("button");
     			button1.textContent = "I forgot my password";
-    			t20 = space();
+    			t22 = space();
     			if (if_block4) if_block4.c();
+    			attr_dev(a, "href", "https://widgets.everymatrix.com/showcase/player-register");
+    			add_location(a, file, 134, 2, 4352);
     			attr_dev(h4, "class", "FormHeaderTitle");
-    			add_location(h4, file, 137, 8, 4492);
+    			add_location(h4, file, 138, 8, 4579);
     			attr_dev(span0, "class", "FormRegisterCallToAction");
-    			add_location(span0, file, 138, 65, 4598);
+    			add_location(span0, file, 139, 65, 4685);
     			attr_dev(p, "class", "FormHeaderSubtitle");
-    			add_location(p, file, 138, 8, 4541);
+    			add_location(p, file, 139, 8, 4628);
     			attr_dev(div0, "class", "FormHeader");
-    			add_location(div0, file, 136, 6, 4459);
+    			add_location(div0, file, 137, 6, 4546);
     			attr_dev(span1, "class", "FormRequired");
-    			add_location(span1, file, 142, 50, 4864);
+    			add_location(span1, file, 143, 50, 4951);
     			attr_dev(label0, "for", "UserName");
-    			add_location(label0, file, 142, 10, 4824);
+    			add_location(label0, file, 143, 10, 4911);
     			attr_dev(input0, "type", "text");
     			attr_dev(input0, "id", "UserName");
-    			add_location(input0, file, 143, 10, 4918);
+    			add_location(input0, file, 144, 10, 5005);
     			attr_dev(div1, "class", div1_class_value = "UserContainer " + (/*invalidName*/ ctx[4] ? "InvalidField" : ""));
-    			add_location(div1, file, 141, 8, 4750);
+    			add_location(div1, file, 142, 8, 4837);
     			attr_dev(span2, "class", "FormRequired");
-    			add_location(span2, file, 149, 41, 5355);
+    			add_location(span2, file, 150, 41, 5442);
     			attr_dev(label1, "for", "Password");
-    			add_location(label1, file, 149, 10, 5324);
+    			add_location(label1, file, 150, 10, 5411);
     			attr_dev(input1, "type", "password");
     			attr_dev(input1, "id", "Password");
-    			add_location(input1, file, 150, 10, 5409);
+    			add_location(input1, file, 151, 10, 5496);
     			attr_dev(div2, "class", div2_class_value = "PasswordContainer " + (/*invalidPassword*/ ctx[5] ? "InvalidField" : ""));
-    			add_location(div2, file, 148, 8, 5242);
+    			add_location(div2, file, 149, 8, 5329);
     			attr_dev(button0, "class", "SingInButton");
-    			add_location(button0, file, 163, 8, 8750);
+    			add_location(button0, file, 164, 8, 8837);
     			attr_dev(button1, "class", "ForgotPasswordButton");
-    			add_location(button1, file, 164, 8, 8839);
+    			add_location(button1, file, 165, 8, 8926);
     			attr_dev(div3, "class", "FormContent");
-    			add_location(div3, file, 140, 6, 4716);
+    			add_location(div3, file, 141, 6, 4803);
     			attr_dev(div4, "class", "FormLeftSide");
-    			add_location(div4, file, 135, 4, 4426);
+    			add_location(div4, file, 136, 4, 4513);
     			attr_dev(div5, "class", div5_class_value = "FormContainer " + (/*mobileView*/ ctx[1] ? "FormMobileContainer" : ""));
-    			add_location(div5, file, 134, 2, 4352);
+    			add_location(div5, file, 135, 2, 4439);
     		},
     		m: function mount(target, anchor) {
+    			insert_dev(target, a, anchor);
+    			insert_dev(target, t1, anchor);
     			insert_dev(target, div5, anchor);
     			append_dev(div5, div4);
     			append_dev(div4, div0);
     			append_dev(div0, h4);
-    			append_dev(div0, t1);
+    			append_dev(div0, t3);
     			append_dev(div0, p);
-    			append_dev(p, t2);
+    			append_dev(p, t4);
     			append_dev(p, span0);
-    			append_dev(div4, t4);
+    			append_dev(div4, t6);
     			append_dev(div4, div3);
     			append_dev(div3, div1);
     			append_dev(div1, label0);
-    			append_dev(label0, t5);
+    			append_dev(label0, t7);
     			append_dev(label0, span1);
-    			append_dev(div1, t7);
+    			append_dev(div1, t9);
     			append_dev(div1, input0);
     			set_input_value(input0, /*userValue*/ ctx[2]);
-    			append_dev(div1, t8);
+    			append_dev(div1, t10);
     			if (if_block0) if_block0.m(div1, null);
-    			append_dev(div3, t9);
+    			append_dev(div3, t11);
     			append_dev(div3, div2);
     			append_dev(div2, label1);
-    			append_dev(label1, t10);
+    			append_dev(label1, t12);
     			append_dev(label1, span2);
-    			append_dev(div2, t12);
+    			append_dev(div2, t14);
     			append_dev(div2, input1);
     			set_input_value(input1, /*userPassword*/ ctx[3]);
     			/*input1_binding*/ ctx[20](input1);
-    			append_dev(div2, t13);
+    			append_dev(div2, t15);
     			if_block1.m(div2, null);
-    			append_dev(div2, t14);
+    			append_dev(div2, t16);
     			if (if_block2) if_block2.m(div2, null);
-    			append_dev(div3, t15);
+    			append_dev(div3, t17);
     			if (if_block3) if_block3.m(div3, null);
-    			append_dev(div3, t16);
-    			append_dev(div3, button0);
     			append_dev(div3, t18);
+    			append_dev(div3, button0);
+    			append_dev(div3, t20);
     			append_dev(div3, button1);
-    			append_dev(div5, t20);
+    			append_dev(div5, t22);
     			if (if_block4) if_block4.m(div5, null);
 
     			if (!mounted) {
@@ -4647,7 +4656,7 @@
 
     				if (if_block1) {
     					if_block1.c();
-    					if_block1.m(div2, t14);
+    					if_block1.m(div2, t16);
     				}
     			}
 
@@ -4672,7 +4681,7 @@
     				} else {
     					if_block3 = create_if_block_2(ctx);
     					if_block3.c();
-    					if_block3.m(div3, t16);
+    					if_block3.m(div3, t18);
     				}
     			} else if (if_block3) {
     				if_block3.d(1);
@@ -4697,6 +4706,8 @@
     			}
     		},
     		d: function destroy(detaching) {
+    			if (detaching) detach_dev(a);
+    			if (detaching) detach_dev(t1);
     			if (detaching) detach_dev(div5);
     			if (if_block0) if_block0.d();
     			/*input1_binding*/ ctx[20](null);
@@ -4750,7 +4761,7 @@
     	return block;
     }
 
-    // (145:10) {#if invalidName}
+    // (146:10) {#if invalidName}
     function create_if_block_5(ctx) {
     	let p;
 
@@ -4759,7 +4770,7 @@
     			p = element("p");
     			p.textContent = "Name must be at least 2 characters long, and contain no special characters. Email should contain '@' and a 2-3 letter long domain.";
     			attr_dev(p, "class", "InvalidInput");
-    			add_location(p, file, 145, 12, 5044);
+    			add_location(p, file, 146, 12, 5131);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -4773,14 +4784,14 @@
     		block,
     		id: create_if_block_5.name,
     		type: "if",
-    		source: "(145:10) {#if invalidName}",
+    		source: "(146:10) {#if invalidName}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (154:10) {:else}
+    // (155:10) {:else}
     function create_else_block_1(ctx) {
     	let svg;
     	let defs;
@@ -4801,26 +4812,26 @@
     			g = svg_element("g");
     			path = svg_element("path");
     			circle = svg_element("circle");
-    			add_location(style, file, 154, 178, 7465);
-    			add_location(defs, file, 154, 172, 7459);
+    			add_location(style, file, 155, 178, 7552);
+    			add_location(defs, file, 155, 172, 7546);
     			attr_dev(path, "class", "a");
     			attr_dev(path, "d", "M23.541,38.332a11.467,11.467,0,0,1-4.886-1.611,34.413,34.413,0,0,1-3.976-2.469,1.1,1.1,0,0,1-.494-.936,1.21,1.21,0,0,1,.442-.962A37.986,37.986,0,0,1,18.6,29.625a16.06,16.06,0,0,1,2.521-1.248,6.862,6.862,0,0,1,2.417-.546,6.862,6.862,0,0,1,2.417.546,20.541,20.541,0,0,1,2.547,1.248,45.872,45.872,0,0,1,4.054,2.729,1.159,1.159,0,0,1,.468.962,1.067,1.067,0,0,1-.52.936,36.353,36.353,0,0,1-4.054,2.469A11.2,11.2,0,0,1,23.541,38.332Zm0-9.46a9.813,9.813,0,0,0-4.392,1.663,44.138,44.138,0,0,0-3.873,2.651.13.13,0,0,0,0,.208,36.5,36.5,0,0,0,3.873,2.391,10.372,10.372,0,0,0,4.392,1.481,11.051,11.051,0,0,0,4.444-1.481,40.2,40.2,0,0,0,3.925-2.391.13.13,0,0,0,0-.208h0a34.132,34.132,0,0,0-3.925-2.651A10.072,10.072,0,0,0,23.541,28.872Z");
     			attr_dev(path, "transform", "translate(0)");
-    			add_location(path, file, 154, 259, 7546);
+    			add_location(path, file, 155, 259, 7633);
     			attr_dev(circle, "class", "a");
     			attr_dev(circle, "cx", "2.779");
     			attr_dev(circle, "cy", "2.779");
     			attr_dev(circle, "r", "2.779");
     			attr_dev(circle, "transform", "translate(20.827 30.303)");
-    			add_location(circle, file, 154, 1029, 8316);
+    			add_location(circle, file, 155, 1029, 8403);
     			attr_dev(g, "transform", "translate(-14.185 -27.832)");
-    			add_location(g, file, 154, 217, 7504);
+    			add_location(g, file, 155, 217, 7591);
     			attr_dev(svg, "class", "TogglePasswordVisibility");
     			attr_dev(svg, "xmlns", "http://www.w3.org/2000/svg");
     			attr_dev(svg, "width", "18.843");
     			attr_dev(svg, "height", "10.5");
     			attr_dev(svg, "viewBox", "0 0 18.843 10.5");
-    			add_location(svg, file, 154, 12, 7299);
+    			add_location(svg, file, 155, 12, 7386);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, svg, anchor);
@@ -4848,14 +4859,14 @@
     		block,
     		id: create_else_block_1.name,
     		type: "else",
-    		source: "(154:10) {:else}",
+    		source: "(155:10) {:else}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (152:10) {#if isPasswordVisible}
+    // (153:10) {#if isPasswordVisible}
     function create_if_block_4(ctx) {
     	let svg;
     	let defs;
@@ -4888,48 +4899,48 @@
     			path2 = svg_element("path");
     			path3 = svg_element("path");
     			rect = svg_element("rect");
-    			add_location(style, file, 152, 182, 5755);
-    			add_location(defs, file, 152, 176, 5749);
+    			add_location(style, file, 153, 182, 5842);
+    			add_location(defs, file, 153, 176, 5836);
     			attr_dev(circle, "class", "a");
     			attr_dev(circle, "cx", "0.05");
     			attr_dev(circle, "cy", "0.05");
     			attr_dev(circle, "r", "0.05");
     			attr_dev(circle, "transform", "translate(121.017 31.148)");
-    			add_location(circle, file, 152, 264, 5837);
+    			add_location(circle, file, 153, 264, 5924);
     			attr_dev(path0, "class", "a");
     			attr_dev(path0, "d", "M147.413,43.174a2.774,2.774,0,0,0-3.229-3.943Z");
     			attr_dev(path0, "transform", "translate(-142.164 -39.123)");
-    			add_location(path0, file, 152, 390, 5963);
+    			add_location(path0, file, 153, 390, 6050);
     			attr_dev(path1, "class", "a");
     			attr_dev(path1, "d", "M137.031,43.1a2.778,2.778,0,0,0,3.447,4.209Z");
     			attr_dev(path1, "transform", "translate(-136.413 -42.068)");
-    			add_location(path1, file, 152, 498, 6071);
+    			add_location(path1, file, 153, 498, 6158);
     			attr_dev(g0, "transform", "translate(117.499 27.37)");
-    			add_location(g0, file, 152, 350, 5923);
+    			add_location(g0, file, 153, 350, 6010);
     			attr_dev(path2, "class", "a");
     			attr_dev(path2, "d", "M122.538,42.061a7.043,7.043,0,0,1-2.325.53,10.373,10.373,0,0,1-4.393-1.482,36.509,36.509,0,0,1-3.873-2.391.13.13,0,0,1,0-.208,44.141,44.141,0,0,1,3.873-2.651c.394-.233.768-.437,1.13-.622l-.686-.838c-.322.167-.651.347-.99.55a37.989,37.989,0,0,0-3.977,2.729,1.21,1.21,0,0,0-.442.962,1.1,1.1,0,0,0,.494.936,34.416,34.416,0,0,0,3.977,2.469,11.468,11.468,0,0,0,4.886,1.611,8.427,8.427,0,0,0,3.039-.725Z");
     			attr_dev(path2, "transform", "translate(-110.856 -33.157)");
-    			add_location(path2, file, 152, 649, 6222);
+    			add_location(path2, file, 153, 649, 6309);
     			attr_dev(path3, "class", "a");
     			attr_dev(path3, "d", "M149.119,34.14a45.875,45.875,0,0,0-4.055-2.729,20.541,20.541,0,0,0-2.547-1.248,5.6,5.6,0,0,0-4.79-.017l.7.856a5.254,5.254,0,0,1,1.672-.346,10.072,10.072,0,0,1,4.445,1.663,34.132,34.132,0,0,1,3.925,2.651.13.13,0,0,1,0,.208,40.2,40.2,0,0,1-3.925,2.391c-.179.092-.352.176-.525.26l.684.835c.1-.054.2-.1.309-.159a36.356,36.356,0,0,0,4.055-2.469,1.067,1.067,0,0,0,.52-.936A1.159,1.159,0,0,0,149.119,34.14Z");
     			attr_dev(path3, "transform", "translate(-130.743 -29.617)");
-    			add_location(path3, file, 152, 1108, 6681);
+    			add_location(path3, file, 153, 1108, 6768);
     			attr_dev(g1, "transform", "translate(110.856 24.899)");
-    			add_location(g1, file, 152, 608, 6181);
+    			add_location(g1, file, 153, 608, 6268);
     			attr_dev(rect, "class", "a");
     			attr_dev(rect, "width", "0.972");
     			attr_dev(rect, "height", "15.861");
     			attr_dev(rect, "rx", "0.486");
     			attr_dev(rect, "transform", "translate(114.827 23.858) rotate(-39.315)");
-    			add_location(rect, file, 152, 1573, 7146);
+    			add_location(rect, file, 153, 1573, 7233);
     			attr_dev(g2, "transform", "translate(-110.856 -23.242)");
-    			add_location(g2, file, 152, 221, 5794);
+    			add_location(g2, file, 153, 221, 5881);
     			attr_dev(svg, "class", "TogglePasswordVisibility");
     			attr_dev(svg, "xmlns", "http://www.w3.org/2000/svg");
     			attr_dev(svg, "width", "18.844");
     			attr_dev(svg, "height", "12.887");
     			attr_dev(svg, "viewBox", "0 0 18.844 12.887");
-    			add_location(svg, file, 152, 12, 5585);
+    			add_location(svg, file, 153, 12, 5672);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, svg, anchor);
@@ -4963,14 +4974,14 @@
     		block,
     		id: create_if_block_4.name,
     		type: "if",
-    		source: "(152:10) {#if isPasswordVisible}",
+    		source: "(153:10) {#if isPasswordVisible}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (157:10) {#if invalidPassword}
+    // (158:10) {#if invalidPassword}
     function create_if_block_3(ctx) {
     	let p;
 
@@ -4979,7 +4990,7 @@
     			p = element("p");
     			p.textContent = "Password must be 8-20 characters long, and contain at least 1 uppercase letter, 1 number and 1 special character.";
     			attr_dev(p, "class", "InvalidInput");
-    			add_location(p, file, 157, 12, 8475);
+    			add_location(p, file, 158, 12, 8562);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -4993,14 +5004,14 @@
     		block,
     		id: create_if_block_3.name,
     		type: "if",
-    		source: "(157:10) {#if invalidPassword}",
+    		source: "(158:10) {#if invalidPassword}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (161:8) {#if errorMessage}
+    // (162:8) {#if errorMessage}
     function create_if_block_2(ctx) {
     	let p;
     	let t;
@@ -5010,7 +5021,7 @@
     			p = element("p");
     			t = text(/*errorMessage*/ ctx[6]);
     			attr_dev(p, "class", "ErrorMessage");
-    			add_location(p, file, 161, 10, 8685);
+    			add_location(p, file, 162, 10, 8772);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -5028,14 +5039,14 @@
     		block,
     		id: create_if_block_2.name,
     		type: "if",
-    		source: "(161:8) {#if errorMessage}",
+    		source: "(162:8) {#if errorMessage}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (176:4) {#if !mobileView}
+    // (177:4) {#if !mobileView}
     function create_if_block_1(ctx) {
     	let div;
 
@@ -5044,7 +5055,7 @@
     			div = element("div");
     			attr_dev(div, "class", "FormRightSide");
     			set_style(div, "background-image", "url('" + /*imagedesktop*/ ctx[0] + "')");
-    			add_location(div, file, 176, 6, 9425);
+    			add_location(div, file, 177, 6, 9512);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -5063,7 +5074,7 @@
     		block,
     		id: create_if_block_1.name,
     		type: "if",
-    		source: "(176:4) {#if !mobileView}",
+    		source: "(177:4) {#if !mobileView}",
     		ctx
     	});