@abgov/react-components 4.0.0-alpha.21 → 4.0.0-alpha.24

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.
@@ -1067,7 +1067,7 @@
1067
1067
  /* libs/web-components/src/components/page-block/PageBlock.svelte generated by Svelte v3.49.0 */
1068
1068
 
1069
1069
 
1070
- function create_fragment$D(ctx) {
1070
+ function create_fragment$E(ctx) {
1071
1071
  let div;
1072
1072
  let slot;
1073
1073
  let div_style_value;
@@ -1107,7 +1107,7 @@
1107
1107
  };
1108
1108
  }
1109
1109
 
1110
- function instance$y($$self, $$props, $$invalidate) {
1110
+ function instance$z($$self, $$props, $$invalidate) {
1111
1111
  const Sizes = {
1112
1112
  "full": "100%"
1113
1113
  };
@@ -1148,7 +1148,7 @@
1148
1148
  target: this.shadowRoot,
1149
1149
  props: attribute_to_object(this.attributes),
1150
1150
  customElement: true
1151
- }, instance$y, create_fragment$D, safe_not_equal, {
1151
+ }, instance$z, create_fragment$E, safe_not_equal, {
1152
1152
  width: 1,
1153
1153
  _width: 0
1154
1154
  }, null);
@@ -1196,8 +1196,64 @@
1196
1196
  customElements.define("goa-page-block", PageBlock);
1197
1197
  /* libs/web-components/src/components/app-header/AppHeader.svelte generated by Svelte v3.49.0 */
1198
1198
 
1199
- function create_fragment$C(ctx) {
1200
- let div1;
1199
+ function create_else_block$4(ctx) {
1200
+ let div;
1201
+ let img0;
1202
+ let img0_src_value;
1203
+ let t0;
1204
+ let img1;
1205
+ let img1_src_value;
1206
+ let t1;
1207
+ let span;
1208
+ let t2;
1209
+ return {
1210
+ c() {
1211
+ div = element("div");
1212
+ img0 = element("img");
1213
+ t0 = space();
1214
+ img1 = element("img");
1215
+ t1 = space();
1216
+ span = element("span");
1217
+ t2 = text(
1218
+ /*heading*/
1219
+ ctx[0]);
1220
+ attr(img0, "alt", "GoA Logo");
1221
+ attr(img0, "class", "image-mobile");
1222
+ 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);
1223
+ attr(img1, "alt", "GoA Logo");
1224
+ attr(img1, "class", "image-desktop");
1225
+ 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);
1226
+ attr(span, "class", "title");
1227
+ attr(div, "class", "app-link");
1228
+ },
1229
+
1230
+ m(target, anchor) {
1231
+ insert(target, div, anchor);
1232
+ append(div, img0);
1233
+ append(div, t0);
1234
+ append(div, img1);
1235
+ append(div, t1);
1236
+ append(div, span);
1237
+ append(span, t2);
1238
+ },
1239
+
1240
+ p(ctx, dirty) {
1241
+ if (dirty &
1242
+ /*heading*/
1243
+ 1) set_data(t2,
1244
+ /*heading*/
1245
+ ctx[0]);
1246
+ },
1247
+
1248
+ d(detaching) {
1249
+ if (detaching) detach(div);
1250
+ }
1251
+
1252
+ };
1253
+ } // (12:2) {#if url}
1254
+
1255
+
1256
+ function create_if_block$j(ctx) {
1201
1257
  let a;
1202
1258
  let img0;
1203
1259
  let img0_src_value;
@@ -1207,11 +1263,8 @@
1207
1263
  let t1;
1208
1264
  let span;
1209
1265
  let t2;
1210
- let t3;
1211
- let div0;
1212
1266
  return {
1213
1267
  c() {
1214
- div1 = element("div");
1215
1268
  a = element("a");
1216
1269
  img0 = element("img");
1217
1270
  t0 = space();
@@ -1219,12 +1272,8 @@
1219
1272
  t1 = space();
1220
1273
  span = element("span");
1221
1274
  t2 = text(
1222
- /*title*/
1223
- ctx[1]);
1224
- t3 = space();
1225
- div0 = element("div");
1226
- div0.innerHTML = `<slot></slot>`;
1227
- this.c = noop;
1275
+ /*heading*/
1276
+ ctx[0]);
1228
1277
  attr(img0, "alt", "GoA Logo");
1229
1278
  attr(img0, "class", "image-mobile");
1230
1279
  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);
@@ -1234,40 +1283,89 @@
1234
1283
  attr(span, "class", "title");
1235
1284
  attr(a, "href",
1236
1285
  /*url*/
1237
- ctx[0]);
1286
+ ctx[1]);
1238
1287
  attr(a, "class", "app-link");
1239
- attr(div1, "class", "app-header");
1240
- attr(div1, "data-testid",
1241
- /*testid*/
1242
- ctx[2]);
1243
1288
  },
1244
1289
 
1245
1290
  m(target, anchor) {
1246
- insert(target, div1, anchor);
1247
- append(div1, a);
1291
+ insert(target, a, anchor);
1248
1292
  append(a, img0);
1249
1293
  append(a, t0);
1250
1294
  append(a, img1);
1251
1295
  append(a, t1);
1252
1296
  append(a, span);
1253
1297
  append(span, t2);
1254
- append(div1, t3);
1255
- append(div1, div0);
1256
1298
  },
1257
1299
 
1258
- p(ctx, [dirty]) {
1300
+ p(ctx, dirty) {
1259
1301
  if (dirty &
1260
- /*title*/
1261
- 2) set_data(t2,
1262
- /*title*/
1263
- ctx[1]);
1302
+ /*heading*/
1303
+ 1) set_data(t2,
1304
+ /*heading*/
1305
+ ctx[0]);
1264
1306
 
1265
1307
  if (dirty &
1266
1308
  /*url*/
1267
- 1) {
1309
+ 2) {
1268
1310
  attr(a, "href",
1269
1311
  /*url*/
1270
- ctx[0]);
1312
+ ctx[1]);
1313
+ }
1314
+ },
1315
+
1316
+ d(detaching) {
1317
+ if (detaching) detach(a);
1318
+ }
1319
+
1320
+ };
1321
+ }
1322
+
1323
+ function create_fragment$D(ctx) {
1324
+ let div1;
1325
+ let t;
1326
+ let div0;
1327
+
1328
+ function select_block_type(ctx, dirty) {
1329
+ if (
1330
+ /*url*/
1331
+ ctx[1]) return create_if_block$j;
1332
+ return create_else_block$4;
1333
+ }
1334
+
1335
+ let current_block_type = select_block_type(ctx);
1336
+ let if_block = current_block_type(ctx);
1337
+ return {
1338
+ c() {
1339
+ div1 = element("div");
1340
+ if_block.c();
1341
+ t = space();
1342
+ div0 = element("div");
1343
+ div0.innerHTML = `<slot></slot>`;
1344
+ this.c = noop;
1345
+ attr(div1, "class", "app-header");
1346
+ attr(div1, "data-testid",
1347
+ /*testid*/
1348
+ ctx[2]);
1349
+ },
1350
+
1351
+ m(target, anchor) {
1352
+ insert(target, div1, anchor);
1353
+ if_block.m(div1, null);
1354
+ append(div1, t);
1355
+ append(div1, div0);
1356
+ },
1357
+
1358
+ p(ctx, [dirty]) {
1359
+ if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block) {
1360
+ if_block.p(ctx, dirty);
1361
+ } else {
1362
+ if_block.d(1);
1363
+ if_block = current_block_type(ctx);
1364
+
1365
+ if (if_block) {
1366
+ if_block.c();
1367
+ if_block.m(div1, t);
1368
+ }
1271
1369
  }
1272
1370
 
1273
1371
  if (dirty &
@@ -1284,29 +1382,30 @@
1284
1382
 
1285
1383
  d(detaching) {
1286
1384
  if (detaching) detach(div1);
1385
+ if_block.d();
1287
1386
  }
1288
1387
 
1289
1388
  };
1290
1389
  }
1291
1390
 
1292
- function instance$x($$self, $$props, $$invalidate) {
1391
+ function instance$y($$self, $$props, $$invalidate) {
1293
1392
  let {
1294
- url = "#"
1393
+ heading = ""
1295
1394
  } = $$props;
1296
1395
  let {
1297
- title = ""
1396
+ url = ""
1298
1397
  } = $$props;
1299
1398
  let {
1300
1399
  testid = ""
1301
1400
  } = $$props;
1302
1401
 
1303
1402
  $$self.$$set = $$props => {
1304
- if ('url' in $$props) $$invalidate(0, url = $$props.url);
1305
- if ('title' in $$props) $$invalidate(1, title = $$props.title);
1403
+ if ('heading' in $$props) $$invalidate(0, heading = $$props.heading);
1404
+ if ('url' in $$props) $$invalidate(1, url = $$props.url);
1306
1405
  if ('testid' in $$props) $$invalidate(2, testid = $$props.testid);
1307
1406
  };
1308
1407
 
1309
- return [url, title, testid];
1408
+ return [heading, url, testid];
1310
1409
  }
1311
1410
 
1312
1411
  class AppHeader extends SvelteElement {
@@ -1317,9 +1416,9 @@
1317
1416
  target: this.shadowRoot,
1318
1417
  props: attribute_to_object(this.attributes),
1319
1418
  customElement: true
1320
- }, instance$x, create_fragment$C, safe_not_equal, {
1321
- url: 0,
1322
- title: 1,
1419
+ }, instance$y, create_fragment$D, safe_not_equal, {
1420
+ heading: 0,
1421
+ url: 1,
1323
1422
  testid: 2
1324
1423
  }, null);
1325
1424
 
@@ -1336,27 +1435,27 @@
1336
1435
  }
1337
1436
 
1338
1437
  static get observedAttributes() {
1339
- return ["url", "title", "testid"];
1438
+ return ["heading", "url", "testid"];
1340
1439
  }
1341
1440
 
1342
- get url() {
1441
+ get heading() {
1343
1442
  return this.$$.ctx[0];
1344
1443
  }
1345
1444
 
1346
- set url(url) {
1445
+ set heading(heading) {
1347
1446
  this.$$set({
1348
- url
1447
+ heading
1349
1448
  });
1350
1449
  flush();
1351
1450
  }
1352
1451
 
1353
- get title() {
1452
+ get url() {
1354
1453
  return this.$$.ctx[1];
1355
1454
  }
1356
1455
 
1357
- set title(title) {
1456
+ set url(url) {
1358
1457
  this.$$set({
1359
- title
1458
+ url
1360
1459
  });
1361
1460
  flush();
1362
1461
  }
@@ -1410,7 +1509,7 @@
1410
1509
  }
1411
1510
 
1412
1511
  };
1413
- } // (35:2) {#if showIcon}
1512
+ } // (41:2) {#if showIcon}
1414
1513
 
1415
1514
 
1416
1515
  function create_if_block_1$b(ctx) {
@@ -1420,7 +1519,7 @@
1420
1519
  goa_icon = element("goa-icon");
1421
1520
  set_custom_element_data(goa_icon, "type",
1422
1521
  /*iconType*/
1423
- ctx[3]);
1522
+ ctx[4]);
1424
1523
  set_custom_element_data(goa_icon, "size", "small");
1425
1524
  },
1426
1525
 
@@ -1431,10 +1530,10 @@
1431
1530
  p(ctx, dirty) {
1432
1531
  if (dirty &
1433
1532
  /*iconType*/
1434
- 8) {
1533
+ 16) {
1435
1534
  set_custom_element_data(goa_icon, "type",
1436
1535
  /*iconType*/
1437
- ctx[3]);
1536
+ ctx[4]);
1438
1537
  }
1439
1538
  },
1440
1539
 
@@ -1443,10 +1542,10 @@
1443
1542
  }
1444
1543
 
1445
1544
  };
1446
- } // (40:2) {#if content}
1545
+ } // (46:2) {#if content}
1447
1546
 
1448
1547
 
1449
- function create_if_block$h(ctx) {
1548
+ function create_if_block$i(ctx) {
1450
1549
  let div;
1451
1550
  let t;
1452
1551
  return {
@@ -1478,7 +1577,7 @@
1478
1577
  };
1479
1578
  }
1480
1579
 
1481
- function create_fragment$B(ctx) {
1580
+ function create_fragment$C(ctx) {
1482
1581
  let div;
1483
1582
  let t;
1484
1583
  let div_class_value;
@@ -1486,7 +1585,7 @@
1486
1585
  function select_block_type(ctx, dirty) {
1487
1586
  if (
1488
1587
  /*showIcon*/
1489
- ctx[4]) return create_if_block_1$b;
1588
+ ctx[3]) return create_if_block_1$b;
1490
1589
  return create_else_block$3;
1491
1590
  }
1492
1591
 
@@ -1494,7 +1593,7 @@
1494
1593
  let if_block0 = current_block_type(ctx);
1495
1594
  let if_block1 =
1496
1595
  /*content*/
1497
- ctx[2] && create_if_block$h(ctx);
1596
+ ctx[2] && create_if_block$i(ctx);
1498
1597
  return {
1499
1598
  c() {
1500
1599
  div = element("div");
@@ -1511,7 +1610,7 @@
1511
1610
  ctx[0]);
1512
1611
  toggle_class(div, "icon-only",
1513
1612
  /*showIcon*/
1514
- ctx[4] && !
1613
+ ctx[3] && !
1515
1614
  /*content*/
1516
1615
  ctx[2]);
1517
1616
  },
@@ -1542,7 +1641,7 @@
1542
1641
  if (if_block1) {
1543
1642
  if_block1.p(ctx, dirty);
1544
1643
  } else {
1545
- if_block1 = create_if_block$h(ctx);
1644
+ if_block1 = create_if_block$i(ctx);
1546
1645
  if_block1.c();
1547
1646
  if_block1.m(div, null);
1548
1647
  }
@@ -1569,10 +1668,10 @@
1569
1668
 
1570
1669
  if (dirty &
1571
1670
  /*type, showIcon, content*/
1572
- 21) {
1671
+ 13) {
1573
1672
  toggle_class(div, "icon-only",
1574
1673
  /*showIcon*/
1575
- ctx[4] && !
1674
+ ctx[3] && !
1576
1675
  /*content*/
1577
1676
  ctx[2]);
1578
1677
  }
@@ -1590,7 +1689,7 @@
1590
1689
  };
1591
1690
  }
1592
1691
 
1593
- function instance$w($$self, $$props, $$invalidate) {
1692
+ function instance$x($$self, $$props, $$invalidate) {
1594
1693
  let showIcon;
1595
1694
  let iconType;
1596
1695
  let {
@@ -1605,6 +1704,11 @@
1605
1704
  let {
1606
1705
  content = ""
1607
1706
  } = $$props;
1707
+ onMount(() => {
1708
+ if (!showIcon && !content) {
1709
+ console.warn("GoABadge must have either then content or icon property set");
1710
+ }
1711
+ });
1608
1712
 
1609
1713
  $$self.$$set = $$props => {
1610
1714
  if ('type' in $$props) $$invalidate(0, type = $$props.type);
@@ -1618,13 +1722,13 @@
1618
1722
  /*icon*/
1619
1723
  32) {
1620
1724
  // export let icon: WCBoolean = WC_FALSE;
1621
- $$invalidate(4, showIcon = toBoolean(icon));
1725
+ $$invalidate(3, showIcon = toBoolean(icon));
1622
1726
  }
1623
1727
 
1624
1728
  if ($$self.$$.dirty &
1625
1729
  /*type*/
1626
1730
  1) {
1627
- $$invalidate(3, iconType = {
1731
+ $$invalidate(4, iconType = {
1628
1732
  success: "checkmark-circle",
1629
1733
  warning: "alert-circle",
1630
1734
  information: "information-circle",
@@ -1637,7 +1741,7 @@
1637
1741
  }
1638
1742
  };
1639
1743
 
1640
- return [type, testid, content, iconType, showIcon, icon];
1744
+ return [type, testid, content, showIcon, iconType, icon];
1641
1745
  }
1642
1746
 
1643
1747
  class Badge extends SvelteElement {
@@ -1648,7 +1752,7 @@
1648
1752
  target: this.shadowRoot,
1649
1753
  props: attribute_to_object(this.attributes),
1650
1754
  customElement: true
1651
- }, instance$w, create_fragment$B, safe_not_equal, {
1755
+ }, instance$x, create_fragment$C, safe_not_equal, {
1652
1756
  type: 0,
1653
1757
  testid: 1,
1654
1758
  icon: 5,
@@ -1727,7 +1831,7 @@
1727
1831
  let if_block1_anchor;
1728
1832
  let if_block0 =
1729
1833
  /*leadingicon*/
1730
- ctx[4] && create_if_block_2$6(ctx);
1834
+ ctx[4] && create_if_block_2$7(ctx);
1731
1835
  let if_block1 =
1732
1836
  /*trailingicon*/
1733
1837
  ctx[5] && create_if_block_1$a(ctx);
@@ -1759,7 +1863,7 @@
1759
1863
  if (if_block0) {
1760
1864
  if_block0.p(ctx, dirty);
1761
1865
  } else {
1762
- if_block0 = create_if_block_2$6(ctx);
1866
+ if_block0 = create_if_block_2$7(ctx);
1763
1867
  if_block0.c();
1764
1868
  if_block0.m(t0.parentNode, t0);
1765
1869
  }
@@ -1797,7 +1901,7 @@
1797
1901
  } // (55:2) {#if type === "start"}
1798
1902
 
1799
1903
 
1800
- function create_if_block$g(ctx) {
1904
+ function create_if_block$h(ctx) {
1801
1905
  let div;
1802
1906
  let t;
1803
1907
  let goa_icon;
@@ -1831,7 +1935,7 @@
1831
1935
  } // (61:4) {#if leadingicon}
1832
1936
 
1833
1937
 
1834
- function create_if_block_2$6(ctx) {
1938
+ function create_if_block_2$7(ctx) {
1835
1939
  let goa_icon;
1836
1940
  return {
1837
1941
  c() {
@@ -1918,7 +2022,7 @@
1918
2022
  };
1919
2023
  }
1920
2024
 
1921
- function create_fragment$A(ctx) {
2025
+ function create_fragment$B(ctx) {
1922
2026
  let button;
1923
2027
  let button_class_value;
1924
2028
  let mounted;
@@ -1927,7 +2031,7 @@
1927
2031
  function select_block_type(ctx, dirty) {
1928
2032
  if (
1929
2033
  /*type*/
1930
- ctx[0] === "start") return create_if_block$g;
2034
+ ctx[0] === "start") return create_if_block$h;
1931
2035
  return create_else_block$2;
1932
2036
  }
1933
2037
 
@@ -2063,7 +2167,7 @@
2063
2167
  e.stopPropagation();
2064
2168
  }
2065
2169
 
2066
- function instance$v($$self, $$props, $$invalidate) {
2170
+ function instance$w($$self, $$props, $$invalidate) {
2067
2171
  let isDisabled;
2068
2172
  let isButtonDark;
2069
2173
  const BUTTON_TYPES = ["primary", "secondary", "tertiary", "start"];
@@ -2157,7 +2261,7 @@
2157
2261
  target: this.shadowRoot,
2158
2262
  props: attribute_to_object(this.attributes),
2159
2263
  customElement: true
2160
- }, instance$v, create_fragment$A, safe_not_equal, {
2264
+ }, instance$w, create_fragment$B, safe_not_equal, {
2161
2265
  type: 0,
2162
2266
  size: 1,
2163
2267
  variant: 2,
@@ -2277,7 +2381,7 @@
2277
2381
  customElements.define("goa-button", Button);
2278
2382
  /* libs/web-components/src/components/button-group/ButtonGroup.svelte generated by Svelte v3.49.0 */
2279
2383
 
2280
- function create_fragment$z(ctx) {
2384
+ function create_fragment$A(ctx) {
2281
2385
  let div;
2282
2386
  let slot;
2283
2387
  return {
@@ -2326,7 +2430,7 @@
2326
2430
  };
2327
2431
  }
2328
2432
 
2329
- function instance$u($$self, $$props, $$invalidate) {
2433
+ function instance$v($$self, $$props, $$invalidate) {
2330
2434
  let {
2331
2435
  gap = "medium"
2332
2436
  } = $$props;
@@ -2350,7 +2454,7 @@
2350
2454
  target: this.shadowRoot,
2351
2455
  props: attribute_to_object(this.attributes),
2352
2456
  customElement: true
2353
- }, instance$u, create_fragment$z, safe_not_equal, {
2457
+ }, instance$v, create_fragment$A, safe_not_equal, {
2354
2458
  gap: 0,
2355
2459
  alignment: 1
2356
2460
  }, null);
@@ -2398,7 +2502,38 @@
2398
2502
  customElements.define("goa-button-group", ButtonGroup);
2399
2503
  /* libs/web-components/src/components/callout/Callout.svelte generated by Svelte v3.49.0 */
2400
2504
 
2401
- function create_fragment$y(ctx) {
2505
+ function create_if_block$g(ctx) {
2506
+ let h3;
2507
+ let t;
2508
+ return {
2509
+ c() {
2510
+ h3 = element("h3");
2511
+ t = text(
2512
+ /*heading*/
2513
+ ctx[1]);
2514
+ },
2515
+
2516
+ m(target, anchor) {
2517
+ insert(target, h3, anchor);
2518
+ append(h3, t);
2519
+ },
2520
+
2521
+ p(ctx, dirty) {
2522
+ if (dirty &
2523
+ /*heading*/
2524
+ 2) set_data(t,
2525
+ /*heading*/
2526
+ ctx[1]);
2527
+ },
2528
+
2529
+ d(detaching) {
2530
+ if (detaching) detach(h3);
2531
+ }
2532
+
2533
+ };
2534
+ }
2535
+
2536
+ function create_fragment$z(ctx) {
2402
2537
  let div;
2403
2538
  let span0;
2404
2539
  let goa_icon;
@@ -2406,10 +2541,11 @@
2406
2541
  let span0_class_value;
2407
2542
  let t0;
2408
2543
  let span1;
2409
- let h3;
2410
2544
  let t1;
2411
- let t2;
2412
2545
  let slot;
2546
+ let if_block =
2547
+ /*heading*/
2548
+ ctx[1] && create_if_block$g(ctx);
2413
2549
  return {
2414
2550
  c() {
2415
2551
  div = element("div");
@@ -2417,11 +2553,8 @@
2417
2553
  goa_icon = element("goa-icon");
2418
2554
  t0 = space();
2419
2555
  span1 = element("span");
2420
- h3 = element("h3");
2421
- t1 = text(
2422
- /*title*/
2423
- ctx[1]);
2424
- t2 = space();
2556
+ if (if_block) if_block.c();
2557
+ t1 = space();
2425
2558
  slot = element("slot");
2426
2559
  this.c = noop;
2427
2560
  set_custom_element_data(goa_icon, "type",
@@ -2446,9 +2579,8 @@
2446
2579
  append(span0, goa_icon);
2447
2580
  append(div, t0);
2448
2581
  append(div, span1);
2449
- append(span1, h3);
2450
- append(h3, t1);
2451
- append(span1, t2);
2582
+ if (if_block) if_block.m(span1, null);
2583
+ append(span1, t1);
2452
2584
  append(span1, slot);
2453
2585
  },
2454
2586
 
@@ -2477,11 +2609,20 @@
2477
2609
  attr(span0, "class", span0_class_value);
2478
2610
  }
2479
2611
 
2480
- if (dirty &
2481
- /*title*/
2482
- 2) set_data(t1,
2483
- /*title*/
2484
- ctx[1]);
2612
+ if (
2613
+ /*heading*/
2614
+ ctx[1]) {
2615
+ if (if_block) {
2616
+ if_block.p(ctx, dirty);
2617
+ } else {
2618
+ if_block = create_if_block$g(ctx);
2619
+ if_block.c();
2620
+ if_block.m(span1, t1);
2621
+ }
2622
+ } else if (if_block) {
2623
+ if_block.d(1);
2624
+ if_block = null;
2625
+ }
2485
2626
 
2486
2627
  if (dirty &
2487
2628
  /*testid*/
@@ -2497,18 +2638,19 @@
2497
2638
 
2498
2639
  d(detaching) {
2499
2640
  if (detaching) detach(div);
2641
+ if (if_block) if_block.d();
2500
2642
  }
2501
2643
 
2502
2644
  };
2503
2645
  }
2504
2646
 
2505
- function instance$t($$self, $$props, $$invalidate) {
2647
+ function instance$u($$self, $$props, $$invalidate) {
2506
2648
  let iconType;
2507
2649
  let {
2508
2650
  type
2509
2651
  } = $$props;
2510
2652
  let {
2511
- title
2653
+ heading
2512
2654
  } = $$props;
2513
2655
  let {
2514
2656
  testid = ""
@@ -2516,7 +2658,7 @@
2516
2658
 
2517
2659
  $$self.$$set = $$props => {
2518
2660
  if ('type' in $$props) $$invalidate(0, type = $$props.type);
2519
- if ('title' in $$props) $$invalidate(1, title = $$props.title);
2661
+ if ('heading' in $$props) $$invalidate(1, heading = $$props.heading);
2520
2662
  if ('testid' in $$props) $$invalidate(2, testid = $$props.testid);
2521
2663
  };
2522
2664
 
@@ -2528,7 +2670,7 @@
2528
2670
  }
2529
2671
  };
2530
2672
 
2531
- return [type, title, testid, iconType];
2673
+ return [type, heading, testid, iconType];
2532
2674
  }
2533
2675
 
2534
2676
  class Callout extends SvelteElement {
@@ -2539,9 +2681,9 @@
2539
2681
  target: this.shadowRoot,
2540
2682
  props: attribute_to_object(this.attributes),
2541
2683
  customElement: true
2542
- }, instance$t, create_fragment$y, safe_not_equal, {
2684
+ }, instance$u, create_fragment$z, safe_not_equal, {
2543
2685
  type: 0,
2544
- title: 1,
2686
+ heading: 1,
2545
2687
  testid: 2
2546
2688
  }, null);
2547
2689
 
@@ -2558,7 +2700,7 @@
2558
2700
  }
2559
2701
 
2560
2702
  static get observedAttributes() {
2561
- return ["type", "title", "testid"];
2703
+ return ["type", "heading", "testid"];
2562
2704
  }
2563
2705
 
2564
2706
  get type() {
@@ -2572,13 +2714,13 @@
2572
2714
  flush();
2573
2715
  }
2574
2716
 
2575
- get title() {
2717
+ get heading() {
2576
2718
  return this.$$.ctx[1];
2577
2719
  }
2578
2720
 
2579
- set title(title) {
2721
+ set heading(heading) {
2580
2722
  this.$$set({
2581
- title
2723
+ heading
2582
2724
  });
2583
2725
  flush();
2584
2726
  }
@@ -2599,7 +2741,7 @@
2599
2741
  customElements.define("goa-callout", Callout);
2600
2742
  /* libs/web-components/src/components/card/Card.svelte generated by Svelte v3.49.0 */
2601
2743
 
2602
- function create_fragment$x(ctx) {
2744
+ function create_fragment$y(ctx) {
2603
2745
  let div;
2604
2746
  let slot;
2605
2747
  let div_style_value;
@@ -2658,7 +2800,7 @@
2658
2800
  };
2659
2801
  }
2660
2802
 
2661
- function instance$s($$self, $$props, $$invalidate) {
2803
+ function instance$t($$self, $$props, $$invalidate) {
2662
2804
  let {
2663
2805
  elevation = 0
2664
2806
  } = $$props;
@@ -2687,7 +2829,7 @@
2687
2829
  target: this.shadowRoot,
2688
2830
  props: attribute_to_object(this.attributes),
2689
2831
  customElement: true
2690
- }, instance$s, create_fragment$x, safe_not_equal, {
2832
+ }, instance$t, create_fragment$y, safe_not_equal, {
2691
2833
  elevation: 0,
2692
2834
  width: 1,
2693
2835
  testId: 2
@@ -2747,7 +2889,7 @@
2747
2889
  customElements.define("goa-card", Card);
2748
2890
  /* libs/web-components/src/components/card-actions/CardActions.svelte generated by Svelte v3.49.0 */
2749
2891
 
2750
- function create_fragment$w(ctx) {
2892
+ function create_fragment$x(ctx) {
2751
2893
  let goa_card_content;
2752
2894
  return {
2753
2895
  c() {
@@ -2778,7 +2920,7 @@
2778
2920
  target: this.shadowRoot,
2779
2921
  props: attribute_to_object(this.attributes),
2780
2922
  customElement: true
2781
- }, null, create_fragment$w, safe_not_equal, {}, null);
2923
+ }, null, create_fragment$x, safe_not_equal, {}, null);
2782
2924
 
2783
2925
  if (options) {
2784
2926
  if (options.target) {
@@ -2792,7 +2934,7 @@
2792
2934
  customElements.define("goa-card-actions", CardActions);
2793
2935
  /* libs/web-components/src/components/card-content/CardContent.svelte generated by Svelte v3.49.0 */
2794
2936
 
2795
- function create_fragment$v(ctx) {
2937
+ function create_fragment$w(ctx) {
2796
2938
  let div;
2797
2939
  return {
2798
2940
  c() {
@@ -2825,7 +2967,7 @@
2825
2967
  target: this.shadowRoot,
2826
2968
  props: attribute_to_object(this.attributes),
2827
2969
  customElement: true
2828
- }, null, create_fragment$v, safe_not_equal, {}, null);
2970
+ }, null, create_fragment$w, safe_not_equal, {}, null);
2829
2971
 
2830
2972
  if (options) {
2831
2973
  if (options.target) {
@@ -2839,7 +2981,7 @@
2839
2981
  customElements.define("goa-card-content", CardContent);
2840
2982
  /* libs/web-components/src/components/card-group/CardGroup.svelte generated by Svelte v3.49.0 */
2841
2983
 
2842
- function create_fragment$u(ctx) {
2984
+ function create_fragment$v(ctx) {
2843
2985
  let div;
2844
2986
  return {
2845
2987
  c() {
@@ -2872,7 +3014,7 @@
2872
3014
  target: this.shadowRoot,
2873
3015
  props: attribute_to_object(this.attributes),
2874
3016
  customElement: true
2875
- }, null, create_fragment$u, safe_not_equal, {}, null);
3017
+ }, null, create_fragment$v, safe_not_equal, {}, null);
2876
3018
 
2877
3019
  if (options) {
2878
3020
  if (options.target) {
@@ -2886,7 +3028,7 @@
2886
3028
  customElements.define("goa-card-group", CardGroup);
2887
3029
  /* libs/web-components/src/components/card-image/CardImage.svelte generated by Svelte v3.49.0 */
2888
3030
 
2889
- function create_fragment$t(ctx) {
3031
+ function create_fragment$u(ctx) {
2890
3032
  let div;
2891
3033
  return {
2892
3034
  c() {
@@ -2935,7 +3077,7 @@
2935
3077
  };
2936
3078
  }
2937
3079
 
2938
- function instance$r($$self, $$props, $$invalidate) {
3080
+ function instance$s($$self, $$props, $$invalidate) {
2939
3081
  let {
2940
3082
  src
2941
3083
  } = $$props;
@@ -2959,7 +3101,7 @@
2959
3101
  target: this.shadowRoot,
2960
3102
  props: attribute_to_object(this.attributes),
2961
3103
  customElement: true
2962
- }, instance$r, create_fragment$t, safe_not_equal, {
3104
+ }, instance$s, create_fragment$u, safe_not_equal, {
2963
3105
  src: 0,
2964
3106
  height: 1
2965
3107
  }, null);
@@ -3061,7 +3203,7 @@
3061
3203
  };
3062
3204
  }
3063
3205
 
3064
- function create_fragment$s(ctx) {
3206
+ function create_fragment$t(ctx) {
3065
3207
  let label;
3066
3208
  let div0;
3067
3209
  let input;
@@ -3270,7 +3412,7 @@
3270
3412
  };
3271
3413
  }
3272
3414
 
3273
- function instance$q($$self, $$props, $$invalidate) {
3415
+ function instance$r($$self, $$props, $$invalidate) {
3274
3416
  let isDisabled;
3275
3417
  let isError;
3276
3418
  let isChecked;
@@ -3357,7 +3499,7 @@
3357
3499
  target: this.shadowRoot,
3358
3500
  props: attribute_to_object(this.attributes),
3359
3501
  customElement: true
3360
- }, instance$q, create_fragment$s, safe_not_equal, {
3502
+ }, instance$r, create_fragment$t, safe_not_equal, {
3361
3503
  name: 0,
3362
3504
  checked: 9,
3363
3505
  text: 1,
@@ -3555,7 +3697,7 @@
3555
3697
  };
3556
3698
  }
3557
3699
 
3558
- function create_fragment$r(ctx) {
3700
+ function create_fragment$s(ctx) {
3559
3701
  let div1;
3560
3702
  let t0;
3561
3703
  let div0;
@@ -3692,7 +3834,7 @@
3692
3834
  };
3693
3835
  }
3694
3836
 
3695
- function instance$p($$self, $$props, $$invalidate) {
3837
+ function instance$q($$self, $$props, $$invalidate) {
3696
3838
  let {
3697
3839
  leadingicon = null
3698
3840
  } = $$props;
@@ -3769,7 +3911,7 @@
3769
3911
  target: this.shadowRoot,
3770
3912
  props: attribute_to_object(this.attributes),
3771
3913
  customElement: true
3772
- }, instance$p, create_fragment$r, safe_not_equal, {
3914
+ }, instance$q, create_fragment$s, safe_not_equal, {
3773
3915
  leadingicon: 0,
3774
3916
  error: 7,
3775
3917
  deletable: 8,
@@ -3841,7 +3983,7 @@
3841
3983
  customElements.define("goa-chip", Chip);
3842
3984
  /* libs/web-components/src/components/container/Container.svelte generated by Svelte v3.49.0 */
3843
3985
 
3844
- function create_fragment$q(ctx) {
3986
+ function create_fragment$r(ctx) {
3845
3987
  let div3;
3846
3988
  let header;
3847
3989
  let div0;
@@ -3936,7 +4078,7 @@
3936
4078
  };
3937
4079
  }
3938
4080
 
3939
- function instance$o($$self, $$props, $$invalidate) {
4081
+ function instance$p($$self, $$props, $$invalidate) {
3940
4082
  let _colored;
3941
4083
 
3942
4084
  let {
@@ -3978,7 +4120,7 @@
3978
4120
  target: this.shadowRoot,
3979
4121
  props: attribute_to_object(this.attributes),
3980
4122
  customElement: true
3981
- }, instance$o, create_fragment$q, safe_not_equal, {
4123
+ }, instance$p, create_fragment$r, safe_not_equal, {
3982
4124
  variant: 0,
3983
4125
  colored: 4,
3984
4126
  headingsize: 1,
@@ -4147,7 +4289,7 @@
4147
4289
  const BIND$1 = "bind";
4148
4290
  /* libs/web-components/src/components/dropdown/Dropdown.svelte generated by Svelte v3.49.0 */
4149
4291
 
4150
- function get_each_context$3(ctx, list, i) {
4292
+ function get_each_context$4(ctx, list, i) {
4151
4293
  const child_ctx = ctx.slice();
4152
4294
  child_ctx[35] = list[i];
4153
4295
  child_ctx[37] = i;
@@ -4200,7 +4342,7 @@
4200
4342
  } // (211:4) {#each options as option, index (option.value)}
4201
4343
 
4202
4344
 
4203
- function create_each_block$3(key_1, ctx) {
4345
+ function create_each_block$4(key_1, ctx) {
4204
4346
  let li;
4205
4347
  let t0_value =
4206
4348
  /*option*/
@@ -4317,7 +4459,7 @@
4317
4459
  };
4318
4460
  }
4319
4461
 
4320
- function create_fragment$p(ctx) {
4462
+ function create_fragment$q(ctx) {
4321
4463
  let div1;
4322
4464
  let t0;
4323
4465
  let div0;
@@ -4346,9 +4488,9 @@
4346
4488
  ctx[35].value;
4347
4489
 
4348
4490
  for (let i = 0; i < each_value.length; i += 1) {
4349
- let child_ctx = get_each_context$3(ctx, each_value, i);
4491
+ let child_ctx = get_each_context$4(ctx, each_value, i);
4350
4492
  let key = get_key(child_ctx);
4351
- each_1_lookup.set(key, each_blocks[i] = create_each_block$3(key, child_ctx));
4493
+ each_1_lookup.set(key, each_blocks[i] = create_each_block$4(key, child_ctx));
4352
4494
  }
4353
4495
 
4354
4496
  return {
@@ -4522,7 +4664,7 @@
4522
4664
  each_value =
4523
4665
  /*options*/
4524
4666
  ctx[9];
4525
- 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);
4667
+ 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);
4526
4668
  }
4527
4669
 
4528
4670
  if (dirty[0] &
@@ -4586,7 +4728,7 @@
4586
4728
 
4587
4729
  const MAX_HEIGHT = "300px";
4588
4730
 
4589
- function instance$n($$self, $$props, $$invalidate) {
4731
+ function instance$o($$self, $$props, $$invalidate) {
4590
4732
  const showMenu = _async(function () {
4591
4733
  if (_disabled || isMenuVisible) {
4592
4734
  return;
@@ -4851,7 +4993,7 @@
4851
4993
  target: this.shadowRoot,
4852
4994
  props: attribute_to_object(this.attributes),
4853
4995
  customElement: true
4854
- }, instance$n, create_fragment$p, safe_not_equal, {
4996
+ }, instance$o, create_fragment$q, safe_not_equal, {
4855
4997
  name: 0,
4856
4998
  value: 19,
4857
4999
  leadingicon: 1,
@@ -4995,7 +5137,7 @@
4995
5137
  customElements.define("goa-dropdown", Dropdown);
4996
5138
  /* libs/web-components/src/components/dropdown/DropdownItem.svelte generated by Svelte v3.49.0 */
4997
5139
 
4998
- function create_fragment$o(ctx) {
5140
+ function create_fragment$p(ctx) {
4999
5141
  return {
5000
5142
  c() {
5001
5143
  this.c = noop;
@@ -5009,7 +5151,7 @@
5009
5151
  };
5010
5152
  }
5011
5153
 
5012
- function instance$m($$self, $$props, $$invalidate) {
5154
+ function instance$n($$self, $$props, $$invalidate) {
5013
5155
  let {
5014
5156
  name = ""
5015
5157
  } = $$props;
@@ -5050,7 +5192,7 @@
5050
5192
  target: this.shadowRoot,
5051
5193
  props: attribute_to_object(this.attributes),
5052
5194
  customElement: true
5053
- }, instance$m, create_fragment$o, safe_not_equal, {
5195
+ }, instance$n, create_fragment$p, safe_not_equal, {
5054
5196
  name: 0,
5055
5197
  value: 1,
5056
5198
  label: 2
@@ -5110,7 +5252,7 @@
5110
5252
  customElements.define("goa-dropdown-item", DropdownItem);
5111
5253
  /* libs/web-components/src/components/flex-row/FlexRow.svelte generated by Svelte v3.49.0 */
5112
5254
 
5113
- function create_fragment$n(ctx) {
5255
+ function create_fragment$o(ctx) {
5114
5256
  let div;
5115
5257
  let slot;
5116
5258
  return {
@@ -5149,7 +5291,7 @@
5149
5291
  };
5150
5292
  }
5151
5293
 
5152
- function instance$l($$self, $$props, $$invalidate) {
5294
+ function instance$m($$self, $$props, $$invalidate) {
5153
5295
  let _gap;
5154
5296
 
5155
5297
  let {
@@ -5179,7 +5321,7 @@
5179
5321
  target: this.shadowRoot,
5180
5322
  props: attribute_to_object(this.attributes),
5181
5323
  customElement: true
5182
- }, instance$l, create_fragment$n, safe_not_equal, {
5324
+ }, instance$m, create_fragment$o, safe_not_equal, {
5183
5325
  gap: 1
5184
5326
  }, null);
5185
5327
 
@@ -5215,7 +5357,7 @@
5215
5357
  customElements.define("goa-flex-row", FlexRow);
5216
5358
  /* libs/web-components/src/components/form-item/FormItem.svelte generated by Svelte v3.49.0 */
5217
5359
 
5218
- function create_if_block_2$5(ctx) {
5360
+ function create_if_block_2$6(ctx) {
5219
5361
  let label_1;
5220
5362
  let t0;
5221
5363
  let t1;
@@ -5355,7 +5497,7 @@
5355
5497
  };
5356
5498
  }
5357
5499
 
5358
- function create_fragment$m(ctx) {
5500
+ function create_fragment$n(ctx) {
5359
5501
  let div1;
5360
5502
  let t0;
5361
5503
  let div0;
@@ -5363,7 +5505,7 @@
5363
5505
  let t2;
5364
5506
  let if_block0 =
5365
5507
  /*label*/
5366
- ctx[0] && create_if_block_2$5(ctx);
5508
+ ctx[0] && create_if_block_2$6(ctx);
5367
5509
  let if_block1 =
5368
5510
  /*error*/
5369
5511
  ctx[2] && create_if_block_1$7(ctx);
@@ -5404,7 +5546,7 @@
5404
5546
  if (if_block0) {
5405
5547
  if_block0.p(ctx, dirty);
5406
5548
  } else {
5407
- if_block0 = create_if_block_2$5(ctx);
5549
+ if_block0 = create_if_block_2$6(ctx);
5408
5550
  if_block0.c();
5409
5551
  if_block0.m(div1, t0);
5410
5552
  }
@@ -5457,7 +5599,7 @@
5457
5599
  };
5458
5600
  }
5459
5601
 
5460
- function instance$k($$self, $$props, $$invalidate) {
5602
+ function instance$l($$self, $$props, $$invalidate) {
5461
5603
  let isOptional;
5462
5604
  let {
5463
5605
  label = ""
@@ -5498,7 +5640,7 @@
5498
5640
  target: this.shadowRoot,
5499
5641
  props: attribute_to_object(this.attributes),
5500
5642
  customElement: true
5501
- }, instance$k, create_fragment$m, safe_not_equal, {
5643
+ }, instance$l, create_fragment$n, safe_not_equal, {
5502
5644
  label: 0,
5503
5645
  helptext: 1,
5504
5646
  error: 2,
@@ -5570,7 +5712,7 @@
5570
5712
  customElements.define("goa-form-item", FormItem);
5571
5713
  /* libs/web-components/src/components/hero-banner/HeroBanner.svelte generated by Svelte v3.49.0 */
5572
5714
 
5573
- function create_fragment$l(ctx) {
5715
+ function create_fragment$m(ctx) {
5574
5716
  let div1;
5575
5717
  let goa_page_block;
5576
5718
  let h1;
@@ -5585,7 +5727,7 @@
5585
5727
  goa_page_block = element("goa-page-block");
5586
5728
  h1 = element("h1");
5587
5729
  t0 = text(
5588
- /*title*/
5730
+ /*heading*/
5589
5731
  ctx[0]);
5590
5732
  t1 = space();
5591
5733
  div0 = element("div");
@@ -5593,7 +5735,6 @@
5593
5735
  t2 = space();
5594
5736
  slot1 = element("slot");
5595
5737
  this.c = noop;
5596
- attr(h1, "role", "heading");
5597
5738
  attr(div0, "class", "goa-hero-banner-content");
5598
5739
  attr(div0, "role", "note");
5599
5740
  attr(slot1, "name", "actions");
@@ -5621,9 +5762,9 @@
5621
5762
 
5622
5763
  p(ctx, [dirty]) {
5623
5764
  if (dirty &
5624
- /*title*/
5765
+ /*heading*/
5625
5766
  1) set_data(t0,
5626
- /*title*/
5767
+ /*heading*/
5627
5768
  ctx[0]);
5628
5769
 
5629
5770
  if (dirty &
@@ -5645,20 +5786,20 @@
5645
5786
  };
5646
5787
  }
5647
5788
 
5648
- function instance$j($$self, $$props, $$invalidate) {
5789
+ function instance$k($$self, $$props, $$invalidate) {
5649
5790
  let {
5650
- title
5791
+ heading
5651
5792
  } = $$props;
5652
5793
  let {
5653
5794
  backgroundurl
5654
5795
  } = $$props;
5655
5796
 
5656
5797
  $$self.$$set = $$props => {
5657
- if ('title' in $$props) $$invalidate(0, title = $$props.title);
5798
+ if ('heading' in $$props) $$invalidate(0, heading = $$props.heading);
5658
5799
  if ('backgroundurl' in $$props) $$invalidate(1, backgroundurl = $$props.backgroundurl);
5659
5800
  };
5660
5801
 
5661
- return [title, backgroundurl];
5802
+ return [heading, backgroundurl];
5662
5803
  }
5663
5804
 
5664
5805
  class HeroBanner extends SvelteElement {
@@ -5669,8 +5810,8 @@
5669
5810
  target: this.shadowRoot,
5670
5811
  props: attribute_to_object(this.attributes),
5671
5812
  customElement: true
5672
- }, instance$j, create_fragment$l, safe_not_equal, {
5673
- title: 0,
5813
+ }, instance$k, create_fragment$m, safe_not_equal, {
5814
+ heading: 0,
5674
5815
  backgroundurl: 1
5675
5816
  }, null);
5676
5817
 
@@ -5687,16 +5828,16 @@
5687
5828
  }
5688
5829
 
5689
5830
  static get observedAttributes() {
5690
- return ["title", "backgroundurl"];
5831
+ return ["heading", "backgroundurl"];
5691
5832
  }
5692
5833
 
5693
- get title() {
5834
+ get heading() {
5694
5835
  return this.$$.ctx[0];
5695
5836
  }
5696
5837
 
5697
- set title(title) {
5838
+ set heading(heading) {
5698
5839
  this.$$set({
5699
- title
5840
+ heading
5700
5841
  });
5701
5842
  flush();
5702
5843
  }
@@ -5765,7 +5906,7 @@
5765
5906
  };
5766
5907
  }
5767
5908
 
5768
- function create_fragment$k(ctx) {
5909
+ function create_fragment$l(ctx) {
5769
5910
  let div;
5770
5911
  let div_data_testid_value;
5771
5912
  let div_style_value;
@@ -5879,7 +6020,7 @@
5879
6020
  };
5880
6021
  }
5881
6022
 
5882
- function instance$i($$self, $$props, $$invalidate) {
6023
+ function instance$j($$self, $$props, $$invalidate) {
5883
6024
  let isInverted;
5884
6025
 
5885
6026
  let _size;
@@ -5894,13 +6035,13 @@
5894
6035
  theme = "outline"
5895
6036
  } = $$props;
5896
6037
  let {
5897
- inverted
6038
+ inverted = "false"
5898
6039
  } = $$props;
5899
6040
  let {
5900
- fillcolor
6041
+ fillcolor = ""
5901
6042
  } = $$props;
5902
6043
  let {
5903
- hovercolor
6044
+ hovercolor = ""
5904
6045
  } = $$props;
5905
6046
  let {
5906
6047
  opacity = 1
@@ -5949,7 +6090,7 @@
5949
6090
  target: this.shadowRoot,
5950
6091
  props: attribute_to_object(this.attributes),
5951
6092
  customElement: true
5952
- }, instance$i, create_fragment$k, safe_not_equal, {
6093
+ }, instance$j, create_fragment$l, safe_not_equal, {
5953
6094
  type: 0,
5954
6095
  size: 8,
5955
6096
  theme: 1,
@@ -6069,7 +6210,7 @@
6069
6210
  customElements.define("goa-icon", Icon);
6070
6211
  /* libs/web-components/src/components/icon-button/IconButton.svelte generated by Svelte v3.49.0 */
6071
6212
 
6072
- function create_fragment$j(ctx) {
6213
+ function create_fragment$k(ctx) {
6073
6214
  let button;
6074
6215
  let goa_icon;
6075
6216
  let mounted;
@@ -6224,7 +6365,7 @@
6224
6365
  }));
6225
6366
  }
6226
6367
 
6227
- function instance$h($$self, $$props, $$invalidate) {
6368
+ function instance$i($$self, $$props, $$invalidate) {
6228
6369
  let css;
6229
6370
  let isDisabled;
6230
6371
  let isInverted;
@@ -6309,7 +6450,7 @@
6309
6450
  target: this.shadowRoot,
6310
6451
  props: attribute_to_object(this.attributes),
6311
6452
  customElement: true
6312
- }, instance$h, create_fragment$j, safe_not_equal, {
6453
+ }, instance$i, create_fragment$k, safe_not_equal, {
6313
6454
  type: 0,
6314
6455
  size: 1,
6315
6456
  theme: 2,
@@ -6563,7 +6704,7 @@
6563
6704
  ctx[9] > 0) return create_if_block_1$6;
6564
6705
  if (
6565
6706
  /*value*/
6566
- ctx[0].length > 0) return create_if_block_2$4;
6707
+ ctx[0].length > 0) return create_if_block_2$5;
6567
6708
  }
6568
6709
 
6569
6710
  let current_block_type = select_block_type(ctx);
@@ -6605,7 +6746,7 @@
6605
6746
  } // (122:31)
6606
6747
 
6607
6748
 
6608
- function create_if_block_2$4(ctx) {
6749
+ function create_if_block_2$5(ctx) {
6609
6750
  let div;
6610
6751
  let t_value =
6611
6752
  /*value*/
@@ -6698,7 +6839,7 @@
6698
6839
  };
6699
6840
  }
6700
6841
 
6701
- function create_fragment$i(ctx) {
6842
+ function create_fragment$j(ctx) {
6702
6843
  let div1;
6703
6844
  let div0;
6704
6845
  let t0;
@@ -7018,7 +7159,7 @@
7018
7159
  }));
7019
7160
  }
7020
7161
 
7021
- function instance$g($$self, $$props, $$invalidate) {
7162
+ function instance$h($$self, $$props, $$invalidate) {
7022
7163
  let handlesTrailingIconClick;
7023
7164
  let isFocused;
7024
7165
  let isReadonly;
@@ -7182,7 +7323,7 @@
7182
7323
  target: this.shadowRoot,
7183
7324
  props: attribute_to_object(this.attributes),
7184
7325
  customElement: true
7185
- }, instance$g, create_fragment$i, safe_not_equal, {
7326
+ }, instance$h, create_fragment$j, safe_not_equal, {
7186
7327
  type: 1,
7187
7328
  name: 2,
7188
7329
  value: 0,
@@ -7521,7 +7662,7 @@
7521
7662
  ctx[0] && create_if_block_3$2(ctx);
7522
7663
  let if_block1 =
7523
7664
  /*isClosable*/
7524
- ctx[5] && create_if_block_2$3(ctx);
7665
+ ctx[5] && create_if_block_2$4(ctx);
7525
7666
 
7526
7667
  function select_block_type(ctx, dirty) {
7527
7668
  if (
@@ -7625,7 +7766,7 @@
7625
7766
  if (if_block1) {
7626
7767
  if_block1.p(ctx, dirty);
7627
7768
  } else {
7628
- if_block1 = create_if_block_2$3(ctx);
7769
+ if_block1 = create_if_block_2$4(ctx);
7629
7770
  if_block1.c();
7630
7771
  if_block1.m(div3, t2);
7631
7772
  }
@@ -7769,7 +7910,7 @@
7769
7910
  } // (63:8) {#if isClosable}
7770
7911
 
7771
7912
 
7772
- function create_if_block_2$3(ctx) {
7913
+ function create_if_block_2$4(ctx) {
7773
7914
  let div;
7774
7915
  let goa_icon_button;
7775
7916
  let mounted;
@@ -7850,7 +7991,7 @@
7850
7991
  };
7851
7992
  }
7852
7993
 
7853
- function create_fragment$h(ctx) {
7994
+ function create_fragment$i(ctx) {
7854
7995
  let if_block_anchor;
7855
7996
  let current;
7856
7997
  let if_block =
@@ -7915,7 +8056,7 @@
7915
8056
  };
7916
8057
  }
7917
8058
 
7918
- function instance$f($$self, $$props, $$invalidate) {
8059
+ function instance$g($$self, $$props, $$invalidate) {
7919
8060
  let isClosable;
7920
8061
  let isScrollable;
7921
8062
  let isOpen;
@@ -8009,7 +8150,7 @@
8009
8150
  target: this.shadowRoot,
8010
8151
  props: attribute_to_object(this.attributes),
8011
8152
  customElement: true
8012
- }, instance$f, create_fragment$h, safe_not_equal, {
8153
+ }, instance$g, create_fragment$i, safe_not_equal, {
8013
8154
  heading: 0,
8014
8155
  closable: 9,
8015
8156
  scrollable: 10,
@@ -8206,7 +8347,7 @@
8206
8347
  };
8207
8348
  }
8208
8349
 
8209
- function create_fragment$g(ctx) {
8350
+ function create_fragment$h(ctx) {
8210
8351
  let if_block_anchor;
8211
8352
  let current;
8212
8353
  let if_block =
@@ -8271,7 +8412,7 @@
8271
8412
  };
8272
8413
  }
8273
8414
 
8274
- function instance$e($$self, $$props, $$invalidate) {
8415
+ function instance$f($$self, $$props, $$invalidate) {
8275
8416
  let iconType;
8276
8417
  let {
8277
8418
  type
@@ -8305,7 +8446,7 @@
8305
8446
  target: this.shadowRoot,
8306
8447
  props: attribute_to_object(this.attributes),
8307
8448
  customElement: true
8308
- }, instance$e, create_fragment$g, safe_not_equal, {
8449
+ }, instance$f, create_fragment$h, safe_not_equal, {
8309
8450
  type: 0
8310
8451
  }, null);
8311
8452
 
@@ -8341,7 +8482,7 @@
8341
8482
  customElements.define("goa-notification", Notification);
8342
8483
  /* libs/web-components/src/layouts/PageLayout.svelte generated by Svelte v3.49.0 */
8343
8484
 
8344
- function create_fragment$f(ctx) {
8485
+ function create_fragment$g(ctx) {
8345
8486
  let div;
8346
8487
  return {
8347
8488
  c() {
@@ -8374,7 +8515,7 @@
8374
8515
  target: this.shadowRoot,
8375
8516
  props: attribute_to_object(this.attributes),
8376
8517
  customElement: true
8377
- }, null, create_fragment$f, safe_not_equal, {}, null);
8518
+ }, null, create_fragment$g, safe_not_equal, {}, null);
8378
8519
 
8379
8520
  if (options) {
8380
8521
  if (options.target) {
@@ -8399,7 +8540,7 @@
8399
8540
  function select_block_type(ctx, dirty) {
8400
8541
  if (
8401
8542
  /*fullscreen*/
8402
- ctx[6]) return 0;
8543
+ ctx[4]) return 0;
8403
8544
  if (
8404
8545
  /*inline*/
8405
8546
  ctx[5]) return 1;
@@ -8480,7 +8621,7 @@
8480
8621
  }
8481
8622
 
8482
8623
  };
8483
- } // (40:19)
8624
+ } // (39:19)
8484
8625
 
8485
8626
 
8486
8627
  function create_if_block_3$1(ctx) {
@@ -8503,13 +8644,13 @@
8503
8644
  ctx[0]);
8504
8645
  set_custom_element_data(goa_spinner, "size",
8505
8646
  /*spinnerSize*/
8506
- ctx[4]);
8647
+ ctx[3]);
8507
8648
  set_custom_element_data(goa_spinner, "progress", goa_spinner_progress_value =
8508
8649
  /*progress*/
8509
8650
  ctx[2] || 0);
8510
8651
  attr(div, "class", div_class_value = "spinner-" +
8511
8652
  /*spinnerSize*/
8512
- ctx[4]);
8653
+ ctx[3]);
8513
8654
  toggle_class(div, "inline",
8514
8655
  /*inline*/
8515
8656
  ctx[5]);
@@ -8533,10 +8674,10 @@
8533
8674
 
8534
8675
  if (dirty &
8535
8676
  /*spinnerSize*/
8536
- 16) {
8677
+ 8) {
8537
8678
  set_custom_element_data(goa_spinner, "size",
8538
8679
  /*spinnerSize*/
8539
- ctx[4]);
8680
+ ctx[3]);
8540
8681
  }
8541
8682
 
8542
8683
  if (dirty &
@@ -8564,15 +8705,15 @@
8564
8705
 
8565
8706
  if (dirty &
8566
8707
  /*spinnerSize*/
8567
- 16 && div_class_value !== (div_class_value = "spinner-" +
8708
+ 8 && div_class_value !== (div_class_value = "spinner-" +
8568
8709
  /*spinnerSize*/
8569
- ctx[4])) {
8710
+ ctx[3])) {
8570
8711
  attr(div, "class", div_class_value);
8571
8712
  }
8572
8713
 
8573
8714
  if (dirty &
8574
8715
  /*spinnerSize, inline*/
8575
- 48) {
8716
+ 40) {
8576
8717
  toggle_class(div, "inline",
8577
8718
  /*inline*/
8578
8719
  ctx[5]);
@@ -8588,7 +8729,7 @@
8588
8729
  }
8589
8730
 
8590
8731
  };
8591
- } // (29:2) {#if fullscreen}
8732
+ } // (28:2) {#if fullscreen}
8592
8733
 
8593
8734
 
8594
8735
  function create_if_block_1$4(ctx) {
@@ -8602,7 +8743,7 @@
8602
8743
  let dispose;
8603
8744
  let if_block =
8604
8745
  /*message*/
8605
- ctx[1] && create_if_block_2$2(ctx);
8746
+ ctx[1] && create_if_block_2$3(ctx);
8606
8747
  return {
8607
8748
  c() {
8608
8749
  div = element("div");
@@ -8614,13 +8755,13 @@
8614
8755
  ctx[0]);
8615
8756
  set_custom_element_data(goa_spinner, "size",
8616
8757
  /*spinnerSize*/
8617
- ctx[4]);
8758
+ ctx[3]);
8618
8759
  set_custom_element_data(goa_spinner, "progress", goa_spinner_progress_value =
8619
8760
  /*progress*/
8620
8761
  ctx[2] || 0);
8621
8762
  toggle_class(div, "fullscreen",
8622
8763
  /*fullscreen*/
8623
- ctx[6]);
8764
+ ctx[4]);
8624
8765
  },
8625
8766
 
8626
8767
  m(target, anchor) {
@@ -8649,10 +8790,10 @@
8649
8790
 
8650
8791
  if (!current || dirty &
8651
8792
  /*spinnerSize*/
8652
- 16) {
8793
+ 8) {
8653
8794
  set_custom_element_data(goa_spinner, "size",
8654
8795
  /*spinnerSize*/
8655
- ctx[4]);
8796
+ ctx[3]);
8656
8797
  }
8657
8798
 
8658
8799
  if (!current || dirty &
@@ -8669,7 +8810,7 @@
8669
8810
  if (if_block) {
8670
8811
  if_block.p(ctx, dirty);
8671
8812
  } else {
8672
- if_block = create_if_block_2$2(ctx);
8813
+ if_block = create_if_block_2$3(ctx);
8673
8814
  if_block.c();
8674
8815
  if_block.m(div, null);
8675
8816
  }
@@ -8680,10 +8821,10 @@
8680
8821
 
8681
8822
  if (dirty &
8682
8823
  /*fullscreen*/
8683
- 64) {
8824
+ 16) {
8684
8825
  toggle_class(div, "fullscreen",
8685
8826
  /*fullscreen*/
8686
- ctx[6]);
8827
+ ctx[4]);
8687
8828
  }
8688
8829
  },
8689
8830
 
@@ -8715,7 +8856,7 @@
8715
8856
  }
8716
8857
 
8717
8858
  };
8718
- } // (43:6) {#if message}
8859
+ } // (42:6) {#if message}
8719
8860
 
8720
8861
 
8721
8862
  function create_if_block_4(ctx) {
@@ -8748,10 +8889,10 @@
8748
8889
  }
8749
8890
 
8750
8891
  };
8751
- } // (36:6) {#if message}
8892
+ } // (35:6) {#if message}
8752
8893
 
8753
8894
 
8754
- function create_if_block_2$2(ctx) {
8895
+ function create_if_block_2$3(ctx) {
8755
8896
  let div;
8756
8897
  let t;
8757
8898
  return {
@@ -8783,12 +8924,12 @@
8783
8924
  };
8784
8925
  }
8785
8926
 
8786
- function create_fragment$e(ctx) {
8927
+ function create_fragment$f(ctx) {
8787
8928
  let if_block_anchor;
8788
8929
  let current;
8789
8930
  let if_block =
8790
- /*ready*/
8791
- ctx[3] && create_if_block$7(ctx);
8931
+ /*isVisible*/
8932
+ ctx[6] && create_if_block$7(ctx);
8792
8933
  return {
8793
8934
  c() {
8794
8935
  if (if_block) if_block.c();
@@ -8804,14 +8945,14 @@
8804
8945
 
8805
8946
  p(ctx, [dirty]) {
8806
8947
  if (
8807
- /*ready*/
8808
- ctx[3]) {
8948
+ /*isVisible*/
8949
+ ctx[6]) {
8809
8950
  if (if_block) {
8810
8951
  if_block.p(ctx, dirty);
8811
8952
 
8812
8953
  if (dirty &
8813
- /*ready*/
8814
- 8) {
8954
+ /*isVisible*/
8955
+ 64) {
8815
8956
  transition_in(if_block, 1);
8816
8957
  }
8817
8958
  } else {
@@ -8848,11 +8989,8 @@
8848
8989
  };
8849
8990
  }
8850
8991
 
8851
- function instance$d($$self, $$props, $$invalidate) {
8992
+ function instance$e($$self, $$props, $$invalidate) {
8852
8993
  let isVisible;
8853
- let fullscreen;
8854
- let inline;
8855
- let spinnerSize;
8856
8994
  let {
8857
8995
  type = "infinite"
8858
8996
  } = $$props;
@@ -8871,13 +9009,15 @@
8871
9009
  let {
8872
9010
  visible = "false"
8873
9011
  } = $$props;
8874
- let ready = false;
8875
- onMount(function () {
8876
- // there needs to be a slight delay in the render to prevent an invalid spinner size from being shown
8877
- return _call(tick, function () {
8878
- $$invalidate(3, ready = isVisible);
8879
- });
8880
- });
9012
+ let spinnerSize;
9013
+ let fullscreen;
9014
+ let inline;
9015
+ onMount(_async(function () {
9016
+ $$invalidate(3, spinnerSize = size === "small" ? "large" : "xlarge");
9017
+ $$invalidate(4, fullscreen = variant === "fullscreen");
9018
+ $$invalidate(5, inline = variant === "inline");
9019
+ return _await();
9020
+ }));
8881
9021
 
8882
9022
  $$self.$$set = $$props => {
8883
9023
  if ('type' in $$props) $$invalidate(0, type = $$props.type);
@@ -8892,29 +9032,11 @@
8892
9032
  if ($$self.$$.dirty &
8893
9033
  /*visible*/
8894
9034
  512) {
8895
- isVisible = toBoolean(visible);
8896
- }
8897
-
8898
- if ($$self.$$.dirty &
8899
- /*variant*/
8900
- 128) {
8901
- $$invalidate(6, fullscreen = variant === "fullscreen");
8902
- }
8903
-
8904
- if ($$self.$$.dirty &
8905
- /*variant*/
8906
- 128) {
8907
- $$invalidate(5, inline = variant === "inline");
8908
- }
8909
-
8910
- if ($$self.$$.dirty &
8911
- /*size*/
8912
- 256) {
8913
- $$invalidate(4, spinnerSize = size === "small" ? "large" : "xlarge");
9035
+ $$invalidate(6, isVisible = toBoolean(visible));
8914
9036
  }
8915
9037
  };
8916
9038
 
8917
- return [type, message, progress, ready, spinnerSize, inline, fullscreen, variant, size, visible];
9039
+ return [type, message, progress, spinnerSize, fullscreen, inline, isVisible, variant, size, visible];
8918
9040
  }
8919
9041
 
8920
9042
  class CircularProgress extends SvelteElement {
@@ -8925,7 +9047,7 @@
8925
9047
  target: this.shadowRoot,
8926
9048
  props: attribute_to_object(this.attributes),
8927
9049
  customElement: true
8928
- }, instance$d, create_fragment$e, safe_not_equal, {
9050
+ }, instance$e, create_fragment$f, safe_not_equal, {
8929
9051
  type: 0,
8930
9052
  variant: 7,
8931
9053
  size: 8,
@@ -9022,14 +9144,14 @@
9022
9144
  const BIND = "bind";
9023
9145
  /* libs/web-components/src/components/radio-group/RadioGroup.svelte generated by Svelte v3.49.0 */
9024
9146
 
9025
- function get_each_context$2(ctx, list, i) {
9147
+ function get_each_context$3(ctx, list, i) {
9026
9148
  const child_ctx = ctx.slice();
9027
9149
  child_ctx[14] = list[i];
9028
9150
  return child_ctx;
9029
9151
  } // (51:2) {#each options as option (option.value) }
9030
9152
 
9031
9153
 
9032
- function create_each_block$2(key_1, ctx) {
9154
+ function create_each_block$3(key_1, ctx) {
9033
9155
  let label;
9034
9156
  let input;
9035
9157
  let input_value_value;
@@ -9196,7 +9318,7 @@
9196
9318
  };
9197
9319
  }
9198
9320
 
9199
- function create_fragment$d(ctx) {
9321
+ function create_fragment$e(ctx) {
9200
9322
  let div;
9201
9323
  let slot;
9202
9324
  let t;
@@ -9212,9 +9334,9 @@
9212
9334
  ctx[14].value;
9213
9335
 
9214
9336
  for (let i = 0; i < each_value.length; i += 1) {
9215
- let child_ctx = get_each_context$2(ctx, each_value, i);
9337
+ let child_ctx = get_each_context$3(ctx, each_value, i);
9216
9338
  let key = get_key(child_ctx);
9217
- each_1_lookup.set(key, each_blocks[i] = create_each_block$2(key, child_ctx));
9339
+ each_1_lookup.set(key, each_blocks[i] = create_each_block$3(key, child_ctx));
9218
9340
  }
9219
9341
 
9220
9342
  return {
@@ -9257,7 +9379,7 @@
9257
9379
  each_value =
9258
9380
  /*options*/
9259
9381
  ctx[4];
9260
- 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);
9382
+ 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);
9261
9383
  }
9262
9384
 
9263
9385
  if (dirty &
@@ -9295,7 +9417,7 @@
9295
9417
  };
9296
9418
  }
9297
9419
 
9298
- function instance$c($$self, $$props, $$invalidate) {
9420
+ function instance$d($$self, $$props, $$invalidate) {
9299
9421
  let isDisabled;
9300
9422
  let {
9301
9423
  name
@@ -9391,7 +9513,7 @@
9391
9513
  target: this.shadowRoot,
9392
9514
  props: attribute_to_object(this.attributes),
9393
9515
  customElement: true
9394
- }, instance$c, create_fragment$d, safe_not_equal, {
9516
+ }, instance$d, create_fragment$e, safe_not_equal, {
9395
9517
  name: 1,
9396
9518
  value: 0,
9397
9519
  orientation: 2,
@@ -9487,7 +9609,7 @@
9487
9609
  customElements.define("goa-radio-group", RadioGroup);
9488
9610
  /* libs/web-components/src/components/radio-group/RadioItem.svelte generated by Svelte v3.49.0 */
9489
9611
 
9490
- function create_fragment$c(ctx) {
9612
+ function create_fragment$d(ctx) {
9491
9613
  return {
9492
9614
  c() {
9493
9615
  this.c = noop;
@@ -9501,7 +9623,7 @@
9501
9623
  };
9502
9624
  }
9503
9625
 
9504
- function instance$b($$self, $$props, $$invalidate) {
9626
+ function instance$c($$self, $$props, $$invalidate) {
9505
9627
  let {
9506
9628
  value
9507
9629
  } = $$props;
@@ -9539,7 +9661,7 @@
9539
9661
  target: this.shadowRoot,
9540
9662
  props: attribute_to_object(this.attributes),
9541
9663
  customElement: true
9542
- }, instance$b, create_fragment$c, safe_not_equal, {
9664
+ }, instance$c, create_fragment$d, safe_not_equal, {
9543
9665
  value: 0,
9544
9666
  label: 1,
9545
9667
  name: 2
@@ -9599,7 +9721,7 @@
9599
9721
  customElements.define("goa-radio-item", RadioItem);
9600
9722
  /* libs/web-components/src/components/scrollable/Scrollable.svelte generated by Svelte v3.49.0 */
9601
9723
 
9602
- function create_fragment$b(ctx) {
9724
+ function create_fragment$c(ctx) {
9603
9725
  let div;
9604
9726
  let slot;
9605
9727
  let div_style_value;
@@ -9667,7 +9789,7 @@
9667
9789
  };
9668
9790
  }
9669
9791
 
9670
- function instance$a($$self, $$props, $$invalidate) {
9792
+ function instance$b($$self, $$props, $$invalidate) {
9671
9793
  let {
9672
9794
  direction = "vertical"
9673
9795
  } = $$props;
@@ -9699,7 +9821,7 @@
9699
9821
  target: this.shadowRoot,
9700
9822
  props: attribute_to_object(this.attributes),
9701
9823
  customElement: true
9702
- }, instance$a, create_fragment$b, safe_not_equal, {
9824
+ }, instance$b, create_fragment$c, safe_not_equal, {
9703
9825
  direction: 0,
9704
9826
  hpadding: 1,
9705
9827
  vpadding: 2,
@@ -9817,7 +9939,7 @@
9817
9939
  let t4;
9818
9940
  let if_block =
9819
9941
  /*feedbackurl*/
9820
- ctx[2] && create_if_block_2$1(ctx);
9942
+ ctx[2] && create_if_block_2$2(ctx);
9821
9943
  return {
9822
9944
  c() {
9823
9945
  div0 = element("div");
@@ -9870,7 +9992,7 @@
9870
9992
  if (if_block) {
9871
9993
  if_block.p(ctx, dirty);
9872
9994
  } else {
9873
- if_block = create_if_block_2$1(ctx);
9995
+ if_block = create_if_block_2$2(ctx);
9874
9996
  if_block.c();
9875
9997
  if_block.m(div1, null);
9876
9998
  }
@@ -9891,7 +10013,7 @@
9891
10013
  } // (52:6) {#if feedbackurl}
9892
10014
 
9893
10015
 
9894
- function create_if_block_2$1(ctx) {
10016
+ function create_if_block_2$2(ctx) {
9895
10017
  let span;
9896
10018
  let t0;
9897
10019
  let a;
@@ -9966,7 +10088,7 @@
9966
10088
  };
9967
10089
  }
9968
10090
 
9969
- function create_fragment$a(ctx) {
10091
+ function create_fragment$b(ctx) {
9970
10092
  let header;
9971
10093
  let t0;
9972
10094
  let show_if = ["alpha", "beta"].includes(
@@ -10075,7 +10197,7 @@
10075
10197
  return val[0].toUpperCase() + val.slice(1);
10076
10198
  }
10077
10199
 
10078
- function instance$9($$self, $$props, $$invalidate) {
10200
+ function instance$a($$self, $$props, $$invalidate) {
10079
10201
  let {
10080
10202
  level
10081
10203
  } = $$props;
@@ -10103,7 +10225,7 @@
10103
10225
  target: this.shadowRoot,
10104
10226
  props: attribute_to_object(this.attributes),
10105
10227
  customElement: true
10106
- }, instance$9, create_fragment$a, safe_not_equal, {
10228
+ }, instance$a, create_fragment$b, safe_not_equal, {
10107
10229
  level: 0,
10108
10230
  version: 1,
10109
10231
  feedbackurl: 2
@@ -10163,6 +10285,13 @@
10163
10285
  customElements.define("goa-microsite-header", MicrositeHeader);
10164
10286
  /* libs/web-components/src/components/skeleton/Skeleton.svelte generated by Svelte v3.49.0 */
10165
10287
 
10288
+ function get_each_context$2(ctx, list, i) {
10289
+ const child_ctx = ctx.slice();
10290
+ child_ctx[4] = list[i];
10291
+ return child_ctx;
10292
+ } // (33:0) {:else}
10293
+
10294
+
10166
10295
  function create_else_block(ctx) {
10167
10296
  let div;
10168
10297
  let div_class_value;
@@ -10171,9 +10300,9 @@
10171
10300
  div = element("div");
10172
10301
  attr(div, "class", div_class_value = "skeleton " +
10173
10302
  /*type*/
10174
- ctx[2] + " " + `${
10303
+ ctx[3] + " " + `${
10175
10304
  /*type*/
10176
- ctx[2]}-${
10305
+ ctx[3]}-${
10177
10306
  /*size*/
10178
10307
  ctx[1]}`);
10179
10308
  },
@@ -10185,26 +10314,122 @@
10185
10314
  p(ctx, dirty) {
10186
10315
  if (dirty &
10187
10316
  /*type, size*/
10188
- 6 && div_class_value !== (div_class_value = "skeleton " +
10317
+ 10 && div_class_value !== (div_class_value = "skeleton " +
10189
10318
  /*type*/
10190
- ctx[2] + " " + `${
10319
+ ctx[3] + " " + `${
10191
10320
  /*type*/
10192
- ctx[2]}-${
10321
+ ctx[3]}-${
10193
10322
  /*size*/
10194
10323
  ctx[1]}`)) {
10195
10324
  attr(div, "class", div_class_value);
10196
10325
  }
10197
10326
  },
10198
10327
 
10199
- i: noop,
10200
- o: noop,
10328
+ i: noop,
10329
+ o: noop,
10330
+
10331
+ d(detaching) {
10332
+ if (detaching) detach(div);
10333
+ }
10334
+
10335
+ };
10336
+ } // (29:27)
10337
+
10338
+
10339
+ function create_if_block_2$1(ctx) {
10340
+ let each_1_anchor;
10341
+ let current;
10342
+ let each_value = Array(
10343
+ /*count*/
10344
+ ctx[2]);
10345
+ let each_blocks = [];
10346
+
10347
+ for (let i = 0; i < each_value.length; i += 1) {
10348
+ each_blocks[i] = create_each_block$2(get_each_context$2(ctx, each_value, i));
10349
+ }
10350
+
10351
+ const out = i => transition_out(each_blocks[i], 1, 1, () => {
10352
+ each_blocks[i] = null;
10353
+ });
10354
+
10355
+ return {
10356
+ c() {
10357
+ for (let i = 0; i < each_blocks.length; i += 1) {
10358
+ each_blocks[i].c();
10359
+ }
10360
+
10361
+ each_1_anchor = empty();
10362
+ },
10363
+
10364
+ m(target, anchor) {
10365
+ for (let i = 0; i < each_blocks.length; i += 1) {
10366
+ each_blocks[i].m(target, anchor);
10367
+ }
10368
+
10369
+ insert(target, each_1_anchor, anchor);
10370
+ current = true;
10371
+ },
10372
+
10373
+ p(ctx, dirty) {
10374
+ if (dirty &
10375
+ /*size, count*/
10376
+ 6) {
10377
+ each_value = Array(
10378
+ /*count*/
10379
+ ctx[2]);
10380
+ let i;
10381
+
10382
+ for (i = 0; i < each_value.length; i += 1) {
10383
+ const child_ctx = get_each_context$2(ctx, each_value, i);
10384
+
10385
+ if (each_blocks[i]) {
10386
+ each_blocks[i].p(child_ctx, dirty);
10387
+ transition_in(each_blocks[i], 1);
10388
+ } else {
10389
+ each_blocks[i] = create_each_block$2(child_ctx);
10390
+ each_blocks[i].c();
10391
+ transition_in(each_blocks[i], 1);
10392
+ each_blocks[i].m(each_1_anchor.parentNode, each_1_anchor);
10393
+ }
10394
+ }
10395
+
10396
+ group_outros();
10397
+
10398
+ for (i = each_value.length; i < each_blocks.length; i += 1) {
10399
+ out(i);
10400
+ }
10401
+
10402
+ check_outros();
10403
+ }
10404
+ },
10405
+
10406
+ i(local) {
10407
+ if (current) return;
10408
+
10409
+ for (let i = 0; i < each_value.length; i += 1) {
10410
+ transition_in(each_blocks[i]);
10411
+ }
10412
+
10413
+ current = true;
10414
+ },
10415
+
10416
+ o(local) {
10417
+ each_blocks = each_blocks.filter(Boolean);
10418
+
10419
+ for (let i = 0; i < each_blocks.length; i += 1) {
10420
+ transition_out(each_blocks[i]);
10421
+ }
10422
+
10423
+ current = false;
10424
+ },
10201
10425
 
10202
10426
  d(detaching) {
10203
- if (detaching) detach(div);
10427
+ destroy_each(each_blocks, detaching);
10428
+ if (detaching) detach(each_1_anchor);
10204
10429
  }
10205
10430
 
10206
10431
  };
10207
- } // (20:29)
10432
+ } // (19:29)
10208
10433
 
10209
10434
 
10210
10435
  function create_if_block_1$2(ctx) {
@@ -10326,7 +10551,7 @@
10326
10551
  }
10327
10552
 
10328
10553
  };
10329
- } // (10:0) {#if type === "card"}
10554
+ } // (11:0) {#if type === "card"}
10330
10555
 
10331
10556
 
10332
10557
  function create_if_block$5(ctx) {
@@ -10337,10 +10562,6 @@
10337
10562
  let skeleton1;
10338
10563
  let t1;
10339
10564
  let skeleton2;
10340
- let t2;
10341
- let skeleton3;
10342
- let t3;
10343
- let skeleton4;
10344
10565
  let div1_class_value;
10345
10566
  let current;
10346
10567
  skeleton0 = new Skeleton({
@@ -10361,26 +10582,11 @@
10361
10582
  });
10362
10583
  skeleton2 = new Skeleton({
10363
10584
  props: {
10364
- type: "text",
10365
- size:
10366
- /*size*/
10367
- ctx[1]
10368
- }
10369
- });
10370
- skeleton3 = new Skeleton({
10371
- props: {
10372
- type: "text",
10373
- size:
10374
- /*size*/
10375
- ctx[1]
10376
- }
10377
- });
10378
- skeleton4 = new Skeleton({
10379
- props: {
10380
- type: "text",
10585
+ type: "lines",
10381
10586
  size:
10382
10587
  /*size*/
10383
- ctx[1]
10588
+ ctx[1],
10589
+ count: 3
10384
10590
  }
10385
10591
  });
10386
10592
  return {
@@ -10392,10 +10598,6 @@
10392
10598
  create_component(skeleton1.$$.fragment);
10393
10599
  t1 = space();
10394
10600
  create_component(skeleton2.$$.fragment);
10395
- t2 = space();
10396
- create_component(skeleton3.$$.fragment);
10397
- t3 = space();
10398
- create_component(skeleton4.$$.fragment);
10399
10601
  attr(div0, "class", "card-content");
10400
10602
  attr(div1, "class", div1_class_value = "card card-" +
10401
10603
  /*size*/
@@ -10413,10 +10615,6 @@
10413
10615
  mount_component(skeleton1, div0, null);
10414
10616
  append(div0, t1);
10415
10617
  mount_component(skeleton2, div0, null);
10416
- append(div0, t2);
10417
- mount_component(skeleton3, div0, null);
10418
- append(div0, t3);
10419
- mount_component(skeleton4, div0, null);
10420
10618
  current = true;
10421
10619
  },
10422
10620
 
@@ -10442,20 +10640,6 @@
10442
10640
  /*size*/
10443
10641
  ctx[1];
10444
10642
  skeleton2.$set(skeleton2_changes);
10445
- const skeleton3_changes = {};
10446
- if (dirty &
10447
- /*size*/
10448
- 2) skeleton3_changes.size =
10449
- /*size*/
10450
- ctx[1];
10451
- skeleton3.$set(skeleton3_changes);
10452
- const skeleton4_changes = {};
10453
- if (dirty &
10454
- /*size*/
10455
- 2) skeleton4_changes.size =
10456
- /*size*/
10457
- ctx[1];
10458
- skeleton4.$set(skeleton4_changes);
10459
10643
 
10460
10644
  if (!current || dirty &
10461
10645
  /*size*/
@@ -10479,8 +10663,6 @@
10479
10663
  transition_in(skeleton0.$$.fragment, local);
10480
10664
  transition_in(skeleton1.$$.fragment, local);
10481
10665
  transition_in(skeleton2.$$.fragment, local);
10482
- transition_in(skeleton3.$$.fragment, local);
10483
- transition_in(skeleton4.$$.fragment, local);
10484
10666
  current = true;
10485
10667
  },
10486
10668
 
@@ -10488,8 +10670,6 @@
10488
10670
  transition_out(skeleton0.$$.fragment, local);
10489
10671
  transition_out(skeleton1.$$.fragment, local);
10490
10672
  transition_out(skeleton2.$$.fragment, local);
10491
- transition_out(skeleton3.$$.fragment, local);
10492
- transition_out(skeleton4.$$.fragment, local);
10493
10673
  current = false;
10494
10674
  },
10495
10675
 
@@ -10498,29 +10678,88 @@
10498
10678
  destroy_component(skeleton0);
10499
10679
  destroy_component(skeleton1);
10500
10680
  destroy_component(skeleton2);
10501
- destroy_component(skeleton3);
10502
- destroy_component(skeleton4);
10681
+ }
10682
+
10683
+ };
10684
+ } // (30:2) {#each Array(count) as _item}
10685
+
10686
+
10687
+ function create_each_block$2(ctx) {
10688
+ let skeleton;
10689
+ let current;
10690
+ skeleton = new Skeleton({
10691
+ props: {
10692
+ type: "text",
10693
+ size:
10694
+ /*size*/
10695
+ ctx[1],
10696
+ count:
10697
+ /*count*/
10698
+ ctx[2]
10699
+ }
10700
+ });
10701
+ return {
10702
+ c() {
10703
+ create_component(skeleton.$$.fragment);
10704
+ },
10705
+
10706
+ m(target, anchor) {
10707
+ mount_component(skeleton, target, anchor);
10708
+ current = true;
10709
+ },
10710
+
10711
+ p(ctx, dirty) {
10712
+ const skeleton_changes = {};
10713
+ if (dirty &
10714
+ /*size*/
10715
+ 2) skeleton_changes.size =
10716
+ /*size*/
10717
+ ctx[1];
10718
+ if (dirty &
10719
+ /*count*/
10720
+ 4) skeleton_changes.count =
10721
+ /*count*/
10722
+ ctx[2];
10723
+ skeleton.$set(skeleton_changes);
10724
+ },
10725
+
10726
+ i(local) {
10727
+ if (current) return;
10728
+ transition_in(skeleton.$$.fragment, local);
10729
+ current = true;
10730
+ },
10731
+
10732
+ o(local) {
10733
+ transition_out(skeleton.$$.fragment, local);
10734
+ current = false;
10735
+ },
10736
+
10737
+ d(detaching) {
10738
+ destroy_component(skeleton, detaching);
10503
10739
  }
10504
10740
 
10505
10741
  };
10506
10742
  }
10507
10743
 
10508
- function create_fragment$9(ctx) {
10744
+ function create_fragment$a(ctx) {
10509
10745
  let current_block_type_index;
10510
10746
  let if_block;
10511
10747
  let if_block_anchor;
10512
10748
  let current;
10513
- const if_block_creators = [create_if_block$5, create_if_block_1$2, create_else_block];
10749
+ const if_block_creators = [create_if_block$5, create_if_block_1$2, create_if_block_2$1, create_else_block];
10514
10750
  const if_blocks = [];
10515
10751
 
10516
10752
  function select_block_type(ctx, dirty) {
10517
10753
  if (
10518
10754
  /*type*/
10519
- ctx[2] === "card") return 0;
10755
+ ctx[3] === "card") return 0;
10756
+ if (
10757
+ /*type*/
10758
+ ctx[3] === "profile") return 1;
10520
10759
  if (
10521
10760
  /*type*/
10522
- ctx[2] === "profile") return 1;
10523
- return 2;
10761
+ ctx[3] === "lines") return 2;
10762
+ return 3;
10524
10763
  }
10525
10764
 
10526
10765
  current_block_type_index = select_block_type(ctx);
@@ -10583,13 +10822,16 @@
10583
10822
  };
10584
10823
  }
10585
10824
 
10586
- function instance$8($$self, $$props, $$invalidate) {
10825
+ function instance$9($$self, $$props, $$invalidate) {
10587
10826
  let {
10588
10827
  width = 320
10589
10828
  } = $$props;
10590
10829
  let {
10591
10830
  size = 1
10592
10831
  } = $$props;
10832
+ let {
10833
+ count = 3
10834
+ } = $$props;
10593
10835
  let {
10594
10836
  type
10595
10837
  } = $$props;
@@ -10597,24 +10839,26 @@
10597
10839
  $$self.$$set = $$props => {
10598
10840
  if ('width' in $$props) $$invalidate(0, width = $$props.width);
10599
10841
  if ('size' in $$props) $$invalidate(1, size = $$props.size);
10600
- if ('type' in $$props) $$invalidate(2, type = $$props.type);
10842
+ if ('count' in $$props) $$invalidate(2, count = $$props.count);
10843
+ if ('type' in $$props) $$invalidate(3, type = $$props.type);
10601
10844
  };
10602
10845
 
10603
- return [width, size, type];
10846
+ return [width, size, count, type];
10604
10847
  }
10605
10848
 
10606
10849
  class Skeleton extends SvelteElement {
10607
10850
  constructor(options) {
10608
10851
  super();
10609
- 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>`;
10852
+ 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>`;
10610
10853
  init(this, {
10611
10854
  target: this.shadowRoot,
10612
10855
  props: attribute_to_object(this.attributes),
10613
10856
  customElement: true
10614
- }, instance$8, create_fragment$9, safe_not_equal, {
10857
+ }, instance$9, create_fragment$a, safe_not_equal, {
10615
10858
  width: 0,
10616
10859
  size: 1,
10617
- type: 2
10860
+ count: 2,
10861
+ type: 3
10618
10862
  }, null);
10619
10863
 
10620
10864
  if (options) {
@@ -10630,7 +10874,7 @@
10630
10874
  }
10631
10875
 
10632
10876
  static get observedAttributes() {
10633
- return ["width", "size", "type"];
10877
+ return ["width", "size", "count", "type"];
10634
10878
  }
10635
10879
 
10636
10880
  get width() {
@@ -10655,10 +10899,21 @@
10655
10899
  flush();
10656
10900
  }
10657
10901
 
10658
- get type() {
10902
+ get count() {
10659
10903
  return this.$$.ctx[2];
10660
10904
  }
10661
10905
 
10906
+ set count(count) {
10907
+ this.$$set({
10908
+ count
10909
+ });
10910
+ flush();
10911
+ }
10912
+
10913
+ get type() {
10914
+ return this.$$.ctx[3];
10915
+ }
10916
+
10662
10917
  set type(type) {
10663
10918
  this.$$set({
10664
10919
  type
@@ -10981,7 +11236,7 @@
10981
11236
  };
10982
11237
  }
10983
11238
 
10984
- function create_fragment$8(ctx) {
11239
+ function create_fragment$9(ctx) {
10985
11240
  let if_block_anchor;
10986
11241
  let if_block =
10987
11242
  /*ready*/
@@ -11026,7 +11281,7 @@
11026
11281
  };
11027
11282
  }
11028
11283
 
11029
- function instance$7($$self, $$props, $$invalidate) {
11284
+ function instance$8($$self, $$props, $$invalidate) {
11030
11285
  let diameter;
11031
11286
  let strokewidth;
11032
11287
  let radius;
@@ -11151,7 +11406,7 @@
11151
11406
  target: this.shadowRoot,
11152
11407
  props: attribute_to_object(this.attributes),
11153
11408
  customElement: true
11154
- }, instance$7, create_fragment$8, safe_not_equal, {
11409
+ }, instance$8, create_fragment$9, safe_not_equal, {
11155
11410
  size: 10,
11156
11411
  invert: 0,
11157
11412
  type: 1,
@@ -11379,7 +11634,7 @@
11379
11634
  };
11380
11635
  }
11381
11636
 
11382
- function create_fragment$7(ctx) {
11637
+ function create_fragment$8(ctx) {
11383
11638
  let div;
11384
11639
  let textarea;
11385
11640
  let t;
@@ -11547,7 +11802,7 @@
11547
11802
  };
11548
11803
  }
11549
11804
 
11550
- function instance$6($$self, $$props, $$invalidate) {
11805
+ function instance$7($$self, $$props, $$invalidate) {
11551
11806
  let isError;
11552
11807
  let isDisabled;
11553
11808
  let isReadonly;
@@ -11655,7 +11910,7 @@
11655
11910
  target: this.shadowRoot,
11656
11911
  props: attribute_to_object(this.attributes),
11657
11912
  customElement: true
11658
- }, instance$6, create_fragment$7, safe_not_equal, {
11913
+ }, instance$7, create_fragment$8, safe_not_equal, {
11659
11914
  name: 0,
11660
11915
  value: 1,
11661
11916
  placeholder: 2,
@@ -11811,7 +12066,7 @@
11811
12066
  customElements.define("goa-textarea", TextArea);
11812
12067
  /* libs/web-components/src/components/focus-trap/FocusTrap.svelte generated by Svelte v3.49.0 */
11813
12068
 
11814
- function create_fragment$6(ctx) {
12069
+ function create_fragment$7(ctx) {
11815
12070
  let div;
11816
12071
  return {
11817
12072
  c() {
@@ -11867,7 +12122,7 @@
11867
12122
  }
11868
12123
  }
11869
12124
 
11870
- function instance$5($$self, $$props, $$invalidate) {
12125
+ function instance$6($$self, $$props, $$invalidate) {
11871
12126
  let isOpen;
11872
12127
  let ignoreFocusChanges = false;
11873
12128
  let lastFocus;
@@ -12040,7 +12295,7 @@
12040
12295
  target: this.shadowRoot,
12041
12296
  props: attribute_to_object(this.attributes),
12042
12297
  customElement: true
12043
- }, instance$5, create_fragment$6, safe_not_equal, {
12298
+ }, instance$6, create_fragment$7, safe_not_equal, {
12044
12299
  open: 1
12045
12300
  }, null);
12046
12301
 
@@ -12095,7 +12350,7 @@
12095
12350
  };
12096
12351
  }
12097
12352
 
12098
- function create_fragment$5(ctx) {
12353
+ function create_fragment$6(ctx) {
12099
12354
  var _ctx$;
12100
12355
 
12101
12356
  let footer;
@@ -12220,7 +12475,7 @@
12220
12475
  };
12221
12476
  }
12222
12477
 
12223
- function instance$4($$self, $$props, $$invalidate) {
12478
+ function instance$5($$self, $$props, $$invalidate) {
12224
12479
  let rootEl;
12225
12480
  let navLinks;
12226
12481
  let metaLinks;
@@ -12247,12 +12502,12 @@
12247
12502
  class Footer extends SvelteElement {
12248
12503
  constructor(options) {
12249
12504
  super();
12250
- 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>`;
12505
+ 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>`;
12251
12506
  init(this, {
12252
12507
  target: this.shadowRoot,
12253
12508
  props: attribute_to_object(this.attributes),
12254
12509
  customElement: true
12255
- }, instance$4, create_fragment$5, safe_not_equal, {}, null);
12510
+ }, instance$5, create_fragment$6, safe_not_equal, {}, null);
12256
12511
 
12257
12512
  if (options) {
12258
12513
  if (options.target) {
@@ -12270,7 +12525,7 @@
12270
12525
  const child_ctx = ctx.slice();
12271
12526
  child_ctx[5] = list[i];
12272
12527
  return child_ctx;
12273
- } // (89:2) {#if name}
12528
+ } // (90:2) {#if name}
12274
12529
 
12275
12530
 
12276
12531
  function create_if_block$1(ctx) {
@@ -12312,7 +12567,7 @@
12312
12567
  }
12313
12568
 
12314
12569
  };
12315
- } // (106:4) {#each children as child}
12570
+ } // (107:4) {#each children as child}
12316
12571
 
12317
12572
 
12318
12573
  function create_each_block$1(ctx) {
@@ -12362,7 +12617,7 @@
12362
12617
  };
12363
12618
  }
12364
12619
 
12365
- function create_fragment$4(ctx) {
12620
+ function create_fragment$5(ctx) {
12366
12621
  let section;
12367
12622
  let t0;
12368
12623
  let div;
@@ -12509,7 +12764,7 @@
12509
12764
  };
12510
12765
  }
12511
12766
 
12512
- function instance$3($$self, $$props, $$invalidate) {
12767
+ function instance$4($$self, $$props, $$invalidate) {
12513
12768
  let {
12514
12769
  name = ""
12515
12770
  } = $$props;
@@ -12520,6 +12775,7 @@
12520
12775
  let children = [];
12521
12776
  onMount(function () {
12522
12777
  return _call(tick, function () {
12778
+ // remap slot content
12523
12779
  $$invalidate(3, children = rootEl.querySelector("slot").assignedElements());
12524
12780
  const isValid = children.map(child => child.hasAttribute("href")).reduce((sum, valid) => {
12525
12781
  return sum && valid;
@@ -12566,7 +12822,7 @@
12566
12822
  target: this.shadowRoot,
12567
12823
  props: attribute_to_object(this.attributes),
12568
12824
  customElement: true
12569
- }, instance$3, create_fragment$4, safe_not_equal, {
12825
+ }, instance$4, create_fragment$5, safe_not_equal, {
12570
12826
  name: 0,
12571
12827
  maxcolumncount: 1
12572
12828
  }, null);
@@ -12668,7 +12924,7 @@
12668
12924
  };
12669
12925
  }
12670
12926
 
12671
- function create_fragment$3(ctx) {
12927
+ function create_fragment$4(ctx) {
12672
12928
  let section;
12673
12929
  let div;
12674
12930
  let t;
@@ -12756,7 +13012,7 @@
12756
13012
  };
12757
13013
  }
12758
13014
 
12759
- function instance$2($$self, $$props, $$invalidate) {
13015
+ function instance$3($$self, $$props, $$invalidate) {
12760
13016
  let rootEl;
12761
13017
  let children = [];
12762
13018
  onMount(function () {
@@ -12791,7 +13047,7 @@
12791
13047
  target: this.shadowRoot,
12792
13048
  props: attribute_to_object(this.attributes),
12793
13049
  customElement: true
12794
- }, instance$2, create_fragment$3, safe_not_equal, {}, null);
13050
+ }, instance$3, create_fragment$4, safe_not_equal, {}, null);
12795
13051
 
12796
13052
  if (options) {
12797
13053
  if (options.target) {
@@ -12803,6 +13059,111 @@
12803
13059
  }
12804
13060
 
12805
13061
  customElements.define("goa-app-footer-meta-section", FooterMetaSection);
13062
+ /* libs/web-components/src/components/flex-column/FlexColumn.svelte generated by Svelte v3.49.0 */
13063
+
13064
+ function create_fragment$3(ctx) {
13065
+ let div;
13066
+ let slot;
13067
+ return {
13068
+ c() {
13069
+ div = element("div");
13070
+ slot = element("slot");
13071
+ this.c = noop;
13072
+ attr(div, "class", "goa-flex-col");
13073
+ set_style(div, "gap",
13074
+ /*_gap*/
13075
+ ctx[0]);
13076
+ },
13077
+
13078
+ m(target, anchor) {
13079
+ insert(target, div, anchor);
13080
+ append(div, slot);
13081
+ },
13082
+
13083
+ p(ctx, [dirty]) {
13084
+ if (dirty &
13085
+ /*_gap*/
13086
+ 1) {
13087
+ set_style(div, "gap",
13088
+ /*_gap*/
13089
+ ctx[0]);
13090
+ }
13091
+ },
13092
+
13093
+ i: noop,
13094
+ o: noop,
13095
+
13096
+ d(detaching) {
13097
+ if (detaching) detach(div);
13098
+ }
13099
+
13100
+ };
13101
+ }
13102
+
13103
+ function instance$2($$self, $$props, $$invalidate) {
13104
+ let _gap;
13105
+
13106
+ let {
13107
+ gap = ""
13108
+ } = $$props;
13109
+
13110
+ $$self.$$set = $$props => {
13111
+ if ('gap' in $$props) $$invalidate(1, gap = $$props.gap);
13112
+ };
13113
+
13114
+ $$self.$$.update = () => {
13115
+ if ($$self.$$.dirty &
13116
+ /*gap*/
13117
+ 2) {
13118
+ $$invalidate(0, _gap = gap === 'small' ? '1rem' : gap === 'medium' ? '2rem' : gap === 'large' ? '3rem' : '0');
13119
+ }
13120
+ };
13121
+
13122
+ return [_gap, gap];
13123
+ }
13124
+
13125
+ class FlexColumn extends SvelteElement {
13126
+ constructor(options) {
13127
+ super();
13128
+ 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>`;
13129
+ init(this, {
13130
+ target: this.shadowRoot,
13131
+ props: attribute_to_object(this.attributes),
13132
+ customElement: true
13133
+ }, instance$2, create_fragment$3, safe_not_equal, {
13134
+ gap: 1
13135
+ }, null);
13136
+
13137
+ if (options) {
13138
+ if (options.target) {
13139
+ insert(options.target, this, options.anchor);
13140
+ }
13141
+
13142
+ if (options.props) {
13143
+ this.$set(options.props);
13144
+ flush();
13145
+ }
13146
+ }
13147
+ }
13148
+
13149
+ static get observedAttributes() {
13150
+ return ["gap"];
13151
+ }
13152
+
13153
+ get gap() {
13154
+ return this.$$.ctx[1];
13155
+ }
13156
+
13157
+ set gap(gap) {
13158
+ this.$$set({
13159
+ gap
13160
+ });
13161
+ flush();
13162
+ }
13163
+
13164
+ }
13165
+
13166
+ customElements.define("goa-flex-col", FlexColumn);
12806
13167
  /* libs/web-components/src/components/container/ContainerWrapper.test.svelte generated by Svelte v3.49.0 */
12807
13168
 
12808
13169
  function create_if_block_1(ctx) {
@@ -13501,11 +13862,11 @@
13501
13862
  };
13502
13863
 
13503
13864
  var GoAAppHeader = function GoAAppHeader(_a) {
13504
- var title = _a.title,
13865
+ var heading = _a.heading,
13505
13866
  url = _a.url,
13506
13867
  children = _a.children;
13507
13868
  return jsxRuntime.jsx("goa-app-header", __assign({
13508
- title: title,
13869
+ heading: heading,
13509
13870
  url: url
13510
13871
  }, {
13511
13872
  children: children
@@ -13602,12 +13963,12 @@
13602
13963
  };
13603
13964
 
13604
13965
  var GoACallout = function GoACallout(_a) {
13605
- var title = _a.title,
13966
+ var heading = _a.heading,
13606
13967
  _b = _a.type,
13607
13968
  type = _b === void 0 ? "information" : _b,
13608
13969
  children = _a.children;
13609
13970
  return jsxRuntime.jsx("goa-callout", __assign({
13610
- title: title,
13971
+ heading: heading,
13611
13972
  type: type
13612
13973
  }, {
13613
13974
  children: children
@@ -13811,11 +14172,11 @@
13811
14172
  };
13812
14173
 
13813
14174
  var GoAHeroBanner = function GoAHeroBanner(_a) {
13814
- var title = _a.title,
14175
+ var heading = _a.heading,
13815
14176
  backgroundUrl = _a.backgroundUrl,
13816
14177
  children = _a.children;
13817
14178
  return jsxRuntime.jsx("goa-hero-banner", __assign({
13818
- title: title,
14179
+ heading: heading,
13819
14180
  backgroundurl: backgroundUrl
13820
14181
  }, {
13821
14182
  children: children
@@ -14095,6 +14456,12 @@
14095
14456
  }, void 0);
14096
14457
  };
14097
14458
 
14459
+ function GoAPage(props) {
14460
+ return jsxRuntime.jsx("goa-page", {
14461
+ children: props.children
14462
+ }, void 0);
14463
+ }
14464
+
14098
14465
  function GoAAppFooter(_a) {
14099
14466
  var children = _a.children;
14100
14467
  return jsxRuntime.jsx("goa-app-footer", {
@@ -14135,12 +14502,6 @@
14135
14502
  }), void 0);
14136
14503
  };
14137
14504
 
14138
- function GoAPage(props) {
14139
- return jsxRuntime.jsx("goa-page", {
14140
- children: props.children
14141
- }, void 0);
14142
- }
14143
-
14144
14505
  function GoADivider(props) {
14145
14506
  return jsxRuntime.jsx("goa-divider", {
14146
14507
  spacing: props.spacing