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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/web-components.es.js +592 -284
  3. package/web-components.umd.js +31 -31
package/web-components.es.js CHANGED
@@ -859,7 +859,7 @@ function isValidDimension(value) {
859
859
 
860
860
  /* libs/web-components/src/components/page-block/PageBlock.svelte generated by Svelte v3.49.0 */
861
861
 
862
- function create_fragment$D(ctx) {
862
+ function create_fragment$E(ctx) {
863
863
  let div;
864
864
  let slot;
865
865
  let div_style_value;
@@ -889,7 +889,7 @@ function create_fragment$D(ctx) {
889
889
  };
890
890
  }
891
891
 
892
- function instance$y($$self, $$props, $$invalidate) {
892
+ function instance$z($$self, $$props, $$invalidate) {
893
893
  const Sizes = { "full": "100%" };
894
894
  let { width } = $$props;
895
895
  let { _width } = $$props;
@@ -928,8 +928,8 @@ class PageBlock extends SvelteElement {
928
928
  props: attribute_to_object(this.attributes),
929
929
  customElement: true
930
930
  },
931
- instance$y,
932
- create_fragment$D,
931
+ instance$z,
932
+ create_fragment$E,
933
933
  safe_not_equal,
934
934
  { width: 1, _width: 0 },
935
935
  null
@@ -974,8 +974,55 @@ customElements.define("goa-page-block", PageBlock);
974
974
 
975
975
  /* libs/web-components/src/components/app-header/AppHeader.svelte generated by Svelte v3.49.0 */
976
976
 
977
- function create_fragment$C(ctx) {
978
- let div1;
977
+ function create_else_block$4(ctx) {
978
+ let div;
979
+ let img0;
980
+ let img0_src_value;
981
+ let t0;
982
+ let img1;
983
+ let img1_src_value;
984
+ let t1;
985
+ let span;
986
+ let t2;
987
+
988
+ return {
989
+ c() {
990
+ div = element("div");
991
+ img0 = element("img");
992
+ t0 = space();
993
+ img1 = element("img");
994
+ t1 = space();
995
+ span = element("span");
996
+ t2 = text(/*heading*/ ctx[0]);
997
+ attr(img0, "alt", "GoA Logo");
998
+ attr(img0, "class", "image-mobile");
999
+ if (!src_url_equal(img0.src, img0_src_value = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%2300aad2;%7D.c%7Bclip-path:url(%23a);%7D.d%7Bfill:%23fff;%7D%3C/style%3E%3CclipPath id='a'%3E%3Crect class='a' width='14' height='14' transform='translate(-0.345 -0.21)'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(0 -0.135)'%3E%3Ccircle class='b' cx='8' cy='8' r='8' transform='translate(0 0.135)'/%3E%3Cg transform='translate(1.345 1.344)'%3E%3Cg class='c' transform='translate(0 0)'%3E%3Cpath class='d' d='M12.612,13.636a16.24,16.24,0,0,1-1.86-.822,13.436,13.436,0,0,0,1.6-.708,11.312,11.312,0,0,0,.264,1.53M16.032,7.3c-.266-.034-.128.091-.2.442a5.465,5.465,0,0,1-2.8,3.338,16.141,16.141,0,0,1,.249-4.84c.275-1,.6-.813.2-1.022-.427-.22-.887.071-1.258.813A27.247,27.247,0,0,1,7.4,13.522a2.141,2.141,0,0,1-2.918.461c-.206-.174-.282.095-.026.37a2.412,2.412,0,0,0,3.387-.082A32.715,32.715,0,0,0,12.219,7.51a23.541,23.541,0,0,0,.063,3.971,11.464,11.464,0,0,1-1.964.749c-.388.1-.628.26-.635.439-.007.2.253.363.63.541.67.318,2.633,1.246,3.117,1.527.414.24.616.053.739-.207.16-.338-.279-.533-.7-.661a13.175,13.175,0,0,1-.382-2.179,7.143,7.143,0,0,0,2.547-2.454,4.7,4.7,0,0,0,.4-1.133,2.125,2.125,0,0,0,.048-.742s-.007-.054-.048-.059' transform='translate(-3.51 -3.943)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")) attr(img0, "src", img0_src_value);
1000
+ attr(img1, "alt", "GoA Logo");
1001
+ attr(img1, "class", "image-desktop");
1002
+ if (!src_url_equal(img1.src, img1_src_value = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='149.351' height='42' viewBox='0 0 149.351 42'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bclip-path:url(%23a);%7D.c%7Bfill:%2300aad2;%7D.d%7Bfill:%235f6a72;%7D%3C/style%3E%3CclipPath id='a'%3E%3Crect class='a' width='149.351' height='42'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='b'%3E%3Crect class='c' width='13.555' height='13.555' transform='translate(135.796 21.524)'/%3E%3Cpath class='d' d='M63.082,33.088c-1.383.138-2.835.277-4.357.346.553-4.357,2.835-10.373,5.671-9.405,1.66.553.761,5.671-1.314,9.059m-3.527,2.974a3.761,3.761,0,0,1-1.245,0,.851.851,0,0,0,.346-.692v-.553c.761,0,1.936-.138,3.389-.277a4.327,4.327,0,0,1-2.49,1.521M76.844,25.688c1.8-1.66,2.7-1.521,2.9-1.106.484.968-1.591,4.357-5.671,6.224a10.328,10.328,0,0,1,2.766-5.118m66.736,1.66c-.207-3.389-3.181-3.942-3.6-2.974-.138.346,1.106.207,1.106,2.628,0,3.942-4.011,9.129-9.129,9.129-5.532,0-6.985-4.357-7.261-6.432-.207-1.452.138-3.458-2.351-3.181-1.729.207-3.25,3.527-5.463,6.362-1.867,2.42-2.7,2.213-2.282.138.553-2.628,2.7-8.714,5.187-9.129,1.176-.207,1.591,1.8,2.075.553s.069-4.011-2.559-4.011c-1.8,0-3.942,1.936-5.74,4.08-1.521,1.936-9.336,13.416-12.656,10.927-1.521-1.176-1.383-5.878-.415-11.411,3.873-1.521,7.123-1.037,8.921-.138.9.415,1.037.346.622-.622-.553-1.452-3.665-3.734-8.575-2.7-.138,0-.207.069-.346.069.415-1.8.83-3.665,1.383-5.463.484-1.66,1.8-4.5-1.729-4.979-1.106-.207-.622.346-1.037,1.867-.692,2.766-1.521,6.362-2.144,10.028a19.745,19.745,0,0,0-7.538,8.091,38.59,38.59,0,0,0,.9-4.772,1.589,1.589,0,0,0-1.245-1.729c-.761-.207-1.729.138-2.628,1.452-2.144,3.043-4.841,7.815-8.99,9.82-2.974,1.452-4.288,0-4.357-2.282a9.869,9.869,0,0,0,1.521-.553c5.394-2.351,7.192-5.947,5.878-8.16-1.314-2.075-4.979-1.452-7.953,1.66a11.175,11.175,0,0,0-2.7,6.5c-1.245.277-2.628.484-4.219.692,2.49-4.08,2.282-9.613-1.383-10.581-4.288-1.106-6.432,3.043-7.331,6.5.346-3.873.9-7.745,1.591-11.549.346-1.66,1.452-4.5-2.075-4.979-1.106-.207-.968.346-.9,1.867.138,2.075-2.144,14.454-.968,19.848-1.521.484-2.144,1.66-.207,2.835,1.383.83,4.357,1.106,7.331-.346a9.3,9.3,0,0,0,2.766-2.144c1.8-.207,3.665-.553,5.394-.83.277,2.42,1.867,4.219,5.463,3.873,5.118-.484,9.682-6.777,11.411-9.82-.346,3.25-2.42,10.373,1.176,10.028,1.383-.138.83-.346.9-1.591.346-4.288,3.873-7.953,7.4-10.166-.622,5.256-.415,9.958,2.006,11.411,4.426,2.766,10.581-4.5,14.039-8.921-1.729,3.942-2.7,8.921-.138,9.682,3.043.9,5.463-4.219,8.3-8.091.346,2.766,2.213,7.607,9.682,7.607,8.022-.069,13.071-4.91,12.863-10.1m-108.3,8.645A66.439,66.439,0,0,1,27.4,32.534a59.168,59.168,0,0,0,6.777-2.974,54.453,54.453,0,0,0,1.106,6.432m20.4,3.873c-.069-.207-.622.069-1.106,0-1.452-.207-3.389-2.213-3.942-5.463-1.037-5.878-.415-11.687,1.314-20.332.346-1.66,1.452-4.5-2.075-5.048-1.106-.138-.553.415-.83,1.867C47.66,17.32,42.4,21.954,37.149,25.066,36.6,17.735,36.8,9.505,38.186,4.526c1.176-4.219,2.559-3.458.83-4.357s-3.734.277-5.325,3.458S24.839,23.89,13.221,35.439C7.273,41.317,1.879,38.274.842,37.375c-.9-.761-1.176.415-.138,1.591,4.772,5.256,11.826,2.282,14.384-.277,7.054-7.054,15.283-22.268,18.6-28.7a98.251,98.251,0,0,0,.277,16.874,50.129,50.129,0,0,1-8.3,3.181c-1.66.415-2.7,1.106-2.7,1.867s1.106,1.521,2.7,2.282c2.835,1.383,11.2,5.256,13.209,6.5,1.729,1.037,2.628.207,3.112-.9.692-1.452-1.176-2.282-2.974-2.766a60.545,60.545,0,0,1-1.66-9.267c4.219-2.628,8.437-6.086,10.788-10.443C47.522,20.916,46,33.3,49.873,38.482a5.451,5.451,0,0,0,4.564,2.213c.968-.069,1.383-.692,1.245-.83' transform='translate(-0.038 0.124)'/%3E%3C/g%3E%3C/svg%3E")) attr(img1, "src", img1_src_value);
1003
+ attr(span, "class", "title");
1004
+ attr(div, "class", "app-link");
1005
+ },
1006
+ m(target, anchor) {
1007
+ insert(target, div, anchor);
1008
+ append(div, img0);
1009
+ append(div, t0);
1010
+ append(div, img1);
1011
+ append(div, t1);
1012
+ append(div, span);
1013
+ append(span, t2);
1014
+ },
1015
+ p(ctx, dirty) {
1016
+ if (dirty & /*heading*/ 1) set_data(t2, /*heading*/ ctx[0]);
1017
+ },
1018
+ d(detaching) {
1019
+ if (detaching) detach(div);
1020
+ }
1021
+ };
1022
+ }
1023
+
1024
+ // (12:2) {#if url}
1025
+ function create_if_block$i(ctx) {
979
1026
  let a;
980
1027
  let img0;
981
1028
  let img0_src_value;
@@ -985,23 +1032,16 @@ function create_fragment$C(ctx) {
985
1032
  let t1;
986
1033
  let span;
987
1034
  let t2;
988
- let t3;
989
- let div0;
990
1035
 
991
1036
  return {
992
1037
  c() {
993
- div1 = element("div");
994
1038
  a = element("a");
995
1039
  img0 = element("img");
996
1040
  t0 = space();
997
1041
  img1 = element("img");
998
1042
  t1 = space();
999
1043
  span = element("span");
1000
- t2 = text(/*title*/ ctx[1]);
1001
- t3 = space();
1002
- div0 = element("div");
1003
- div0.innerHTML = `<slot></slot>`;
1004
- this.c = noop;
1044
+ t2 = text(/*heading*/ ctx[0]);
1005
1045
  attr(img0, "alt", "GoA Logo");
1006
1046
  attr(img0, "class", "image-mobile");
1007
1047
  if (!src_url_equal(img0.src, img0_src_value = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%2300aad2;%7D.c%7Bclip-path:url(%23a);%7D.d%7Bfill:%23fff;%7D%3C/style%3E%3CclipPath id='a'%3E%3Crect class='a' width='14' height='14' transform='translate(-0.345 -0.21)'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(0 -0.135)'%3E%3Ccircle class='b' cx='8' cy='8' r='8' transform='translate(0 0.135)'/%3E%3Cg transform='translate(1.345 1.344)'%3E%3Cg class='c' transform='translate(0 0)'%3E%3Cpath class='d' d='M12.612,13.636a16.24,16.24,0,0,1-1.86-.822,13.436,13.436,0,0,0,1.6-.708,11.312,11.312,0,0,0,.264,1.53M16.032,7.3c-.266-.034-.128.091-.2.442a5.465,5.465,0,0,1-2.8,3.338,16.141,16.141,0,0,1,.249-4.84c.275-1,.6-.813.2-1.022-.427-.22-.887.071-1.258.813A27.247,27.247,0,0,1,7.4,13.522a2.141,2.141,0,0,1-2.918.461c-.206-.174-.282.095-.026.37a2.412,2.412,0,0,0,3.387-.082A32.715,32.715,0,0,0,12.219,7.51a23.541,23.541,0,0,0,.063,3.971,11.464,11.464,0,0,1-1.964.749c-.388.1-.628.26-.635.439-.007.2.253.363.63.541.67.318,2.633,1.246,3.117,1.527.414.24.616.053.739-.207.16-.338-.279-.533-.7-.661a13.175,13.175,0,0,1-.382-2.179,7.143,7.143,0,0,0,2.547-2.454,4.7,4.7,0,0,0,.4-1.133,2.125,2.125,0,0,0,.048-.742s-.007-.054-.048-.059' transform='translate(-3.51 -3.943)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")) attr(img0, "src", img0_src_value);
@@ -1009,28 +1049,72 @@ function create_fragment$C(ctx) {
1009
1049
  attr(img1, "class", "image-desktop");
1010
1050
  if (!src_url_equal(img1.src, img1_src_value = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='149.351' height='42' viewBox='0 0 149.351 42'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bclip-path:url(%23a);%7D.c%7Bfill:%2300aad2;%7D.d%7Bfill:%235f6a72;%7D%3C/style%3E%3CclipPath id='a'%3E%3Crect class='a' width='149.351' height='42'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='b'%3E%3Crect class='c' width='13.555' height='13.555' transform='translate(135.796 21.524)'/%3E%3Cpath class='d' d='M63.082,33.088c-1.383.138-2.835.277-4.357.346.553-4.357,2.835-10.373,5.671-9.405,1.66.553.761,5.671-1.314,9.059m-3.527,2.974a3.761,3.761,0,0,1-1.245,0,.851.851,0,0,0,.346-.692v-.553c.761,0,1.936-.138,3.389-.277a4.327,4.327,0,0,1-2.49,1.521M76.844,25.688c1.8-1.66,2.7-1.521,2.9-1.106.484.968-1.591,4.357-5.671,6.224a10.328,10.328,0,0,1,2.766-5.118m66.736,1.66c-.207-3.389-3.181-3.942-3.6-2.974-.138.346,1.106.207,1.106,2.628,0,3.942-4.011,9.129-9.129,9.129-5.532,0-6.985-4.357-7.261-6.432-.207-1.452.138-3.458-2.351-3.181-1.729.207-3.25,3.527-5.463,6.362-1.867,2.42-2.7,2.213-2.282.138.553-2.628,2.7-8.714,5.187-9.129,1.176-.207,1.591,1.8,2.075.553s.069-4.011-2.559-4.011c-1.8,0-3.942,1.936-5.74,4.08-1.521,1.936-9.336,13.416-12.656,10.927-1.521-1.176-1.383-5.878-.415-11.411,3.873-1.521,7.123-1.037,8.921-.138.9.415,1.037.346.622-.622-.553-1.452-3.665-3.734-8.575-2.7-.138,0-.207.069-.346.069.415-1.8.83-3.665,1.383-5.463.484-1.66,1.8-4.5-1.729-4.979-1.106-.207-.622.346-1.037,1.867-.692,2.766-1.521,6.362-2.144,10.028a19.745,19.745,0,0,0-7.538,8.091,38.59,38.59,0,0,0,.9-4.772,1.589,1.589,0,0,0-1.245-1.729c-.761-.207-1.729.138-2.628,1.452-2.144,3.043-4.841,7.815-8.99,9.82-2.974,1.452-4.288,0-4.357-2.282a9.869,9.869,0,0,0,1.521-.553c5.394-2.351,7.192-5.947,5.878-8.16-1.314-2.075-4.979-1.452-7.953,1.66a11.175,11.175,0,0,0-2.7,6.5c-1.245.277-2.628.484-4.219.692,2.49-4.08,2.282-9.613-1.383-10.581-4.288-1.106-6.432,3.043-7.331,6.5.346-3.873.9-7.745,1.591-11.549.346-1.66,1.452-4.5-2.075-4.979-1.106-.207-.968.346-.9,1.867.138,2.075-2.144,14.454-.968,19.848-1.521.484-2.144,1.66-.207,2.835,1.383.83,4.357,1.106,7.331-.346a9.3,9.3,0,0,0,2.766-2.144c1.8-.207,3.665-.553,5.394-.83.277,2.42,1.867,4.219,5.463,3.873,5.118-.484,9.682-6.777,11.411-9.82-.346,3.25-2.42,10.373,1.176,10.028,1.383-.138.83-.346.9-1.591.346-4.288,3.873-7.953,7.4-10.166-.622,5.256-.415,9.958,2.006,11.411,4.426,2.766,10.581-4.5,14.039-8.921-1.729,3.942-2.7,8.921-.138,9.682,3.043.9,5.463-4.219,8.3-8.091.346,2.766,2.213,7.607,9.682,7.607,8.022-.069,13.071-4.91,12.863-10.1m-108.3,8.645A66.439,66.439,0,0,1,27.4,32.534a59.168,59.168,0,0,0,6.777-2.974,54.453,54.453,0,0,0,1.106,6.432m20.4,3.873c-.069-.207-.622.069-1.106,0-1.452-.207-3.389-2.213-3.942-5.463-1.037-5.878-.415-11.687,1.314-20.332.346-1.66,1.452-4.5-2.075-5.048-1.106-.138-.553.415-.83,1.867C47.66,17.32,42.4,21.954,37.149,25.066,36.6,17.735,36.8,9.505,38.186,4.526c1.176-4.219,2.559-3.458.83-4.357s-3.734.277-5.325,3.458S24.839,23.89,13.221,35.439C7.273,41.317,1.879,38.274.842,37.375c-.9-.761-1.176.415-.138,1.591,4.772,5.256,11.826,2.282,14.384-.277,7.054-7.054,15.283-22.268,18.6-28.7a98.251,98.251,0,0,0,.277,16.874,50.129,50.129,0,0,1-8.3,3.181c-1.66.415-2.7,1.106-2.7,1.867s1.106,1.521,2.7,2.282c2.835,1.383,11.2,5.256,13.209,6.5,1.729,1.037,2.628.207,3.112-.9.692-1.452-1.176-2.282-2.974-2.766a60.545,60.545,0,0,1-1.66-9.267c4.219-2.628,8.437-6.086,10.788-10.443C47.522,20.916,46,33.3,49.873,38.482a5.451,5.451,0,0,0,4.564,2.213c.968-.069,1.383-.692,1.245-.83' transform='translate(-0.038 0.124)'/%3E%3C/g%3E%3C/svg%3E")) attr(img1, "src", img1_src_value);
1011
1051
  attr(span, "class", "title");
1012
- attr(a, "href", /*url*/ ctx[0]);
1052
+ attr(a, "href", /*url*/ ctx[1]);
1013
1053
  attr(a, "class", "app-link");
1014
- attr(div1, "class", "app-header");
1015
- attr(div1, "data-testid", /*testid*/ ctx[2]);
1016
1054
  },
1017
1055
  m(target, anchor) {
1018
- insert(target, div1, anchor);
1019
- append(div1, a);
1056
+ insert(target, a, anchor);
1020
1057
  append(a, img0);
1021
1058
  append(a, t0);
1022
1059
  append(a, img1);
1023
1060
  append(a, t1);
1024
1061
  append(a, span);
1025
1062
  append(span, t2);
1026
- append(div1, t3);
1063
+ },
1064
+ p(ctx, dirty) {
1065
+ if (dirty & /*heading*/ 1) set_data(t2, /*heading*/ ctx[0]);
1066
+
1067
+ if (dirty & /*url*/ 2) {
1068
+ attr(a, "href", /*url*/ ctx[1]);
1069
+ }
1070
+ },
1071
+ d(detaching) {
1072
+ if (detaching) detach(a);
1073
+ }
1074
+ };
1075
+ }
1076
+
1077
+ function create_fragment$D(ctx) {
1078
+ let div1;
1079
+ let t;
1080
+ let div0;
1081
+
1082
+ function select_block_type(ctx, dirty) {
1083
+ if (/*url*/ ctx[1]) return create_if_block$i;
1084
+ return create_else_block$4;
1085
+ }
1086
+
1087
+ let current_block_type = select_block_type(ctx);
1088
+ let if_block = current_block_type(ctx);
1089
+
1090
+ return {
1091
+ c() {
1092
+ div1 = element("div");
1093
+ if_block.c();
1094
+ t = space();
1095
+ div0 = element("div");
1096
+ div0.innerHTML = `<slot></slot>`;
1097
+ this.c = noop;
1098
+ attr(div1, "class", "app-header");
1099
+ attr(div1, "data-testid", /*testid*/ ctx[2]);
1100
+ },
1101
+ m(target, anchor) {
1102
+ insert(target, div1, anchor);
1103
+ if_block.m(div1, null);
1104
+ append(div1, t);
1027
1105
  append(div1, div0);
1028
1106
  },
1029
1107
  p(ctx, [dirty]) {
1030
- if (dirty & /*title*/ 2) set_data(t2, /*title*/ ctx[1]);
1108
+ if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block) {
1109
+ if_block.p(ctx, dirty);
1110
+ } else {
1111
+ if_block.d(1);
1112
+ if_block = current_block_type(ctx);
1031
1113
 
1032
- if (dirty & /*url*/ 1) {
1033
- attr(a, "href", /*url*/ ctx[0]);
1114
+ if (if_block) {
1115
+ if_block.c();
1116
+ if_block.m(div1, t);
1117
+ }
1034
1118
  }
1035
1119
 
1036
1120
  if (dirty & /*testid*/ 4) {
@@ -1041,22 +1125,23 @@ function create_fragment$C(ctx) {
1041
1125
  o: noop,
1042
1126
  d(detaching) {
1043
1127
  if (detaching) detach(div1);
1128
+ if_block.d();
1044
1129
  }
1045
1130
  };
1046
1131
  }
1047
1132
 
1048
- function instance$x($$self, $$props, $$invalidate) {
1049
- let { url = "#" } = $$props;
1050
- let { title = "" } = $$props;
1133
+ function instance$y($$self, $$props, $$invalidate) {
1134
+ let { heading = "" } = $$props;
1135
+ let { url = "" } = $$props;
1051
1136
  let { testid = "" } = $$props;
1052
1137
 
1053
1138
  $$self.$$set = $$props => {
1054
- if ('url' in $$props) $$invalidate(0, url = $$props.url);
1055
- if ('title' in $$props) $$invalidate(1, title = $$props.title);
1139
+ if ('heading' in $$props) $$invalidate(0, heading = $$props.heading);
1140
+ if ('url' in $$props) $$invalidate(1, url = $$props.url);
1056
1141
  if ('testid' in $$props) $$invalidate(2, testid = $$props.testid);
1057
1142
  };
1058
1143
 
1059
- return [url, title, testid];
1144
+ return [heading, url, testid];
1060
1145
  }
1061
1146
 
1062
1147
  class AppHeader extends SvelteElement {
@@ -1071,10 +1156,10 @@ class AppHeader extends SvelteElement {
1071
1156
  props: attribute_to_object(this.attributes),
1072
1157
  customElement: true
1073
1158
  },
1074
- instance$x,
1075
- create_fragment$C,
1159
+ instance$y,
1160
+ create_fragment$D,
1076
1161
  safe_not_equal,
1077
- { url: 0, title: 1, testid: 2 },
1162
+ { heading: 0, url: 1, testid: 2 },
1078
1163
  null
1079
1164
  );
1080
1165
 
@@ -1091,24 +1176,24 @@ class AppHeader extends SvelteElement {
1091
1176
  }
1092
1177
 
1093
1178
  static get observedAttributes() {
1094
- return ["url", "title", "testid"];
1179
+ return ["heading", "url", "testid"];
1095
1180
  }
1096
1181
 
1097
- get url() {
1182
+ get heading() {
1098
1183
  return this.$$.ctx[0];
1099
1184
  }
1100
1185
 
1101
- set url(url) {
1102
- this.$$set({ url });
1186
+ set heading(heading) {
1187
+ this.$$set({ heading });
1103
1188
  flush();
1104
1189
  }
1105
1190
 
1106
- get title() {
1191
+ get url() {
1107
1192
  return this.$$.ctx[1];
1108
1193
  }
1109
1194
 
1110
- set title(title) {
1111
- this.$$set({ title });
1195
+ set url(url) {
1196
+ this.$$set({ url });
1112
1197
  flush();
1113
1198
  }
1114
1199
 
@@ -1155,22 +1240,22 @@ function create_else_block$3(ctx) {
1155
1240
  };
1156
1241
  }
1157
1242
 
1158
- // (35:2) {#if showIcon}
1243
+ // (41:2) {#if showIcon}
1159
1244
  function create_if_block_1$b(ctx) {
1160
1245
  let goa_icon;
1161
1246
 
1162
1247
  return {
1163
1248
  c() {
1164
1249
  goa_icon = element("goa-icon");
1165
- set_custom_element_data(goa_icon, "type", /*iconType*/ ctx[3]);
1250
+ set_custom_element_data(goa_icon, "type", /*iconType*/ ctx[4]);
1166
1251
  set_custom_element_data(goa_icon, "size", "small");
1167
1252
  },
1168
1253
  m(target, anchor) {
1169
1254
  insert(target, goa_icon, anchor);
1170
1255
  },
1171
1256
  p(ctx, dirty) {
1172
- if (dirty & /*iconType*/ 8) {
1173
- set_custom_element_data(goa_icon, "type", /*iconType*/ ctx[3]);
1257
+ if (dirty & /*iconType*/ 16) {
1258
+ set_custom_element_data(goa_icon, "type", /*iconType*/ ctx[4]);
1174
1259
  }
1175
1260
  },
1176
1261
  d(detaching) {
@@ -1179,7 +1264,7 @@ function create_if_block_1$b(ctx) {
1179
1264
  };
1180
1265
  }
1181
1266
 
1182
- // (40:2) {#if content}
1267
+ // (46:2) {#if content}
1183
1268
  function create_if_block$h(ctx) {
1184
1269
  let div;
1185
1270
  let t;
@@ -1203,13 +1288,13 @@ function create_if_block$h(ctx) {
1203
1288
  };
1204
1289
  }
1205
1290
 
1206
- function create_fragment$B(ctx) {
1291
+ function create_fragment$C(ctx) {
1207
1292
  let div;
1208
1293
  let t;
1209
1294
  let div_class_value;
1210
1295
 
1211
1296
  function select_block_type(ctx, dirty) {
1212
- if (/*showIcon*/ ctx[4]) return create_if_block_1$b;
1297
+ if (/*showIcon*/ ctx[3]) return create_if_block_1$b;
1213
1298
  return create_else_block$3;
1214
1299
  }
1215
1300
 
@@ -1227,7 +1312,7 @@ function create_fragment$B(ctx) {
1227
1312
  attr(div, "data-testid", /*testid*/ ctx[1]);
1228
1313
  attr(div, "data-type", "goa-badge");
1229
1314
  attr(div, "class", div_class_value = "goa-badge badge-" + /*type*/ ctx[0]);
1230
- toggle_class(div, "icon-only", /*showIcon*/ ctx[4] && !/*content*/ ctx[2]);
1315
+ toggle_class(div, "icon-only", /*showIcon*/ ctx[3] && !/*content*/ ctx[2]);
1231
1316
  },
1232
1317
  m(target, anchor) {
1233
1318
  insert(target, div, anchor);
@@ -1269,8 +1354,8 @@ function create_fragment$B(ctx) {
1269
1354
  attr(div, "class", div_class_value);
1270
1355
  }
1271
1356
 
1272
- if (dirty & /*type, showIcon, content*/ 21) {
1273
- toggle_class(div, "icon-only", /*showIcon*/ ctx[4] && !/*content*/ ctx[2]);
1357
+ if (dirty & /*type, showIcon, content*/ 13) {
1358
+ toggle_class(div, "icon-only", /*showIcon*/ ctx[3] && !/*content*/ ctx[2]);
1274
1359
  }
1275
1360
  },
1276
1361
  i: noop,
@@ -1283,7 +1368,7 @@ function create_fragment$B(ctx) {
1283
1368
  };
1284
1369
  }
1285
1370
 
1286
- function instance$w($$self, $$props, $$invalidate) {
1371
+ function instance$x($$self, $$props, $$invalidate) {
1287
1372
  let showIcon;
1288
1373
  let iconType;
1289
1374
  let { type } = $$props;
@@ -1291,6 +1376,12 @@ function instance$w($$self, $$props, $$invalidate) {
1291
1376
  let { icon = "false" } = $$props;
1292
1377
  let { content = "" } = $$props;
1293
1378
 
1379
+ onMount(() => {
1380
+ if (!showIcon && !content) {
1381
+ console.warn("GoABadge must have either then content or icon property set");
1382
+ }
1383
+ });
1384
+
1294
1385
  $$self.$$set = $$props => {
1295
1386
  if ('type' in $$props) $$invalidate(0, type = $$props.type);
1296
1387
  if ('testid' in $$props) $$invalidate(1, testid = $$props.testid);
@@ -1301,11 +1392,11 @@ function instance$w($$self, $$props, $$invalidate) {
1301
1392
  $$self.$$.update = () => {
1302
1393
  if ($$self.$$.dirty & /*icon*/ 32) {
1303
1394
  // export let icon: WCBoolean = WC_FALSE;
1304
- $$invalidate(4, showIcon = toBoolean(icon));
1395
+ $$invalidate(3, showIcon = toBoolean(icon));
1305
1396
  }
1306
1397
 
1307
1398
  if ($$self.$$.dirty & /*type*/ 1) {
1308
- $$invalidate(3, iconType = ({
1399
+ $$invalidate(4, iconType = ({
1309
1400
  success: "checkmark-circle",
1310
1401
  warning: "alert-circle",
1311
1402
  information: "information-circle",
@@ -1318,7 +1409,7 @@ function instance$w($$self, $$props, $$invalidate) {
1318
1409
  }
1319
1410
  };
1320
1411
 
1321
- return [type, testid, content, iconType, showIcon, icon];
1412
+ return [type, testid, content, showIcon, iconType, icon];
1322
1413
  }
1323
1414
 
1324
1415
  class Badge extends SvelteElement {
@@ -1333,8 +1424,8 @@ class Badge extends SvelteElement {
1333
1424
  props: attribute_to_object(this.attributes),
1334
1425
  customElement: true
1335
1426
  },
1336
- instance$w,
1337
- create_fragment$B,
1427
+ instance$x,
1428
+ create_fragment$C,
1338
1429
  safe_not_equal,
1339
1430
  { type: 0, testid: 1, icon: 5, content: 2 },
1340
1431
  null
@@ -1402,7 +1493,7 @@ function create_else_block$2(ctx) {
1402
1493
  let div;
1403
1494
  let t1;
1404
1495
  let if_block1_anchor;
1405
- let if_block0 = /*leadingicon*/ ctx[4] && create_if_block_2$6(ctx);
1496
+ let if_block0 = /*leadingicon*/ ctx[4] && create_if_block_2$7(ctx);
1406
1497
  let if_block1 = /*trailingicon*/ ctx[5] && create_if_block_1$a(ctx);
1407
1498
 
1408
1499
  return {
@@ -1429,7 +1520,7 @@ function create_else_block$2(ctx) {
1429
1520
  if (if_block0) {
1430
1521
  if_block0.p(ctx, dirty);
1431
1522
  } else {
1432
- if_block0 = create_if_block_2$6(ctx);
1523
+ if_block0 = create_if_block_2$7(ctx);
1433
1524
  if_block0.c();
1434
1525
  if_block0.m(t0.parentNode, t0);
1435
1526
  }
@@ -1494,7 +1585,7 @@ function create_if_block$g(ctx) {
1494
1585
  }
1495
1586
 
1496
1587
  // (61:4) {#if leadingicon}
1497
- function create_if_block_2$6(ctx) {
1588
+ function create_if_block_2$7(ctx) {
1498
1589
  let goa_icon;
1499
1590
 
1500
1591
  return {
@@ -1551,7 +1642,7 @@ function create_if_block_1$a(ctx) {
1551
1642
  };
1552
1643
  }
1553
1644
 
1554
- function create_fragment$A(ctx) {
1645
+ function create_fragment$B(ctx) {
1555
1646
  let button;
1556
1647
  let button_class_value;
1557
1648
  let mounted;
@@ -1639,7 +1730,7 @@ function clickHandler(e) {
1639
1730
  e.stopPropagation();
1640
1731
  }
1641
1732
 
1642
- function instance$v($$self, $$props, $$invalidate) {
1733
+ function instance$w($$self, $$props, $$invalidate) {
1643
1734
  let isDisabled;
1644
1735
  let isButtonDark;
1645
1736
  const BUTTON_TYPES = ["primary", "secondary", "tertiary", "start"];
@@ -1731,8 +1822,8 @@ class Button extends SvelteElement {
1731
1822
  props: attribute_to_object(this.attributes),
1732
1823
  customElement: true
1733
1824
  },
1734
- instance$v,
1735
- create_fragment$A,
1825
+ instance$w,
1826
+ create_fragment$B,
1736
1827
  safe_not_equal,
1737
1828
  {
1738
1829
  type: 0,
@@ -1849,7 +1940,7 @@ customElements.define("goa-button", Button);
1849
1940
 
1850
1941
  /* libs/web-components/src/components/button-group/ButtonGroup.svelte generated by Svelte v3.49.0 */
1851
1942
 
1852
- function create_fragment$z(ctx) {
1943
+ function create_fragment$A(ctx) {
1853
1944
  let div;
1854
1945
  let slot;
1855
1946
 
@@ -1882,7 +1973,7 @@ function create_fragment$z(ctx) {
1882
1973
  };
1883
1974
  }
1884
1975
 
1885
- function instance$u($$self, $$props, $$invalidate) {
1976
+ function instance$v($$self, $$props, $$invalidate) {
1886
1977
  let { gap = "medium" } = $$props;
1887
1978
  let { alignment } = $$props;
1888
1979
 
@@ -1906,8 +1997,8 @@ class ButtonGroup extends SvelteElement {
1906
1997
  props: attribute_to_object(this.attributes),
1907
1998
  customElement: true
1908
1999
  },
1909
- instance$u,
1910
- create_fragment$z,
2000
+ instance$v,
2001
+ create_fragment$A,
1911
2002
  safe_not_equal,
1912
2003
  { gap: 0, alignment: 1 },
1913
2004
  null
@@ -1952,7 +2043,7 @@ customElements.define("goa-button-group", ButtonGroup);
1952
2043
 
1953
2044
  /* libs/web-components/src/components/callout/Callout.svelte generated by Svelte v3.49.0 */
1954
2045
 
1955
- function create_fragment$y(ctx) {
2046
+ function create_fragment$z(ctx) {
1956
2047
  let div;
1957
2048
  let span0;
1958
2049
  let goa_icon;
@@ -1973,7 +2064,7 @@ function create_fragment$y(ctx) {
1973
2064
  t0 = space();
1974
2065
  span1 = element("span");
1975
2066
  h3 = element("h3");
1976
- t1 = text(/*title*/ ctx[1]);
2067
+ t1 = text(/*heading*/ ctx[1]);
1977
2068
  t2 = space();
1978
2069
  slot = element("slot");
1979
2070
  this.c = noop;
@@ -2008,7 +2099,7 @@ function create_fragment$y(ctx) {
2008
2099
  attr(span0, "class", span0_class_value);
2009
2100
  }
2010
2101
 
2011
- if (dirty & /*title*/ 2) set_data(t1, /*title*/ ctx[1]);
2102
+ if (dirty & /*heading*/ 2) set_data(t1, /*heading*/ ctx[1]);
2012
2103
 
2013
2104
  if (dirty & /*testid*/ 4) {
2014
2105
  attr(div, "data-testid", /*testid*/ ctx[2]);
@@ -2022,15 +2113,15 @@ function create_fragment$y(ctx) {
2022
2113
  };
2023
2114
  }
2024
2115
 
2025
- function instance$t($$self, $$props, $$invalidate) {
2116
+ function instance$u($$self, $$props, $$invalidate) {
2026
2117
  let iconType;
2027
2118
  let { type } = $$props;
2028
- let { title } = $$props;
2119
+ let { heading } = $$props;
2029
2120
  let { testid = "" } = $$props;
2030
2121
 
2031
2122
  $$self.$$set = $$props => {
2032
2123
  if ('type' in $$props) $$invalidate(0, type = $$props.type);
2033
- if ('title' in $$props) $$invalidate(1, title = $$props.title);
2124
+ if ('heading' in $$props) $$invalidate(1, heading = $$props.heading);
2034
2125
  if ('testid' in $$props) $$invalidate(2, testid = $$props.testid);
2035
2126
  };
2036
2127
 
@@ -2048,7 +2139,7 @@ function instance$t($$self, $$props, $$invalidate) {
2048
2139
  }
2049
2140
  };
2050
2141
 
2051
- return [type, title, testid, iconType];
2142
+ return [type, heading, testid, iconType];
2052
2143
  }
2053
2144
 
2054
2145
  class Callout extends SvelteElement {
@@ -2063,10 +2154,10 @@ class Callout extends SvelteElement {
2063
2154
  props: attribute_to_object(this.attributes),
2064
2155
  customElement: true
2065
2156
  },
2066
- instance$t,
2067
- create_fragment$y,
2157
+ instance$u,
2158
+ create_fragment$z,
2068
2159
  safe_not_equal,
2069
- { type: 0, title: 1, testid: 2 },
2160
+ { type: 0, heading: 1, testid: 2 },
2070
2161
  null
2071
2162
  );
2072
2163
 
@@ -2083,7 +2174,7 @@ class Callout extends SvelteElement {
2083
2174
  }
2084
2175
 
2085
2176
  static get observedAttributes() {
2086
- return ["type", "title", "testid"];
2177
+ return ["type", "heading", "testid"];
2087
2178
  }
2088
2179
 
2089
2180
  get type() {
@@ -2095,12 +2186,12 @@ class Callout extends SvelteElement {
2095
2186
  flush();
2096
2187
  }
2097
2188
 
2098
- get title() {
2189
+ get heading() {
2099
2190
  return this.$$.ctx[1];
2100
2191
  }
2101
2192
 
2102
- set title(title) {
2103
- this.$$set({ title });
2193
+ set heading(heading) {
2194
+ this.$$set({ heading });
2104
2195
  flush();
2105
2196
  }
2106
2197
 
@@ -2118,7 +2209,7 @@ customElements.define("goa-callout", Callout);
2118
2209
 
2119
2210
  /* libs/web-components/src/components/card/Card.svelte generated by Svelte v3.49.0 */
2120
2211
 
2121
- function create_fragment$x(ctx) {
2212
+ function create_fragment$y(ctx) {
2122
2213
  let div;
2123
2214
  let slot;
2124
2215
  let div_style_value;
@@ -2158,7 +2249,7 @@ function create_fragment$x(ctx) {
2158
2249
  };
2159
2250
  }
2160
2251
 
2161
- function instance$s($$self, $$props, $$invalidate) {
2252
+ function instance$t($$self, $$props, $$invalidate) {
2162
2253
  let { elevation = 0 } = $$props;
2163
2254
  let { width = 320 } = $$props;
2164
2255
  let { testId = "" } = $$props;
@@ -2186,8 +2277,8 @@ class Card extends SvelteElement {
2186
2277
  props: attribute_to_object(this.attributes),
2187
2278
  customElement: true
2188
2279
  },
2189
- instance$s,
2190
- create_fragment$x,
2280
+ instance$t,
2281
+ create_fragment$y,
2191
2282
  safe_not_equal,
2192
2283
  { elevation: 0, width: 1, testId: 2 },
2193
2284
  null
@@ -2241,7 +2332,7 @@ customElements.define("goa-card", Card);
2241
2332
 
2242
2333
  /* libs/web-components/src/components/card-actions/CardActions.svelte generated by Svelte v3.49.0 */
2243
2334
 
2244
- function create_fragment$w(ctx) {
2335
+ function create_fragment$x(ctx) {
2245
2336
  let goa_card_content;
2246
2337
 
2247
2338
  return {
@@ -2274,7 +2365,7 @@ class CardActions extends SvelteElement {
2274
2365
  customElement: true
2275
2366
  },
2276
2367
  null,
2277
- create_fragment$w,
2368
+ create_fragment$x,
2278
2369
  safe_not_equal,
2279
2370
  {},
2280
2371
  null
@@ -2292,7 +2383,7 @@ customElements.define("goa-card-actions", CardActions);
2292
2383
 
2293
2384
  /* libs/web-components/src/components/card-content/CardContent.svelte generated by Svelte v3.49.0 */
2294
2385
 
2295
- function create_fragment$v(ctx) {
2386
+ function create_fragment$w(ctx) {
2296
2387
  let div;
2297
2388
 
2298
2389
  return {
@@ -2327,7 +2418,7 @@ class CardContent extends SvelteElement {
2327
2418
  customElement: true
2328
2419
  },
2329
2420
  null,
2330
- create_fragment$v,
2421
+ create_fragment$w,
2331
2422
  safe_not_equal,
2332
2423
  {},
2333
2424
  null
@@ -2345,7 +2436,7 @@ customElements.define("goa-card-content", CardContent);
2345
2436
 
2346
2437
  /* libs/web-components/src/components/card-group/CardGroup.svelte generated by Svelte v3.49.0 */
2347
2438
 
2348
- function create_fragment$u(ctx) {
2439
+ function create_fragment$v(ctx) {
2349
2440
  let div;
2350
2441
 
2351
2442
  return {
@@ -2380,7 +2471,7 @@ class CardGroup extends SvelteElement {
2380
2471
  customElement: true
2381
2472
  },
2382
2473
  null,
2383
- create_fragment$u,
2474
+ create_fragment$v,
2384
2475
  safe_not_equal,
2385
2476
  {},
2386
2477
  null
@@ -2398,7 +2489,7 @@ customElements.define("goa-card-group", CardGroup);
2398
2489
 
2399
2490
  /* libs/web-components/src/components/card-image/CardImage.svelte generated by Svelte v3.49.0 */
2400
2491
 
2401
- function create_fragment$t(ctx) {
2492
+ function create_fragment$u(ctx) {
2402
2493
  let div;
2403
2494
 
2404
2495
  return {
@@ -2431,7 +2522,7 @@ function create_fragment$t(ctx) {
2431
2522
  };
2432
2523
  }
2433
2524
 
2434
- function instance$r($$self, $$props, $$invalidate) {
2525
+ function instance$s($$self, $$props, $$invalidate) {
2435
2526
  let { src } = $$props;
2436
2527
  let { height = "100%" } = $$props;
2437
2528
 
@@ -2455,8 +2546,8 @@ class CardImage extends SvelteElement {
2455
2546
  props: attribute_to_object(this.attributes),
2456
2547
  customElement: true
2457
2548
  },
2458
- instance$r,
2459
- create_fragment$t,
2549
+ instance$s,
2550
+ create_fragment$u,
2460
2551
  safe_not_equal,
2461
2552
  { src: 0, height: 1 },
2462
2553
  null
@@ -2551,7 +2642,7 @@ function create_if_block$f(ctx) {
2551
2642
  };
2552
2643
  }
2553
2644
 
2554
- function create_fragment$s(ctx) {
2645
+ function create_fragment$t(ctx) {
2555
2646
  let label;
2556
2647
  let div0;
2557
2648
  let input;
@@ -2684,7 +2775,7 @@ function create_fragment$s(ctx) {
2684
2775
  };
2685
2776
  }
2686
2777
 
2687
- function instance$q($$self, $$props, $$invalidate) {
2778
+ function instance$r($$self, $$props, $$invalidate) {
2688
2779
  let isDisabled;
2689
2780
  let isError;
2690
2781
  let isChecked;
@@ -2769,8 +2860,8 @@ class Checkbox extends SvelteElement {
2769
2860
  props: attribute_to_object(this.attributes),
2770
2861
  customElement: true
2771
2862
  },
2772
- instance$q,
2773
- create_fragment$s,
2863
+ instance$r,
2864
+ create_fragment$t,
2774
2865
  safe_not_equal,
2775
2866
  {
2776
2867
  name: 0,
@@ -2936,7 +3027,7 @@ function create_if_block$e(ctx) {
2936
3027
  };
2937
3028
  }
2938
3029
 
2939
- function create_fragment$r(ctx) {
3030
+ function create_fragment$s(ctx) {
2940
3031
  let div1;
2941
3032
  let t0;
2942
3033
  let div0;
@@ -3036,7 +3127,7 @@ function create_fragment$r(ctx) {
3036
3127
  };
3037
3128
  }
3038
3129
 
3039
- function instance$p($$self, $$props, $$invalidate) {
3130
+ function instance$q($$self, $$props, $$invalidate) {
3040
3131
  let { leadingicon = null } = $$props;
3041
3132
  let { error = "false" } = $$props;
3042
3133
  let { deletable = "false" } = $$props;
@@ -3115,8 +3206,8 @@ class Chip extends SvelteElement {
3115
3206
  props: attribute_to_object(this.attributes),
3116
3207
  customElement: true
3117
3208
  },
3118
- instance$p,
3119
- create_fragment$r,
3209
+ instance$q,
3210
+ create_fragment$s,
3120
3211
  safe_not_equal,
3121
3212
  {
3122
3213
  leadingicon: 0,
@@ -3184,7 +3275,7 @@ customElements.define("goa-chip", Chip);
3184
3275
 
3185
3276
  /* libs/web-components/src/components/container/Container.svelte generated by Svelte v3.49.0 */
3186
3277
 
3187
- function create_fragment$q(ctx) {
3278
+ function create_fragment$r(ctx) {
3188
3279
  let div3;
3189
3280
  let header;
3190
3281
  let div0;
@@ -3255,7 +3346,7 @@ function create_fragment$q(ctx) {
3255
3346
  };
3256
3347
  }
3257
3348
 
3258
- function instance$o($$self, $$props, $$invalidate) {
3349
+ function instance$p($$self, $$props, $$invalidate) {
3259
3350
  let _colored;
3260
3351
  let { variant = 'default' } = $$props;
3261
3352
  let { colored = "false" } = $$props;
@@ -3290,8 +3381,8 @@ class Container extends SvelteElement {
3290
3381
  props: attribute_to_object(this.attributes),
3291
3382
  customElement: true
3292
3383
  },
3293
- instance$o,
3294
- create_fragment$q,
3384
+ instance$p,
3385
+ create_fragment$r,
3295
3386
  safe_not_equal,
3296
3387
  {
3297
3388
  variant: 0,
@@ -3448,7 +3539,7 @@ const BIND$1 = "bind";
3448
3539
 
3449
3540
  /* libs/web-components/src/components/dropdown/Dropdown.svelte generated by Svelte v3.49.0 */
3450
3541
 
3451
- function get_each_context$3(ctx, list, i) {
3542
+ function get_each_context$4(ctx, list, i) {
3452
3543
  const child_ctx = ctx.slice();
3453
3544
  child_ctx[35] = list[i];
3454
3545
  child_ctx[37] = i;
@@ -3490,7 +3581,7 @@ function create_if_block$d(ctx) {
3490
3581
  }
3491
3582
 
3492
3583
  // (211:4) {#each options as option, index (option.value)}
3493
- function create_each_block$3(key_1, ctx) {
3584
+ function create_each_block$4(key_1, ctx) {
3494
3585
  let li;
3495
3586
  let t0_value = /*option*/ ctx[35].label + "";
3496
3587
  let t0;
@@ -3559,7 +3650,7 @@ function create_each_block$3(key_1, ctx) {
3559
3650
  };
3560
3651
  }
3561
3652
 
3562
- function create_fragment$p(ctx) {
3653
+ function create_fragment$q(ctx) {
3563
3654
  let div1;
3564
3655
  let t0;
3565
3656
  let div0;
@@ -3581,9 +3672,9 @@ function create_fragment$p(ctx) {
3581
3672
  const get_key = ctx => /*option*/ ctx[35].value;
3582
3673
 
3583
3674
  for (let i = 0; i < each_value.length; i += 1) {
3584
- let child_ctx = get_each_context$3(ctx, each_value, i);
3675
+ let child_ctx = get_each_context$4(ctx, each_value, i);
3585
3676
  let key = get_key(child_ctx);
3586
- each_1_lookup.set(key, each_blocks[i] = create_each_block$3(key, child_ctx));
3677
+ each_1_lookup.set(key, each_blocks[i] = create_each_block$4(key, child_ctx));
3587
3678
  }
3588
3679
 
3589
3680
  return {
@@ -3691,7 +3782,7 @@ function create_fragment$p(ctx) {
3691
3782
 
3692
3783
  if (dirty[0] & /*options, highlightedIndex, _values, onSelect*/ 267008) {
3693
3784
  each_value = /*options*/ ctx[9];
3694
- each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, ul, destroy_block, create_each_block$3, null, get_each_context$3);
3785
+ each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, ul, destroy_block, create_each_block$4, null, get_each_context$4);
3695
3786
  }
3696
3787
 
3697
3788
  if (dirty[0] & /*maxheight*/ 4 && ul_style_value !== (ul_style_value = `overflow-y: auto; max-height: ${/*maxheight*/ ctx[2]}`)) {
@@ -3730,7 +3821,7 @@ function create_fragment$p(ctx) {
3730
3821
 
3731
3822
  const MAX_HEIGHT = "300px";
3732
3823
 
3733
- function instance$n($$self, $$props, $$invalidate) {
3824
+ function instance$o($$self, $$props, $$invalidate) {
3734
3825
  let _disabled;
3735
3826
  let _multiselect;
3736
3827
  let { name } = $$props;
@@ -3998,8 +4089,8 @@ class Dropdown extends SvelteElement {
3998
4089
  props: attribute_to_object(this.attributes),
3999
4090
  customElement: true
4000
4091
  },
4001
- instance$n,
4002
- create_fragment$p,
4092
+ instance$o,
4093
+ create_fragment$q,
4003
4094
  safe_not_equal,
4004
4095
  {
4005
4096
  name: 0,
@@ -4139,7 +4230,7 @@ customElements.define("goa-dropdown", Dropdown);
4139
4230
 
4140
4231
  /* libs/web-components/src/components/dropdown/DropdownItem.svelte generated by Svelte v3.49.0 */
4141
4232
 
4142
- function create_fragment$o(ctx) {
4233
+ function create_fragment$p(ctx) {
4143
4234
  return {
4144
4235
  c() {
4145
4236
  this.c = noop;
@@ -4152,7 +4243,7 @@ function create_fragment$o(ctx) {
4152
4243
  };
4153
4244
  }
4154
4245
 
4155
- function instance$m($$self, $$props, $$invalidate) {
4246
+ function instance$n($$self, $$props, $$invalidate) {
4156
4247
  let { name = "" } = $$props;
4157
4248
  let { value = "" } = $$props;
4158
4249
  let { label = "" } = $$props;
@@ -4186,8 +4277,8 @@ class DropdownItem extends SvelteElement {
4186
4277
  props: attribute_to_object(this.attributes),
4187
4278
  customElement: true
4188
4279
  },
4189
- instance$m,
4190
- create_fragment$o,
4280
+ instance$n,
4281
+ create_fragment$p,
4191
4282
  safe_not_equal,
4192
4283
  { name: 0, value: 1, label: 2 },
4193
4284
  null
@@ -4241,7 +4332,7 @@ customElements.define("goa-dropdown-item", DropdownItem);
4241
4332
 
4242
4333
  /* libs/web-components/src/components/flex-row/FlexRow.svelte generated by Svelte v3.49.0 */
4243
4334
 
4244
- function create_fragment$n(ctx) {
4335
+ function create_fragment$o(ctx) {
4245
4336
  let div;
4246
4337
  let slot;
4247
4338
 
@@ -4270,7 +4361,7 @@ function create_fragment$n(ctx) {
4270
4361
  };
4271
4362
  }
4272
4363
 
4273
- function instance$l($$self, $$props, $$invalidate) {
4364
+ function instance$m($$self, $$props, $$invalidate) {
4274
4365
  let _gap;
4275
4366
  let { gap = "" } = $$props;
4276
4367
 
@@ -4303,8 +4394,8 @@ class FlexRow extends SvelteElement {
4303
4394
  props: attribute_to_object(this.attributes),
4304
4395
  customElement: true
4305
4396
  },
4306
- instance$l,
4307
- create_fragment$n,
4397
+ instance$m,
4398
+ create_fragment$o,
4308
4399
  safe_not_equal,
4309
4400
  { gap: 1 },
4310
4401
  null
@@ -4340,7 +4431,7 @@ customElements.define("goa-flex-row", FlexRow);
4340
4431
 
4341
4432
  /* libs/web-components/src/components/form-item/FormItem.svelte generated by Svelte v3.49.0 */
4342
4433
 
4343
- function create_if_block_2$5(ctx) {
4434
+ function create_if_block_2$6(ctx) {
4344
4435
  let label_1;
4345
4436
  let t0;
4346
4437
  let t1;
@@ -4447,13 +4538,13 @@ function create_if_block$c(ctx) {
4447
4538
  };
4448
4539
  }
4449
4540
 
4450
- function create_fragment$m(ctx) {
4541
+ function create_fragment$n(ctx) {
4451
4542
  let div1;
4452
4543
  let t0;
4453
4544
  let div0;
4454
4545
  let t1;
4455
4546
  let t2;
4456
- let if_block0 = /*label*/ ctx[0] && create_if_block_2$5(ctx);
4547
+ let if_block0 = /*label*/ ctx[0] && create_if_block_2$6(ctx);
4457
4548
  let if_block1 = /*error*/ ctx[2] && create_if_block_1$7(ctx);
4458
4549
  let if_block2 = /*helptext*/ ctx[1] && create_if_block$c(ctx);
4459
4550
 
@@ -4487,7 +4578,7 @@ function create_fragment$m(ctx) {
4487
4578
  if (if_block0) {
4488
4579
  if_block0.p(ctx, dirty);
4489
4580
  } else {
4490
- if_block0 = create_if_block_2$5(ctx);
4581
+ if_block0 = create_if_block_2$6(ctx);
4491
4582
  if_block0.c();
4492
4583
  if_block0.m(div1, t0);
4493
4584
  }
@@ -4533,7 +4624,7 @@ function create_fragment$m(ctx) {
4533
4624
  };
4534
4625
  }
4535
4626
 
4536
- function instance$k($$self, $$props, $$invalidate) {
4627
+ function instance$l($$self, $$props, $$invalidate) {
4537
4628
  let isOptional;
4538
4629
  let { label = "" } = $$props;
4539
4630
  let { helptext = "" } = $$props;
@@ -4568,8 +4659,8 @@ class FormItem extends SvelteElement {
4568
4659
  props: attribute_to_object(this.attributes),
4569
4660
  customElement: true
4570
4661
  },
4571
- instance$k,
4572
- create_fragment$m,
4662
+ instance$l,
4663
+ create_fragment$n,
4573
4664
  safe_not_equal,
4574
4665
  {
4575
4666
  label: 0,
@@ -4637,7 +4728,7 @@ customElements.define("goa-form-item", FormItem);
4637
4728
 
4638
4729
  /* libs/web-components/src/components/hero-banner/HeroBanner.svelte generated by Svelte v3.49.0 */
4639
4730
 
4640
- function create_fragment$l(ctx) {
4731
+ function create_fragment$m(ctx) {
4641
4732
  let div1;
4642
4733
  let goa_page_block;
4643
4734
  let h1;
@@ -4652,14 +4743,13 @@ function create_fragment$l(ctx) {
4652
4743
  div1 = element("div");
4653
4744
  goa_page_block = element("goa-page-block");
4654
4745
  h1 = element("h1");
4655
- t0 = text(/*title*/ ctx[0]);
4746
+ t0 = text(/*heading*/ ctx[0]);
4656
4747
  t1 = space();
4657
4748
  div0 = element("div");
4658
4749
  div0.innerHTML = `<slot></slot>`;
4659
4750
  t2 = space();
4660
4751
  slot1 = element("slot");
4661
4752
  this.c = noop;
4662
- attr(h1, "role", "heading");
4663
4753
  attr(div0, "class", "goa-hero-banner-content");
4664
4754
  attr(div0, "role", "note");
4665
4755
  attr(slot1, "name", "actions");
@@ -4682,7 +4772,7 @@ function create_fragment$l(ctx) {
4682
4772
  append(goa_page_block, slot1);
4683
4773
  },
4684
4774
  p(ctx, [dirty]) {
4685
- if (dirty & /*title*/ 1) set_data(t0, /*title*/ ctx[0]);
4775
+ if (dirty & /*heading*/ 1) set_data(t0, /*heading*/ ctx[0]);
4686
4776
 
4687
4777
  if (dirty & /*backgroundurl*/ 2) {
4688
4778
  set_style(div1, "background-image", "linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.40) 40%, rgba(0, 0, 0, 0.6) 100%), url(" + /*backgroundurl*/ ctx[1] + ")");
@@ -4696,16 +4786,16 @@ function create_fragment$l(ctx) {
4696
4786
  };
4697
4787
  }
4698
4788
 
4699
- function instance$j($$self, $$props, $$invalidate) {
4700
- let { title } = $$props;
4789
+ function instance$k($$self, $$props, $$invalidate) {
4790
+ let { heading } = $$props;
4701
4791
  let { backgroundurl } = $$props;
4702
4792
 
4703
4793
  $$self.$$set = $$props => {
4704
- if ('title' in $$props) $$invalidate(0, title = $$props.title);
4794
+ if ('heading' in $$props) $$invalidate(0, heading = $$props.heading);
4705
4795
  if ('backgroundurl' in $$props) $$invalidate(1, backgroundurl = $$props.backgroundurl);
4706
4796
  };
4707
4797
 
4708
- return [title, backgroundurl];
4798
+ return [heading, backgroundurl];
4709
4799
  }
4710
4800
 
4711
4801
  class HeroBanner extends SvelteElement {
@@ -4720,10 +4810,10 @@ class HeroBanner extends SvelteElement {
4720
4810
  props: attribute_to_object(this.attributes),
4721
4811
  customElement: true
4722
4812
  },
4723
- instance$j,
4724
- create_fragment$l,
4813
+ instance$k,
4814
+ create_fragment$m,
4725
4815
  safe_not_equal,
4726
- { title: 0, backgroundurl: 1 },
4816
+ { heading: 0, backgroundurl: 1 },
4727
4817
  null
4728
4818
  );
4729
4819
 
@@ -4740,15 +4830,15 @@ class HeroBanner extends SvelteElement {
4740
4830
  }
4741
4831
 
4742
4832
  static get observedAttributes() {
4743
- return ["title", "backgroundurl"];
4833
+ return ["heading", "backgroundurl"];
4744
4834
  }
4745
4835
 
4746
- get title() {
4836
+ get heading() {
4747
4837
  return this.$$.ctx[0];
4748
4838
  }
4749
4839
 
4750
- set title(title) {
4751
- this.$$set({ title });
4840
+ set heading(heading) {
4841
+ this.$$set({ heading });
4752
4842
  flush();
4753
4843
  }
4754
4844
 
@@ -4794,7 +4884,7 @@ function create_if_block$b(ctx) {
4794
4884
  };
4795
4885
  }
4796
4886
 
4797
- function create_fragment$k(ctx) {
4887
+ function create_fragment$l(ctx) {
4798
4888
  let div;
4799
4889
  let div_data_testid_value;
4800
4890
  let div_style_value;
@@ -4866,15 +4956,15 @@ function create_fragment$k(ctx) {
4866
4956
  };
4867
4957
  }
4868
4958
 
4869
- function instance$i($$self, $$props, $$invalidate) {
4959
+ function instance$j($$self, $$props, $$invalidate) {
4870
4960
  let isInverted;
4871
4961
  let _size;
4872
4962
  let { type } = $$props;
4873
4963
  let { size = "medium" } = $$props;
4874
4964
  let { theme = "outline" } = $$props;
4875
- let { inverted } = $$props;
4876
- let { fillcolor } = $$props;
4877
- let { hovercolor } = $$props;
4965
+ let { inverted = "false" } = $$props;
4966
+ let { fillcolor = "" } = $$props;
4967
+ let { hovercolor = "" } = $$props;
4878
4968
  let { opacity = 1 } = $$props;
4879
4969
  let { title = "" } = $$props;
4880
4970
 
@@ -4929,8 +5019,8 @@ class Icon extends SvelteElement {
4929
5019
  props: attribute_to_object(this.attributes),
4930
5020
  customElement: true
4931
5021
  },
4932
- instance$i,
4933
- create_fragment$k,
5022
+ instance$j,
5023
+ create_fragment$l,
4934
5024
  safe_not_equal,
4935
5025
  {
4936
5026
  type: 0,
@@ -5047,7 +5137,7 @@ customElements.define("goa-icon", Icon);
5047
5137
 
5048
5138
  /* libs/web-components/src/components/icon-button/IconButton.svelte generated by Svelte v3.49.0 */
5049
5139
 
5050
- function create_fragment$j(ctx) {
5140
+ function create_fragment$k(ctx) {
5051
5141
  let button;
5052
5142
  let goa_icon;
5053
5143
  let mounted;
@@ -5133,7 +5223,7 @@ function handleClick(e) {
5133
5223
  e.target.dispatchEvent(new CustomEvent("_click", { composed: true, detail: { event: e } }));
5134
5224
  }
5135
5225
 
5136
- function instance$h($$self, $$props, $$invalidate) {
5226
+ function instance$i($$self, $$props, $$invalidate) {
5137
5227
  let css;
5138
5228
  let isDisabled;
5139
5229
  let isInverted;
@@ -5209,8 +5299,8 @@ class IconButton extends SvelteElement {
5209
5299
  props: attribute_to_object(this.attributes),
5210
5300
  customElement: true
5211
5301
  },
5212
- instance$h,
5213
- create_fragment$j,
5302
+ instance$i,
5303
+ create_fragment$k,
5214
5304
  safe_not_equal,
5215
5305
  {
5216
5306
  type: 0,
@@ -5424,7 +5514,7 @@ function create_if_block$a(ctx) {
5424
5514
 
5425
5515
  function select_block_type(ctx, dirty) {
5426
5516
  if (/*maxcharcount*/ ctx[9] > 0) return create_if_block_1$6;
5427
- if (/*value*/ ctx[0].length > 0) return create_if_block_2$4;
5517
+ if (/*value*/ ctx[0].length > 0) return create_if_block_2$5;
5428
5518
  }
5429
5519
 
5430
5520
  let current_block_type = select_block_type(ctx);
@@ -5463,7 +5553,7 @@ function create_if_block$a(ctx) {
5463
5553
  }
5464
5554
 
5465
5555
  // (122:31)
5466
- function create_if_block_2$4(ctx) {
5556
+ function create_if_block_2$5(ctx) {
5467
5557
  let div;
5468
5558
  let t_value = /*value*/ ctx[0].length + "";
5469
5559
  let t;
@@ -5522,7 +5612,7 @@ function create_if_block_1$6(ctx) {
5522
5612
  };
5523
5613
  }
5524
5614
 
5525
- function create_fragment$i(ctx) {
5615
+ function create_fragment$j(ctx) {
5526
5616
  let div1;
5527
5617
  let div0;
5528
5618
  let t0;
@@ -5729,7 +5819,7 @@ function doClick() {
5729
5819
  this.dispatchEvent(new CustomEvent("_trailingIconClick", { composed: true }));
5730
5820
  }
5731
5821
 
5732
- function instance$g($$self, $$props, $$invalidate) {
5822
+ function instance$h($$self, $$props, $$invalidate) {
5733
5823
  let handlesTrailingIconClick;
5734
5824
  let isFocused;
5735
5825
  let isReadonly;
@@ -5875,8 +5965,8 @@ class Input extends SvelteElement {
5875
5965
  props: attribute_to_object(this.attributes),
5876
5966
  customElement: true
5877
5967
  },
5878
- instance$g,
5879
- create_fragment$i,
5968
+ instance$h,
5969
+ create_fragment$j,
5880
5970
  safe_not_equal,
5881
5971
  {
5882
5972
  type: 1,
@@ -6179,7 +6269,7 @@ function create_if_block$9(ctx) {
6179
6269
  let mounted;
6180
6270
  let dispose;
6181
6271
  let if_block0 = /*heading*/ ctx[0] && create_if_block_3$2(ctx);
6182
- let if_block1 = /*isClosable*/ ctx[5] && create_if_block_2$3(ctx);
6272
+ let if_block1 = /*isClosable*/ ctx[5] && create_if_block_2$4(ctx);
6183
6273
 
6184
6274
  function select_block_type(ctx, dirty) {
6185
6275
  if (/*isScrollable*/ ctx[7]) return create_if_block_1$5;
@@ -6266,7 +6356,7 @@ function create_if_block$9(ctx) {
6266
6356
  if (if_block1) {
6267
6357
  if_block1.p(ctx, dirty);
6268
6358
  } else {
6269
- if_block1 = create_if_block_2$3(ctx);
6359
+ if_block1 = create_if_block_2$4(ctx);
6270
6360
  if_block1.c();
6271
6361
  if_block1.m(div3, t2);
6272
6362
  }
@@ -6374,7 +6464,7 @@ function create_if_block_3$2(ctx) {
6374
6464
  }
6375
6465
 
6376
6466
  // (63:8) {#if isClosable}
6377
- function create_if_block_2$3(ctx) {
6467
+ function create_if_block_2$4(ctx) {
6378
6468
  let div;
6379
6469
  let goa_icon_button;
6380
6470
  let mounted;
@@ -6446,7 +6536,7 @@ function create_if_block_1$5(ctx) {
6446
6536
  };
6447
6537
  }
6448
6538
 
6449
- function create_fragment$h(ctx) {
6539
+ function create_fragment$i(ctx) {
6450
6540
  let if_block_anchor;
6451
6541
  let current;
6452
6542
  let if_block = /*isOpen*/ ctx[3] && create_if_block$9(ctx);
@@ -6502,7 +6592,7 @@ function create_fragment$h(ctx) {
6502
6592
  };
6503
6593
  }
6504
6594
 
6505
- function instance$f($$self, $$props, $$invalidate) {
6595
+ function instance$g($$self, $$props, $$invalidate) {
6506
6596
  let isClosable;
6507
6597
  let isScrollable;
6508
6598
  let isOpen;
@@ -6589,8 +6679,8 @@ class Modal extends SvelteElement {
6589
6679
  props: attribute_to_object(this.attributes),
6590
6680
  customElement: true
6591
6681
  },
6592
- instance$f,
6593
- create_fragment$h,
6682
+ instance$g,
6683
+ create_fragment$i,
6594
6684
  safe_not_equal,
6595
6685
  {
6596
6686
  heading: 0,
@@ -6762,7 +6852,7 @@ function create_if_block$8(ctx) {
6762
6852
  };
6763
6853
  }
6764
6854
 
6765
- function create_fragment$g(ctx) {
6855
+ function create_fragment$h(ctx) {
6766
6856
  let if_block_anchor;
6767
6857
  let current;
6768
6858
  let if_block = /*show*/ ctx[1] && create_if_block$8(ctx);
@@ -6818,7 +6908,7 @@ function create_fragment$g(ctx) {
6818
6908
  };
6819
6909
  }
6820
6910
 
6821
- function instance$e($$self, $$props, $$invalidate) {
6911
+ function instance$f($$self, $$props, $$invalidate) {
6822
6912
  let iconType;
6823
6913
  let { type } = $$props;
6824
6914
  let show = true;
@@ -6858,8 +6948,8 @@ class Notification extends SvelteElement {
6858
6948
  props: attribute_to_object(this.attributes),
6859
6949
  customElement: true
6860
6950
  },
6861
- instance$e,
6862
- create_fragment$g,
6951
+ instance$f,
6952
+ create_fragment$h,
6863
6953
  safe_not_equal,
6864
6954
  { type: 0 },
6865
6955
  null
@@ -6895,7 +6985,7 @@ customElements.define("goa-notification", Notification);
6895
6985
 
6896
6986
  /* libs/web-components/src/layouts/PageLayout.svelte generated by Svelte v3.49.0 */
6897
6987
 
6898
- function create_fragment$f(ctx) {
6988
+ function create_fragment$g(ctx) {
6899
6989
  let div;
6900
6990
 
6901
6991
  return {
@@ -6930,7 +7020,7 @@ class PageLayout extends SvelteElement {
6930
7020
  customElement: true
6931
7021
  },
6932
7022
  null,
6933
- create_fragment$f,
7023
+ create_fragment$g,
6934
7024
  safe_not_equal,
6935
7025
  {},
6936
7026
  null
@@ -7114,7 +7204,7 @@ function create_if_block_1$4(ctx) {
7114
7204
  let current;
7115
7205
  let mounted;
7116
7206
  let dispose;
7117
- let if_block = /*message*/ ctx[1] && create_if_block_2$2(ctx);
7207
+ let if_block = /*message*/ ctx[1] && create_if_block_2$3(ctx);
7118
7208
 
7119
7209
  return {
7120
7210
  c() {
@@ -7156,7 +7246,7 @@ function create_if_block_1$4(ctx) {
7156
7246
  if (if_block) {
7157
7247
  if_block.p(ctx, dirty);
7158
7248
  } else {
7159
- if_block = create_if_block_2$2(ctx);
7249
+ if_block = create_if_block_2$3(ctx);
7160
7250
  if_block.c();
7161
7251
  if_block.m(div, null);
7162
7252
  }
@@ -7219,7 +7309,7 @@ function create_if_block_4(ctx) {
7219
7309
  }
7220
7310
 
7221
7311
  // (36:6) {#if message}
7222
- function create_if_block_2$2(ctx) {
7312
+ function create_if_block_2$3(ctx) {
7223
7313
  let div;
7224
7314
  let t;
7225
7315
 
@@ -7242,7 +7332,7 @@ function create_if_block_2$2(ctx) {
7242
7332
  };
7243
7333
  }
7244
7334
 
7245
- function create_fragment$e(ctx) {
7335
+ function create_fragment$f(ctx) {
7246
7336
  let if_block_anchor;
7247
7337
  let current;
7248
7338
  let if_block = /*ready*/ ctx[3] && create_if_block$7(ctx);
@@ -7298,7 +7388,7 @@ function create_fragment$e(ctx) {
7298
7388
  };
7299
7389
  }
7300
7390
 
7301
- function instance$d($$self, $$props, $$invalidate) {
7391
+ function instance$e($$self, $$props, $$invalidate) {
7302
7392
  let isVisible;
7303
7393
  let fullscreen;
7304
7394
  let inline;
@@ -7371,8 +7461,8 @@ class CircularProgress extends SvelteElement {
7371
7461
  props: attribute_to_object(this.attributes),
7372
7462
  customElement: true
7373
7463
  },
7374
- instance$d,
7375
- create_fragment$e,
7464
+ instance$e,
7465
+ create_fragment$f,
7376
7466
  safe_not_equal,
7377
7467
  {
7378
7468
  type: 0,
@@ -7462,14 +7552,14 @@ const BIND = "bind";
7462
7552
 
7463
7553
  /* libs/web-components/src/components/radio-group/RadioGroup.svelte generated by Svelte v3.49.0 */
7464
7554
 
7465
- function get_each_context$2(ctx, list, i) {
7555
+ function get_each_context$3(ctx, list, i) {
7466
7556
  const child_ctx = ctx.slice();
7467
7557
  child_ctx[14] = list[i];
7468
7558
  return child_ctx;
7469
7559
  }
7470
7560
 
7471
7561
  // (51:2) {#each options as option (option.value) }
7472
- function create_each_block$2(key_1, ctx) {
7562
+ function create_each_block$3(key_1, ctx) {
7473
7563
  let label;
7474
7564
  let input;
7475
7565
  let input_value_value;
@@ -7570,7 +7660,7 @@ function create_each_block$2(key_1, ctx) {
7570
7660
  };
7571
7661
  }
7572
7662
 
7573
- function create_fragment$d(ctx) {
7663
+ function create_fragment$e(ctx) {
7574
7664
  let div;
7575
7665
  let slot;
7576
7666
  let t;
@@ -7581,9 +7671,9 @@ function create_fragment$d(ctx) {
7581
7671
  const get_key = ctx => /*option*/ ctx[14].value;
7582
7672
 
7583
7673
  for (let i = 0; i < each_value.length; i += 1) {
7584
- let child_ctx = get_each_context$2(ctx, each_value, i);
7674
+ let child_ctx = get_each_context$3(ctx, each_value, i);
7585
7675
  let key = get_key(child_ctx);
7586
- each_1_lookup.set(key, each_blocks[i] = create_each_block$2(key, child_ctx));
7676
+ each_1_lookup.set(key, each_blocks[i] = create_each_block$3(key, child_ctx));
7587
7677
  }
7588
7678
 
7589
7679
  return {
@@ -7614,7 +7704,7 @@ function create_fragment$d(ctx) {
7614
7704
  p(ctx, [dirty]) {
7615
7705
  if (dirty & /*options, isDisabled, isError, name, value, onChange*/ 435) {
7616
7706
  each_value = /*options*/ ctx[4];
7617
- each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, destroy_block, create_each_block$2, null, get_each_context$2);
7707
+ each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, destroy_block, create_each_block$3, null, get_each_context$3);
7618
7708
  }
7619
7709
 
7620
7710
  if (dirty & /*orientation*/ 4 && div_class_value !== (div_class_value = `goa-radio-group--${/*orientation*/ ctx[2]}`)) {
@@ -7639,7 +7729,7 @@ function create_fragment$d(ctx) {
7639
7729
  };
7640
7730
  }
7641
7731
 
7642
- function instance$c($$self, $$props, $$invalidate) {
7732
+ function instance$d($$self, $$props, $$invalidate) {
7643
7733
  let isDisabled;
7644
7734
  let { name } = $$props;
7645
7735
  let { value } = $$props;
@@ -7735,8 +7825,8 @@ class RadioGroup extends SvelteElement {
7735
7825
  props: attribute_to_object(this.attributes),
7736
7826
  customElement: true
7737
7827
  },
7738
- instance$c,
7739
- create_fragment$d,
7828
+ instance$d,
7829
+ create_fragment$e,
7740
7830
  safe_not_equal,
7741
7831
  {
7742
7832
  name: 1,
@@ -7824,7 +7914,7 @@ customElements.define("goa-radio-group", RadioGroup);
7824
7914
 
7825
7915
  /* libs/web-components/src/components/radio-group/RadioItem.svelte generated by Svelte v3.49.0 */
7826
7916
 
7827
- function create_fragment$c(ctx) {
7917
+ function create_fragment$d(ctx) {
7828
7918
  return {
7829
7919
  c() {
7830
7920
  this.c = noop;
@@ -7837,7 +7927,7 @@ function create_fragment$c(ctx) {
7837
7927
  };
7838
7928
  }
7839
7929
 
7840
- function instance$b($$self, $$props, $$invalidate) {
7930
+ function instance$c($$self, $$props, $$invalidate) {
7841
7931
  let { value } = $$props;
7842
7932
  let { label } = $$props;
7843
7933
  let { name } = $$props;
@@ -7868,8 +7958,8 @@ class RadioItem extends SvelteElement {
7868
7958
  props: attribute_to_object(this.attributes),
7869
7959
  customElement: true
7870
7960
  },
7871
- instance$b,
7872
- create_fragment$c,
7961
+ instance$c,
7962
+ create_fragment$d,
7873
7963
  safe_not_equal,
7874
7964
  { value: 0, label: 1, name: 2 },
7875
7965
  null
@@ -7923,7 +8013,7 @@ customElements.define("goa-radio-item", RadioItem);
7923
8013
 
7924
8014
  /* libs/web-components/src/components/scrollable/Scrollable.svelte generated by Svelte v3.49.0 */
7925
8015
 
7926
- function create_fragment$b(ctx) {
8016
+ function create_fragment$c(ctx) {
7927
8017
  let div;
7928
8018
  let slot;
7929
8019
  let div_style_value;
@@ -7970,7 +8060,7 @@ function create_fragment$b(ctx) {
7970
8060
  };
7971
8061
  }
7972
8062
 
7973
- function instance$a($$self, $$props, $$invalidate) {
8063
+ function instance$b($$self, $$props, $$invalidate) {
7974
8064
  let { direction = "vertical" } = $$props;
7975
8065
  let { hpadding = 0 } = $$props;
7976
8066
  let { vpadding = 0 } = $$props;
@@ -7998,8 +8088,8 @@ class Scrollable extends SvelteElement {
7998
8088
  props: attribute_to_object(this.attributes),
7999
8089
  customElement: true
8000
8090
  },
8001
- instance$a,
8002
- create_fragment$b,
8091
+ instance$b,
8092
+ create_fragment$c,
8003
8093
  safe_not_equal,
8004
8094
  {
8005
8095
  direction: 0,
@@ -8107,7 +8197,7 @@ function create_if_block_1$3(ctx) {
8107
8197
  let t2;
8108
8198
  let a;
8109
8199
  let t4;
8110
- let if_block = /*feedbackurl*/ ctx[2] && create_if_block_2$1(ctx);
8200
+ let if_block = /*feedbackurl*/ ctx[2] && create_if_block_2$2(ctx);
8111
8201
 
8112
8202
  return {
8113
8203
  c() {
@@ -8147,7 +8237,7 @@ function create_if_block_1$3(ctx) {
8147
8237
  if (if_block) {
8148
8238
  if_block.p(ctx, dirty);
8149
8239
  } else {
8150
- if_block = create_if_block_2$1(ctx);
8240
+ if_block = create_if_block_2$2(ctx);
8151
8241
  if_block.c();
8152
8242
  if_block.m(div1, null);
8153
8243
  }
@@ -8166,7 +8256,7 @@ function create_if_block_1$3(ctx) {
8166
8256
  }
8167
8257
 
8168
8258
  // (52:6) {#if feedbackurl}
8169
- function create_if_block_2$1(ctx) {
8259
+ function create_if_block_2$2(ctx) {
8170
8260
  let span;
8171
8261
  let t0;
8172
8262
  let a;
@@ -8223,7 +8313,7 @@ function create_if_block$6(ctx) {
8223
8313
  };
8224
8314
  }
8225
8315
 
8226
- function create_fragment$a(ctx) {
8316
+ function create_fragment$b(ctx) {
8227
8317
  let header;
8228
8318
  let t0;
8229
8319
  let show_if = ["alpha", "beta"].includes(/*level*/ ctx[0]);
@@ -8314,7 +8404,7 @@ function capitalize(val) {
8314
8404
  return val[0].toUpperCase() + val.slice(1);
8315
8405
  }
8316
8406
 
8317
- function instance$9($$self, $$props, $$invalidate) {
8407
+ function instance$a($$self, $$props, $$invalidate) {
8318
8408
  let { level } = $$props;
8319
8409
  let { version } = $$props;
8320
8410
  let { feedbackurl } = $$props;
@@ -8340,8 +8430,8 @@ class MicrositeHeader extends SvelteElement {
8340
8430
  props: attribute_to_object(this.attributes),
8341
8431
  customElement: true
8342
8432
  },
8343
- instance$9,
8344
- create_fragment$a,
8433
+ instance$a,
8434
+ create_fragment$b,
8345
8435
  safe_not_equal,
8346
8436
  { level: 0, version: 1, feedbackurl: 2 },
8347
8437
  null
@@ -8395,6 +8485,13 @@ customElements.define("goa-microsite-header", MicrositeHeader);
8395
8485
 
8396
8486
  /* libs/web-components/src/components/skeleton/Skeleton.svelte generated by Svelte v3.49.0 */
8397
8487
 
8488
+ function get_each_context$2(ctx, list, i) {
8489
+ const child_ctx = ctx.slice();
8490
+ child_ctx[4] = list[i];
8491
+ return child_ctx;
8492
+ }
8493
+
8494
+ // (33:0) {:else}
8398
8495
  function create_else_block(ctx) {
8399
8496
  let div;
8400
8497
  let div_class_value;
@@ -8402,13 +8499,13 @@ function create_else_block(ctx) {
8402
8499
  return {
8403
8500
  c() {
8404
8501
  div = element("div");
8405
- attr(div, "class", div_class_value = "skeleton " + /*type*/ ctx[2] + " " + `${/*type*/ ctx[2]}-${/*size*/ ctx[1]}`);
8502
+ attr(div, "class", div_class_value = "skeleton " + /*type*/ ctx[3] + " " + `${/*type*/ ctx[3]}-${/*size*/ ctx[1]}`);
8406
8503
  },
8407
8504
  m(target, anchor) {
8408
8505
  insert(target, div, anchor);
8409
8506
  },
8410
8507
  p(ctx, dirty) {
8411
- if (dirty & /*type, size*/ 6 && div_class_value !== (div_class_value = "skeleton " + /*type*/ ctx[2] + " " + `${/*type*/ ctx[2]}-${/*size*/ ctx[1]}`)) {
8508
+ if (dirty & /*type, size*/ 10 && div_class_value !== (div_class_value = "skeleton " + /*type*/ ctx[3] + " " + `${/*type*/ ctx[3]}-${/*size*/ ctx[1]}`)) {
8412
8509
  attr(div, "class", div_class_value);
8413
8510
  }
8414
8511
  },
@@ -8420,7 +8517,91 @@ function create_else_block(ctx) {
8420
8517
  };
8421
8518
  }
8422
8519
 
8423
- // (20:29)
8520
+ // (29:27)
8521
+ function create_if_block_2$1(ctx) {
8522
+ let each_1_anchor;
8523
+ let current;
8524
+ let each_value = Array(/*count*/ ctx[2]);
8525
+ let each_blocks = [];
8526
+
8527
+ for (let i = 0; i < each_value.length; i += 1) {
8528
+ each_blocks[i] = create_each_block$2(get_each_context$2(ctx, each_value, i));
8529
+ }
8530
+
8531
+ const out = i => transition_out(each_blocks[i], 1, 1, () => {
8532
+ each_blocks[i] = null;
8533
+ });
8534
+
8535
+ return {
8536
+ c() {
8537
+ for (let i = 0; i < each_blocks.length; i += 1) {
8538
+ each_blocks[i].c();
8539
+ }
8540
+
8541
+ each_1_anchor = empty();
8542
+ },
8543
+ m(target, anchor) {
8544
+ for (let i = 0; i < each_blocks.length; i += 1) {
8545
+ each_blocks[i].m(target, anchor);
8546
+ }
8547
+
8548
+ insert(target, each_1_anchor, anchor);
8549
+ current = true;
8550
+ },
8551
+ p(ctx, dirty) {
8552
+ if (dirty & /*size, count*/ 6) {
8553
+ each_value = Array(/*count*/ ctx[2]);
8554
+ let i;
8555
+
8556
+ for (i = 0; i < each_value.length; i += 1) {
8557
+ const child_ctx = get_each_context$2(ctx, each_value, i);
8558
+
8559
+ if (each_blocks[i]) {
8560
+ each_blocks[i].p(child_ctx, dirty);
8561
+ transition_in(each_blocks[i], 1);
8562
+ } else {
8563
+ each_blocks[i] = create_each_block$2(child_ctx);
8564
+ each_blocks[i].c();
8565
+ transition_in(each_blocks[i], 1);
8566
+ each_blocks[i].m(each_1_anchor.parentNode, each_1_anchor);
8567
+ }
8568
+ }
8569
+
8570
+ group_outros();
8571
+
8572
+ for (i = each_value.length; i < each_blocks.length; i += 1) {
8573
+ out(i);
8574
+ }
8575
+
8576
+ check_outros();
8577
+ }
8578
+ },
8579
+ i(local) {
8580
+ if (current) return;
8581
+
8582
+ for (let i = 0; i < each_value.length; i += 1) {
8583
+ transition_in(each_blocks[i]);
8584
+ }
8585
+
8586
+ current = true;
8587
+ },
8588
+ o(local) {
8589
+ each_blocks = each_blocks.filter(Boolean);
8590
+
8591
+ for (let i = 0; i < each_blocks.length; i += 1) {
8592
+ transition_out(each_blocks[i]);
8593
+ }
8594
+
8595
+ current = false;
8596
+ },
8597
+ d(detaching) {
8598
+ destroy_each(each_blocks, detaching);
8599
+ if (detaching) detach(each_1_anchor);
8600
+ }
8601
+ };
8602
+ }
8603
+
8604
+ // (19:29)
8424
8605
  function create_if_block_1$2(ctx) {
8425
8606
  let div2;
8426
8607
  let div0;
@@ -8510,7 +8691,7 @@ function create_if_block_1$2(ctx) {
8510
8691
  };
8511
8692
  }
8512
8693
 
8513
- // (10:0) {#if type === "card"}
8694
+ // (11:0) {#if type === "card"}
8514
8695
  function create_if_block$5(ctx) {
8515
8696
  let div1;
8516
8697
  let skeleton0;
@@ -8519,10 +8700,6 @@ function create_if_block$5(ctx) {
8519
8700
  let skeleton1;
8520
8701
  let t1;
8521
8702
  let skeleton2;
8522
- let t2;
8523
- let skeleton3;
8524
- let t3;
8525
- let skeleton4;
8526
8703
  let div1_class_value;
8527
8704
  let current;
8528
8705
 
@@ -8535,15 +8712,11 @@ function create_if_block$5(ctx) {
8535
8712
  });
8536
8713
 
8537
8714
  skeleton2 = new Skeleton({
8538
- props: { type: "text", size: /*size*/ ctx[1] }
8539
- });
8540
-
8541
- skeleton3 = new Skeleton({
8542
- props: { type: "text", size: /*size*/ ctx[1] }
8543
- });
8544
-
8545
- skeleton4 = new Skeleton({
8546
- props: { type: "text", size: /*size*/ ctx[1] }
8715
+ props: {
8716
+ type: "lines",
8717
+ size: /*size*/ ctx[1],
8718
+ count: 3
8719
+ }
8547
8720
  });
8548
8721
 
8549
8722
  return {
@@ -8555,10 +8728,6 @@ function create_if_block$5(ctx) {
8555
8728
  create_component(skeleton1.$$.fragment);
8556
8729
  t1 = space();
8557
8730
  create_component(skeleton2.$$.fragment);
8558
- t2 = space();
8559
- create_component(skeleton3.$$.fragment);
8560
- t3 = space();
8561
- create_component(skeleton4.$$.fragment);
8562
8731
  attr(div0, "class", "card-content");
8563
8732
  attr(div1, "class", div1_class_value = "card card-" + /*size*/ ctx[1]);
8564
8733
  set_style(div1, "--width", /*width*/ ctx[0] + "px");
@@ -8571,10 +8740,6 @@ function create_if_block$5(ctx) {
8571
8740
  mount_component(skeleton1, div0, null);
8572
8741
  append(div0, t1);
8573
8742
  mount_component(skeleton2, div0, null);
8574
- append(div0, t2);
8575
- mount_component(skeleton3, div0, null);
8576
- append(div0, t3);
8577
- mount_component(skeleton4, div0, null);
8578
8743
  current = true;
8579
8744
  },
8580
8745
  p(ctx, dirty) {
@@ -8587,12 +8752,6 @@ function create_if_block$5(ctx) {
8587
8752
  const skeleton2_changes = {};
8588
8753
  if (dirty & /*size*/ 2) skeleton2_changes.size = /*size*/ ctx[1];
8589
8754
  skeleton2.$set(skeleton2_changes);
8590
- const skeleton3_changes = {};
8591
- if (dirty & /*size*/ 2) skeleton3_changes.size = /*size*/ ctx[1];
8592
- skeleton3.$set(skeleton3_changes);
8593
- const skeleton4_changes = {};
8594
- if (dirty & /*size*/ 2) skeleton4_changes.size = /*size*/ ctx[1];
8595
- skeleton4.$set(skeleton4_changes);
8596
8755
 
8597
8756
  if (!current || dirty & /*size*/ 2 && div1_class_value !== (div1_class_value = "card card-" + /*size*/ ctx[1])) {
8598
8757
  attr(div1, "class", div1_class_value);
@@ -8607,16 +8766,12 @@ function create_if_block$5(ctx) {
8607
8766
  transition_in(skeleton0.$$.fragment, local);
8608
8767
  transition_in(skeleton1.$$.fragment, local);
8609
8768
  transition_in(skeleton2.$$.fragment, local);
8610
- transition_in(skeleton3.$$.fragment, local);
8611
- transition_in(skeleton4.$$.fragment, local);
8612
8769
  current = true;
8613
8770
  },
8614
8771
  o(local) {
8615
8772
  transition_out(skeleton0.$$.fragment, local);
8616
8773
  transition_out(skeleton1.$$.fragment, local);
8617
8774
  transition_out(skeleton2.$$.fragment, local);
8618
- transition_out(skeleton3.$$.fragment, local);
8619
- transition_out(skeleton4.$$.fragment, local);
8620
8775
  current = false;
8621
8776
  },
8622
8777
  d(detaching) {
@@ -8624,24 +8779,65 @@ function create_if_block$5(ctx) {
8624
8779
  destroy_component(skeleton0);
8625
8780
  destroy_component(skeleton1);
8626
8781
  destroy_component(skeleton2);
8627
- destroy_component(skeleton3);
8628
- destroy_component(skeleton4);
8629
8782
  }
8630
8783
  };
8631
8784
  }
8632
8785
 
8633
- function create_fragment$9(ctx) {
8786
+ // (30:2) {#each Array(count) as _item}
8787
+ function create_each_block$2(ctx) {
8788
+ let skeleton;
8789
+ let current;
8790
+
8791
+ skeleton = new Skeleton({
8792
+ props: {
8793
+ type: "text",
8794
+ size: /*size*/ ctx[1],
8795
+ count: /*count*/ ctx[2]
8796
+ }
8797
+ });
8798
+
8799
+ return {
8800
+ c() {
8801
+ create_component(skeleton.$$.fragment);
8802
+ },
8803
+ m(target, anchor) {
8804
+ mount_component(skeleton, target, anchor);
8805
+ current = true;
8806
+ },
8807
+ p(ctx, dirty) {
8808
+ const skeleton_changes = {};
8809
+ if (dirty & /*size*/ 2) skeleton_changes.size = /*size*/ ctx[1];
8810
+ if (dirty & /*count*/ 4) skeleton_changes.count = /*count*/ ctx[2];
8811
+ skeleton.$set(skeleton_changes);
8812
+ },
8813
+ i(local) {
8814
+ if (current) return;
8815
+ transition_in(skeleton.$$.fragment, local);
8816
+ current = true;
8817
+ },
8818
+ o(local) {
8819
+ transition_out(skeleton.$$.fragment, local);
8820
+ current = false;
8821
+ },
8822
+ d(detaching) {
8823
+ destroy_component(skeleton, detaching);
8824
+ }
8825
+ };
8826
+ }
8827
+
8828
+ function create_fragment$a(ctx) {
8634
8829
  let current_block_type_index;
8635
8830
  let if_block;
8636
8831
  let if_block_anchor;
8637
8832
  let current;
8638
- const if_block_creators = [create_if_block$5, create_if_block_1$2, create_else_block];
8833
+ const if_block_creators = [create_if_block$5, create_if_block_1$2, create_if_block_2$1, create_else_block];
8639
8834
  const if_blocks = [];
8640
8835
 
8641
8836
  function select_block_type(ctx, dirty) {
8642
- if (/*type*/ ctx[2] === "card") return 0;
8643
- if (/*type*/ ctx[2] === "profile") return 1;
8644
- return 2;
8837
+ if (/*type*/ ctx[3] === "card") return 0;
8838
+ if (/*type*/ ctx[3] === "profile") return 1;
8839
+ if (/*type*/ ctx[3] === "lines") return 2;
8840
+ return 3;
8645
8841
  }
8646
8842
 
8647
8843
  current_block_type_index = select_block_type(ctx);
@@ -8701,24 +8897,26 @@ function create_fragment$9(ctx) {
8701
8897
  };
8702
8898
  }
8703
8899
 
8704
- function instance$8($$self, $$props, $$invalidate) {
8900
+ function instance$9($$self, $$props, $$invalidate) {
8705
8901
  let { width = 320 } = $$props;
8706
8902
  let { size = 1 } = $$props;
8903
+ let { count = 3 } = $$props;
8707
8904
  let { type } = $$props;
8708
8905
 
8709
8906
  $$self.$$set = $$props => {
8710
8907
  if ('width' in $$props) $$invalidate(0, width = $$props.width);
8711
8908
  if ('size' in $$props) $$invalidate(1, size = $$props.size);
8712
- if ('type' in $$props) $$invalidate(2, type = $$props.type);
8909
+ if ('count' in $$props) $$invalidate(2, count = $$props.count);
8910
+ if ('type' in $$props) $$invalidate(3, type = $$props.type);
8713
8911
  };
8714
8912
 
8715
- return [width, size, type];
8913
+ return [width, size, count, type];
8716
8914
  }
8717
8915
 
8718
8916
  class Skeleton extends SvelteElement {
8719
8917
  constructor(options) {
8720
8918
  super();
8721
- this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}@keyframes pulse{0%{opacity:0.5}50%{opacity:1}100%{opacity:0.5}}.skeleton{background-color:var(--color-gray-100);animation:pulse 2s infinite ease-in-out;overflow:hidden;margin:10px 0}.image,.image-1{background-color:var(--color-gray-100);flex:1 1 100px;height:100px;margin:0}.image-2{height:140px}.image-3{height:200px}.image-4{height:300px}.text,.text-1,.text-2,.text-4,.text-4{width:100%;height:.75rem;border-radius:0.25rem}.title,.title-1,.title-2{width:100%;height:.75rem;border-radius:0.25rem}.title-3{height:.8rem}.title-4{height:1rem}.text-small,.text-small-1{width:30%;height:6px;border-radius:2px}.text-small-2{width:40%;height:8px;border-radius:2px}.text-small-3{width:50%;height:10px;border-radius:3px}.text-small-4{width:70%;height:12px;border-radius:4px}.paragraph{width:100%;height:70px;border-radius:4px}.header,.header-1{width:50%;height:18px;margin-bottom:12px;border-radius:0.25rem}.header-2{width:60%;height:20px;margin-bottom:14px;border-radius:0.25rem}.header-3{width:70%;height:22px;margin-bottom:16px;border-radius:0.25rem}.header-4{width:80%;height:24px;margin-bottom:18px;border-radius:0.3rem}.avatar{display:inline-block}.avatar,.avatar-1{width:40px;height:40px;border-radius:50%}.avatar-2{width:60px;height:60px;border-radius:50%}.avatar-3{width:80px;height:80px;border-radius:50%}.avatar-4{width:120px;height:120px;border-radius:50%}.thumbnail{display:inline-block}.thumbnail,.thumbnail-1{width:40px;height:40px;border-radius:4px}.thumbnail-2{width:60px;height:60px;border-radius:4px}.thumbnail-3{width:80px;height:80px;border-radius:4px}.thumbnail-4{width:120px;height:120px;border-radius:4px}.card{display:inline-block}.card,.card-1,.card-2,.card-3,.card-4{border:1px solid var(--color-gray-100);border-radius:4px}.card{width:100%}@media(min-width: 320px){.card{width:var(--width)}}.card-content{flex:1 1 auto;padding:1rem}.profile{display:flex;flex-direction:row;align-items:center}.profile-1{max-width:280px;gap:1rem}.profile-2{max-width:360px;gap:1rem}.profile-3{max-width:480px;gap:1rem}.profile-4{max-width:560px;gap:1rem}.profile .profile-avatar{flex-shrink:0}.profile .profile-name{flex:1 1 auto}</style>`;
8919
+ this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}@keyframes pulse{0%{opacity:0.5}50%{opacity:1}100%{opacity:0.5}}.skeleton{background-color:var(--color-gray-100);animation:pulse 2s infinite ease-in-out;overflow:hidden;margin:10px 0}.image,.image-1{background-color:var(--color-gray-100);flex:1 1 100px;height:100px;margin:0}.image-2{height:140px}.image-3{height:200px}.image-4{height:300px}.text,.text-1,.text-2,.text-3,.text-4{width:100%;height:.75rem;border-radius:0.25rem;margin:6px 0}.title,.title-1,.title-2{width:100%;height:.75rem;border-radius:0.25rem}.title-3{height:.8rem}.title-4{height:1rem}.text-small,.text-small-1{width:30%;height:6px;border-radius:2px}.text-small-2{width:40%;height:8px;border-radius:2px}.text-small-3{width:50%;height:10px;border-radius:3px}.text-small-4{width:70%;height:12px;border-radius:4px}.paragraph{width:100%;height:70px;border-radius:4px}.header,.header-1{width:50%;height:18px;margin:12px 0;border-radius:0.25rem}.header-2{width:60%;height:20px;margin:14px 0;border-radius:0.25rem}.header-3{width:70%;height:22px;margin:16px 0;border-radius:0.25rem}.header-4{width:80%;height:24px;margin:18px 0;border-radius:0.3rem}.avatar{display:inline-block}.avatar,.avatar-1{width:40px;height:40px;border-radius:50%}.avatar-2{width:60px;height:60px;border-radius:50%}.avatar-3{width:80px;height:80px;border-radius:50%}.avatar-4{width:120px;height:120px;border-radius:50%}.thumbnail{display:inline-block}.thumbnail,.thumbnail-1{width:40px;height:40px;border-radius:4px}.thumbnail-2{width:60px;height:60px;border-radius:4px}.thumbnail-3{width:80px;height:80px;border-radius:4px}.thumbnail-4{width:120px;height:120px;border-radius:4px}.card{display:inline-block}.card,.card-1,.card-2,.card-3,.card-4{border:1px solid var(--color-gray-100);border-radius:4px}.card{width:100%}@media(min-width: 320px){.card{width:var(--width)}}.card-content{flex:1 1 auto;padding:1rem}.profile{display:flex;flex-direction:row;align-items:center}.profile-1{max-width:280px;gap:1rem}.profile-2{max-width:360px;gap:1rem}.profile-3{max-width:480px;gap:1rem}.profile-4{max-width:560px;gap:1rem}.profile .profile-avatar{flex-shrink:0}.profile .profile-name{flex:1 1 auto}</style>`;
8722
8920
 
8723
8921
  init(
8724
8922
  this,
@@ -8727,10 +8925,10 @@ class Skeleton extends SvelteElement {
8727
8925
  props: attribute_to_object(this.attributes),
8728
8926
  customElement: true
8729
8927
  },
8730
- instance$8,
8731
- create_fragment$9,
8928
+ instance$9,
8929
+ create_fragment$a,
8732
8930
  safe_not_equal,
8733
- { width: 0, size: 1, type: 2 },
8931
+ { width: 0, size: 1, count: 2, type: 3 },
8734
8932
  null
8735
8933
  );
8736
8934
 
@@ -8747,7 +8945,7 @@ class Skeleton extends SvelteElement {
8747
8945
  }
8748
8946
 
8749
8947
  static get observedAttributes() {
8750
- return ["width", "size", "type"];
8948
+ return ["width", "size", "count", "type"];
8751
8949
  }
8752
8950
 
8753
8951
  get width() {
@@ -8768,10 +8966,19 @@ class Skeleton extends SvelteElement {
8768
8966
  flush();
8769
8967
  }
8770
8968
 
8771
- get type() {
8969
+ get count() {
8772
8970
  return this.$$.ctx[2];
8773
8971
  }
8774
8972
 
8973
+ set count(count) {
8974
+ this.$$set({ count });
8975
+ flush();
8976
+ }
8977
+
8978
+ get type() {
8979
+ return this.$$.ctx[3];
8980
+ }
8981
+
8775
8982
  set type(type) {
8776
8983
  this.$$set({ type });
8777
8984
  flush();
@@ -8990,7 +9197,7 @@ function create_if_block$4(ctx) {
8990
9197
  };
8991
9198
  }
8992
9199
 
8993
- function create_fragment$8(ctx) {
9200
+ function create_fragment$9(ctx) {
8994
9201
  let if_block_anchor;
8995
9202
  let if_block = /*ready*/ ctx[6] && create_if_block$4(ctx);
8996
9203
 
@@ -9027,7 +9234,7 @@ function create_fragment$8(ctx) {
9027
9234
  };
9028
9235
  }
9029
9236
 
9030
- function instance$7($$self, $$props, $$invalidate) {
9237
+ function instance$8($$self, $$props, $$invalidate) {
9031
9238
  let diameter;
9032
9239
  let strokewidth;
9033
9240
  let radius;
@@ -9140,8 +9347,8 @@ class Spinner extends SvelteElement {
9140
9347
  props: attribute_to_object(this.attributes),
9141
9348
  customElement: true
9142
9349
  },
9143
- instance$7,
9144
- create_fragment$8,
9350
+ instance$8,
9351
+ create_fragment$9,
9145
9352
  safe_not_equal,
9146
9353
  {
9147
9354
  size: 10,
@@ -9322,7 +9529,7 @@ function create_if_block_1$1(ctx) {
9322
9529
  };
9323
9530
  }
9324
9531
 
9325
- function create_fragment$7(ctx) {
9532
+ function create_fragment$8(ctx) {
9326
9533
  let div;
9327
9534
  let textarea;
9328
9535
  let t;
@@ -9427,7 +9634,7 @@ function create_fragment$7(ctx) {
9427
9634
  };
9428
9635
  }
9429
9636
 
9430
- function instance$6($$self, $$props, $$invalidate) {
9637
+ function instance$7($$self, $$props, $$invalidate) {
9431
9638
  let isError;
9432
9639
  let isDisabled;
9433
9640
  let isReadonly;
@@ -9526,8 +9733,8 @@ class TextArea extends SvelteElement {
9526
9733
  props: attribute_to_object(this.attributes),
9527
9734
  customElement: true
9528
9735
  },
9529
- instance$6,
9530
- create_fragment$7,
9736
+ instance$7,
9737
+ create_fragment$8,
9531
9738
  safe_not_equal,
9532
9739
  {
9533
9740
  name: 0,
@@ -9677,7 +9884,7 @@ customElements.define("goa-textarea", TextArea);
9677
9884
 
9678
9885
  /* libs/web-components/src/components/focus-trap/FocusTrap.svelte generated by Svelte v3.49.0 */
9679
9886
 
9680
- function create_fragment$6(ctx) {
9887
+ function create_fragment$7(ctx) {
9681
9888
  let div;
9682
9889
 
9683
9890
  return {
@@ -9723,7 +9930,7 @@ function isFocusable(element) {
9723
9930
  }
9724
9931
  }
9725
9932
 
9726
- function instance$5($$self, $$props, $$invalidate) {
9933
+ function instance$6($$self, $$props, $$invalidate) {
9727
9934
  let isOpen;
9728
9935
  let ignoreFocusChanges = false;
9729
9936
  let lastFocus;
@@ -9914,8 +10121,8 @@ class FocusTrap extends SvelteElement {
9914
10121
  props: attribute_to_object(this.attributes),
9915
10122
  customElement: true
9916
10123
  },
9917
- instance$5,
9918
- create_fragment$6,
10124
+ instance$6,
10125
+ create_fragment$7,
9919
10126
  safe_not_equal,
9920
10127
  { open: 1 },
9921
10128
  null
@@ -9968,7 +10175,7 @@ function create_if_block$2(ctx) {
9968
10175
  };
9969
10176
  }
9970
10177
 
9971
- function create_fragment$5(ctx) {
10178
+ function create_fragment$6(ctx) {
9972
10179
  let footer;
9973
10180
  let div0;
9974
10181
  let t0;
@@ -10057,7 +10264,7 @@ function create_fragment$5(ctx) {
10057
10264
  };
10058
10265
  }
10059
10266
 
10060
- function instance$4($$self, $$props, $$invalidate) {
10267
+ function instance$5($$self, $$props, $$invalidate) {
10061
10268
  let rootEl;
10062
10269
  let navLinks;
10063
10270
  let metaLinks;
@@ -10084,7 +10291,7 @@ function instance$4($$self, $$props, $$invalidate) {
10084
10291
  class Footer extends SvelteElement {
10085
10292
  constructor(options) {
10086
10293
  super();
10087
- this.shadowRoot.innerHTML = `<style>.app-footer{background-color:var(--color-gray-100);padding:2rem;margin-top:2rem;border-top:2px solid var(--color-gray-200);border-bottom:1rem solid var(--goa-color-brand)}.meta-section{display:flex;flex-direction:column;padding:1rem 0}.meta-section.with-meta-links{gap:2rem;justify-content:space-between}.meta-links{display:none}.with-meta-links .meta-links{display:block}.nav-links{display:flex;flex-direction:column;gap:2rem}.abgov{display:flex;flex-direction:column;gap:1.5rem;width:100%}@media(min-width: 640px){.meta-section{flex-direction:row;gap:2rem}.nav-links{flex-direction:row}.abgov{align-items:center;flex-direction:row-reverse}}.abgov.with-meta-links{gap:1rem;flex-direction:column;width:unset}@media(min-width: 640px){.abgov.with-meta-links{align-items:flex-end}}.goa-copyright{white-space:nowrap}a{color:var(--goa-color-text-secondary)}</style>`;
10294
+ this.shadowRoot.innerHTML = `<style>.app-footer{background-color:var(--color-gray-100);padding:2rem;margin-top:2rem;border-top:2px solid var(--color-gray-200);border-bottom:1rem solid var(--goa-color-brand)}.meta-section{display:flex;flex-direction:column;padding:1rem 0}.meta-section.with-meta-links{gap:2rem;justify-content:space-between}.meta-links{display:none}.with-meta-links .meta-links{display:block}.nav-links{display:flex;flex-direction:column;gap:2rem}.abgov{display:flex;flex-direction:column;justify-content:space-between;width:100%}@media(min-width: 640px){.meta-section{flex-direction:row;gap:2rem}.nav-links{flex-direction:row}.abgov{align-items:center;flex-direction:row-reverse}}.abgov.with-meta-links{gap:1rem;flex-direction:column;width:unset}@media(min-width: 640px){.abgov.with-meta-links{align-items:flex-end}}.goa-copyright{white-space:nowrap}a{color:var(--goa-color-text-secondary)}</style>`;
10088
10295
 
10089
10296
  init(
10090
10297
  this,
@@ -10093,8 +10300,8 @@ class Footer extends SvelteElement {
10093
10300
  props: attribute_to_object(this.attributes),
10094
10301
  customElement: true
10095
10302
  },
10096
- instance$4,
10097
- create_fragment$5,
10303
+ instance$5,
10304
+ create_fragment$6,
10098
10305
  safe_not_equal,
10099
10306
  {},
10100
10307
  null
@@ -10118,7 +10325,7 @@ function get_each_context$1(ctx, list, i) {
10118
10325
  return child_ctx;
10119
10326
  }
10120
10327
 
10121
- // (89:2) {#if name}
10328
+ // (90:2) {#if name}
10122
10329
  function create_if_block$1(ctx) {
10123
10330
  let div;
10124
10331
  let t0;
@@ -10151,7 +10358,7 @@ function create_if_block$1(ctx) {
10151
10358
  };
10152
10359
  }
10153
10360
 
10154
- // (106:4) {#each children as child}
10361
+ // (107:4) {#each children as child}
10155
10362
  function create_each_block$1(ctx) {
10156
10363
  let li;
10157
10364
  let a;
@@ -10184,7 +10391,7 @@ function create_each_block$1(ctx) {
10184
10391
  };
10185
10392
  }
10186
10393
 
10187
- function create_fragment$4(ctx) {
10394
+ function create_fragment$5(ctx) {
10188
10395
  let section;
10189
10396
  let t0;
10190
10397
  let div;
@@ -10299,7 +10506,7 @@ function create_fragment$4(ctx) {
10299
10506
  };
10300
10507
  }
10301
10508
 
10302
- function instance$3($$self, $$props, $$invalidate) {
10509
+ function instance$4($$self, $$props, $$invalidate) {
10303
10510
  let { name = "" } = $$props;
10304
10511
  let { maxcolumncount = 1 } = $$props;
10305
10512
  let rootEl;
@@ -10307,6 +10514,8 @@ function instance$3($$self, $$props, $$invalidate) {
10307
10514
 
10308
10515
  onMount(async () => {
10309
10516
  await tick();
10517
+
10518
+ // remap slot content
10310
10519
  $$invalidate(3, children = rootEl.querySelector("slot").assignedElements());
10311
10520
 
10312
10521
  const isValid = children.map(child => child.hasAttribute("href")).reduce(
@@ -10362,8 +10571,8 @@ class FooterNavSection extends SvelteElement {
10362
10571
  props: attribute_to_object(this.attributes),
10363
10572
  customElement: true
10364
10573
  },
10365
- instance$3,
10366
- create_fragment$4,
10574
+ instance$4,
10575
+ create_fragment$5,
10367
10576
  safe_not_equal,
10368
10577
  { name: 0, maxcolumncount: 1 },
10369
10578
  null
@@ -10447,7 +10656,7 @@ function create_each_block(ctx) {
10447
10656
  };
10448
10657
  }
10449
10658
 
10450
- function create_fragment$3(ctx) {
10659
+ function create_fragment$4(ctx) {
10451
10660
  let section;
10452
10661
  let div;
10453
10662
  let t;
@@ -10520,7 +10729,7 @@ function create_fragment$3(ctx) {
10520
10729
  };
10521
10730
  }
10522
10731
 
10523
- function instance$2($$self, $$props, $$invalidate) {
10732
+ function instance$3($$self, $$props, $$invalidate) {
10524
10733
  let rootEl;
10525
10734
  let children = [];
10526
10735
 
@@ -10564,8 +10773,8 @@ class FooterMetaSection extends SvelteElement {
10564
10773
  props: attribute_to_object(this.attributes),
10565
10774
  customElement: true
10566
10775
  },
10567
- instance$2,
10568
- create_fragment$3,
10776
+ instance$3,
10777
+ create_fragment$4,
10569
10778
  safe_not_equal,
10570
10779
  {},
10571
10780
  null
@@ -10581,6 +10790,105 @@ class FooterMetaSection extends SvelteElement {
10581
10790
 
10582
10791
  customElements.define("goa-app-footer-meta-section", FooterMetaSection);
10583
10792
 
10793
+ /* libs/web-components/src/components/flex-column/FlexColumn.svelte generated by Svelte v3.49.0 */
10794
+
10795
+ function create_fragment$3(ctx) {
10796
+ let div;
10797
+ let slot;
10798
+
10799
+ return {
10800
+ c() {
10801
+ div = element("div");
10802
+ slot = element("slot");
10803
+ this.c = noop;
10804
+ attr(div, "class", "goa-flex-col");
10805
+ set_style(div, "gap", /*_gap*/ ctx[0]);
10806
+ },
10807
+ m(target, anchor) {
10808
+ insert(target, div, anchor);
10809
+ append(div, slot);
10810
+ },
10811
+ p(ctx, [dirty]) {
10812
+ if (dirty & /*_gap*/ 1) {
10813
+ set_style(div, "gap", /*_gap*/ ctx[0]);
10814
+ }
10815
+ },
10816
+ i: noop,
10817
+ o: noop,
10818
+ d(detaching) {
10819
+ if (detaching) detach(div);
10820
+ }
10821
+ };
10822
+ }
10823
+
10824
+ function instance$2($$self, $$props, $$invalidate) {
10825
+ let _gap;
10826
+ let { gap = "" } = $$props;
10827
+
10828
+ $$self.$$set = $$props => {
10829
+ if ('gap' in $$props) $$invalidate(1, gap = $$props.gap);
10830
+ };
10831
+
10832
+ $$self.$$.update = () => {
10833
+ if ($$self.$$.dirty & /*gap*/ 2) {
10834
+ $$invalidate(0, _gap = gap === 'small'
10835
+ ? '1rem'
10836
+ : gap === 'medium'
10837
+ ? '2rem'
10838
+ : gap === 'large' ? '3rem' : '0');
10839
+ }
10840
+ };
10841
+
10842
+ return [_gap, gap];
10843
+ }
10844
+
10845
+ class FlexColumn extends SvelteElement {
10846
+ constructor(options) {
10847
+ super();
10848
+ this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family);margin-bottom:3rem}.goa-flex-col{display:flex;flex-direction:column;gap:var(--gap)}</style>`;
10849
+
10850
+ init(
10851
+ this,
10852
+ {
10853
+ target: this.shadowRoot,
10854
+ props: attribute_to_object(this.attributes),
10855
+ customElement: true
10856
+ },
10857
+ instance$2,
10858
+ create_fragment$3,
10859
+ safe_not_equal,
10860
+ { gap: 1 },
10861
+ null
10862
+ );
10863
+
10864
+ if (options) {
10865
+ if (options.target) {
10866
+ insert(options.target, this, options.anchor);
10867
+ }
10868
+
10869
+ if (options.props) {
10870
+ this.$set(options.props);
10871
+ flush();
10872
+ }
10873
+ }
10874
+ }
10875
+
10876
+ static get observedAttributes() {
10877
+ return ["gap"];
10878
+ }
10879
+
10880
+ get gap() {
10881
+ return this.$$.ctx[1];
10882
+ }
10883
+
10884
+ set gap(gap) {
10885
+ this.$$set({ gap });
10886
+ flush();
10887
+ }
10888
+ }
10889
+
10890
+ customElements.define("goa-flex-col", FlexColumn);
10891
+
10584
10892
  /* libs/web-components/src/components/container/ContainerWrapper.test.svelte generated by Svelte v3.49.0 */
10585
10893
 
10586
10894
  function create_if_block_1(ctx) {