@abgov/web-components 1.0.0-alpha.119 → 1.0.0-alpha.121

package/web-components.es.js

@@ -877,7 +877,7 @@ if (typeof HTMLElement === 'function') {
 
 /* libs/web-components/src/components/app-header/AppHeader.svelte generated by Svelte v3.51.0 */
 
-function create_else_block$4(ctx) {
+function create_else_block$3(ctx) {
 	let div;
 	let img0;
 	let img0_src_value;
@@ -924,8 +924,8 @@ function create_else_block$4(ctx) {
 	};
 }
 
-// (18:4) {#if url}
-function create_if_block$j(ctx) {
+// (19:4) {#if url}
+function create_if_block$i(ctx) {
 	let a;
 	let img0;
 	let img0_src_value;
@@ -985,8 +985,8 @@ function create_fragment$F(ctx) {
 	let div2_style_value;
 
 	function select_block_type(ctx, dirty) {
-		if (/*url*/ ctx[1]) return create_if_block$j;
-		return create_else_block$4;
+		if (/*url*/ ctx[1]) return create_if_block$i;
+		return create_else_block$3;
 	}
 
 	let current_block_type = select_block_type(ctx);
@@ -1153,7 +1153,7 @@ function fromBoolean(value) {
 
 /* libs/web-components/src/components/badge/Badge.svelte generated by Svelte v3.51.0 */
 
-function create_else_block$3(ctx) {
+function create_else_block$2(ctx) {
 	let div;
 
 	return {
@@ -1172,8 +1172,8 @@ function create_else_block$3(ctx) {
 	};
 }
 
-// (40:2) {#if showIcon}
-function create_if_block_1$b(ctx) {
+// (35:2) {#if showIcon}
+function create_if_block_1$a(ctx) {
 	let goa_icon;
 
 	return {
@@ -1196,8 +1196,8 @@ function create_if_block_1$b(ctx) {
 	};
 }
 
-// (45:2) {#if content}
-function create_if_block$i(ctx) {
+// (40:2) {#if content}
+function create_if_block$h(ctx) {
 	let div;
 	let t;
 
@@ -1226,13 +1226,13 @@ function create_fragment$E(ctx) {
 	let div_class_value;
 
 	function select_block_type(ctx, dirty) {
-		if (/*showIcon*/ ctx[3]) return create_if_block_1$b;
-		return create_else_block$3;
+		if (/*showIcon*/ ctx[3]) return create_if_block_1$a;
+		return create_else_block$2;
 	}
 
 	let current_block_type = select_block_type(ctx);
 	let if_block0 = current_block_type(ctx);
-	let if_block1 = /*content*/ ctx[2] && create_if_block$i(ctx);
+	let if_block1 = /*content*/ ctx[2] && create_if_block$h(ctx);
 
 	return {
 		c() {
@@ -1269,7 +1269,7 @@ function create_fragment$E(ctx) {
 				if (if_block1) {
 					if_block1.p(ctx, dirty);
 				} else {
-					if_block1 = create_if_block$i(ctx);
+					if_block1 = create_if_block$h(ctx);
 					if_block1.c();
 					if_block1.m(div, null);
 				}
@@ -1305,8 +1305,8 @@ function instance$z($$self, $$props, $$invalidate) {
 	let iconType;
 	let { type } = $$props;
 	let { testid = "" } = $$props;
-	let { icon = "false" } = $$props;
 	let { content = "" } = $$props;
+	let { icon = "false" } = $$props;
 
 	onMount(() => {
 		if (!showIcon && !content) {
@@ -1317,13 +1317,12 @@ function instance$z($$self, $$props, $$invalidate) {
 	$$self.$$set = $$props => {
 		if ('type' in $$props) $$invalidate(0, type = $$props.type);
 		if ('testid' in $$props) $$invalidate(1, testid = $$props.testid);
-		if ('icon' in $$props) $$invalidate(5, icon = $$props.icon);
 		if ('content' in $$props) $$invalidate(2, content = $$props.content);
+		if ('icon' in $$props) $$invalidate(5, icon = $$props.icon);
 	};
 
 	$$self.$$.update = () => {
 		if ($$self.$$.dirty & /*icon*/ 32) {
-			// export let icon: WCBoolean = WC_FALSE;
 			$$invalidate(3, showIcon = toBoolean(icon));
 		}
 
@@ -1358,7 +1357,7 @@ class Badge extends SvelteElement {
 			instance$z,
 			create_fragment$E,
 			safe_not_equal,
-			{ type: 0, testid: 1, icon: 5, content: 2 },
+			{ type: 0, testid: 1, content: 2, icon: 5 },
 			null
 		);
 
@@ -1375,7 +1374,7 @@ class Badge extends SvelteElement {
 	}
 
 	static get observedAttributes() {
-		return ["type", "testid", "icon", "content"];
+		return ["type", "testid", "content", "icon"];
 	}
 
 	get type() {
@@ -1396,21 +1395,21 @@ class Badge extends SvelteElement {
 		flush();
 	}
 
-	get icon() {
-		return this.$$.ctx[5];
+	get content() {
+		return this.$$.ctx[2];
 	}
 
-	set icon(icon) {
-		this.$$set({ icon });
+	set content(content) {
+		this.$$set({ content });
 		flush();
 	}
 
-	get content() {
-		return this.$$.ctx[2];
+	get icon() {
+		return this.$$.ctx[5];
 	}
 
-	set content(content) {
-		this.$$set({ content });
+	set icon(icon) {
+		this.$$set({ icon });
 		flush();
 	}
 }
@@ -1522,13 +1521,13 @@ customElements.define("goa-button-group", ButtonGroup);
 
 /* libs/web-components/src/components/button/Button.svelte generated by Svelte v3.51.0 */
 
-function create_else_block$2(ctx) {
+function create_else_block$1(ctx) {
 	let t0;
 	let slot;
 	let t1;
 	let if_block1_anchor;
-	let if_block0 = /*leadingicon*/ ctx[3] && create_if_block_2$7(ctx);
-	let if_block1 = /*trailingicon*/ ctx[4] && create_if_block_1$a(ctx);
+	let if_block0 = /*leadingicon*/ ctx[3] && create_if_block_2$6(ctx);
+	let if_block1 = /*trailingicon*/ ctx[4] && create_if_block_1$9(ctx);
 
 	return {
 		c() {
@@ -1553,7 +1552,7 @@ function create_else_block$2(ctx) {
 				if (if_block0) {
 					if_block0.p(ctx, dirty);
 				} else {
-					if_block0 = create_if_block_2$7(ctx);
+					if_block0 = create_if_block_2$6(ctx);
 					if_block0.c();
 					if_block0.m(t0.parentNode, t0);
 				}
@@ -1566,7 +1565,7 @@ function create_else_block$2(ctx) {
 				if (if_block1) {
 					if_block1.p(ctx, dirty);
 				} else {
-					if_block1 = create_if_block_1$a(ctx);
+					if_block1 = create_if_block_1$9(ctx);
 					if_block1.c();
 					if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
 				}
@@ -1587,7 +1586,7 @@ function create_else_block$2(ctx) {
 }
 
 // (53:2) {#if type === "start"}
-function create_if_block$h(ctx) {
+function create_if_block$g(ctx) {
 	let slot;
 	let t;
 	let goa_icon;
@@ -1617,7 +1616,7 @@ function create_if_block$h(ctx) {
 }
 
 // (57:4) {#if leadingicon}
-function create_if_block_2$7(ctx) {
+function create_if_block_2$6(ctx) {
 	let goa_icon;
 
 	return {
@@ -1646,7 +1645,7 @@ function create_if_block_2$7(ctx) {
 }
 
 // (61:4) {#if trailingicon}
-function create_if_block_1$a(ctx) {
+function create_if_block_1$9(ctx) {
 	let goa_icon;
 
 	return {
@@ -1681,8 +1680,8 @@ function create_fragment$C(ctx) {
 	let dispose;
 
 	function select_block_type(ctx, dirty) {
-		if (/*type*/ ctx[0] === "start") return create_if_block$h;
-		return create_else_block$2;
+		if (/*type*/ ctx[0] === "start") return create_if_block$g;
+		return create_else_block$1;
 	}
 
 	let current_block_type = select_block_type(ctx);
@@ -1787,15 +1786,15 @@ function instance$x($$self, $$props, $$invalidate) {
 
 	onMount(() => {
 		if (!isButtonType(type)) {
-			throw "Invalid button type";
+			console.error("Invalid button type");
 		}
 
 		if (!isSize(size)) {
-			throw "Invalid button size";
+			console.error("Invalid button size");
 		}
 
 		if (!isVariant(variant)) {
-			throw "Invalid button variant";
+			console.error("Invalid button variant");
 		}
 	});
 
@@ -1953,7 +1952,7 @@ customElements.define("goa-button", Button);
 
 /* libs/web-components/src/components/callout/Callout.svelte generated by Svelte v3.51.0 */
 
-function create_if_block$g(ctx) {
+function create_if_block$f(ctx) {
 	let h3;
 	let t;
 
@@ -1985,7 +1984,7 @@ function create_fragment$B(ctx) {
 	let span1;
 	let t1;
 	let slot;
-	let if_block = /*heading*/ ctx[1] && create_if_block$g(ctx);
+	let if_block = /*heading*/ ctx[1] && create_if_block$f(ctx);
 
 	return {
 		c() {
@@ -2032,7 +2031,7 @@ function create_fragment$B(ctx) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 				} else {
-					if_block = create_if_block$g(ctx);
+					if_block = create_if_block$f(ctx);
 					if_block.c();
 					if_block.m(span1, t1);
 				}
@@ -2533,7 +2532,7 @@ customElements.define("goa-card", Card);
 
 /* libs/web-components/src/components/checkbox/Checkbox.svelte generated by Svelte v3.51.0 */
 
-function create_if_block_1$9(ctx) {
+function create_if_block_1$8(ctx) {
 	let svg;
 	let path;
 
@@ -2558,7 +2557,7 @@ function create_if_block_1$9(ctx) {
 }
 
 // (59:4) {#if isIndeterminate}
-function create_if_block$f(ctx) {
+function create_if_block$e(ctx) {
 	let svg;
 	let rect;
 
@@ -2597,8 +2596,8 @@ function create_fragment$v(ctx) {
 	let dispose;
 
 	function select_block_type(ctx, dirty) {
-		if (/*isIndeterminate*/ ctx[5]) return create_if_block$f;
-		if (/*isChecked*/ ctx[4]) return create_if_block_1$9;
+		if (/*isIndeterminate*/ ctx[5]) return create_if_block$e;
+		if (/*isChecked*/ ctx[4]) return create_if_block_1$8;
 	}
 
 	let current_block_type = select_block_type(ctx);
@@ -2722,7 +2721,7 @@ function instance$t($$self, $$props, $$invalidate) {
 	let isChecked;
 	let isIndeterminate;
 	let { name } = $$props;
-	let { checked } = $$props;
+	let { checked = "false" } = $$props;
 	let { text = "" } = $$props;
 	let { value = "" } = $$props;
 	let { disabled = "false" } = $$props;
@@ -2912,7 +2911,7 @@ customElements.define("goa-checkbox", Checkbox);
 
 /* libs/web-components/src/components/chip/Chip.svelte generated by Svelte v3.51.0 */
 
-function create_if_block_1$8(ctx) {
+function create_if_block_1$7(ctx) {
 	let goa_icon;
 
 	return {
@@ -2936,8 +2935,8 @@ function create_if_block_1$8(ctx) {
 	};
 }
 
-// (44:2) {#if _deletable}
-function create_if_block$e(ctx) {
+// (46:2) {#if _deletable}
+function create_if_block$d(ctx) {
 	let goa_icon;
 	let goa_icon_fillcolor_value;
 	let goa_icon_opacity_value;
@@ -2988,8 +2987,8 @@ function create_fragment$u(ctx) {
 	let t2;
 	let mounted;
 	let dispose;
-	let if_block0 = /*leadingicon*/ ctx[0] && create_if_block_1$8(ctx);
-	let if_block1 = /*_deletable*/ ctx[6] && create_if_block$e(ctx);
+	let if_block0 = /*leadingicon*/ ctx[0] && create_if_block_1$7(ctx);
+	let if_block1 = /*_deletable*/ ctx[6] && create_if_block$d(ctx);
 
 	return {
 		c() {
@@ -3036,7 +3035,7 @@ function create_fragment$u(ctx) {
 				if (if_block0) {
 					if_block0.p(ctx, dirty);
 				} else {
-					if_block0 = create_if_block_1$8(ctx);
+					if_block0 = create_if_block_1$7(ctx);
 					if_block0.c();
 					if_block0.m(div1, t0);
 				}
@@ -3051,7 +3050,7 @@ function create_fragment$u(ctx) {
 				if (if_block1) {
 					if_block1.p(ctx, dirty);
 				} else {
-					if_block1 = create_if_block$e(ctx);
+					if_block1 = create_if_block$d(ctx);
 					if_block1.c();
 					if_block1.m(div1, null);
 				}
@@ -3333,12 +3332,12 @@ function noscroll(_node, opts) {
 
 /* libs/web-components/src/components/circular-progress/CircularProgress.svelte generated by Svelte v3.51.0 */
 
-function create_if_block$d(ctx) {
+function create_if_block$c(ctx) {
 	let current_block_type_index;
 	let if_block;
 	let if_block_anchor;
 	let current;
-	const if_block_creators = [create_if_block_1$7, create_if_block_3$4];
+	const if_block_creators = [create_if_block_1$6, create_if_block_3$4];
 	const if_blocks = [];
 
 	function select_block_type(ctx, dirty) {
@@ -3484,7 +3483,7 @@ function create_if_block_3$4(ctx) {
 }
 
 // (27:2) {#if fullscreen}
-function create_if_block_1$7(ctx) {
+function create_if_block_1$6(ctx) {
 	let div;
 	let goa_spinner;
 	let t;
@@ -3492,7 +3491,7 @@ function create_if_block_1$7(ctx) {
 	let current;
 	let mounted;
 	let dispose;
-	let if_block = /*message*/ ctx[0] && create_if_block_2$6(ctx);
+	let if_block = /*message*/ ctx[0] && create_if_block_2$5(ctx);
 
 	return {
 		c() {
@@ -3529,7 +3528,7 @@ function create_if_block_1$7(ctx) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 				} else {
-					if_block = create_if_block_2$6(ctx);
+					if_block = create_if_block_2$5(ctx);
 					if_block.c();
 					if_block.m(div, null);
 				}
@@ -3592,7 +3591,7 @@ function create_if_block_4$1(ctx) {
 }
 
 // (34:6) {#if message}
-function create_if_block_2$6(ctx) {
+function create_if_block_2$5(ctx) {
 	let div;
 	let t;
 
@@ -3618,7 +3617,7 @@ function create_if_block_2$6(ctx) {
 function create_fragment$t(ctx) {
 	let if_block_anchor;
 	let current;
-	let if_block = /*isVisible*/ ctx[5] && create_if_block$d(ctx);
+	let if_block = /*isVisible*/ ctx[5] && create_if_block$c(ctx);
 
 	return {
 		c() {
@@ -3640,7 +3639,7 @@ function create_fragment$t(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$d(ctx);
+					if_block = create_if_block$c(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -4040,8 +4039,8 @@ function get_each_context$4(ctx, list, i) {
 	return child_ctx;
 }
 
-// (204:2) {#if isMenuVisible}
-function create_if_block$c(ctx) {
+// (203:2) {#if isMenuVisible}
+function create_if_block$b(ctx) {
 	let div;
 	let div_data_testid_value;
 	let mounted;
@@ -4074,7 +4073,7 @@ function create_if_block$c(ctx) {
 	};
 }
 
-// (243:4) {#each options as option, index}
+// (244:4) {#each options as option, index}
 function create_each_block$4(ctx) {
 	let li;
 	let t_value = (/*option*/ ctx[39].label || /*option*/ ctx[39].value) + "";
@@ -4174,7 +4173,7 @@ function create_fragment$r(ctx) {
 	let div_style_value;
 	let mounted;
 	let dispose;
-	let if_block = /*isMenuVisible*/ ctx[11] && create_if_block$c(ctx);
+	let if_block = /*isMenuVisible*/ ctx[11] && create_if_block$b(ctx);
 	let each_value = /*options*/ ctx[9];
 	let each_blocks = [];
 
@@ -4251,7 +4250,7 @@ function create_fragment$r(ctx) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 				} else {
-					if_block = create_if_block$c(ctx);
+					if_block = create_if_block$b(ctx);
 					if_block.c();
 					if_block.m(div, t0);
 				}
@@ -4473,8 +4472,6 @@ function instance$p($$self, $$props, $$invalidate) {
 		// hide menu on blur
 		menuEl.addEventListener("blur", closeMenu);
 
-		menuEl.focus();
-
 		// bind up/down arrows to navigate options
 		menuEl.addEventListener("mouseover", onHighlight);
 	}
@@ -5140,13 +5137,19 @@ function create_fragment$n(ctx) {
 function isFocusable(element) {
 	const isTabbable = element.tabIndex > 0 || element.tabIndex === 0 && element.getAttribute('tabIndex') !== null;
 	if (isTabbable) return true;
-	if (element.disabled) return false;
+	if (element["disabled"]) return false;
 
 	switch (element.nodeName) {
 		case 'A':
-			return !!element.href && element.rel !== 'ignore';
+			{
+				const el = element;
+				return !!el.href && el.rel !== 'ignore';
+			}
 		case 'INPUT':
-			return element.type !== 'hidden' && element.type !== 'file';
+			{
+				const el = element;
+				return el.type !== 'hidden' && el.type !== 'file';
+			}
 		case 'BUTTON':
 		case 'SELECT':
 		case 'TEXTAREA':
@@ -5552,7 +5555,7 @@ function get_each_context$2(ctx, list, i) {
 }
 
 // (90:2) {#if heading}
-function create_if_block$b(ctx) {
+function create_if_block$a(ctx) {
 	let div;
 	let t0;
 	let t1;
@@ -5624,7 +5627,7 @@ function create_fragment$l(ctx) {
 	let t1;
 	let ul;
 	let ul_style_value;
-	let if_block = /*heading*/ ctx[0] && create_if_block$b(ctx);
+	let if_block = /*heading*/ ctx[0] && create_if_block$a(ctx);
 	let each_value = /*children*/ ctx[3];
 	let each_blocks = [];
 
@@ -5678,7 +5681,7 @@ function create_fragment$l(ctx) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 				} else {
-					if_block = create_if_block$b(ctx);
+					if_block = create_if_block$a(ctx);
 					if_block.c();
 					if_block.m(section, t0);
 				}
@@ -5843,7 +5846,7 @@ customElements.define("goa-app-footer-nav-section", FooterNavSection);
 
 /* libs/web-components/src/components/footer/Footer.svelte generated by Svelte v3.51.0 */
 
-function create_if_block$a(ctx) {
+function create_if_block$9(ctx) {
 	let goa_divider;
 
 	return {
@@ -5874,7 +5877,7 @@ function create_fragment$k(ctx) {
 	let t3;
 	let a1;
 	let div5_style_value;
-	let if_block = /*navLinks*/ ctx[2]?.length && create_if_block$a();
+	let if_block = /*navLinks*/ ctx[2]?.length && create_if_block$9();
 
 	return {
 		c() {
@@ -5928,7 +5931,7 @@ function create_fragment$k(ctx) {
 		p(ctx, [dirty]) {
 			if (/*navLinks*/ ctx[2]?.length) {
 				if (if_block) ; else {
-					if_block = create_if_block$a();
+					if_block = create_if_block$9();
 					if_block.c();
 					if_block.m(div4, t1);
 				}
@@ -6037,7 +6040,7 @@ customElements.define("goa-app-footer", Footer);
 
 /* libs/web-components/src/components/form-item/FormItem.svelte generated by Svelte v3.51.0 */
 
-function create_if_block_2$5(ctx) {
+function create_if_block_2$4(ctx) {
 	let div;
 	let t0;
 	let t1;
@@ -6112,7 +6115,7 @@ function create_if_block_3$3(ctx) {
 }
 
 // (36:2) {#if error}
-function create_if_block_1$6(ctx) {
+function create_if_block_1$5(ctx) {
 	let div;
 	let t;
 
@@ -6136,7 +6139,7 @@ function create_if_block_1$6(ctx) {
 }
 
 // (39:2) {#if helptext}
-function create_if_block$9(ctx) {
+function create_if_block$8(ctx) {
 	let div;
 	let t;
 
@@ -6165,9 +6168,9 @@ function create_fragment$j(ctx) {
 	let div0;
 	let t1;
 	let t2;
-	let if_block0 = /*label*/ ctx[0] && create_if_block_2$5(ctx);
-	let if_block1 = /*error*/ ctx[2] && create_if_block_1$6(ctx);
-	let if_block2 = /*helptext*/ ctx[1] && create_if_block$9(ctx);
+	let if_block0 = /*label*/ ctx[0] && create_if_block_2$4(ctx);
+	let if_block1 = /*error*/ ctx[2] && create_if_block_1$5(ctx);
+	let if_block2 = /*helptext*/ ctx[1] && create_if_block$8(ctx);
 
 	return {
 		c() {
@@ -6199,7 +6202,7 @@ function create_fragment$j(ctx) {
 				if (if_block0) {
 					if_block0.p(ctx, dirty);
 				} else {
-					if_block0 = create_if_block_2$5(ctx);
+					if_block0 = create_if_block_2$4(ctx);
 					if_block0.c();
 					if_block0.m(div1, t0);
 				}
@@ -6212,7 +6215,7 @@ function create_fragment$j(ctx) {
 				if (if_block1) {
 					if_block1.p(ctx, dirty);
 				} else {
-					if_block1 = create_if_block_1$6(ctx);
+					if_block1 = create_if_block_1$5(ctx);
 					if_block1.c();
 					if_block1.m(div1, t2);
 				}
@@ -6225,7 +6228,7 @@ function create_fragment$j(ctx) {
 				if (if_block2) {
 					if_block2.p(ctx, dirty);
 				} else {
-					if_block2 = create_if_block$9(ctx);
+					if_block2 = create_if_block$8(ctx);
 					if_block2.c();
 					if_block2.m(div1, null);
 				}
@@ -6260,7 +6263,7 @@ function instance$h($$self, $$props, $$invalidate) {
 
 	onMount(() => {
 		if (!isRequirementType(requirement)) {
-			throw "Invalid requirement type";
+			console.error("Invalid requirement type", requirement);
 		}
 	});
 
@@ -6763,7 +6766,7 @@ customElements.define("goa-icon-button", IconButton);
 
 /* libs/web-components/src/components/icon/Icon.svelte generated by Svelte v3.51.0 */
 
-function create_if_block$8(ctx) {
+function create_if_block$7(ctx) {
 	let ion_icon;
 	let ion_icon_name_value;
 
@@ -6795,7 +6798,7 @@ function create_fragment$g(ctx) {
 	let div;
 	let div_data_testid_value;
 	let div_style_value;
-	let if_block = /*type*/ ctx[0] && create_if_block$8(ctx);
+	let if_block = /*type*/ ctx[0] && create_if_block$7(ctx);
 
 	return {
 		c() {
@@ -6824,7 +6827,7 @@ function create_fragment$g(ctx) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 				} else {
-					if_block = create_if_block$8(ctx);
+					if_block = create_if_block$7(ctx);
 					if_block.c();
 					if_block.m(div, null);
 				}
@@ -7067,7 +7070,7 @@ function create_if_block_4(ctx) {
 	};
 }
 
-// (78:4) {#if leadingicon}
+// (79:4) {#if leadingicon}
 function create_if_block_3$2(ctx) {
 	let goa_icon;
 
@@ -7092,8 +7095,8 @@ function create_if_block_3$2(ctx) {
 	};
 }
 
-// (108:4) {#if trailingicon && !handlesTrailingIconClick}
-function create_if_block_2$4(ctx) {
+// (109:4) {#if trailingicon && !handlesTrailingIconClick}
+function create_if_block_2$3(ctx) {
 	let goa_icon;
 
 	return {
@@ -7118,8 +7121,8 @@ function create_if_block_2$4(ctx) {
 	};
 }
 
-// (118:4) {#if trailingicon && handlesTrailingIconClick}
-function create_if_block_1$5(ctx) {
+// (119:4) {#if trailingicon && handlesTrailingIconClick}
+function create_if_block_1$4(ctx) {
 	let goa_icon_button;
 	let mounted;
 	let dispose;
@@ -7158,8 +7161,8 @@ function create_if_block_1$5(ctx) {
 	};
 }
 
-// (129:4) {#if suffix}
-function create_if_block$7(ctx) {
+// (131:4) {#if suffix}
+function create_if_block$6(ctx) {
 	let span;
 	let t;
 
@@ -7200,9 +7203,9 @@ function create_fragment$f(ctx) {
 	let dispose;
 	let if_block0 = /*prefix*/ ctx[14] && create_if_block_4(ctx);
 	let if_block1 = /*leadingicon*/ ctx[5] && create_if_block_3$2(ctx);
-	let if_block2 = /*trailingicon*/ ctx[6] && !/*handlesTrailingIconClick*/ ctx[20] && create_if_block_2$4(ctx);
-	let if_block3 = /*trailingicon*/ ctx[6] && /*handlesTrailingIconClick*/ ctx[20] && create_if_block_1$5(ctx);
-	let if_block4 = /*suffix*/ ctx[15] && create_if_block$7(ctx);
+	let if_block2 = /*trailingicon*/ ctx[6] && !/*handlesTrailingIconClick*/ ctx[20] && create_if_block_2$3(ctx);
+	let if_block3 = /*trailingicon*/ ctx[6] && /*handlesTrailingIconClick*/ ctx[20] && create_if_block_1$4(ctx);
+	let if_block4 = /*suffix*/ ctx[15] && create_if_block$6(ctx);
 
 	return {
 		c() {
@@ -7362,7 +7365,7 @@ function create_fragment$f(ctx) {
 				if (if_block2) {
 					if_block2.p(ctx, dirty);
 				} else {
-					if_block2 = create_if_block_2$4(ctx);
+					if_block2 = create_if_block_2$3(ctx);
 					if_block2.c();
 					if_block2.m(div0, t3);
 				}
@@ -7375,7 +7378,7 @@ function create_fragment$f(ctx) {
 				if (if_block3) {
 					if_block3.p(ctx, dirty);
 				} else {
-					if_block3 = create_if_block_1$5(ctx);
+					if_block3 = create_if_block_1$4(ctx);
 					if_block3.c();
 					if_block3.m(div0, t4);
 				}
@@ -7388,7 +7391,7 @@ function create_fragment$f(ctx) {
 				if (if_block4) {
 					if_block4.p(ctx, dirty);
 				} else {
-					if_block4 = create_if_block$7(ctx);
+					if_block4 = create_if_block$6(ctx);
 					if_block4.c();
 					if_block4.m(div0, null);
 				}
@@ -7466,15 +7469,17 @@ function instance$d($$self, $$props, $$invalidate) {
 	let inputEl;
 
 	function onKeyUp(e) {
+		const ee = e.target;
+
 		e.target.dispatchEvent(new CustomEvent("_change",
 		{
 				composed: true,
 				bubbles: false,
 				cancelable: true,
-				detail: { name, value: e.target.value }
+				detail: { name, value: ee.value }
 			}));
 
-		$$invalidate(0, value = e.target.value);
+		$$invalidate(0, value = ee.value);
 	}
 
 	function input_binding($$value) {
@@ -7882,7 +7887,7 @@ function create_if_block_3$1(ctx) {
 }
 
 // (34:2) {#if ["alpha", "beta"].includes(type)}
-function create_if_block_1$4(ctx) {
+function create_if_block_1$3(ctx) {
 	let div0;
 	let t0_value = capitalize(/*type*/ ctx[0]) + "";
 	let t0;
@@ -7892,7 +7897,7 @@ function create_if_block_1$4(ctx) {
 	let t2;
 	let a;
 	let t4;
-	let if_block = /*feedbackurl*/ ctx[2] && create_if_block_2$3(ctx);
+	let if_block = /*feedbackurl*/ ctx[2] && create_if_block_2$2(ctx);
 
 	return {
 		c() {
@@ -7932,7 +7937,7 @@ function create_if_block_1$4(ctx) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 				} else {
-					if_block = create_if_block_2$3(ctx);
+					if_block = create_if_block_2$2(ctx);
 					if_block.c();
 					if_block.m(div1, null);
 				}
@@ -7951,7 +7956,7 @@ function create_if_block_1$4(ctx) {
 }
 
 // (43:6) {#if feedbackurl}
-function create_if_block_2$3(ctx) {
+function create_if_block_2$2(ctx) {
 	let span;
 	let t0;
 	let a;
@@ -7984,7 +7989,7 @@ function create_if_block_2$3(ctx) {
 }
 
 // (49:2) {#if version}
-function create_if_block$6(ctx) {
+function create_if_block$5(ctx) {
 	let div;
 	let t;
 
@@ -8016,8 +8021,8 @@ function create_fragment$e(ctx) {
 	let div;
 	let t2;
 	let if_block0 = /*type*/ ctx[0] === "live" && create_if_block_3$1();
-	let if_block1 = show_if && create_if_block_1$4(ctx);
-	let if_block2 = /*version*/ ctx[1] && create_if_block$6(ctx);
+	let if_block1 = show_if && create_if_block_1$3(ctx);
+	let if_block2 = /*version*/ ctx[1] && create_if_block$5(ctx);
 
 	return {
 		c() {
@@ -8061,7 +8066,7 @@ function create_fragment$e(ctx) {
 				if (if_block1) {
 					if_block1.p(ctx, dirty);
 				} else {
-					if_block1 = create_if_block_1$4(ctx);
+					if_block1 = create_if_block_1$3(ctx);
 					if_block1.c();
 					if_block1.m(header, t1);
 				}
@@ -8074,7 +8079,7 @@ function create_fragment$e(ctx) {
 				if (if_block2) {
 					if_block2.p(ctx, dirty);
 				} else {
-					if_block2 = create_if_block$6(ctx);
+					if_block2 = create_if_block$5(ctx);
 					if_block2.c();
 					if_block2.m(header, null);
 				}
@@ -8101,8 +8106,8 @@ function capitalize(val) {
 
 function instance$c($$self, $$props, $$invalidate) {
 	let { type } = $$props;
-	let { version } = $$props;
-	let { feedbackurl } = $$props;
+	let { version = "" } = $$props;
+	let { feedbackurl = "" } = $$props;
 
 	$$self.$$set = $$props => {
 		if ('type' in $$props) $$invalidate(0, type = $$props.type);
@@ -8180,7 +8185,7 @@ customElements.define("goa-microsite-header", MicrositeHeader);
 
 /* libs/web-components/src/components/modal/Modal.svelte generated by Svelte v3.51.0 */
 
-function create_if_block$5(ctx) {
+function create_if_block$4(ctx) {
 	let goa_focus_trap;
 	let div4;
 	let div0;
@@ -8203,14 +8208,13 @@ function create_if_block$5(ctx) {
 	let mounted;
 	let dispose;
 	let if_block0 = /*heading*/ ctx[0] && create_if_block_3(ctx);
-	let if_block1 = /*isClosable*/ ctx[3] && create_if_block_2$2(ctx);
+	let if_block1 = /*isClosable*/ ctx[3] && create_if_block_2$1(ctx);
 
 	function select_block_type(ctx, dirty) {
-		if (/*isScrollable*/ ctx[6]) return create_if_block_1$3;
-		return create_else_block$1;
+		return create_if_block_1$2;
 	}
 
-	let current_block_type = select_block_type(ctx);
+	let current_block_type = select_block_type();
 	let if_block2 = current_block_type(ctx);
 
 	return {
@@ -8263,7 +8267,7 @@ function create_if_block$5(ctx) {
 
 			if (!mounted) {
 				dispose = [
-					listen(div0, "click", /*close*/ ctx[7]),
+					listen(div0, "click", /*close*/ ctx[6]),
 					action_destroyer(noscroll_action = noscroll.call(null, div4, { enable: /*isOpen*/ ctx[5] }))
 				];
 
@@ -8290,7 +8294,7 @@ function create_if_block$5(ctx) {
 				if (if_block1) {
 					if_block1.p(ctx, dirty);
 				} else {
-					if_block1 = create_if_block_2$2(ctx);
+					if_block1 = create_if_block_2$1(ctx);
 					if_block1.c();
 					if_block1.m(div3, t2);
 				}
@@ -8299,16 +8303,6 @@ function create_if_block$5(ctx) {
 				if_block1 = null;
 			}
 
-			if (current_block_type !== (current_block_type = select_block_type(ctx))) {
-				if_block2.d(1);
-				if_block2 = current_block_type(ctx);
-
-				if (if_block2) {
-					if_block2.c();
-					if_block2.m(div1, t3);
-				}
-			}
-
 			if (!current || dirty & /*width*/ 4 && div4_style_value !== (div4_style_value = "" + ((/*width*/ ctx[2] && `--width: ${/*width*/ ctx[2]};`) + ";"))) {
 				attr(div4, "style", div4_style_value);
 			}
@@ -8372,7 +8366,7 @@ function create_if_block$5(ctx) {
 	};
 }
 
-// (54:8) {#if heading}
+// (53:8) {#if heading}
 function create_if_block_3(ctx) {
 	let div;
 	let t;
@@ -8397,8 +8391,8 @@ function create_if_block_3(ctx) {
 	};
 }
 
-// (57:8) {#if isClosable}
-function create_if_block_2$2(ctx) {
+// (56:8) {#if isClosable}
+function create_if_block_2$1(ctx) {
 	let div;
 	let goa_icon_button;
 	let mounted;
@@ -8417,7 +8411,7 @@ function create_if_block_2$2(ctx) {
 			append(div, goa_icon_button);
 
 			if (!mounted) {
-				dispose = listen(goa_icon_button, "click", /*close*/ ctx[7]);
+				dispose = listen(goa_icon_button, "click", /*close*/ ctx[6]);
 				mounted = true;
 			}
 		},
@@ -8430,27 +8424,8 @@ function create_if_block_2$2(ctx) {
 	};
 }
 
-// (71:10) {:else}
-function create_else_block$1(ctx) {
-	let div;
-
-	return {
-		c() {
-			div = element("div");
-			div.innerHTML = `<slot></slot>`;
-			set_style(div, "margin", "1.75rem");
-		},
-		m(target, anchor) {
-			insert(target, div, anchor);
-		},
-		d(detaching) {
-			if (detaching) detach(div);
-		}
-	};
-}
-
 // (67:10) {#if isScrollable}
-function create_if_block_1$3(ctx) {
+function create_if_block_1$2(ctx) {
 	let goa_scrollable;
 
 	return {
@@ -8473,7 +8448,7 @@ function create_if_block_1$3(ctx) {
 function create_fragment$d(ctx) {
 	let if_block_anchor;
 	let current;
-	let if_block = /*isOpen*/ ctx[5] && create_if_block$5(ctx);
+	let if_block = /*isOpen*/ ctx[5] && create_if_block$4(ctx);
 
 	return {
 		c() {
@@ -8495,7 +8470,7 @@ function create_fragment$d(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$5(ctx);
+					if_block = create_if_block$4(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -8528,15 +8503,13 @@ function create_fragment$d(ctx) {
 
 function instance$b($$self, $$props, $$invalidate) {
 	let isClosable;
-	let isScrollable;
 	let isOpen;
 	let _transitionTime;
-	let { heading } = $$props;
-	let { closable } = $$props;
-	let { scrollable } = $$props;
-	let { open } = $$props;
+	let { heading = "" } = $$props;
+	let { closable = "false" } = $$props;
+	let { open = "false" } = $$props;
 	let { transition = "none" } = $$props;
-	let { width } = $$props;
+	let { width = "" } = $$props;
 
 	function close(e) {
 		if (!isClosable) {
@@ -8549,27 +8522,22 @@ function instance$b($$self, $$props, $$invalidate) {
 
 	$$self.$$set = $$props => {
 		if ('heading' in $$props) $$invalidate(0, heading = $$props.heading);
-		if ('closable' in $$props) $$invalidate(8, closable = $$props.closable);
-		if ('scrollable' in $$props) $$invalidate(9, scrollable = $$props.scrollable);
+		if ('closable' in $$props) $$invalidate(7, closable = $$props.closable);
 		if ('open' in $$props) $$invalidate(1, open = $$props.open);
-		if ('transition' in $$props) $$invalidate(10, transition = $$props.transition);
+		if ('transition' in $$props) $$invalidate(8, transition = $$props.transition);
 		if ('width' in $$props) $$invalidate(2, width = $$props.width);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*closable*/ 256) {
+		if ($$self.$$.dirty & /*closable*/ 128) {
 			$$invalidate(3, isClosable = toBoolean(closable));
 		}
 
-		if ($$self.$$.dirty & /*scrollable*/ 512) {
-			$$invalidate(6, isScrollable = toBoolean(scrollable));
-		}
-
 		if ($$self.$$.dirty & /*open*/ 2) {
 			$$invalidate(5, isOpen = toBoolean(open));
 		}
 
-		if ($$self.$$.dirty & /*transition*/ 1024) {
+		if ($$self.$$.dirty & /*transition*/ 256) {
 			$$invalidate(4, _transitionTime = transition === "none"
 			? 0
 			: transition === "slow" ? 400 : 200);
@@ -8583,10 +8551,8 @@ function instance$b($$self, $$props, $$invalidate) {
 		isClosable,
 		_transitionTime,
 		isOpen,
-		isScrollable,
 		close,
 		closable,
-		scrollable,
 		transition
 	];
 }
@@ -8608,10 +8574,9 @@ class Modal extends SvelteElement {
 			safe_not_equal,
 			{
 				heading: 0,
-				closable: 8,
-				scrollable: 9,
+				closable: 7,
 				open: 1,
-				transition: 10,
+				transition: 8,
 				width: 2
 			},
 			null
@@ -8630,7 +8595,7 @@ class Modal extends SvelteElement {
 	}
 
 	static get observedAttributes() {
-		return ["heading", "closable", "scrollable", "open", "transition", "width"];
+		return ["heading", "closable", "open", "transition", "width"];
 	}
 
 	get heading() {
@@ -8643,7 +8608,7 @@ class Modal extends SvelteElement {
 	}
 
 	get closable() {
-		return this.$$.ctx[8];
+		return this.$$.ctx[7];
 	}
 
 	set closable(closable) {
@@ -8651,15 +8616,6 @@ class Modal extends SvelteElement {
 		flush();
 	}
 
-	get scrollable() {
-		return this.$$.ctx[9];
-	}
-
-	set scrollable(scrollable) {
-		this.$$set({ scrollable });
-		flush();
-	}
-
 	get open() {
 		return this.$$.ctx[1];
 	}
@@ -8670,7 +8626,7 @@ class Modal extends SvelteElement {
 	}
 
 	get transition() {
-		return this.$$.ctx[10];
+		return this.$$.ctx[8];
 	}
 
 	set transition(transition) {
@@ -8692,7 +8648,7 @@ customElements.define("goa-modal", Modal);
 
 /* libs/web-components/src/components/notification/Notification.svelte generated by Svelte v3.51.0 */
 
-function create_if_block$4(ctx) {
+function create_if_block$3(ctx) {
 	let div3;
 	let div0;
 	let goa_icon;
@@ -8779,7 +8735,7 @@ function create_if_block$4(ctx) {
 function create_fragment$c(ctx) {
 	let if_block_anchor;
 	let current;
-	let if_block = /*show*/ ctx[1] && create_if_block$4(ctx);
+	let if_block = /*show*/ ctx[1] && create_if_block$3(ctx);
 
 	return {
 		c() {
@@ -8801,7 +8757,7 @@ function create_fragment$c(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$4(ctx);
+					if_block = create_if_block$3(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -8957,7 +8913,7 @@ function instance$9($$self, $$props, $$invalidate) {
 
 	onMount(() => {
 		if (!isValidSize(width)) {
-			throw "Invalid PageBlock width";
+			console.error("Invalid PageBlock width");
 		}
 
 		$$invalidate(0, _width = Sizes[width] || width);
@@ -9711,7 +9667,7 @@ function create_else_block(ctx) {
 }
 
 // (29:27) 
-function create_if_block_2$1(ctx) {
+function create_if_block_2(ctx) {
 	let each_1_anchor;
 	let current;
 	let each_value = Array(/*linecount*/ ctx[2]);
@@ -9795,7 +9751,7 @@ function create_if_block_2$1(ctx) {
 }
 
 // (19:29) 
-function create_if_block_1$2(ctx) {
+function create_if_block_1$1(ctx) {
 	let div2;
 	let div0;
 	let skeleton0;
@@ -9885,7 +9841,7 @@ function create_if_block_1$2(ctx) {
 }
 
 // (11:0) {#if type === "card"}
-function create_if_block$3(ctx) {
+function create_if_block$2(ctx) {
 	let div1;
 	let skeleton0;
 	let t0;
@@ -9908,7 +9864,7 @@ function create_if_block$3(ctx) {
 			props: {
 				type: "lines",
 				size: /*size*/ ctx[1],
-				count: 3
+				linecount: 3
 			}
 		});
 
@@ -9985,7 +9941,7 @@ function create_each_block(ctx) {
 			props: {
 				type: "text",
 				size: /*size*/ ctx[1],
-				count: /*linecount*/ ctx[2]
+				linecount: /*linecount*/ ctx[2]
 			}
 		});
 
@@ -10000,7 +9956,7 @@ function create_each_block(ctx) {
 		p(ctx, dirty) {
 			const skeleton_changes = {};
 			if (dirty & /*size*/ 2) skeleton_changes.size = /*size*/ ctx[1];
-			if (dirty & /*linecount*/ 4) skeleton_changes.count = /*linecount*/ ctx[2];
+			if (dirty & /*linecount*/ 4) skeleton_changes.linecount = /*linecount*/ ctx[2];
 			skeleton.$set(skeleton_changes);
 		},
 		i(local) {
@@ -10023,7 +9979,7 @@ function create_fragment$7(ctx) {
 	let if_block;
 	let if_block_anchor;
 	let current;
-	const if_block_creators = [create_if_block$3, create_if_block_1$2, create_if_block_2$1, create_else_block];
+	const if_block_creators = [create_if_block$2, create_if_block_1$1, create_if_block_2, create_else_block];
 	const if_blocks = [];
 
 	function select_block_type(ctx, dirty) {
@@ -10091,7 +10047,7 @@ function create_fragment$7(ctx) {
 }
 
 function instance$5($$self, $$props, $$invalidate) {
-	let { maxwidth } = $$props;
+	let { maxwidth = "" } = $$props;
 	let { size = 1 } = $$props;
 	let { linecount = 3 } = $$props;
 	let { type } = $$props;
@@ -10286,7 +10242,7 @@ function tweened(value, defaults = {}) {
 
 /* libs/web-components/src/components/spinner/Spinner.svelte generated by Svelte v3.51.0 */
 
-function create_if_block$2(ctx) {
+function create_if_block$1(ctx) {
 	let svg;
 	let circle;
 	let circle_stroke_value;
@@ -10397,7 +10353,7 @@ function create_if_block$2(ctx) {
 
 function create_fragment$6(ctx) {
 	let if_block_anchor;
-	let if_block = /*ready*/ ctx[6] && create_if_block$2(ctx);
+	let if_block = /*ready*/ ctx[6] && create_if_block$1(ctx);
 
 	return {
 		c() {
@@ -10414,7 +10370,7 @@ function create_fragment$6(ctx) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 				} else {
-					if_block = create_if_block$2(ctx);
+					if_block = create_if_block$1(ctx);
 					if_block.c();
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
 				}
@@ -10620,109 +10576,6 @@ customElements.define("goa-spinner", Spinner);
 
 /* libs/web-components/src/components/text-area/TextArea.svelte generated by Svelte v3.51.0 */
 
-function create_if_block$1(ctx) {
-	let if_block_anchor;
-
-	function select_block_type(ctx, dirty) {
-		if (/*maxcharcount*/ ctx[7] > 0) return create_if_block_1$1;
-		if (/*value*/ ctx[1].length > 0) return create_if_block_2;
-	}
-
-	let current_block_type = select_block_type(ctx);
-	let if_block = current_block_type && current_block_type(ctx);
-
-	return {
-		c() {
-			if (if_block) if_block.c();
-			if_block_anchor = empty();
-		},
-		m(target, anchor) {
-			if (if_block) if_block.m(target, anchor);
-			insert(target, if_block_anchor, anchor);
-		},
-		p(ctx, dirty) {
-			if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block) {
-				if_block.p(ctx, dirty);
-			} else {
-				if (if_block) if_block.d(1);
-				if_block = current_block_type && current_block_type(ctx);
-
-				if (if_block) {
-					if_block.c();
-					if_block.m(if_block_anchor.parentNode, if_block_anchor);
-				}
-			}
-		},
-		d(detaching) {
-			if (if_block) {
-				if_block.d(detaching);
-			}
-
-			if (detaching) detach(if_block_anchor);
-		}
-	};
-}
-
-// (63:31) 
-function create_if_block_2(ctx) {
-	let div;
-	let t_value = /*value*/ ctx[1].length + "";
-	let t;
-
-	return {
-		c() {
-			div = element("div");
-			t = text(t_value);
-			attr(div, "class", "counter");
-		},
-		m(target, anchor) {
-			insert(target, div, anchor);
-			append(div, t);
-		},
-		p(ctx, dirty) {
-			if (dirty & /*value*/ 2 && t_value !== (t_value = /*value*/ ctx[1].length + "")) set_data(t, t_value);
-		},
-		d(detaching) {
-			if (detaching) detach(div);
-		}
-	};
-}
-
-// (57:4) {#if maxcharcount > 0}
-function create_if_block_1$1(ctx) {
-	let div;
-	let t0_value = /*value*/ ctx[1].length + "";
-	let t0;
-	let t1_value = `/${/*maxcharcount*/ ctx[7]}` + "";
-	let t1;
-
-	return {
-		c() {
-			div = element("div");
-			t0 = text(t0_value);
-			t1 = text(t1_value);
-			attr(div, "class", "counter");
-			toggle_class(div, "counter-error", /*value*/ ctx[1].length > /*maxcharcount*/ ctx[7]);
-		},
-		m(target, anchor) {
-			insert(target, div, anchor);
-			append(div, t0);
-			append(div, t1);
-		},
-		p(ctx, dirty) {
-			if (dirty & /*value*/ 2 && t0_value !== (t0_value = /*value*/ ctx[1].length + "")) set_data(t0, t0_value);
-			if (dirty & /*maxcharcount*/ 128 && t1_value !== (t1_value = `/${/*maxcharcount*/ ctx[7]}` + "")) set_data(t1, t1_value);
-
-			if (dirty & /*value, maxcharcount*/ 130) {
-				toggle_class(div, "counter-error", /*value*/ ctx[1].length > /*maxcharcount*/ ctx[7]);
-			}
-		},
-		d(detaching) {
-			if (detaching) detach(div);
-		}
-	};
-}
-
 function create_fragment$5(ctx) {
 	let div;
 	let textarea;
@@ -10731,14 +10584,12 @@ function create_fragment$5(ctx) {
 	let div_style_value;
 	let mounted;
 	let dispose;
-	let if_block = /*showCounter*/ ctx[9] && create_if_block$1(ctx);
 
 	return {
 		c() {
 			div = element("div");
 			textarea = element("textarea");
 			t = space();
-			if (if_block) if_block.c();
 			this.c = noop;
 			attr(textarea, "name", /*name*/ ctx[0]);
 			attr(textarea, "placeholder", /*placeholder*/ ctx[2]);
@@ -10747,9 +10598,9 @@ function create_fragment$5(ctx) {
 			attr(textarea, "aria-label", textarea_aria_label_value = /*arialabel*/ ctx[6] || /*name*/ ctx[0]);
 			attr(textarea, "class", "goa-textarea");
 			textarea.disabled = /*isDisabled*/ ctx[8];
-			textarea.readOnly = /*isReadonly*/ ctx[10];
+			textarea.readOnly = /*isReadonly*/ ctx[9];
 			attr(textarea, "data-testid", /*testid*/ ctx[4]);
-			toggle_class(textarea, "error", /*isError*/ ctx[11]);
+			toggle_class(textarea, "error", /*isError*/ ctx[10]);
 			attr(div, "class", "container");
 
 			attr(div, "style", div_style_value = `
@@ -10760,10 +10611,9 @@ function create_fragment$5(ctx) {
 			insert(target, div, anchor);
 			append(div, textarea);
 			append(div, t);
-			if (if_block) if_block.m(div, null);
 
 			if (!mounted) {
-				dispose = listen(textarea, "keyup", /*onChange*/ ctx[12]);
+				dispose = listen(textarea, "keyup", /*onChange*/ ctx[11]);
 				mounted = true;
 			}
 		},
@@ -10792,29 +10642,16 @@ function create_fragment$5(ctx) {
 				textarea.disabled = /*isDisabled*/ ctx[8];
 			}
 
-			if (dirty & /*isReadonly*/ 1024) {
-				textarea.readOnly = /*isReadonly*/ ctx[10];
+			if (dirty & /*isReadonly*/ 512) {
+				textarea.readOnly = /*isReadonly*/ ctx[9];
 			}
 
 			if (dirty & /*testid*/ 16) {
 				attr(textarea, "data-testid", /*testid*/ ctx[4]);
 			}
 
-			if (dirty & /*isError*/ 2048) {
-				toggle_class(textarea, "error", /*isError*/ ctx[11]);
-			}
-
-			if (/*showCounter*/ ctx[9]) {
-				if (if_block) {
-					if_block.p(ctx, dirty);
-				} else {
-					if_block = create_if_block$1(ctx);
-					if_block.c();
-					if_block.m(div, null);
-				}
-			} else if (if_block) {
-				if_block.d(1);
-				if_block = null;
+			if (dirty & /*isError*/ 1024) {
+				toggle_class(textarea, "error", /*isError*/ ctx[10]);
 			}
 
 			if (dirty & /*width*/ 32 && div_style_value !== (div_style_value = `
@@ -10827,7 +10664,6 @@ function create_fragment$5(ctx) {
 		o: noop,
 		d(detaching) {
 			if (detaching) detach(div);
-			if (if_block) if_block.d();
 			mounted = false;
 			dispose();
 		}
@@ -10838,7 +10674,6 @@ function instance$3($$self, $$props, $$invalidate) {
 	let isError;
 	let isDisabled;
 	let isReadonly;
-	let showCounter;
 	let { name } = $$props;
 	let { value = "" } = $$props;
 	let { placeholder = "" } = $$props;
@@ -10849,9 +10684,9 @@ function instance$3($$self, $$props, $$invalidate) {
 	let { readonly = "false" } = $$props;
 	let { disabled = "false" } = $$props;
 	let { arialabel = "" } = $$props;
-	let { showcounter = "false" } = $$props;
 	let { maxcharcount = 0 } = $$props;
 
+	// $: showCounter = toBoolean(showcounter);
 	function onChange(e) {
 		const target = e.target;
 		const value = target.value;
@@ -10875,29 +10710,24 @@ function instance$3($$self, $$props, $$invalidate) {
 		if ('rows' in $$props) $$invalidate(3, rows = $$props.rows);
 		if ('testid' in $$props) $$invalidate(4, testid = $$props.testid);
 		if ('width' in $$props) $$invalidate(5, width = $$props.width);
-		if ('error' in $$props) $$invalidate(13, error = $$props.error);
-		if ('readonly' in $$props) $$invalidate(14, readonly = $$props.readonly);
-		if ('disabled' in $$props) $$invalidate(15, disabled = $$props.disabled);
+		if ('error' in $$props) $$invalidate(12, error = $$props.error);
+		if ('readonly' in $$props) $$invalidate(13, readonly = $$props.readonly);
+		if ('disabled' in $$props) $$invalidate(14, disabled = $$props.disabled);
 		if ('arialabel' in $$props) $$invalidate(6, arialabel = $$props.arialabel);
-		if ('showcounter' in $$props) $$invalidate(16, showcounter = $$props.showcounter);
 		if ('maxcharcount' in $$props) $$invalidate(7, maxcharcount = $$props.maxcharcount);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*error*/ 8192) {
-			$$invalidate(11, isError = toBoolean(error));
+		if ($$self.$$.dirty & /*error*/ 4096) {
+			$$invalidate(10, isError = toBoolean(error));
 		}
 
-		if ($$self.$$.dirty & /*disabled*/ 32768) {
+		if ($$self.$$.dirty & /*disabled*/ 16384) {
 			$$invalidate(8, isDisabled = toBoolean(disabled));
 		}
 
-		if ($$self.$$.dirty & /*readonly*/ 16384) {
-			$$invalidate(10, isReadonly = toBoolean(readonly));
-		}
-
-		if ($$self.$$.dirty & /*showcounter*/ 65536) {
-			$$invalidate(9, showCounter = toBoolean(showcounter));
+		if ($$self.$$.dirty & /*readonly*/ 8192) {
+			$$invalidate(9, isReadonly = toBoolean(readonly));
 		}
 	};
 
@@ -10911,14 +10741,12 @@ function instance$3($$self, $$props, $$invalidate) {
 		arialabel,
 		maxcharcount,
 		isDisabled,
-		showCounter,
 		isReadonly,
 		isError,
 		onChange,
 		error,
 		readonly,
-		disabled,
-		showcounter
+		disabled
 	];
 }
 
@@ -10946,11 +10774,10 @@ class TextArea extends SvelteElement {
 				rows: 3,
 				testid: 4,
 				width: 5,
-				error: 13,
-				readonly: 14,
-				disabled: 15,
+				error: 12,
+				readonly: 13,
+				disabled: 14,
 				arialabel: 6,
-				showcounter: 16,
 				maxcharcount: 7
 			},
 			null
@@ -10980,7 +10807,6 @@ class TextArea extends SvelteElement {
 			"readonly",
 			"disabled",
 			"arialabel",
-			"showcounter",
 			"maxcharcount"
 		];
 	}
@@ -11040,7 +10866,7 @@ class TextArea extends SvelteElement {
 	}
 
 	get error() {
-		return this.$$.ctx[13];
+		return this.$$.ctx[12];
 	}
 
 	set error(error) {
@@ -11049,7 +10875,7 @@ class TextArea extends SvelteElement {
 	}
 
 	get readonly() {
-		return this.$$.ctx[14];
+		return this.$$.ctx[13];
 	}
 
 	set readonly(readonly) {
@@ -11058,7 +10884,7 @@ class TextArea extends SvelteElement {
 	}
 
 	get disabled() {
-		return this.$$.ctx[15];
+		return this.$$.ctx[14];
 	}
 
 	set disabled(disabled) {
@@ -11075,15 +10901,6 @@ class TextArea extends SvelteElement {
 		flush();
 	}
 
-	get showcounter() {
-		return this.$$.ctx[16];
-	}
-
-	set showcounter(showcounter) {
-		this.$$set({ showcounter });
-		flush();
-	}
-
 	get maxcharcount() {
 		return this.$$.ctx[7];
 	}
@@ -11620,7 +11437,7 @@ function instance($$self, $$props, $$invalidate) {
 
 	onMount(() => {
 		if (!isSpacing(spacing)) {
-			throw "Invalid spacing";
+			console.error("Invalid spacing");
 		}
 	});