@abgov/web-components 1.0.0-alpha.79 → 1.0.0-alpha.81

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/web-components",
-  "version": "1.0.0-alpha.79",
+  "version": "1.0.0-alpha.81",
   "description": "Government of Alberta - UI Web components",
   "bugs": {
     "url": "https://github.com/GovAlta/ui-components/issues"

package/web-components.es.js

@@ -1022,7 +1022,7 @@ function create_else_block$4(ctx) {
 }
 
 // (12:2) {#if url}
-function create_if_block$i(ctx) {
+function create_if_block$j(ctx) {
 	let a;
 	let img0;
 	let img0_src_value;
@@ -1080,7 +1080,7 @@ function create_fragment$D(ctx) {
 	let div0;
 
 	function select_block_type(ctx, dirty) {
-		if (/*url*/ ctx[1]) return create_if_block$i;
+		if (/*url*/ ctx[1]) return create_if_block$j;
 		return create_else_block$4;
 	}
 
@@ -1265,7 +1265,7 @@ function create_if_block_1$b(ctx) {
 }
 
 // (46:2) {#if content}
-function create_if_block$h(ctx) {
+function create_if_block$i(ctx) {
 	let div;
 	let t;
 
@@ -1300,7 +1300,7 @@ function create_fragment$C(ctx) {
 
 	let current_block_type = select_block_type(ctx);
 	let if_block0 = current_block_type(ctx);
-	let if_block1 = /*content*/ ctx[2] && create_if_block$h(ctx);
+	let if_block1 = /*content*/ ctx[2] && create_if_block$i(ctx);
 
 	return {
 		c() {
@@ -1337,7 +1337,7 @@ function create_fragment$C(ctx) {
 				if (if_block1) {
 					if_block1.p(ctx, dirty);
 				} else {
-					if_block1 = create_if_block$h(ctx);
+					if_block1 = create_if_block$i(ctx);
 					if_block1.c();
 					if_block1.m(div, null);
 				}
@@ -1554,7 +1554,7 @@ function create_else_block$2(ctx) {
 }
 
 // (55:2) {#if type === "start"}
-function create_if_block$g(ctx) {
+function create_if_block$h(ctx) {
 	let div;
 	let t;
 	let goa_icon;
@@ -1649,7 +1649,7 @@ function create_fragment$B(ctx) {
 	let dispose;
 
 	function select_block_type(ctx, dirty) {
-		if (/*type*/ ctx[0] === "start") return create_if_block$g;
+		if (/*type*/ ctx[0] === "start") return create_if_block$h;
 		return create_else_block$2;
 	}
 
@@ -2043,6 +2043,28 @@ customElements.define("goa-button-group", ButtonGroup);
 
 /* libs/web-components/src/components/callout/Callout.svelte generated by Svelte v3.49.0 */
 
+function create_if_block$g(ctx) {
+	let h3;
+	let t;
+
+	return {
+		c() {
+			h3 = element("h3");
+			t = text(/*heading*/ ctx[1]);
+		},
+		m(target, anchor) {
+			insert(target, h3, anchor);
+			append(h3, t);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*heading*/ 2) set_data(t, /*heading*/ ctx[1]);
+		},
+		d(detaching) {
+			if (detaching) detach(h3);
+		}
+	};
+}
+
 function create_fragment$z(ctx) {
 	let div;
 	let span0;
@@ -2051,10 +2073,9 @@ function create_fragment$z(ctx) {
 	let span0_class_value;
 	let t0;
 	let span1;
-	let h3;
 	let t1;
-	let t2;
 	let slot;
+	let if_block = /*heading*/ ctx[1] && create_if_block$g(ctx);
 
 	return {
 		c() {
@@ -2063,9 +2084,8 @@ function create_fragment$z(ctx) {
 			goa_icon = element("goa-icon");
 			t0 = space();
 			span1 = element("span");
-			h3 = element("h3");
-			t1 = text(/*heading*/ ctx[1]);
-			t2 = space();
+			if (if_block) if_block.c();
+			t1 = space();
 			slot = element("slot");
 			this.c = noop;
 			set_custom_element_data(goa_icon, "type", /*iconType*/ ctx[3]);
@@ -2081,9 +2101,8 @@ function create_fragment$z(ctx) {
 			append(span0, goa_icon);
 			append(div, t0);
 			append(div, span1);
-			append(span1, h3);
-			append(h3, t1);
-			append(span1, t2);
+			if (if_block) if_block.m(span1, null);
+			append(span1, t1);
 			append(span1, slot);
 		},
 		p(ctx, [dirty]) {
@@ -2099,7 +2118,18 @@ function create_fragment$z(ctx) {
 				attr(span0, "class", span0_class_value);
 			}
 
-			if (dirty & /*heading*/ 2) set_data(t1, /*heading*/ ctx[1]);
+			if (/*heading*/ ctx[1]) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+				} else {
+					if_block = create_if_block$g(ctx);
+					if_block.c();
+					if_block.m(span1, t1);
+				}
+			} else if (if_block) {
+				if_block.d(1);
+				if_block = null;
+			}
 
 			if (dirty & /*testid*/ 4) {
 				attr(div, "data-testid", /*testid*/ ctx[2]);
@@ -2109,6 +2139,7 @@ function create_fragment$z(ctx) {
 		o: noop,
 		d(detaching) {
 			if (detaching) detach(div);
+			if (if_block) if_block.d();
 		}
 	};
 }
@@ -7047,7 +7078,7 @@ function create_if_block$7(ctx) {
 	const if_blocks = [];
 
 	function select_block_type(ctx, dirty) {
-		if (/*fullscreen*/ ctx[6]) return 0;
+		if (/*fullscreen*/ ctx[4]) return 0;
 		if (/*inline*/ ctx[5]) return 1;
 		return -1;
 	}
@@ -7124,7 +7155,7 @@ function create_if_block$7(ctx) {
 	};
 }
 
-// (40:19) 
+// (39:19) 
 function create_if_block_3$1(ctx) {
 	let div;
 	let goa_spinner;
@@ -7140,9 +7171,9 @@ function create_if_block_3$1(ctx) {
 			t = space();
 			if (if_block) if_block.c();
 			set_custom_element_data(goa_spinner, "type", /*type*/ ctx[0]);
-			set_custom_element_data(goa_spinner, "size", /*spinnerSize*/ ctx[4]);
+			set_custom_element_data(goa_spinner, "size", /*spinnerSize*/ ctx[3]);
 			set_custom_element_data(goa_spinner, "progress", goa_spinner_progress_value = /*progress*/ ctx[2] || 0);
-			attr(div, "class", div_class_value = "spinner-" + /*spinnerSize*/ ctx[4]);
+			attr(div, "class", div_class_value = "spinner-" + /*spinnerSize*/ ctx[3]);
 			toggle_class(div, "inline", /*inline*/ ctx[5]);
 		},
 		m(target, anchor) {
@@ -7156,8 +7187,8 @@ function create_if_block_3$1(ctx) {
 				set_custom_element_data(goa_spinner, "type", /*type*/ ctx[0]);
 			}
 
-			if (dirty & /*spinnerSize*/ 16) {
-				set_custom_element_data(goa_spinner, "size", /*spinnerSize*/ ctx[4]);
+			if (dirty & /*spinnerSize*/ 8) {
+				set_custom_element_data(goa_spinner, "size", /*spinnerSize*/ ctx[3]);
 			}
 
 			if (dirty & /*progress*/ 4 && goa_spinner_progress_value !== (goa_spinner_progress_value = /*progress*/ ctx[2] || 0)) {
@@ -7177,11 +7208,11 @@ function create_if_block_3$1(ctx) {
 				if_block = null;
 			}
 
-			if (dirty & /*spinnerSize*/ 16 && div_class_value !== (div_class_value = "spinner-" + /*spinnerSize*/ ctx[4])) {
+			if (dirty & /*spinnerSize*/ 8 && div_class_value !== (div_class_value = "spinner-" + /*spinnerSize*/ ctx[3])) {
 				attr(div, "class", div_class_value);
 			}
 
-			if (dirty & /*spinnerSize, inline*/ 48) {
+			if (dirty & /*spinnerSize, inline*/ 40) {
 				toggle_class(div, "inline", /*inline*/ ctx[5]);
 			}
 		},
@@ -7194,7 +7225,7 @@ function create_if_block_3$1(ctx) {
 	};
 }
 
-// (29:2) {#if fullscreen}
+// (28:2) {#if fullscreen}
 function create_if_block_1$4(ctx) {
 	let div;
 	let goa_spinner;
@@ -7213,9 +7244,9 @@ function create_if_block_1$4(ctx) {
 			t = space();
 			if (if_block) if_block.c();
 			set_custom_element_data(goa_spinner, "type", /*type*/ ctx[0]);
-			set_custom_element_data(goa_spinner, "size", /*spinnerSize*/ ctx[4]);
+			set_custom_element_data(goa_spinner, "size", /*spinnerSize*/ ctx[3]);
 			set_custom_element_data(goa_spinner, "progress", goa_spinner_progress_value = /*progress*/ ctx[2] || 0);
-			toggle_class(div, "fullscreen", /*fullscreen*/ ctx[6]);
+			toggle_class(div, "fullscreen", /*fullscreen*/ ctx[4]);
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -7234,8 +7265,8 @@ function create_if_block_1$4(ctx) {
 				set_custom_element_data(goa_spinner, "type", /*type*/ ctx[0]);
 			}
 
-			if (!current || dirty & /*spinnerSize*/ 16) {
-				set_custom_element_data(goa_spinner, "size", /*spinnerSize*/ ctx[4]);
+			if (!current || dirty & /*spinnerSize*/ 8) {
+				set_custom_element_data(goa_spinner, "size", /*spinnerSize*/ ctx[3]);
 			}
 
 			if (!current || dirty & /*progress*/ 4 && goa_spinner_progress_value !== (goa_spinner_progress_value = /*progress*/ ctx[2] || 0)) {
@@ -7255,8 +7286,8 @@ function create_if_block_1$4(ctx) {
 				if_block = null;
 			}
 
-			if (dirty & /*fullscreen*/ 64) {
-				toggle_class(div, "fullscreen", /*fullscreen*/ ctx[6]);
+			if (dirty & /*fullscreen*/ 16) {
+				toggle_class(div, "fullscreen", /*fullscreen*/ ctx[4]);
 			}
 		},
 		i(local) {
@@ -7284,7 +7315,7 @@ function create_if_block_1$4(ctx) {
 	};
 }
 
-// (43:6) {#if message}
+// (42:6) {#if message}
 function create_if_block_4(ctx) {
 	let div;
 	let t;
@@ -7308,7 +7339,7 @@ function create_if_block_4(ctx) {
 	};
 }
 
-// (36:6) {#if message}
+// (35:6) {#if message}
 function create_if_block_2$3(ctx) {
 	let div;
 	let t;
@@ -7335,7 +7366,7 @@ function create_if_block_2$3(ctx) {
 function create_fragment$f(ctx) {
 	let if_block_anchor;
 	let current;
-	let if_block = /*ready*/ ctx[3] && create_if_block$7(ctx);
+	let if_block = /*isVisible*/ ctx[6] && create_if_block$7(ctx);
 
 	return {
 		c() {
@@ -7349,11 +7380,11 @@ function create_fragment$f(ctx) {
 			current = true;
 		},
 		p(ctx, [dirty]) {
-			if (/*ready*/ ctx[3]) {
+			if (/*isVisible*/ ctx[6]) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 
-					if (dirty & /*ready*/ 8) {
+					if (dirty & /*isVisible*/ 64) {
 						transition_in(if_block, 1);
 					}
 				} else {
@@ -7390,22 +7421,20 @@ function create_fragment$f(ctx) {
 
 function instance$e($$self, $$props, $$invalidate) {
 	let isVisible;
-	let fullscreen;
-	let inline;
-	let spinnerSize;
 	let { type = "infinite" } = $$props;
 	let { variant = "inline" } = $$props;
 	let { size = "large" } = $$props;
 	let { message = "" } = $$props;
 	let { progress = 0 } = $$props;
 	let { visible = "false" } = $$props;
-	let ready = false;
+	let spinnerSize;
+	let fullscreen;
+	let inline;
 
 	onMount(async () => {
-		// there needs to be a slight delay in the render to prevent an invalid spinner size from being shown
-		await tick();
-
-		$$invalidate(3, ready = isVisible);
+		$$invalidate(3, spinnerSize = size === "small" ? "large" : "xlarge");
+		$$invalidate(4, fullscreen = variant === "fullscreen");
+		$$invalidate(5, inline = variant === "inline");
 	});
 
 	$$self.$$set = $$props => {
@@ -7419,19 +7448,7 @@ function instance$e($$self, $$props, $$invalidate) {
 
 	$$self.$$.update = () => {
 		if ($$self.$$.dirty & /*visible*/ 512) {
-			isVisible = toBoolean(visible);
-		}
-
-		if ($$self.$$.dirty & /*variant*/ 128) {
-			$$invalidate(6, fullscreen = variant === "fullscreen");
-		}
-
-		if ($$self.$$.dirty & /*variant*/ 128) {
-			$$invalidate(5, inline = variant === "inline");
-		}
-
-		if ($$self.$$.dirty & /*size*/ 256) {
-			$$invalidate(4, spinnerSize = size === "small" ? "large" : "xlarge");
+			$$invalidate(6, isVisible = toBoolean(visible));
 		}
 	};
 
@@ -7439,10 +7456,10 @@ function instance$e($$self, $$props, $$invalidate) {
 		type,
 		message,
 		progress,
-		ready,
 		spinnerSize,
-		inline,
 		fullscreen,
+		inline,
+		isVisible,
 		variant,
 		size,
 		visible