@abgov/web-components 1.0.0-alpha.156 → 1.0.0-alpha.158

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 (4) hide show
  1. package/package.json +7 -1
  2. package/web-components.es.js +1880 -497
  3. package/index.css +0 -1
  4. package/web-components.umd.js +0 -138
package/web-components.es.js CHANGED
@@ -170,6 +170,44 @@ function custom_event(type, detail, { bubbles = false, cancelable = false } = {}
170
170
  e.initCustomEvent(type, bubbles, cancelable, detail);
171
171
  return e;
172
172
  }
173
+ class HtmlTag {
174
+ constructor(is_svg = false) {
175
+ this.is_svg = false;
176
+ this.is_svg = is_svg;
177
+ this.e = this.n = null;
178
+ }
179
+ c(html) {
180
+ this.h(html);
181
+ }
182
+ m(html, target, anchor = null) {
183
+ if (!this.e) {
184
+ if (this.is_svg)
185
+ this.e = svg_element(target.nodeName);
186
+ else
187
+ this.e = element(target.nodeName);
188
+ this.t = target;
189
+ this.c(html);
190
+ }
191
+ this.i(anchor);
192
+ }
193
+ h(html) {
194
+ this.e.innerHTML = html;
195
+ this.n = Array.from(this.e.childNodes);
196
+ }
197
+ i(anchor) {
198
+ for (let i = 0; i < this.n.length; i += 1) {
199
+ insert(this.t, this.n[i], anchor);
200
+ }
201
+ }
202
+ p(html) {
203
+ this.d();
204
+ this.h(html);
205
+ this.i(this.a);
206
+ }
207
+ d() {
208
+ this.n.forEach(detach);
209
+ }
210
+ }
173
211
  function attribute_to_object(attributes) {
174
212
  const result = {};
175
213
  for (const attribute of attributes) {
@@ -960,7 +998,7 @@ function typeValidator(message, values, required = false) {
960
998
 
961
999
  /* libs/web-components/src/components/accordion/Accordion.svelte generated by Svelte v3.51.0 */
962
1000
 
963
- function create_fragment$J(ctx) {
1001
+ function create_fragment$M(ctx) {
964
1002
  let div3;
965
1003
  let details;
966
1004
  let summary;
@@ -1099,7 +1137,7 @@ function create_fragment$J(ctx) {
1099
1137
  };
1100
1138
  }
1101
1139
 
1102
- function instance$D($$self, $$props, $$invalidate) {
1140
+ function instance$G($$self, $$props, $$invalidate) {
1103
1141
  let isOpen;
1104
1142
  const [HeadingSizes, validateHeadingSize] = typeValidator("Accordion heading size", ["small", "medium"]);
1105
1143
  let { open = "false" } = $$props;
@@ -1174,8 +1212,8 @@ class Accordion extends SvelteElement {
1174
1212
  props: attribute_to_object(this.attributes),
1175
1213
  customElement: true
1176
1214
  },
1177
- instance$D,
1178
- create_fragment$J,
1215
+ instance$G,
1216
+ create_fragment$M,
1179
1217
  safe_not_equal,
1180
1218
  {
1181
1219
  open: 10,
@@ -1303,7 +1341,7 @@ customElements.define("goa-accordion", Accordion);
1303
1341
 
1304
1342
  /* libs/web-components/src/components/app-header/AppHeader.svelte generated by Svelte v3.51.0 */
1305
1343
 
1306
- function create_else_block$5(ctx) {
1344
+ function create_else_block$8(ctx) {
1307
1345
  let div;
1308
1346
  let img0;
1309
1347
  let img0_src_value;
@@ -1351,7 +1389,7 @@ function create_else_block$5(ctx) {
1351
1389
  }
1352
1390
 
1353
1391
  // (19:4) {#if url}
1354
- function create_if_block$j(ctx) {
1392
+ function create_if_block$l(ctx) {
1355
1393
  let a;
1356
1394
  let img0;
1357
1395
  let img0_src_value;
@@ -1403,7 +1441,7 @@ function create_if_block$j(ctx) {
1403
1441
  };
1404
1442
  }
1405
1443
 
1406
- function create_fragment$I(ctx) {
1444
+ function create_fragment$L(ctx) {
1407
1445
  let div2;
1408
1446
  let div1;
1409
1447
  let t;
@@ -1411,8 +1449,8 @@ function create_fragment$I(ctx) {
1411
1449
  let div2_style_value;
1412
1450
 
1413
1451
  function select_block_type(ctx, dirty) {
1414
- if (/*url*/ ctx[1]) return create_if_block$j;
1415
- return create_else_block$5;
1452
+ if (/*url*/ ctx[1]) return create_if_block$l;
1453
+ return create_else_block$8;
1416
1454
  }
1417
1455
 
1418
1456
  let current_block_type = select_block_type(ctx);
@@ -1469,7 +1507,7 @@ function create_fragment$I(ctx) {
1469
1507
  };
1470
1508
  }
1471
1509
 
1472
- function instance$C($$self, $$props, $$invalidate) {
1510
+ function instance$F($$self, $$props, $$invalidate) {
1473
1511
  let { heading = "" } = $$props;
1474
1512
  let { url = "" } = $$props;
1475
1513
  let { testid = "" } = $$props;
@@ -1497,8 +1535,8 @@ class AppHeader extends SvelteElement {
1497
1535
  props: attribute_to_object(this.attributes),
1498
1536
  customElement: true
1499
1537
  },
1500
- instance$C,
1501
- create_fragment$I,
1538
+ instance$F,
1539
+ create_fragment$L,
1502
1540
  safe_not_equal,
1503
1541
  {
1504
1542
  heading: 0,
@@ -1566,7 +1604,7 @@ customElements.define("goa-app-header", AppHeader);
1566
1604
 
1567
1605
  /* libs/web-components/src/components/badge/Badge.svelte generated by Svelte v3.51.0 */
1568
1606
 
1569
- function create_else_block$4(ctx) {
1607
+ function create_else_block$7(ctx) {
1570
1608
  let div;
1571
1609
 
1572
1610
  return {
@@ -1586,7 +1624,7 @@ function create_else_block$4(ctx) {
1586
1624
  }
1587
1625
 
1588
1626
  // (45:2) {#if showIcon}
1589
- function create_if_block_1$a(ctx) {
1627
+ function create_if_block_1$c(ctx) {
1590
1628
  let goa_icon;
1591
1629
 
1592
1630
  return {
@@ -1610,7 +1648,7 @@ function create_if_block_1$a(ctx) {
1610
1648
  }
1611
1649
 
1612
1650
  // (50:2) {#if content}
1613
- function create_if_block$i(ctx) {
1651
+ function create_if_block$k(ctx) {
1614
1652
  let div;
1615
1653
  let t;
1616
1654
 
@@ -1633,20 +1671,20 @@ function create_if_block$i(ctx) {
1633
1671
  };
1634
1672
  }
1635
1673
 
1636
- function create_fragment$H(ctx) {
1674
+ function create_fragment$K(ctx) {
1637
1675
  let div;
1638
1676
  let t;
1639
1677
  let div_style_value;
1640
1678
  let div_class_value;
1641
1679
 
1642
1680
  function select_block_type(ctx, dirty) {
1643
- if (/*showIcon*/ ctx[7]) return create_if_block_1$a;
1644
- return create_else_block$4;
1681
+ if (/*showIcon*/ ctx[7]) return create_if_block_1$c;
1682
+ return create_else_block$7;
1645
1683
  }
1646
1684
 
1647
1685
  let current_block_type = select_block_type(ctx);
1648
1686
  let if_block0 = current_block_type(ctx);
1649
- let if_block1 = /*content*/ ctx[2] && create_if_block$i(ctx);
1687
+ let if_block1 = /*content*/ ctx[2] && create_if_block$k(ctx);
1650
1688
 
1651
1689
  return {
1652
1690
  c() {
@@ -1684,7 +1722,7 @@ function create_fragment$H(ctx) {
1684
1722
  if (if_block1) {
1685
1723
  if_block1.p(ctx, dirty);
1686
1724
  } else {
1687
- if_block1 = create_if_block$i(ctx);
1725
+ if_block1 = create_if_block$k(ctx);
1688
1726
  if_block1.c();
1689
1727
  if_block1.m(div, null);
1690
1728
  }
@@ -1719,7 +1757,7 @@ function create_fragment$H(ctx) {
1719
1757
  };
1720
1758
  }
1721
1759
 
1722
- function instance$B($$self, $$props, $$invalidate) {
1760
+ function instance$E($$self, $$props, $$invalidate) {
1723
1761
  let showIcon;
1724
1762
  let iconType;
1725
1763
  const [Types, validateType] = typeValidator("Badge type", ["success", "important", "information", "emergency", "dark", "midtone", "light"], true);
@@ -1784,8 +1822,8 @@ class Badge extends SvelteElement {
1784
1822
  props: attribute_to_object(this.attributes),
1785
1823
  customElement: true
1786
1824
  },
1787
- instance$B,
1788
- create_fragment$H,
1825
+ instance$E,
1826
+ create_fragment$K,
1789
1827
  safe_not_equal,
1790
1828
  {
1791
1829
  type: 0,
@@ -1893,7 +1931,7 @@ customElements.define("goa-badge", Badge);
1893
1931
 
1894
1932
  /* libs/web-components/src/components/block/Block.svelte generated by Svelte v3.51.0 */
1895
1933
 
1896
- function create_fragment$G(ctx) {
1934
+ function create_fragment$J(ctx) {
1897
1935
  let div;
1898
1936
  let slot;
1899
1937
  let div_style_value;
@@ -1934,7 +1972,7 @@ function create_fragment$G(ctx) {
1934
1972
  };
1935
1973
  }
1936
1974
 
1937
- function instance$A($$self, $$props, $$invalidate) {
1975
+ function instance$D($$self, $$props, $$invalidate) {
1938
1976
  let { gap = "m" } = $$props;
1939
1977
  let { direction = "row" } = $$props;
1940
1978
  let { alignment = "start" } = $$props;
@@ -1968,8 +2006,8 @@ class Block extends SvelteElement {
1968
2006
  props: attribute_to_object(this.attributes),
1969
2007
  customElement: true
1970
2008
  },
1971
- instance$A,
1972
- create_fragment$G,
2009
+ instance$D,
2010
+ create_fragment$J,
1973
2011
  safe_not_equal,
1974
2012
  {
1975
2013
  gap: 0,
@@ -2067,13 +2105,13 @@ customElements.define("goa-block", Block);
2067
2105
 
2068
2106
  /* libs/web-components/src/components/button/Button.svelte generated by Svelte v3.51.0 */
2069
2107
 
2070
- function create_else_block$3(ctx) {
2108
+ function create_else_block$6(ctx) {
2071
2109
  let t0;
2072
2110
  let span;
2073
2111
  let t1;
2074
2112
  let if_block1_anchor;
2075
- let if_block0 = /*leadingicon*/ ctx[3] && create_if_block_2$6(ctx);
2076
- let if_block1 = /*trailingicon*/ ctx[4] && create_if_block_1$9(ctx);
2113
+ let if_block0 = /*leadingicon*/ ctx[3] && create_if_block_2$7(ctx);
2114
+ let if_block1 = /*trailingicon*/ ctx[4] && create_if_block_1$b(ctx);
2077
2115
 
2078
2116
  return {
2079
2117
  c() {
@@ -2099,7 +2137,7 @@ function create_else_block$3(ctx) {
2099
2137
  if (if_block0) {
2100
2138
  if_block0.p(ctx, dirty);
2101
2139
  } else {
2102
- if_block0 = create_if_block_2$6(ctx);
2140
+ if_block0 = create_if_block_2$7(ctx);
2103
2141
  if_block0.c();
2104
2142
  if_block0.m(t0.parentNode, t0);
2105
2143
  }
@@ -2112,7 +2150,7 @@ function create_else_block$3(ctx) {
2112
2150
  if (if_block1) {
2113
2151
  if_block1.p(ctx, dirty);
2114
2152
  } else {
2115
- if_block1 = create_if_block_1$9(ctx);
2153
+ if_block1 = create_if_block_1$b(ctx);
2116
2154
  if_block1.c();
2117
2155
  if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
2118
2156
  }
@@ -2133,7 +2171,7 @@ function create_else_block$3(ctx) {
2133
2171
  }
2134
2172
 
2135
2173
  // (46:2) {#if type === "start"}
2136
- function create_if_block$h(ctx) {
2174
+ function create_if_block$j(ctx) {
2137
2175
  let span;
2138
2176
  let t;
2139
2177
  let goa_icon;
@@ -2164,7 +2202,7 @@ function create_if_block$h(ctx) {
2164
2202
  }
2165
2203
 
2166
2204
  // (52:4) {#if leadingicon}
2167
- function create_if_block_2$6(ctx) {
2205
+ function create_if_block_2$7(ctx) {
2168
2206
  let goa_icon;
2169
2207
 
2170
2208
  return {
@@ -2193,7 +2231,7 @@ function create_if_block_2$6(ctx) {
2193
2231
  }
2194
2232
 
2195
2233
  // (58:4) {#if trailingicon}
2196
- function create_if_block_1$9(ctx) {
2234
+ function create_if_block_1$b(ctx) {
2197
2235
  let goa_icon;
2198
2236
 
2199
2237
  return {
@@ -2221,7 +2259,7 @@ function create_if_block_1$9(ctx) {
2221
2259
  };
2222
2260
  }
2223
2261
 
2224
- function create_fragment$F(ctx) {
2262
+ function create_fragment$I(ctx) {
2225
2263
  let button;
2226
2264
  let button_class_value;
2227
2265
  let button_style_value;
@@ -2229,8 +2267,8 @@ function create_fragment$F(ctx) {
2229
2267
  let dispose;
2230
2268
 
2231
2269
  function select_block_type(ctx, dirty) {
2232
- if (/*type*/ ctx[0] === "start") return create_if_block$h;
2233
- return create_else_block$3;
2270
+ if (/*type*/ ctx[0] === "start") return create_if_block$j;
2271
+ return create_else_block$6;
2234
2272
  }
2235
2273
 
2236
2274
  let current_block_type = select_block_type(ctx);
@@ -2309,7 +2347,7 @@ function create_fragment$F(ctx) {
2309
2347
  };
2310
2348
  }
2311
2349
 
2312
- function instance$z($$self, $$props, $$invalidate) {
2350
+ function instance$C($$self, $$props, $$invalidate) {
2313
2351
  let isDisabled;
2314
2352
  let isButtonDark;
2315
2353
  const [Types, validateType] = typeValidator("Button type", ["primary", "submit", "secondary", "tertiary", "start"], true);
@@ -2395,8 +2433,8 @@ class Button extends SvelteElement {
2395
2433
  props: attribute_to_object(this.attributes),
2396
2434
  customElement: true
2397
2435
  },
2398
- instance$z,
2399
- create_fragment$F,
2436
+ instance$C,
2437
+ create_fragment$I,
2400
2438
  safe_not_equal,
2401
2439
  {
2402
2440
  type: 0,
@@ -2546,7 +2584,7 @@ customElements.define("goa-button", Button);
2546
2584
 
2547
2585
  /* libs/web-components/src/components/button-group/ButtonGroup.svelte generated by Svelte v3.51.0 */
2548
2586
 
2549
- function create_fragment$E(ctx) {
2587
+ function create_fragment$H(ctx) {
2550
2588
  let div;
2551
2589
  let slot;
2552
2590
  let div_style_value;
@@ -2580,7 +2618,7 @@ function create_fragment$E(ctx) {
2580
2618
  };
2581
2619
  }
2582
2620
 
2583
- function instance$y($$self, $$props, $$invalidate) {
2621
+ function instance$B($$self, $$props, $$invalidate) {
2584
2622
  let _alignment;
2585
2623
  let { alignment = "start" } = $$props;
2586
2624
  let { gap = "relaxed" } = $$props;
@@ -2632,8 +2670,8 @@ class ButtonGroup extends SvelteElement {
2632
2670
  props: attribute_to_object(this.attributes),
2633
2671
  customElement: true
2634
2672
  },
2635
- instance$y,
2636
- create_fragment$E,
2673
+ instance$B,
2674
+ create_fragment$H,
2637
2675
  safe_not_equal,
2638
2676
  {
2639
2677
  alignment: 7,
@@ -2731,7 +2769,7 @@ customElements.define("goa-button-group", ButtonGroup);
2731
2769
 
2732
2770
  /* libs/web-components/src/components/callout/Callout.svelte generated by Svelte v3.51.0 */
2733
2771
 
2734
- function create_if_block$g(ctx) {
2772
+ function create_if_block$i(ctx) {
2735
2773
  let h3;
2736
2774
  let t;
2737
2775
 
@@ -2753,7 +2791,7 @@ function create_if_block$g(ctx) {
2753
2791
  };
2754
2792
  }
2755
2793
 
2756
- function create_fragment$D(ctx) {
2794
+ function create_fragment$G(ctx) {
2757
2795
  let div;
2758
2796
  let span0;
2759
2797
  let goa_icon;
@@ -2764,7 +2802,7 @@ function create_fragment$D(ctx) {
2764
2802
  let t1;
2765
2803
  let slot;
2766
2804
  let div_style_value;
2767
- let if_block = /*heading*/ ctx[5] && create_if_block$g(ctx);
2805
+ let if_block = /*heading*/ ctx[5] && create_if_block$i(ctx);
2768
2806
 
2769
2807
  return {
2770
2808
  c() {
@@ -2812,7 +2850,7 @@ function create_fragment$D(ctx) {
2812
2850
  if (if_block) {
2813
2851
  if_block.p(ctx, dirty);
2814
2852
  } else {
2815
- if_block = create_if_block$g(ctx);
2853
+ if_block = create_if_block$i(ctx);
2816
2854
  if_block.c();
2817
2855
  if_block.m(span1, t1);
2818
2856
  }
@@ -2838,7 +2876,7 @@ function create_fragment$D(ctx) {
2838
2876
  };
2839
2877
  }
2840
2878
 
2841
- function instance$x($$self, $$props, $$invalidate) {
2879
+ function instance$A($$self, $$props, $$invalidate) {
2842
2880
  let iconType;
2843
2881
  const [Types, validateType] = typeValidator("Callout type", ["emergency", "important", "information", "event", "success"], true);
2844
2882
  let { mt = null } = $$props;
@@ -2892,8 +2930,8 @@ class Callout extends SvelteElement {
2892
2930
  props: attribute_to_object(this.attributes),
2893
2931
  customElement: true
2894
2932
  },
2895
- instance$x,
2896
- create_fragment$D,
2933
+ instance$A,
2934
+ create_fragment$G,
2897
2935
  safe_not_equal,
2898
2936
  {
2899
2937
  mt: 0,
@@ -2991,7 +3029,7 @@ customElements.define("goa-callout", Callout);
2991
3029
 
2992
3030
  /* libs/web-components/src/components/card-actions/CardActions.svelte generated by Svelte v3.51.0 */
2993
3031
 
2994
- function create_fragment$C(ctx) {
3032
+ function create_fragment$F(ctx) {
2995
3033
  let goa_card_content;
2996
3034
 
2997
3035
  return {
@@ -3024,7 +3062,7 @@ class CardActions extends SvelteElement {
3024
3062
  customElement: true
3025
3063
  },
3026
3064
  null,
3027
- create_fragment$C,
3065
+ create_fragment$F,
3028
3066
  safe_not_equal,
3029
3067
  {},
3030
3068
  null
@@ -3042,7 +3080,7 @@ customElements.define("goa-card-actions", CardActions);
3042
3080
 
3043
3081
  /* libs/web-components/src/components/card/Card.svelte generated by Svelte v3.51.0 */
3044
3082
 
3045
- function create_fragment$B(ctx) {
3083
+ function create_fragment$E(ctx) {
3046
3084
  let div;
3047
3085
  let slot;
3048
3086
  let div_style_value;
@@ -3082,7 +3120,7 @@ function create_fragment$B(ctx) {
3082
3120
  };
3083
3121
  }
3084
3122
 
3085
- function instance$w($$self, $$props, $$invalidate) {
3123
+ function instance$z($$self, $$props, $$invalidate) {
3086
3124
  let { elevation = 0 } = $$props;
3087
3125
  let { width = "100%" } = $$props;
3088
3126
  let { height = "auto" } = $$props;
@@ -3118,8 +3156,8 @@ class Card extends SvelteElement {
3118
3156
  props: attribute_to_object(this.attributes),
3119
3157
  customElement: true
3120
3158
  },
3121
- instance$w,
3122
- create_fragment$B,
3159
+ instance$z,
3160
+ create_fragment$E,
3123
3161
  safe_not_equal,
3124
3162
  {
3125
3163
  elevation: 0,
@@ -3227,7 +3265,7 @@ customElements.define("goa-card", Card);
3227
3265
 
3228
3266
  /* libs/web-components/src/components/card-content/CardContent.svelte generated by Svelte v3.51.0 */
3229
3267
 
3230
- function create_fragment$A(ctx) {
3268
+ function create_fragment$D(ctx) {
3231
3269
  let div;
3232
3270
 
3233
3271
  return {
@@ -3262,7 +3300,7 @@ class CardContent extends SvelteElement {
3262
3300
  customElement: true
3263
3301
  },
3264
3302
  null,
3265
- create_fragment$A,
3303
+ create_fragment$D,
3266
3304
  safe_not_equal,
3267
3305
  {},
3268
3306
  null
@@ -3280,7 +3318,7 @@ customElements.define("goa-card-content", CardContent);
3280
3318
 
3281
3319
  /* libs/web-components/src/components/card-group/CardGroup.svelte generated by Svelte v3.51.0 */
3282
3320
 
3283
- function create_fragment$z(ctx) {
3321
+ function create_fragment$C(ctx) {
3284
3322
  let div;
3285
3323
 
3286
3324
  return {
@@ -3315,7 +3353,7 @@ class CardGroup extends SvelteElement {
3315
3353
  customElement: true
3316
3354
  },
3317
3355
  null,
3318
- create_fragment$z,
3356
+ create_fragment$C,
3319
3357
  safe_not_equal,
3320
3358
  {},
3321
3359
  null
@@ -3333,7 +3371,7 @@ customElements.define("goa-card-group", CardGroup);
3333
3371
 
3334
3372
  /* libs/web-components/src/components/card-image/CardImage.svelte generated by Svelte v3.51.0 */
3335
3373
 
3336
- function create_fragment$y(ctx) {
3374
+ function create_fragment$B(ctx) {
3337
3375
  let div;
3338
3376
 
3339
3377
  return {
@@ -3365,7 +3403,7 @@ function create_fragment$y(ctx) {
3365
3403
  };
3366
3404
  }
3367
3405
 
3368
- function instance$v($$self, $$props, $$invalidate) {
3406
+ function instance$y($$self, $$props, $$invalidate) {
3369
3407
  let { src } = $$props;
3370
3408
  let { height = "100%" } = $$props;
3371
3409
 
@@ -3389,8 +3427,8 @@ class CardImage extends SvelteElement {
3389
3427
  props: attribute_to_object(this.attributes),
3390
3428
  customElement: true
3391
3429
  },
3392
- instance$v,
3393
- create_fragment$y,
3430
+ instance$y,
3431
+ create_fragment$B,
3394
3432
  safe_not_equal,
3395
3433
  { src: 0, height: 1 },
3396
3434
  null
@@ -3435,7 +3473,7 @@ customElements.define("goa-card-image", CardImage);
3435
3473
 
3436
3474
  /* libs/web-components/src/components/checkbox/Checkbox.svelte generated by Svelte v3.51.0 */
3437
3475
 
3438
- function create_if_block_1$8(ctx) {
3476
+ function create_if_block_1$a(ctx) {
3439
3477
  let svg;
3440
3478
  let path;
3441
3479
 
@@ -3460,7 +3498,7 @@ function create_if_block_1$8(ctx) {
3460
3498
  }
3461
3499
 
3462
3500
  // (68:4) {#if isIndeterminate}
3463
- function create_if_block$f(ctx) {
3501
+ function create_if_block$h(ctx) {
3464
3502
  let svg;
3465
3503
  let rect;
3466
3504
 
@@ -3485,7 +3523,7 @@ function create_if_block$f(ctx) {
3485
3523
  };
3486
3524
  }
3487
3525
 
3488
- function create_fragment$x(ctx) {
3526
+ function create_fragment$A(ctx) {
3489
3527
  let label;
3490
3528
  let div0;
3491
3529
  let input;
@@ -3501,8 +3539,8 @@ function create_fragment$x(ctx) {
3501
3539
  let dispose;
3502
3540
 
3503
3541
  function select_block_type(ctx, dirty) {
3504
- if (/*isIndeterminate*/ ctx[10]) return create_if_block$f;
3505
- if (/*isChecked*/ ctx[9]) return create_if_block_1$8;
3542
+ if (/*isIndeterminate*/ ctx[10]) return create_if_block$h;
3543
+ if (/*isChecked*/ ctx[9]) return create_if_block_1$a;
3506
3544
  }
3507
3545
 
3508
3546
  let current_block_type = select_block_type(ctx);
@@ -3630,7 +3668,7 @@ function create_fragment$x(ctx) {
3630
3668
  };
3631
3669
  }
3632
3670
 
3633
- function instance$u($$self, $$props, $$invalidate) {
3671
+ function instance$x($$self, $$props, $$invalidate) {
3634
3672
  let isDisabled;
3635
3673
  let isError;
3636
3674
  let isChecked;
@@ -3742,8 +3780,8 @@ class Checkbox extends SvelteElement {
3742
3780
  props: attribute_to_object(this.attributes),
3743
3781
  customElement: true
3744
3782
  },
3745
- instance$u,
3746
- create_fragment$x,
3783
+ instance$x,
3784
+ create_fragment$A,
3747
3785
  safe_not_equal,
3748
3786
  {
3749
3787
  name: 0,
@@ -3904,7 +3942,7 @@ customElements.define("goa-checkbox", Checkbox);
3904
3942
 
3905
3943
  /* libs/web-components/src/components/chip/Chip.svelte generated by Svelte v3.51.0 */
3906
3944
 
3907
- function create_if_block_1$7(ctx) {
3945
+ function create_if_block_1$9(ctx) {
3908
3946
  let goa_icon;
3909
3947
 
3910
3948
  return {
@@ -3929,7 +3967,7 @@ function create_if_block_1$7(ctx) {
3929
3967
  }
3930
3968
 
3931
3969
  // (54:2) {#if _deletable}
3932
- function create_if_block$e(ctx) {
3970
+ function create_if_block$g(ctx) {
3933
3971
  let goa_icon;
3934
3972
  let goa_icon_fillcolor_value;
3935
3973
  let goa_icon_opacity_value;
@@ -3972,7 +4010,7 @@ function create_if_block$e(ctx) {
3972
4010
  };
3973
4011
  }
3974
4012
 
3975
- function create_fragment$w(ctx) {
4013
+ function create_fragment$z(ctx) {
3976
4014
  let div1;
3977
4015
  let t0;
3978
4016
  let div0;
@@ -3981,8 +4019,8 @@ function create_fragment$w(ctx) {
3981
4019
  let div1_style_value;
3982
4020
  let mounted;
3983
4021
  let dispose;
3984
- let if_block0 = /*leadingicon*/ ctx[4] && create_if_block_1$7(ctx);
3985
- let if_block1 = /*_deletable*/ ctx[11] && create_if_block$e(ctx);
4022
+ let if_block0 = /*leadingicon*/ ctx[4] && create_if_block_1$9(ctx);
4023
+ let if_block1 = /*_deletable*/ ctx[11] && create_if_block$g(ctx);
3986
4024
 
3987
4025
  return {
3988
4026
  c() {
@@ -4030,7 +4068,7 @@ function create_fragment$w(ctx) {
4030
4068
  if (if_block0) {
4031
4069
  if_block0.p(ctx, dirty);
4032
4070
  } else {
4033
- if_block0 = create_if_block_1$7(ctx);
4071
+ if_block0 = create_if_block_1$9(ctx);
4034
4072
  if_block0.c();
4035
4073
  if_block0.m(div1, t0);
4036
4074
  }
@@ -4045,7 +4083,7 @@ function create_fragment$w(ctx) {
4045
4083
  if (if_block1) {
4046
4084
  if_block1.p(ctx, dirty);
4047
4085
  } else {
4048
- if_block1 = create_if_block$e(ctx);
4086
+ if_block1 = create_if_block$g(ctx);
4049
4087
  if_block1.c();
4050
4088
  if_block1.m(div1, null);
4051
4089
  }
@@ -4087,7 +4125,7 @@ function create_fragment$w(ctx) {
4087
4125
  };
4088
4126
  }
4089
4127
 
4090
- function instance$t($$self, $$props, $$invalidate) {
4128
+ function instance$w($$self, $$props, $$invalidate) {
4091
4129
  let { mt = null } = $$props;
4092
4130
  let { mr = null } = $$props;
4093
4131
  let { mb = null } = $$props;
@@ -4184,8 +4222,8 @@ class Chip extends SvelteElement {
4184
4222
  props: attribute_to_object(this.attributes),
4185
4223
  customElement: true
4186
4224
  },
4187
- instance$t,
4188
- create_fragment$w,
4225
+ instance$w,
4226
+ create_fragment$z,
4189
4227
  safe_not_equal,
4190
4228
  {
4191
4229
  mt: 0,
@@ -4361,11 +4399,9 @@ function noscroll(_node, opts) {
4361
4399
  return;
4362
4400
  }
4363
4401
  const scrollbarWidth = calculateScrollbarWidth();
4364
- if (scrollbarWidth > 0) {
4365
- toggledScrolling = true;
4366
- document.body.style.overflow = "hidden";
4367
- document.body.style.paddingRight = scrollbarWidth + "px";
4368
- }
4402
+ toggledScrolling = true;
4403
+ document.body.style.overflow = "hidden";
4404
+ document.body.style.paddingRight = scrollbarWidth + "px";
4369
4405
  }
4370
4406
  function isScrollable() {
4371
4407
  return document.body.style.overflow !== "hidden";
@@ -4411,12 +4447,12 @@ function noscroll(_node, opts) {
4411
4447
 
4412
4448
  /* libs/web-components/src/components/circular-progress/CircularProgress.svelte generated by Svelte v3.51.0 */
4413
4449
 
4414
- function create_if_block$d(ctx) {
4450
+ function create_if_block$f(ctx) {
4415
4451
  let current_block_type_index;
4416
4452
  let if_block;
4417
4453
  let if_block_anchor;
4418
4454
  let current;
4419
- const if_block_creators = [create_if_block_1$6, create_if_block_3$4];
4455
+ const if_block_creators = [create_if_block_1$8, create_if_block_3$6];
4420
4456
  const if_blocks = [];
4421
4457
 
4422
4458
  function select_block_type(ctx, dirty) {
@@ -4498,12 +4534,12 @@ function create_if_block$d(ctx) {
4498
4534
  }
4499
4535
 
4500
4536
  // (43:19)
4501
- function create_if_block_3$4(ctx) {
4537
+ function create_if_block_3$6(ctx) {
4502
4538
  let div;
4503
4539
  let goa_spinner;
4504
4540
  let t;
4505
4541
  let div_class_value;
4506
- let if_block = /*message*/ ctx[0] && create_if_block_4$2(ctx);
4542
+ let if_block = /*message*/ ctx[0] && create_if_block_4$1(ctx);
4507
4543
 
4508
4544
  return {
4509
4545
  c() {
@@ -4535,7 +4571,7 @@ function create_if_block_3$4(ctx) {
4535
4571
  if (if_block) {
4536
4572
  if_block.p(ctx, dirty);
4537
4573
  } else {
4538
- if_block = create_if_block_4$2(ctx);
4574
+ if_block = create_if_block_4$1(ctx);
4539
4575
  if_block.c();
4540
4576
  if_block.m(div, null);
4541
4577
  }
@@ -4562,7 +4598,7 @@ function create_if_block_3$4(ctx) {
4562
4598
  }
4563
4599
 
4564
4600
  // (32:2) {#if fullscreen}
4565
- function create_if_block_1$6(ctx) {
4601
+ function create_if_block_1$8(ctx) {
4566
4602
  let div;
4567
4603
  let goa_spinner;
4568
4604
  let t;
@@ -4570,7 +4606,7 @@ function create_if_block_1$6(ctx) {
4570
4606
  let current;
4571
4607
  let mounted;
4572
4608
  let dispose;
4573
- let if_block = /*message*/ ctx[0] && create_if_block_2$5(ctx);
4609
+ let if_block = /*message*/ ctx[0] && create_if_block_2$6(ctx);
4574
4610
 
4575
4611
  return {
4576
4612
  c() {
@@ -4607,7 +4643,7 @@ function create_if_block_1$6(ctx) {
4607
4643
  if (if_block) {
4608
4644
  if_block.p(ctx, dirty);
4609
4645
  } else {
4610
- if_block = create_if_block_2$5(ctx);
4646
+ if_block = create_if_block_2$6(ctx);
4611
4647
  if_block.c();
4612
4648
  if_block.m(div, null);
4613
4649
  }
@@ -4646,7 +4682,7 @@ function create_if_block_1$6(ctx) {
4646
4682
  }
4647
4683
 
4648
4684
  // (46:6) {#if message}
4649
- function create_if_block_4$2(ctx) {
4685
+ function create_if_block_4$1(ctx) {
4650
4686
  let div;
4651
4687
  let t;
4652
4688
 
@@ -4670,7 +4706,7 @@ function create_if_block_4$2(ctx) {
4670
4706
  }
4671
4707
 
4672
4708
  // (39:6) {#if message}
4673
- function create_if_block_2$5(ctx) {
4709
+ function create_if_block_2$6(ctx) {
4674
4710
  let div;
4675
4711
  let t;
4676
4712
 
@@ -4693,10 +4729,10 @@ function create_if_block_2$5(ctx) {
4693
4729
  };
4694
4730
  }
4695
4731
 
4696
- function create_fragment$v(ctx) {
4732
+ function create_fragment$y(ctx) {
4697
4733
  let if_block_anchor;
4698
4734
  let current;
4699
- let if_block = /*isVisible*/ ctx[5] && create_if_block$d(ctx);
4735
+ let if_block = /*isVisible*/ ctx[5] && create_if_block$f(ctx);
4700
4736
 
4701
4737
  return {
4702
4738
  c() {
@@ -4718,7 +4754,7 @@ function create_fragment$v(ctx) {
4718
4754
  transition_in(if_block, 1);
4719
4755
  }
4720
4756
  } else {
4721
- if_block = create_if_block$d(ctx);
4757
+ if_block = create_if_block$f(ctx);
4722
4758
  if_block.c();
4723
4759
  transition_in(if_block, 1);
4724
4760
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -4749,7 +4785,7 @@ function create_fragment$v(ctx) {
4749
4785
  };
4750
4786
  }
4751
4787
 
4752
- function instance$s($$self, $$props, $$invalidate) {
4788
+ function instance$v($$self, $$props, $$invalidate) {
4753
4789
  let isVisible;
4754
4790
  const [Variants, validateVariant] = typeValidator("Circular progress variant", ["fullscreen", "inline"]);
4755
4791
  const [Sizes, validateSize] = typeValidator("Button size", ["small", "large"]);
@@ -4809,8 +4845,8 @@ class CircularProgress extends SvelteElement {
4809
4845
  props: attribute_to_object(this.attributes),
4810
4846
  customElement: true
4811
4847
  },
4812
- instance$s,
4813
- create_fragment$v,
4848
+ instance$v,
4849
+ create_fragment$y,
4814
4850
  safe_not_equal,
4815
4851
  {
4816
4852
  variant: 6,
@@ -4888,7 +4924,7 @@ customElements.define("goa-circular-progress", CircularProgress);
4888
4924
 
4889
4925
  /* libs/web-components/src/components/container/Container.svelte generated by Svelte v3.51.0 */
4890
4926
 
4891
- function create_fragment$u(ctx) {
4927
+ function create_fragment$x(ctx) {
4892
4928
  let div3;
4893
4929
  let header;
4894
4930
  let div0;
@@ -4966,7 +5002,7 @@ function create_fragment$u(ctx) {
4966
5002
  };
4967
5003
  }
4968
5004
 
4969
- function instance$r($$self, $$props, $$invalidate) {
5005
+ function instance$u($$self, $$props, $$invalidate) {
4970
5006
  const [Types, validateType] = typeValidator("Container type", ["interactive", "info", "error", "success", "important", "non-interactive"]);
4971
5007
  const [Accents, validateAccent] = typeValidator("Container accent", ["thick", "thin", "filled"]);
4972
5008
  const [Paddings, validatePadding] = typeValidator("Container padding", ["relaxed", "compact"]);
@@ -5011,8 +5047,8 @@ class Container extends SvelteElement {
5011
5047
  props: attribute_to_object(this.attributes),
5012
5048
  customElement: true
5013
5049
  },
5014
- instance$r,
5015
- create_fragment$u,
5050
+ instance$u,
5051
+ create_fragment$x,
5016
5052
  safe_not_equal,
5017
5053
  {
5018
5054
  type: 0,
@@ -5120,7 +5156,7 @@ customElements.define("goa-container", Container);
5120
5156
 
5121
5157
  /* libs/web-components/src/components/details/Details.svelte generated by Svelte v3.51.0 */
5122
5158
 
5123
- function create_fragment$t(ctx) {
5159
+ function create_fragment$w(ctx) {
5124
5160
  let details;
5125
5161
  let summary;
5126
5162
  let goa_icon;
@@ -5188,7 +5224,7 @@ function create_fragment$t(ctx) {
5188
5224
  };
5189
5225
  }
5190
5226
 
5191
- function instance$q($$self, $$props, $$invalidate) {
5227
+ function instance$t($$self, $$props, $$invalidate) {
5192
5228
  let { heading } = $$props;
5193
5229
  let { mt = null } = $$props;
5194
5230
  let { mr = null } = $$props;
@@ -5239,8 +5275,8 @@ class Details extends SvelteElement {
5239
5275
  props: attribute_to_object(this.attributes),
5240
5276
  customElement: true
5241
5277
  },
5242
- instance$q,
5243
- create_fragment$t,
5278
+ instance$t,
5279
+ create_fragment$w,
5244
5280
  safe_not_equal,
5245
5281
  { heading: 0, mt: 1, mr: 2, mb: 3, ml: 4 },
5246
5282
  null
@@ -5312,7 +5348,7 @@ customElements.define("goa-details", Details);
5312
5348
 
5313
5349
  /* libs/web-components/src/components/divider/Divider.svelte generated by Svelte v3.51.0 */
5314
5350
 
5315
- function create_fragment$s(ctx) {
5351
+ function create_fragment$v(ctx) {
5316
5352
  let hr;
5317
5353
  let hr_style_value;
5318
5354
 
@@ -5343,7 +5379,7 @@ function create_fragment$s(ctx) {
5343
5379
  };
5344
5380
  }
5345
5381
 
5346
- function instance$p($$self, $$props, $$invalidate) {
5382
+ function instance$s($$self, $$props, $$invalidate) {
5347
5383
  let { testid = "" } = $$props;
5348
5384
  let { mt = null } = $$props;
5349
5385
  let { mr = null } = $$props;
@@ -5373,8 +5409,8 @@ class Divider extends SvelteElement {
5373
5409
  props: attribute_to_object(this.attributes),
5374
5410
  customElement: true
5375
5411
  },
5376
- instance$p,
5377
- create_fragment$s,
5412
+ instance$s,
5413
+ create_fragment$v,
5378
5414
  safe_not_equal,
5379
5415
  { testid: 0, mt: 1, mr: 2, mb: 3, ml: 4 },
5380
5416
  null
@@ -5460,7 +5496,7 @@ function get_each_context$4(ctx, list, i) {
5460
5496
  }
5461
5497
 
5462
5498
  // (256:2) {:else}
5463
- function create_else_block$2(ctx) {
5499
+ function create_else_block$5(ctx) {
5464
5500
  let t0;
5465
5501
  let goa_input;
5466
5502
  let goa_input_arialabel_value;
@@ -5474,7 +5510,7 @@ function create_else_block$2(ctx) {
5474
5510
  let ul_style_value;
5475
5511
  let mounted;
5476
5512
  let dispose;
5477
- let if_block = /*_isMenuVisible*/ ctx[15] && create_if_block_1$5(ctx);
5513
+ let if_block = /*_isMenuVisible*/ ctx[15] && create_if_block_1$7(ctx);
5478
5514
  let each_value_1 = /*_options*/ ctx[13];
5479
5515
  const get_key = ctx => /*index*/ ctx[53];
5480
5516
 
@@ -5547,7 +5583,7 @@ function create_else_block$2(ctx) {
5547
5583
  if (if_block) {
5548
5584
  if_block.p(ctx, dirty);
5549
5585
  } else {
5550
- if_block = create_if_block_1$5(ctx);
5586
+ if_block = create_if_block_1$7(ctx);
5551
5587
  if_block.c();
5552
5588
  if_block.m(t0.parentNode, t0);
5553
5589
  }
@@ -5630,7 +5666,7 @@ function create_else_block$2(ctx) {
5630
5666
  }
5631
5667
 
5632
5668
  // (237:2) {#if _native}
5633
- function create_if_block$c(ctx) {
5669
+ function create_if_block$e(ctx) {
5634
5670
  let select;
5635
5671
  let slot;
5636
5672
  let select_aria_label_value;
@@ -5718,7 +5754,7 @@ function create_if_block$c(ctx) {
5718
5754
  }
5719
5755
 
5720
5756
  // (257:4) {#if _isMenuVisible}
5721
- function create_if_block_1$5(ctx) {
5757
+ function create_if_block_1$7(ctx) {
5722
5758
  let div;
5723
5759
  let div_data_testid_value;
5724
5760
  let mounted;
@@ -5899,14 +5935,14 @@ function create_each_block$4(ctx) {
5899
5935
  };
5900
5936
  }
5901
5937
 
5902
- function create_fragment$r(ctx) {
5938
+ function create_fragment$u(ctx) {
5903
5939
  let div;
5904
5940
  let div_data_testid_value;
5905
5941
  let div_style_value;
5906
5942
 
5907
5943
  function select_block_type(ctx, dirty) {
5908
- if (/*_native*/ ctx[22]) return create_if_block$c;
5909
- return create_else_block$2;
5944
+ if (/*_native*/ ctx[22]) return create_if_block$e;
5945
+ return create_else_block$5;
5910
5946
  }
5911
5947
 
5912
5948
  let current_block_type = select_block_type(ctx);
@@ -5970,7 +6006,7 @@ function create_fragment$r(ctx) {
5970
6006
  };
5971
6007
  }
5972
6008
 
5973
- function instance$o($$self, $$props, $$invalidate) {
6009
+ function instance$r($$self, $$props, $$invalidate) {
5974
6010
  let _disabled;
5975
6011
  let _error;
5976
6012
  let _multiselect;
@@ -6338,8 +6374,8 @@ class Dropdown extends SvelteElement {
6338
6374
  props: attribute_to_object(this.attributes),
6339
6375
  customElement: true
6340
6376
  },
6341
- instance$o,
6342
- create_fragment$r,
6377
+ instance$r,
6378
+ create_fragment$u,
6343
6379
  safe_not_equal,
6344
6380
  {
6345
6381
  name: 0,
@@ -6534,7 +6570,7 @@ customElements.define("goa-dropdown", Dropdown);
6534
6570
 
6535
6571
  /* libs/web-components/src/components/dropdown/DropdownItem.svelte generated by Svelte v3.51.0 */
6536
6572
 
6537
- function create_fragment$q(ctx) {
6573
+ function create_fragment$t(ctx) {
6538
6574
  return {
6539
6575
  c() {
6540
6576
  this.c = noop;
@@ -6559,7 +6595,7 @@ class DropdownItem extends SvelteElement {
6559
6595
  customElement: true
6560
6596
  },
6561
6597
  null,
6562
- create_fragment$q,
6598
+ create_fragment$t,
6563
6599
  safe_not_equal,
6564
6600
  {},
6565
6601
  null
@@ -6577,7 +6613,7 @@ customElements.define("goa-dropdown-item", DropdownItem);
6577
6613
 
6578
6614
  /* libs/web-components/src/components/focus-trap/FocusTrap.svelte generated by Svelte v3.51.0 */
6579
6615
 
6580
- function create_fragment$p(ctx) {
6616
+ function create_fragment$s(ctx) {
6581
6617
  let div;
6582
6618
 
6583
6619
  return {
@@ -6589,7 +6625,6 @@ function create_fragment$p(ctx) {
6589
6625
  <span tabindex="0"></span>`;
6590
6626
 
6591
6627
  this.c = noop;
6592
- attr(div, "id", "root");
6593
6628
  },
6594
6629
  m(target, anchor) {
6595
6630
  insert(target, div, anchor);
@@ -6630,12 +6665,12 @@ function isFocusable(element) {
6630
6665
  }
6631
6666
  }
6632
6667
 
6633
- function instance$n($$self, $$props, $$invalidate) {
6668
+ function instance$q($$self, $$props, $$invalidate) {
6634
6669
  let isActive;
6635
6670
  let { active } = $$props;
6636
6671
  let ignoreFocusChanges = false;
6637
6672
  let lastFocus;
6638
- let element;
6673
+ let rootEl;
6639
6674
  let hasListeners = false;
6640
6675
 
6641
6676
  function removeListeners() {
@@ -6723,9 +6758,7 @@ function instance$n($$self, $$props, $$invalidate) {
6723
6758
 
6724
6759
  try {
6725
6760
  ignoreFocusChanges = true;
6726
- element.focus();
6727
- } catch(e) {
6728
-
6761
+ element && element.focus();
6729
6762
  } finally {
6730
6763
  ignoreFocusChanges = false;
6731
6764
  }
@@ -6737,7 +6770,7 @@ function instance$n($$self, $$props, $$invalidate) {
6737
6770
  var _a;
6738
6771
  if (ignoreFocusChanges) return;
6739
6772
 
6740
- const slotElements = (_a = element.firstChild) === null || _a === void 0
6773
+ const slotElements = (_a = rootEl.firstChild) === null || _a === void 0
6741
6774
  ? void 0
6742
6775
  : _a.assignedElements();
6743
6776
 
@@ -6763,8 +6796,8 @@ function instance$n($$self, $$props, $$invalidate) {
6763
6796
 
6764
6797
  function div_binding($$value) {
6765
6798
  binding_callbacks[$$value ? 'unshift' : 'push'](() => {
6766
- element = $$value;
6767
- $$invalidate(0, element);
6799
+ rootEl = $$value;
6800
+ $$invalidate(0, rootEl);
6768
6801
  });
6769
6802
  }
6770
6803
 
@@ -6792,13 +6825,13 @@ function instance$n($$self, $$props, $$invalidate) {
6792
6825
  }
6793
6826
  };
6794
6827
 
6795
- return [element, active, hasListeners, isActive, div_binding];
6828
+ return [rootEl, active, hasListeners, isActive, div_binding];
6796
6829
  }
6797
6830
 
6798
6831
  class FocusTrap extends SvelteElement {
6799
6832
  constructor(options) {
6800
6833
  super();
6801
- this.shadowRoot.innerHTML = `<style>#root{display:inline}</style>`;
6834
+ this.shadowRoot.innerHTML = `<style>div{display:inline}</style>`;
6802
6835
 
6803
6836
  init(
6804
6837
  this,
@@ -6807,8 +6840,8 @@ class FocusTrap extends SvelteElement {
6807
6840
  props: attribute_to_object(this.attributes),
6808
6841
  customElement: true
6809
6842
  },
6810
- instance$n,
6811
- create_fragment$p,
6843
+ instance$q,
6844
+ create_fragment$s,
6812
6845
  safe_not_equal,
6813
6846
  { active: 1 },
6814
6847
  null
@@ -6844,7 +6877,7 @@ customElements.define("goa-focus-trap", FocusTrap);
6844
6877
 
6845
6878
  /* libs/web-components/src/components/footer/Footer.svelte generated by Svelte v3.51.0 */
6846
6879
 
6847
- function create_if_block$b(ctx) {
6880
+ function create_if_block$d(ctx) {
6848
6881
  let goa_divider;
6849
6882
 
6850
6883
  return {
@@ -6861,7 +6894,7 @@ function create_if_block$b(ctx) {
6861
6894
  };
6862
6895
  }
6863
6896
 
6864
- function create_fragment$o(ctx) {
6897
+ function create_fragment$r(ctx) {
6865
6898
  let div5;
6866
6899
  let div4;
6867
6900
  let div0;
@@ -6875,7 +6908,7 @@ function create_fragment$o(ctx) {
6875
6908
  let t3;
6876
6909
  let a1;
6877
6910
  let div5_style_value;
6878
- let if_block = /*navLinks*/ ctx[2] && /*navLinks*/ ctx[2].length > 0 && create_if_block$b();
6911
+ let if_block = /*navLinks*/ ctx[2] && /*navLinks*/ ctx[2].length > 0 && create_if_block$d();
6879
6912
 
6880
6913
  return {
6881
6914
  c() {
@@ -6929,7 +6962,7 @@ function create_fragment$o(ctx) {
6929
6962
  p(ctx, [dirty]) {
6930
6963
  if (/*navLinks*/ ctx[2] && /*navLinks*/ ctx[2].length > 0) {
6931
6964
  if (if_block) ; else {
6932
- if_block = create_if_block$b();
6965
+ if_block = create_if_block$d();
6933
6966
  if_block.c();
6934
6967
  if_block.m(div4, t1);
6935
6968
  }
@@ -6960,7 +6993,7 @@ function create_fragment$o(ctx) {
6960
6993
  };
6961
6994
  }
6962
6995
 
6963
- function instance$m($$self, $$props, $$invalidate) {
6996
+ function instance$p($$self, $$props, $$invalidate) {
6964
6997
  let { maxcontentwidth = "" } = $$props;
6965
6998
  let rootEl;
6966
6999
  let navLinks;
@@ -7001,8 +7034,8 @@ class Footer extends SvelteElement {
7001
7034
  props: attribute_to_object(this.attributes),
7002
7035
  customElement: true
7003
7036
  },
7004
- instance$m,
7005
- create_fragment$o,
7037
+ instance$p,
7038
+ create_fragment$r,
7006
7039
  safe_not_equal,
7007
7040
  { maxcontentwidth: 0 },
7008
7041
  null
@@ -7077,7 +7110,7 @@ function create_each_block$3(ctx) {
7077
7110
  };
7078
7111
  }
7079
7112
 
7080
- function create_fragment$n(ctx) {
7113
+ function create_fragment$q(ctx) {
7081
7114
  let section;
7082
7115
  let div;
7083
7116
  let t;
@@ -7150,7 +7183,7 @@ function create_fragment$n(ctx) {
7150
7183
  };
7151
7184
  }
7152
7185
 
7153
- function instance$l($$self, $$props, $$invalidate) {
7186
+ function instance$o($$self, $$props, $$invalidate) {
7154
7187
  let rootEl;
7155
7188
  let children = [];
7156
7189
 
@@ -7194,8 +7227,8 @@ class FooterMetaSection extends SvelteElement {
7194
7227
  props: attribute_to_object(this.attributes),
7195
7228
  customElement: true
7196
7229
  },
7197
- instance$l,
7198
- create_fragment$n,
7230
+ instance$o,
7231
+ create_fragment$q,
7199
7232
  safe_not_equal,
7200
7233
  {},
7201
7234
  null
@@ -7220,7 +7253,7 @@ function get_each_context$2(ctx, list, i) {
7220
7253
  }
7221
7254
 
7222
7255
  // (31:2) {#if heading}
7223
- function create_if_block$a(ctx) {
7256
+ function create_if_block$c(ctx) {
7224
7257
  let div;
7225
7258
  let t0;
7226
7259
  let t1;
@@ -7285,14 +7318,14 @@ function create_each_block$2(ctx) {
7285
7318
  };
7286
7319
  }
7287
7320
 
7288
- function create_fragment$m(ctx) {
7321
+ function create_fragment$p(ctx) {
7289
7322
  let section;
7290
7323
  let t0;
7291
7324
  let div;
7292
7325
  let t1;
7293
7326
  let ul;
7294
7327
  let ul_style_value;
7295
- let if_block = /*heading*/ ctx[0] && create_if_block$a(ctx);
7328
+ let if_block = /*heading*/ ctx[0] && create_if_block$c(ctx);
7296
7329
  let each_value = /*children*/ ctx[3];
7297
7330
  let each_blocks = [];
7298
7331
 
@@ -7346,7 +7379,7 @@ function create_fragment$m(ctx) {
7346
7379
  if (if_block) {
7347
7380
  if_block.p(ctx, dirty);
7348
7381
  } else {
7349
- if_block = create_if_block$a(ctx);
7382
+ if_block = create_if_block$c(ctx);
7350
7383
  if_block.c();
7351
7384
  if_block.m(section, t0);
7352
7385
  }
@@ -7400,7 +7433,7 @@ function create_fragment$m(ctx) {
7400
7433
  };
7401
7434
  }
7402
7435
 
7403
- function instance$k($$self, $$props, $$invalidate) {
7436
+ function instance$n($$self, $$props, $$invalidate) {
7404
7437
  let { heading = "" } = $$props;
7405
7438
  let { maxcolumncount = 1 } = $$props;
7406
7439
  let rootEl;
@@ -7455,8 +7488,8 @@ class FooterNavSection extends SvelteElement {
7455
7488
  props: attribute_to_object(this.attributes),
7456
7489
  customElement: true
7457
7490
  },
7458
- instance$k,
7459
- create_fragment$m,
7491
+ instance$n,
7492
+ create_fragment$p,
7460
7493
  safe_not_equal,
7461
7494
  { heading: 0, maxcolumncount: 1 },
7462
7495
  null
@@ -7501,12 +7534,12 @@ customElements.define("goa-app-footer-nav-section", FooterNavSection);
7501
7534
 
7502
7535
  /* libs/web-components/src/components/form-item/FormItem.svelte generated by Svelte v3.51.0 */
7503
7536
 
7504
- function create_if_block_2$4(ctx) {
7537
+ function create_if_block_2$5(ctx) {
7505
7538
  let div;
7506
7539
  let t0;
7507
7540
  let t1;
7508
7541
  let show_if = /*requirement*/ ctx[8] && /*REQUIREMENT_TYPES*/ ctx[9].includes(/*requirement*/ ctx[8]);
7509
- let if_block = show_if && create_if_block_3$3(ctx);
7542
+ let if_block = show_if && create_if_block_3$5(ctx);
7510
7543
 
7511
7544
  return {
7512
7545
  c() {
@@ -7530,7 +7563,7 @@ function create_if_block_2$4(ctx) {
7530
7563
  if (if_block) {
7531
7564
  if_block.p(ctx, dirty);
7532
7565
  } else {
7533
- if_block = create_if_block_3$3(ctx);
7566
+ if_block = create_if_block_3$5(ctx);
7534
7567
  if_block.c();
7535
7568
  if_block.m(div, null);
7536
7569
  }
@@ -7547,7 +7580,7 @@ function create_if_block_2$4(ctx) {
7547
7580
  }
7548
7581
 
7549
7582
  // (34:6) {#if requirement && REQUIREMENT_TYPES.includes(requirement)}
7550
- function create_if_block_3$3(ctx) {
7583
+ function create_if_block_3$5(ctx) {
7551
7584
  let em;
7552
7585
  let t0;
7553
7586
  let t1;
@@ -7576,7 +7609,7 @@ function create_if_block_3$3(ctx) {
7576
7609
  }
7577
7610
 
7578
7611
  // (42:2) {#if error}
7579
- function create_if_block_1$4(ctx) {
7612
+ function create_if_block_1$6(ctx) {
7580
7613
  let div;
7581
7614
  let goa_icon;
7582
7615
  let t0;
@@ -7610,7 +7643,7 @@ function create_if_block_1$4(ctx) {
7610
7643
  }
7611
7644
 
7612
7645
  // (48:2) {#if helptext}
7613
- function create_if_block$9(ctx) {
7646
+ function create_if_block$b(ctx) {
7614
7647
  let div;
7615
7648
  let t;
7616
7649
 
@@ -7633,16 +7666,16 @@ function create_if_block$9(ctx) {
7633
7666
  };
7634
7667
  }
7635
7668
 
7636
- function create_fragment$l(ctx) {
7669
+ function create_fragment$o(ctx) {
7637
7670
  let div1;
7638
7671
  let t0;
7639
7672
  let div0;
7640
7673
  let t1;
7641
7674
  let t2;
7642
7675
  let div1_style_value;
7643
- let if_block0 = /*label*/ ctx[5] && create_if_block_2$4(ctx);
7644
- let if_block1 = /*error*/ ctx[7] && create_if_block_1$4(ctx);
7645
- let if_block2 = /*helptext*/ ctx[6] && create_if_block$9(ctx);
7676
+ let if_block0 = /*label*/ ctx[5] && create_if_block_2$5(ctx);
7677
+ let if_block1 = /*error*/ ctx[7] && create_if_block_1$6(ctx);
7678
+ let if_block2 = /*helptext*/ ctx[6] && create_if_block$b(ctx);
7646
7679
 
7647
7680
  return {
7648
7681
  c() {
@@ -7676,7 +7709,7 @@ function create_fragment$l(ctx) {
7676
7709
  if (if_block0) {
7677
7710
  if_block0.p(ctx, dirty);
7678
7711
  } else {
7679
- if_block0 = create_if_block_2$4(ctx);
7712
+ if_block0 = create_if_block_2$5(ctx);
7680
7713
  if_block0.c();
7681
7714
  if_block0.m(div1, t0);
7682
7715
  }
@@ -7689,7 +7722,7 @@ function create_fragment$l(ctx) {
7689
7722
  if (if_block1) {
7690
7723
  if_block1.p(ctx, dirty);
7691
7724
  } else {
7692
- if_block1 = create_if_block_1$4(ctx);
7725
+ if_block1 = create_if_block_1$6(ctx);
7693
7726
  if_block1.c();
7694
7727
  if_block1.m(div1, t2);
7695
7728
  }
@@ -7702,7 +7735,7 @@ function create_fragment$l(ctx) {
7702
7735
  if (if_block2) {
7703
7736
  if_block2.p(ctx, dirty);
7704
7737
  } else {
7705
- if_block2 = create_if_block$9(ctx);
7738
+ if_block2 = create_if_block$b(ctx);
7706
7739
  if_block2.c();
7707
7740
  if_block2.m(div1, null);
7708
7741
  }
@@ -7730,7 +7763,7 @@ function create_fragment$l(ctx) {
7730
7763
  };
7731
7764
  }
7732
7765
 
7733
- function instance$j($$self, $$props, $$invalidate) {
7766
+ function instance$m($$self, $$props, $$invalidate) {
7734
7767
  const [REQUIREMENT_TYPES, validateRequirementType] = typeValidator("Requirement type", ["optional", "required"], false);
7735
7768
  let { testid = "" } = $$props;
7736
7769
  let { mt = null } = $$props;
@@ -7773,8 +7806,8 @@ class FormItem extends SvelteElement {
7773
7806
  props: attribute_to_object(this.attributes),
7774
7807
  customElement: true
7775
7808
  },
7776
- instance$j,
7777
- create_fragment$l,
7809
+ instance$m,
7810
+ create_fragment$o,
7778
7811
  safe_not_equal,
7779
7812
  {
7780
7813
  testid: 0,
@@ -7902,7 +7935,7 @@ customElements.define("goa-form-item", FormItem);
7902
7935
 
7903
7936
  /* libs/web-components/src/components/grid/Grid.svelte generated by Svelte v3.51.0 */
7904
7937
 
7905
- function create_fragment$k(ctx) {
7938
+ function create_fragment$n(ctx) {
7906
7939
  let div;
7907
7940
  let slot;
7908
7941
  let div_style_value;
@@ -7941,7 +7974,7 @@ function create_fragment$k(ctx) {
7941
7974
  };
7942
7975
  }
7943
7976
 
7944
- function instance$i($$self, $$props, $$invalidate) {
7977
+ function instance$l($$self, $$props, $$invalidate) {
7945
7978
  let { gap = "m" } = $$props;
7946
7979
  let { minchildwidth = "" } = $$props;
7947
7980
  let { mt = null } = $$props;
@@ -7977,8 +8010,8 @@ class Grid extends SvelteElement {
7977
8010
  props: attribute_to_object(this.attributes),
7978
8011
  customElement: true
7979
8012
  },
7980
- instance$i,
7981
- create_fragment$k,
8013
+ instance$l,
8014
+ create_fragment$n,
7982
8015
  safe_not_equal,
7983
8016
  {
7984
8017
  gap: 0,
@@ -8066,7 +8099,7 @@ customElements.define("goa-grid", Grid);
8066
8099
 
8067
8100
  /* libs/web-components/src/components/hero-banner/HeroBanner.svelte generated by Svelte v3.51.0 */
8068
8101
 
8069
- function create_fragment$j(ctx) {
8102
+ function create_fragment$m(ctx) {
8070
8103
  let div1;
8071
8104
  let goa_page_block;
8072
8105
  let h1;
@@ -8129,7 +8162,7 @@ function create_fragment$j(ctx) {
8129
8162
  };
8130
8163
  }
8131
8164
 
8132
- function instance$h($$self, $$props, $$invalidate) {
8165
+ function instance$k($$self, $$props, $$invalidate) {
8133
8166
  let { heading } = $$props;
8134
8167
  let { backgroundurl } = $$props;
8135
8168
  let { minheight = "600px" } = $$props;
@@ -8155,8 +8188,8 @@ class HeroBanner extends SvelteElement {
8155
8188
  props: attribute_to_object(this.attributes),
8156
8189
  customElement: true
8157
8190
  },
8158
- instance$h,
8159
- create_fragment$j,
8191
+ instance$k,
8192
+ create_fragment$m,
8160
8193
  safe_not_equal,
8161
8194
  {
8162
8195
  heading: 0,
@@ -8214,7 +8247,7 @@ customElements.define("goa-hero-banner", HeroBanner);
8214
8247
 
8215
8248
  /* libs/web-components/src/components/icon-button/IconButton.svelte generated by Svelte v3.51.0 */
8216
8249
 
8217
- function create_fragment$i(ctx) {
8250
+ function create_fragment$l(ctx) {
8218
8251
  let button;
8219
8252
  let goa_icon;
8220
8253
  let button_style_value;
@@ -8301,7 +8334,7 @@ function handleClick(e) {
8301
8334
  e.target.dispatchEvent(new CustomEvent("_click", { composed: true, detail: { event: e } }));
8302
8335
  }
8303
8336
 
8304
- function instance$g($$self, $$props, $$invalidate) {
8337
+ function instance$j($$self, $$props, $$invalidate) {
8305
8338
  let css;
8306
8339
  let isDisabled;
8307
8340
  let isInverted;
@@ -8394,8 +8427,8 @@ class IconButton extends SvelteElement {
8394
8427
  props: attribute_to_object(this.attributes),
8395
8428
  customElement: true
8396
8429
  },
8397
- instance$g,
8398
- create_fragment$i,
8430
+ instance$j,
8431
+ create_fragment$l,
8399
8432
  safe_not_equal,
8400
8433
  {
8401
8434
  icon: 0,
@@ -8556,7 +8589,51 @@ customElements.define("goa-icon-button", IconButton);
8556
8589
 
8557
8590
  /* libs/web-components/src/components/icon/Icon.svelte generated by Svelte v3.51.0 */
8558
8591
 
8559
- function create_if_block$8(ctx) {
8592
+ function create_if_block$a(ctx) {
8593
+ let show_if;
8594
+ let if_block_anchor;
8595
+
8596
+ function select_block_type(ctx, dirty) {
8597
+ if (dirty & /*type*/ 16) show_if = null;
8598
+ if (show_if == null) show_if = !!Object.keys(/*_iconOverrides*/ ctx[13]).includes(/*type*/ ctx[4]);
8599
+ if (show_if) return create_if_block_1$5;
8600
+ return create_else_block$4;
8601
+ }
8602
+
8603
+ let current_block_type = select_block_type(ctx, -1);
8604
+ let if_block = current_block_type(ctx);
8605
+
8606
+ return {
8607
+ c() {
8608
+ if_block.c();
8609
+ if_block_anchor = empty();
8610
+ },
8611
+ m(target, anchor) {
8612
+ if_block.m(target, anchor);
8613
+ insert(target, if_block_anchor, anchor);
8614
+ },
8615
+ p(ctx, dirty) {
8616
+ if (current_block_type === (current_block_type = select_block_type(ctx, dirty)) && if_block) {
8617
+ if_block.p(ctx, dirty);
8618
+ } else {
8619
+ if_block.d(1);
8620
+ if_block = current_block_type(ctx);
8621
+
8622
+ if (if_block) {
8623
+ if_block.c();
8624
+ if_block.m(if_block_anchor.parentNode, if_block_anchor);
8625
+ }
8626
+ }
8627
+ },
8628
+ d(detaching) {
8629
+ if_block.d(detaching);
8630
+ if (detaching) detach(if_block_anchor);
8631
+ }
8632
+ };
8633
+ }
8634
+
8635
+ // (62:4) {:else}
8636
+ function create_else_block$4(ctx) {
8560
8637
  let ion_icon;
8561
8638
  let ion_icon_name_value;
8562
8639
 
@@ -8584,10 +8661,42 @@ function create_if_block$8(ctx) {
8584
8661
  };
8585
8662
  }
8586
8663
 
8587
- function create_fragment$h(ctx) {
8664
+ // (57:4) {#if Object.keys(_iconOverrides).includes(type)}
8665
+ function create_if_block_1$5(ctx) {
8666
+ let div;
8667
+ let html_tag;
8668
+ let raw_value = /*_iconOverrides*/ ctx[13][/*type*/ ctx[4]] + "";
8669
+ let t;
8670
+ let span;
8671
+
8672
+ return {
8673
+ c() {
8674
+ div = element("div");
8675
+ html_tag = new HtmlTag(false);
8676
+ t = space();
8677
+ span = element("span");
8678
+ html_tag.a = t;
8679
+ attr(div, "class", "icon-override");
8680
+ },
8681
+ m(target, anchor) {
8682
+ insert(target, div, anchor);
8683
+ html_tag.m(raw_value, div);
8684
+ append(div, t);
8685
+ append(div, span);
8686
+ },
8687
+ p(ctx, dirty) {
8688
+ if (dirty & /*type*/ 16 && raw_value !== (raw_value = /*_iconOverrides*/ ctx[13][/*type*/ ctx[4]] + "")) html_tag.p(raw_value);
8689
+ },
8690
+ d(detaching) {
8691
+ if (detaching) detach(div);
8692
+ }
8693
+ };
8694
+ }
8695
+
8696
+ function create_fragment$k(ctx) {
8588
8697
  let div;
8589
8698
  let div_style_value;
8590
- let if_block = /*type*/ ctx[4] && create_if_block$8(ctx);
8699
+ let if_block = /*type*/ ctx[4] && create_if_block$a(ctx);
8591
8700
 
8592
8701
  return {
8593
8702
  c() {
@@ -8617,7 +8726,7 @@ function create_fragment$h(ctx) {
8617
8726
  if (if_block) {
8618
8727
  if_block.p(ctx, dirty);
8619
8728
  } else {
8620
- if_block = create_if_block$8(ctx);
8729
+ if_block = create_if_block$a(ctx);
8621
8730
  if_block.c();
8622
8731
  if_block.m(div, null);
8623
8732
  }
@@ -8657,7 +8766,7 @@ function create_fragment$h(ctx) {
8657
8766
  };
8658
8767
  }
8659
8768
 
8660
- function instance$f($$self, $$props, $$invalidate) {
8769
+ function instance$i($$self, $$props, $$invalidate) {
8661
8770
  let isInverted;
8662
8771
  let _size;
8663
8772
  let { mt = null } = $$props;
@@ -8674,15 +8783,28 @@ function instance$f($$self, $$props, $$invalidate) {
8674
8783
  let { title = "" } = $$props;
8675
8784
  let { testid = "" } = $$props;
8676
8785
 
8786
+ // Private
8787
+ const _iconOverrides = {
8788
+ pencil: `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
8789
+ <path d="M16.1442 5.47956L12.5355 1.87088L13.7196 0.686776C14.0391 0.367257 14.4385 0.212197 14.9178 0.221594C15.3971 0.230992 15.7965 0.39545 16.116 0.714969L17.3283 1.92726C17.6478 2.24678 17.8076 2.64148 17.8076 3.11136C17.8076 3.58124 17.6478 3.97594 17.3283 4.29546L16.1442 5.47956ZM1.03951 17.8424C0.795173 17.8424 0.593125 17.7626 0.433365 17.6028C0.273605 17.443 0.193726 17.241 0.193726 16.9966V14.5721C0.193726 14.4593 0.212521 14.356 0.250112 14.262C0.287702 14.168 0.353485 14.074 0.447461 13.9801L11.4689 2.93435L15.0776 6.54303L4.05615 17.5887C3.96217 17.6827 3.8682 17.7485 3.77422 17.7861C3.68024 17.8236 3.57687 17.8424 3.4641 17.8424H1.03951Z" fill="#333333"/>
8790
+ </svg>`,
8791
+ checkmark: `<svg width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg">
8792
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M6.20129 11.5368L15.9974 0.341265C16.3611 -0.0743717 16.9929 -0.116489 17.4085 0.247193C17.8241 0.610875 17.8663 1.24264 17.5026 1.65827L7.00258 13.6583C6.82032 13.8666 6.5599 13.99 6.28328 13.9992C6.00666 14.0084 5.7386 13.9026 5.54289 13.7069L1.04289 9.20688C0.652369 8.81635 0.652369 8.18319 1.04289 7.79266C1.43342 7.40214 2.06658 7.40214 2.45711 7.79266L6.20129 11.5368Z" fill="#333333"/>
8793
+ </svg>`,
8794
+ remove: `<svg width="16" height="20" viewBox="0 0 16 1" fill="none" xmlns="http://www.w3.org/2000/svg">
8795
+ <path d="M1.5 -0.000244141C0.947715 -0.000244141 0.5 0.447471 0.5 0.999756C0.5 1.55204 0.947715 1.99976 1.5 1.99976H15C15.5523 1.99976 16 1.55204 16 0.999756C16 0.447471 15.5523 -0.000244141 15 -0.000244141H1.5Z" fill="#333333"/>
8796
+ </svg>`
8797
+ };
8798
+
8677
8799
  $$self.$$set = $$props => {
8678
8800
  if ('mt' in $$props) $$invalidate(0, mt = $$props.mt);
8679
8801
  if ('mr' in $$props) $$invalidate(1, mr = $$props.mr);
8680
8802
  if ('mb' in $$props) $$invalidate(2, mb = $$props.mb);
8681
8803
  if ('ml' in $$props) $$invalidate(3, ml = $$props.ml);
8682
8804
  if ('type' in $$props) $$invalidate(4, type = $$props.type);
8683
- if ('size' in $$props) $$invalidate(13, size = $$props.size);
8805
+ if ('size' in $$props) $$invalidate(14, size = $$props.size);
8684
8806
  if ('theme' in $$props) $$invalidate(5, theme = $$props.theme);
8685
- if ('inverted' in $$props) $$invalidate(14, inverted = $$props.inverted);
8807
+ if ('inverted' in $$props) $$invalidate(15, inverted = $$props.inverted);
8686
8808
  if ('fillcolor' in $$props) $$invalidate(6, fillcolor = $$props.fillcolor);
8687
8809
  if ('hovercolor' in $$props) $$invalidate(7, hovercolor = $$props.hovercolor);
8688
8810
  if ('opacity' in $$props) $$invalidate(8, opacity = $$props.opacity);
@@ -8691,11 +8813,11 @@ function instance$f($$self, $$props, $$invalidate) {
8691
8813
  };
8692
8814
 
8693
8815
  $$self.$$.update = () => {
8694
- if ($$self.$$.dirty & /*inverted*/ 16384) {
8816
+ if ($$self.$$.dirty & /*inverted*/ 32768) {
8695
8817
  $$invalidate(12, isInverted = toBoolean(inverted));
8696
8818
  }
8697
8819
 
8698
- if ($$self.$$.dirty & /*size*/ 8192) {
8820
+ if ($$self.$$.dirty & /*size*/ 16384) {
8699
8821
  $$invalidate(11, _size = ({
8700
8822
  small: "1.25rem",
8701
8823
  medium: "1.5rem",
@@ -8718,6 +8840,7 @@ function instance$f($$self, $$props, $$invalidate) {
8718
8840
  testid,
8719
8841
  _size,
8720
8842
  isInverted,
8843
+ _iconOverrides,
8721
8844
  size,
8722
8845
  inverted
8723
8846
  ];
@@ -8726,7 +8849,7 @@ function instance$f($$self, $$props, $$invalidate) {
8726
8849
  class Icon extends SvelteElement {
8727
8850
  constructor(options) {
8728
8851
  super();
8729
- this.shadowRoot.innerHTML = `<style>:host{display:inline-flex;align-items:center}ion-icon{pointer-events:none;width:100%;height:100%}.goa-icon{width:var(--size);height:var(--size);fill:var(--fill-color);color:var(--fill-color);opacity:var(--opacity);display:inline-flex;align-items:center;justify-content:center}.goa-icon:hover ion-icon{fill:var(--hover-color);color:var(--hover-color)}.inverted{color:#fff;fill:#fff}</style>`;
8852
+ this.shadowRoot.innerHTML = `<style>:host{display:inline-flex;align-items:center}ion-icon{pointer-events:none;width:100%;height:100%}.goa-icon{width:var(--size);height:var(--size);fill:var(--fill-color);color:var(--fill-color);opacity:var(--opacity);display:inline-flex;align-items:center;justify-content:center}.goa-icon:hover ion-icon{fill:var(--hover-color);color:var(--hover-color)}.icon-override{display:flex;flex-direction:column;align-items:center}.icon-override *{fill:var(--goa-color-interactive-default)}.inverted *{color:#fff;fill:#fff}</style>`;
8730
8853
 
8731
8854
  init(
8732
8855
  this,
@@ -8735,8 +8858,8 @@ class Icon extends SvelteElement {
8735
8858
  props: attribute_to_object(this.attributes),
8736
8859
  customElement: true
8737
8860
  },
8738
- instance$f,
8739
- create_fragment$h,
8861
+ instance$i,
8862
+ create_fragment$k,
8740
8863
  safe_not_equal,
8741
8864
  {
8742
8865
  mt: 0,
@@ -8744,9 +8867,9 @@ class Icon extends SvelteElement {
8744
8867
  mb: 2,
8745
8868
  ml: 3,
8746
8869
  type: 4,
8747
- size: 13,
8870
+ size: 14,
8748
8871
  theme: 5,
8749
- inverted: 14,
8872
+ inverted: 15,
8750
8873
  fillcolor: 6,
8751
8874
  hovercolor: 7,
8752
8875
  opacity: 8,
@@ -8832,7 +8955,7 @@ class Icon extends SvelteElement {
8832
8955
  }
8833
8956
 
8834
8957
  get size() {
8835
- return this.$$.ctx[13];
8958
+ return this.$$.ctx[14];
8836
8959
  }
8837
8960
 
8838
8961
  set size(size) {
@@ -8850,7 +8973,7 @@ class Icon extends SvelteElement {
8850
8973
  }
8851
8974
 
8852
8975
  get inverted() {
8853
- return this.$$.ctx[14];
8976
+ return this.$$.ctx[15];
8854
8977
  }
8855
8978
 
8856
8979
  set inverted(inverted) {
@@ -8908,7 +9031,7 @@ customElements.define("goa-icon", Icon);
8908
9031
 
8909
9032
  /* libs/web-components/src/components/input/Input.svelte generated by Svelte v3.51.0 */
8910
9033
 
8911
- function create_if_block_4$1(ctx) {
9034
+ function create_if_block_4(ctx) {
8912
9035
  let div;
8913
9036
  let t;
8914
9037
 
@@ -8932,7 +9055,7 @@ function create_if_block_4$1(ctx) {
8932
9055
  }
8933
9056
 
8934
9057
  // (109:4) {#if leadingicon}
8935
- function create_if_block_3$2(ctx) {
9058
+ function create_if_block_3$4(ctx) {
8936
9059
  let goa_icon;
8937
9060
 
8938
9061
  return {
@@ -8957,7 +9080,7 @@ function create_if_block_3$2(ctx) {
8957
9080
  }
8958
9081
 
8959
9082
  // (139:4) {#if trailingicon && !handlesTrailingIconClick}
8960
- function create_if_block_2$3(ctx) {
9083
+ function create_if_block_2$4(ctx) {
8961
9084
  let goa_icon;
8962
9085
 
8963
9086
  return {
@@ -8983,7 +9106,7 @@ function create_if_block_2$3(ctx) {
8983
9106
  }
8984
9107
 
8985
9108
  // (149:4) {#if trailingicon && handlesTrailingIconClick}
8986
- function create_if_block_1$3(ctx) {
9109
+ function create_if_block_1$4(ctx) {
8987
9110
  let goa_icon_button;
8988
9111
  let mounted;
8989
9112
  let dispose;
@@ -9023,7 +9146,7 @@ function create_if_block_1$3(ctx) {
9023
9146
  }
9024
9147
 
9025
9148
  // (161:4) {#if suffix}
9026
- function create_if_block$7(ctx) {
9149
+ function create_if_block$9(ctx) {
9027
9150
  let span;
9028
9151
  let t;
9029
9152
 
@@ -9046,7 +9169,7 @@ function create_if_block$7(ctx) {
9046
9169
  };
9047
9170
  }
9048
9171
 
9049
- function create_fragment$g(ctx) {
9172
+ function create_fragment$j(ctx) {
9050
9173
  let div3;
9051
9174
  let div2;
9052
9175
  let t0;
@@ -9066,11 +9189,11 @@ function create_fragment$g(ctx) {
9066
9189
  let div3_style_value;
9067
9190
  let mounted;
9068
9191
  let dispose;
9069
- let if_block0 = /*prefix*/ ctx[14] && create_if_block_4$1(ctx);
9070
- let if_block1 = /*leadingicon*/ ctx[5] && create_if_block_3$2(ctx);
9071
- let if_block2 = /*trailingicon*/ ctx[6] && !/*handlesTrailingIconClick*/ ctx[24] && create_if_block_2$3(ctx);
9072
- let if_block3 = /*trailingicon*/ ctx[6] && /*handlesTrailingIconClick*/ ctx[24] && create_if_block_1$3(ctx);
9073
- let if_block4 = /*suffix*/ ctx[15] && create_if_block$7(ctx);
9192
+ let if_block0 = /*prefix*/ ctx[14] && create_if_block_4(ctx);
9193
+ let if_block1 = /*leadingicon*/ ctx[5] && create_if_block_3$4(ctx);
9194
+ let if_block2 = /*trailingicon*/ ctx[6] && !/*handlesTrailingIconClick*/ ctx[24] && create_if_block_2$4(ctx);
9195
+ let if_block3 = /*trailingicon*/ ctx[6] && /*handlesTrailingIconClick*/ ctx[24] && create_if_block_1$4(ctx);
9196
+ let if_block4 = /*suffix*/ ctx[15] && create_if_block$9(ctx);
9074
9197
 
9075
9198
  return {
9076
9199
  c() {
@@ -9161,7 +9284,7 @@ function create_fragment$g(ctx) {
9161
9284
  if (if_block0) {
9162
9285
  if_block0.p(ctx, dirty);
9163
9286
  } else {
9164
- if_block0 = create_if_block_4$1(ctx);
9287
+ if_block0 = create_if_block_4(ctx);
9165
9288
  if_block0.c();
9166
9289
  if_block0.m(div2, t0);
9167
9290
  }
@@ -9174,7 +9297,7 @@ function create_fragment$g(ctx) {
9174
9297
  if (if_block1) {
9175
9298
  if_block1.p(ctx, dirty);
9176
9299
  } else {
9177
- if_block1 = create_if_block_3$2(ctx);
9300
+ if_block1 = create_if_block_3$4(ctx);
9178
9301
  if_block1.c();
9179
9302
  if_block1.m(div2, t2);
9180
9303
  }
@@ -9243,7 +9366,7 @@ function create_fragment$g(ctx) {
9243
9366
  if (if_block2) {
9244
9367
  if_block2.p(ctx, dirty);
9245
9368
  } else {
9246
- if_block2 = create_if_block_2$3(ctx);
9369
+ if_block2 = create_if_block_2$4(ctx);
9247
9370
  if_block2.c();
9248
9371
  if_block2.m(div2, t4);
9249
9372
  }
@@ -9256,7 +9379,7 @@ function create_fragment$g(ctx) {
9256
9379
  if (if_block3) {
9257
9380
  if_block3.p(ctx, dirty);
9258
9381
  } else {
9259
- if_block3 = create_if_block_1$3(ctx);
9382
+ if_block3 = create_if_block_1$4(ctx);
9260
9383
  if_block3.c();
9261
9384
  if_block3.m(div2, t5);
9262
9385
  }
@@ -9269,7 +9392,7 @@ function create_fragment$g(ctx) {
9269
9392
  if (if_block4) {
9270
9393
  if_block4.p(ctx, dirty);
9271
9394
  } else {
9272
- if_block4 = create_if_block$7(ctx);
9395
+ if_block4 = create_if_block$9(ctx);
9273
9396
  if_block4.c();
9274
9397
  if_block4.m(div2, t6);
9275
9398
  }
@@ -9318,7 +9441,7 @@ function doClick() {
9318
9441
  this.dispatchEvent(new CustomEvent("_trailingIconClick", { composed: true }));
9319
9442
  }
9320
9443
 
9321
- function instance$e($$self, $$props, $$invalidate) {
9444
+ function instance$h($$self, $$props, $$invalidate) {
9322
9445
  let handlesTrailingIconClick;
9323
9446
  let isFocused;
9324
9447
  let isReadonly;
@@ -9528,8 +9651,8 @@ class Input extends SvelteElement {
9528
9651
  props: attribute_to_object(this.attributes),
9529
9652
  customElement: true
9530
9653
  },
9531
- instance$e,
9532
- create_fragment$g,
9654
+ instance$h,
9655
+ create_fragment$j,
9533
9656
  safe_not_equal,
9534
9657
  {
9535
9658
  type: 1,
@@ -9845,7 +9968,7 @@ customElements.define("goa-input", Input);
9845
9968
 
9846
9969
  /* libs/web-components/src/components/microsite-header/MicrositeHeader.svelte generated by Svelte v3.51.0 */
9847
9970
 
9848
- function create_if_block_3$1(ctx) {
9971
+ function create_if_block_3$3(ctx) {
9849
9972
  let div0;
9850
9973
  let t0;
9851
9974
  let div1;
@@ -9875,7 +9998,7 @@ function create_if_block_3$1(ctx) {
9875
9998
  }
9876
9999
 
9877
10000
  // (41:2) {#if ["alpha", "beta"].includes(type)}
9878
- function create_if_block_1$2(ctx) {
10001
+ function create_if_block_1$3(ctx) {
9879
10002
  let div0;
9880
10003
  let t0_value = capitalize(/*type*/ ctx[0]) + "";
9881
10004
  let t0;
@@ -9885,7 +10008,7 @@ function create_if_block_1$2(ctx) {
9885
10008
  let t2;
9886
10009
  let a;
9887
10010
  let t4;
9888
- let if_block = /*feedbackurl*/ ctx[2] && create_if_block_2$2(ctx);
10011
+ let if_block = /*feedbackurl*/ ctx[2] && create_if_block_2$3(ctx);
9889
10012
 
9890
10013
  return {
9891
10014
  c() {
@@ -9925,7 +10048,7 @@ function create_if_block_1$2(ctx) {
9925
10048
  if (if_block) {
9926
10049
  if_block.p(ctx, dirty);
9927
10050
  } else {
9928
- if_block = create_if_block_2$2(ctx);
10051
+ if_block = create_if_block_2$3(ctx);
9929
10052
  if_block.c();
9930
10053
  if_block.m(div1, null);
9931
10054
  }
@@ -9944,7 +10067,7 @@ function create_if_block_1$2(ctx) {
9944
10067
  }
9945
10068
 
9946
10069
  // (50:6) {#if feedbackurl}
9947
- function create_if_block_2$2(ctx) {
10070
+ function create_if_block_2$3(ctx) {
9948
10071
  let span;
9949
10072
  let t0;
9950
10073
  let a;
@@ -9977,7 +10100,7 @@ function create_if_block_2$2(ctx) {
9977
10100
  }
9978
10101
 
9979
10102
  // (56:2) {#if version}
9980
- function create_if_block$6(ctx) {
10103
+ function create_if_block$8(ctx) {
9981
10104
  let div;
9982
10105
  let t;
9983
10106
 
@@ -10001,16 +10124,16 @@ function create_if_block$6(ctx) {
10001
10124
  };
10002
10125
  }
10003
10126
 
10004
- function create_fragment$f(ctx) {
10127
+ function create_fragment$i(ctx) {
10005
10128
  let header;
10006
10129
  let t0;
10007
10130
  let show_if = ["alpha", "beta"].includes(/*type*/ ctx[0]);
10008
10131
  let t1;
10009
10132
  let div;
10010
10133
  let t2;
10011
- let if_block0 = /*type*/ ctx[0] === "live" && create_if_block_3$1();
10012
- let if_block1 = show_if && create_if_block_1$2(ctx);
10013
- let if_block2 = /*version*/ ctx[1] && create_if_block$6(ctx);
10134
+ let if_block0 = /*type*/ ctx[0] === "live" && create_if_block_3$3();
10135
+ let if_block1 = show_if && create_if_block_1$3(ctx);
10136
+ let if_block2 = /*version*/ ctx[1] && create_if_block$8(ctx);
10014
10137
 
10015
10138
  return {
10016
10139
  c() {
@@ -10039,7 +10162,7 @@ function create_fragment$f(ctx) {
10039
10162
  p(ctx, [dirty]) {
10040
10163
  if (/*type*/ ctx[0] === "live") {
10041
10164
  if (if_block0) ; else {
10042
- if_block0 = create_if_block_3$1();
10165
+ if_block0 = create_if_block_3$3();
10043
10166
  if_block0.c();
10044
10167
  if_block0.m(header, t0);
10045
10168
  }
@@ -10054,7 +10177,7 @@ function create_fragment$f(ctx) {
10054
10177
  if (if_block1) {
10055
10178
  if_block1.p(ctx, dirty);
10056
10179
  } else {
10057
- if_block1 = create_if_block_1$2(ctx);
10180
+ if_block1 = create_if_block_1$3(ctx);
10058
10181
  if_block1.c();
10059
10182
  if_block1.m(header, t1);
10060
10183
  }
@@ -10067,7 +10190,7 @@ function create_fragment$f(ctx) {
10067
10190
  if (if_block2) {
10068
10191
  if_block2.p(ctx, dirty);
10069
10192
  } else {
10070
- if_block2 = create_if_block$6(ctx);
10193
+ if_block2 = create_if_block$8(ctx);
10071
10194
  if_block2.c();
10072
10195
  if_block2.m(header, null);
10073
10196
  }
@@ -10092,7 +10215,7 @@ function capitalize(val) {
10092
10215
  return val[0].toUpperCase() + val.slice(1);
10093
10216
  }
10094
10217
 
10095
- function instance$d($$self, $$props, $$invalidate) {
10218
+ function instance$g($$self, $$props, $$invalidate) {
10096
10219
  const [Types, validateType] = typeValidator("Microsite header type", ["live", "alpha", "beta"], true);
10097
10220
  let { type } = $$props;
10098
10221
  let { version = "" } = $$props;
@@ -10123,8 +10246,8 @@ class MicrositeHeader extends SvelteElement {
10123
10246
  props: attribute_to_object(this.attributes),
10124
10247
  customElement: true
10125
10248
  },
10126
- instance$d,
10127
- create_fragment$f,
10249
+ instance$g,
10250
+ create_fragment$i,
10128
10251
  safe_not_equal,
10129
10252
  { type: 0, version: 1, feedbackurl: 2 },
10130
10253
  null
@@ -10178,100 +10301,110 @@ customElements.define("goa-microsite-header", MicrositeHeader);
10178
10301
 
10179
10302
  /* libs/web-components/src/components/modal/Modal.svelte generated by Svelte v3.51.0 */
10180
10303
 
10181
- function create_if_block$5(ctx) {
10304
+ function create_if_block$7(ctx) {
10182
10305
  let goa_focus_trap;
10183
- let div5;
10306
+ let div6;
10184
10307
  let div0;
10185
10308
  let t0;
10186
- let div4;
10309
+ let div5;
10187
10310
  let t1;
10188
- let div3;
10311
+ let div4;
10312
+ let header;
10313
+ let div1;
10189
10314
  let t2;
10190
10315
  let t3;
10191
- let div1;
10192
- let t4;
10193
- let slot0;
10194
- let t5;
10195
10316
  let div2;
10196
- let div4_intro;
10197
- let div4_outro;
10198
- let div5_style_value;
10199
- let noscroll_action;
10317
+ let goa_scrollable;
10318
+ let t4;
10319
+ let div3;
10200
10320
  let div5_intro;
10201
10321
  let div5_outro;
10322
+ let div6_style_value;
10323
+ let noscroll_action;
10324
+ let div6_intro;
10325
+ let div6_outro;
10202
10326
  let current;
10203
10327
  let mounted;
10204
10328
  let dispose;
10205
- let if_block0 = /*calloutvariant*/ ctx[3] !== null && create_if_block_4(ctx);
10206
- let if_block1 = /*heading*/ ctx[0] && create_if_block_3(ctx);
10207
- let if_block2 = /*isClosable*/ ctx[4] && create_if_block_2$1(ctx);
10329
+ let if_block0 = /*calloutvariant*/ ctx[3] !== null && create_if_block_3$2(ctx);
10208
10330
 
10209
10331
  function select_block_type(ctx, dirty) {
10210
- return create_if_block_1$1;
10332
+ if (/*heading*/ ctx[0]) return create_if_block_2$2;
10333
+ return create_else_block$3;
10211
10334
  }
10212
10335
 
10213
- let current_block_type = select_block_type();
10214
- let if_block3 = current_block_type(ctx);
10336
+ let current_block_type = select_block_type(ctx);
10337
+ let if_block1 = current_block_type(ctx);
10338
+ let if_block2 = /*_isClosable*/ ctx[7] && create_if_block_1$2(ctx);
10215
10339
 
10216
10340
  return {
10217
10341
  c() {
10218
10342
  goa_focus_trap = element("goa-focus-trap");
10219
- div5 = element("div");
10343
+ div6 = element("div");
10220
10344
  div0 = element("div");
10221
10345
  t0 = space();
10222
- div4 = element("div");
10346
+ div5 = element("div");
10223
10347
  if (if_block0) if_block0.c();
10224
10348
  t1 = space();
10225
- div3 = element("div");
10226
- if (if_block1) if_block1.c();
10349
+ div4 = element("div");
10350
+ header = element("header");
10351
+ div1 = element("div");
10352
+ if_block1.c();
10227
10353
  t2 = space();
10228
10354
  if (if_block2) if_block2.c();
10229
10355
  t3 = space();
10230
- div1 = element("div");
10231
- if_block3.c();
10232
- t4 = space();
10233
- slot0 = element("slot");
10234
- t5 = space();
10235
10356
  div2 = element("div");
10236
- div2.innerHTML = `<slot name="actions"></slot>`;
10357
+ goa_scrollable = element("goa-scrollable");
10358
+ goa_scrollable.innerHTML = `<slot></slot>`;
10359
+ t4 = space();
10360
+ div3 = element("div");
10361
+ div3.innerHTML = `<slot name="actions"></slot>`;
10237
10362
  attr(div0, "data-testid", "modal-overlay");
10238
10363
  attr(div0, "class", "modal-overlay");
10239
- attr(div1, "data-testid", "modal-content");
10240
- attr(div1, "class", "modal-content");
10241
- attr(div2, "class", "modal-actions");
10242
- attr(div2, "data-testid", "modal-actions");
10243
- attr(div3, "class", "content");
10244
- attr(div4, "class", "modal-pane");
10245
- attr(div5, "data-testid", "modal");
10246
- attr(div5, "class", "modal");
10247
- attr(div5, "style", div5_style_value = "" + ((/*width*/ ctx[2] && `--width: ${/*width*/ ctx[2]};`) + ";"));
10364
+ attr(div1, "data-testid", "modal-title");
10365
+ attr(div1, "class", "modal-title");
10366
+ set_custom_element_data(goa_scrollable, "direction", "vertical");
10367
+ set_custom_element_data(goa_scrollable, "hpadding", "1.9rem");
10368
+ set_custom_element_data(goa_scrollable, "maxheight", "70vh");
10369
+ attr(div2, "data-testid", "modal-content");
10370
+ attr(div2, "class", "modal-content");
10371
+ attr(div3, "class", "modal-actions");
10372
+ attr(div3, "data-testid", "modal-actions");
10373
+ attr(div4, "class", "content");
10374
+ attr(div5, "class", "modal-pane");
10375
+ attr(div6, "data-testid", "modal");
10376
+ attr(div6, "class", "modal");
10377
+ attr(div6, "style", div6_style_value = /*width*/ ctx[2] && `--width: ${/*width*/ ctx[2]};`);
10248
10378
  set_custom_element_data(goa_focus_trap, "active", /*open*/ ctx[1]);
10249
10379
  },
10250
10380
  m(target, anchor) {
10251
10381
  insert(target, goa_focus_trap, anchor);
10252
- append(goa_focus_trap, div5);
10253
- append(div5, div0);
10254
- append(div5, t0);
10382
+ append(goa_focus_trap, div6);
10383
+ append(div6, div0);
10384
+ append(div6, t0);
10385
+ append(div6, div5);
10386
+ if (if_block0) if_block0.m(div5, null);
10387
+ append(div5, t1);
10255
10388
  append(div5, div4);
10256
- if (if_block0) if_block0.m(div4, null);
10257
- append(div4, t1);
10389
+ append(div4, header);
10390
+ append(header, div1);
10391
+ if_block1.m(div1, null);
10392
+ append(header, t2);
10393
+ if (if_block2) if_block2.m(header, null);
10394
+ append(div4, t3);
10395
+ append(div4, div2);
10396
+ append(div2, goa_scrollable);
10397
+ /*goa_scrollable_binding*/ ctx[14](goa_scrollable);
10398
+ /*div2_binding*/ ctx[15](div2);
10399
+ append(div4, t4);
10258
10400
  append(div4, div3);
10259
- if (if_block1) if_block1.m(div3, null);
10260
- append(div3, t2);
10261
- if (if_block2) if_block2.m(div3, null);
10262
- append(div3, t3);
10263
- append(div3, div1);
10264
- if_block3.m(div1, null);
10265
- append(div1, t4);
10266
- append(div1, slot0);
10267
- append(div3, t5);
10268
- append(div3, div2);
10269
10401
  current = true;
10270
10402
 
10271
10403
  if (!mounted) {
10272
10404
  dispose = [
10273
- listen(div0, "click", /*close*/ ctx[8]),
10274
- action_destroyer(noscroll_action = noscroll.call(null, div5, { enable: /*isOpen*/ ctx[7] }))
10405
+ listen(div0, "click", /*close*/ ctx[10]),
10406
+ listen(goa_scrollable, "_scroll", /*handleScroll*/ ctx[11]),
10407
+ action_destroyer(noscroll_action = noscroll.call(null, div6, { enable: /*_isOpen*/ ctx[6] }))
10275
10408
  ];
10276
10409
 
10277
10410
  mounted = true;
@@ -10284,46 +10417,45 @@ function create_if_block$5(ctx) {
10284
10417
  if (if_block0) {
10285
10418
  if_block0.p(ctx, dirty);
10286
10419
  } else {
10287
- if_block0 = create_if_block_4(ctx);
10420
+ if_block0 = create_if_block_3$2(ctx);
10288
10421
  if_block0.c();
10289
- if_block0.m(div4, t1);
10422
+ if_block0.m(div5, t1);
10290
10423
  }
10291
10424
  } else if (if_block0) {
10292
10425
  if_block0.d(1);
10293
10426
  if_block0 = null;
10294
10427
  }
10295
10428
 
10296
- if (/*heading*/ ctx[0]) {
10429
+ if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block1) {
10430
+ if_block1.p(ctx, dirty);
10431
+ } else {
10432
+ if_block1.d(1);
10433
+ if_block1 = current_block_type(ctx);
10434
+
10297
10435
  if (if_block1) {
10298
- if_block1.p(ctx, dirty);
10299
- } else {
10300
- if_block1 = create_if_block_3(ctx);
10301
10436
  if_block1.c();
10302
- if_block1.m(div3, t2);
10437
+ if_block1.m(div1, null);
10303
10438
  }
10304
- } else if (if_block1) {
10305
- if_block1.d(1);
10306
- if_block1 = null;
10307
10439
  }
10308
10440
 
10309
- if (/*isClosable*/ ctx[4]) {
10441
+ if (/*_isClosable*/ ctx[7]) {
10310
10442
  if (if_block2) {
10311
10443
  if_block2.p(ctx, dirty);
10312
10444
  } else {
10313
- if_block2 = create_if_block_2$1(ctx);
10445
+ if_block2 = create_if_block_1$2(ctx);
10314
10446
  if_block2.c();
10315
- if_block2.m(div3, t3);
10447
+ if_block2.m(header, null);
10316
10448
  }
10317
10449
  } else if (if_block2) {
10318
10450
  if_block2.d(1);
10319
10451
  if_block2 = null;
10320
10452
  }
10321
10453
 
10322
- if (!current || dirty & /*width*/ 4 && div5_style_value !== (div5_style_value = "" + ((/*width*/ ctx[2] && `--width: ${/*width*/ ctx[2]};`) + ";"))) {
10323
- attr(div5, "style", div5_style_value);
10454
+ if (!current || dirty & /*width*/ 4 && div6_style_value !== (div6_style_value = /*width*/ ctx[2] && `--width: ${/*width*/ ctx[2]};`)) {
10455
+ attr(div6, "style", div6_style_value);
10324
10456
  }
10325
10457
 
10326
- if (noscroll_action && is_function(noscroll_action.update) && dirty & /*isOpen*/ 128) noscroll_action.update.call(null, { enable: /*isOpen*/ ctx[7] });
10458
+ if (noscroll_action && is_function(noscroll_action.update) && dirty & /*_isOpen*/ 64) noscroll_action.update.call(null, { enable: /*_isOpen*/ ctx[6] });
10327
10459
 
10328
10460
  if (!current || dirty & /*open*/ 2) {
10329
10461
  set_custom_element_data(goa_focus_trap, "active", /*open*/ ctx[1]);
@@ -10333,38 +10465,38 @@ function create_if_block$5(ctx) {
10333
10465
  if (current) return;
10334
10466
 
10335
10467
  add_render_callback(() => {
10336
- if (div4_outro) div4_outro.end(1);
10468
+ if (div5_outro) div5_outro.end(1);
10337
10469
 
10338
- div4_intro = create_in_transition(div4, fly, {
10339
- duration: /*_transitionTime*/ ctx[6],
10470
+ div5_intro = create_in_transition(div5, fly, {
10471
+ duration: /*_transitionTime*/ ctx[9],
10340
10472
  y: 200
10341
10473
  });
10342
10474
 
10343
- div4_intro.start();
10475
+ div5_intro.start();
10344
10476
  });
10345
10477
 
10346
10478
  add_render_callback(() => {
10347
- if (div5_outro) div5_outro.end(1);
10348
- div5_intro = create_in_transition(div5, fade, { duration: /*_transitionTime*/ ctx[6] });
10349
- div5_intro.start();
10479
+ if (div6_outro) div6_outro.end(1);
10480
+ div6_intro = create_in_transition(div6, fade, { duration: /*_transitionTime*/ ctx[9] });
10481
+ div6_intro.start();
10350
10482
  });
10351
10483
 
10352
10484
  current = true;
10353
10485
  },
10354
10486
  o(local) {
10355
- if (div4_intro) div4_intro.invalidate();
10487
+ if (div5_intro) div5_intro.invalidate();
10356
10488
 
10357
- div4_outro = create_out_transition(div4, fly, {
10358
- delay: /*_transitionTime*/ ctx[6],
10359
- duration: /*_transitionTime*/ ctx[6],
10489
+ div5_outro = create_out_transition(div5, fly, {
10490
+ delay: /*_transitionTime*/ ctx[9],
10491
+ duration: /*_transitionTime*/ ctx[9],
10360
10492
  y: -100
10361
10493
  });
10362
10494
 
10363
- if (div5_intro) div5_intro.invalidate();
10495
+ if (div6_intro) div6_intro.invalidate();
10364
10496
 
10365
- div5_outro = create_out_transition(div5, fade, {
10366
- delay: /*_transitionTime*/ ctx[6],
10367
- duration: /*_transitionTime*/ ctx[6]
10497
+ div6_outro = create_out_transition(div6, fade, {
10498
+ delay: /*_transitionTime*/ ctx[9],
10499
+ duration: /*_transitionTime*/ ctx[9]
10368
10500
  });
10369
10501
 
10370
10502
  current = false;
@@ -10372,19 +10504,20 @@ function create_if_block$5(ctx) {
10372
10504
  d(detaching) {
10373
10505
  if (detaching) detach(goa_focus_trap);
10374
10506
  if (if_block0) if_block0.d();
10375
- if (if_block1) if_block1.d();
10507
+ if_block1.d();
10376
10508
  if (if_block2) if_block2.d();
10377
- if_block3.d();
10378
- if (detaching && div4_outro) div4_outro.end();
10509
+ /*goa_scrollable_binding*/ ctx[14](null);
10510
+ /*div2_binding*/ ctx[15](null);
10379
10511
  if (detaching && div5_outro) div5_outro.end();
10512
+ if (detaching && div6_outro) div6_outro.end();
10380
10513
  mounted = false;
10381
10514
  run_all(dispose);
10382
10515
  }
10383
10516
  };
10384
10517
  }
10385
10518
 
10386
- // (67:8) {#if calloutvariant !== null}
10387
- function create_if_block_4(ctx) {
10519
+ // (102:8) {#if calloutvariant !== null}
10520
+ function create_if_block_3$2(ctx) {
10388
10521
  let div;
10389
10522
  let goa_icon;
10390
10523
  let goa_icon_inverted_value;
@@ -10394,7 +10527,7 @@ function create_if_block_4(ctx) {
10394
10527
  c() {
10395
10528
  div = element("div");
10396
10529
  goa_icon = element("goa-icon");
10397
- set_custom_element_data(goa_icon, "type", /*iconType*/ ctx[5]);
10530
+ set_custom_element_data(goa_icon, "type", /*_iconType*/ ctx[8]);
10398
10531
 
10399
10532
  set_custom_element_data(goa_icon, "inverted", goa_icon_inverted_value = /*calloutvariant*/ ctx[3] === "important"
10400
10533
  ? "false"
@@ -10407,8 +10540,8 @@ function create_if_block_4(ctx) {
10407
10540
  append(div, goa_icon);
10408
10541
  },
10409
10542
  p(ctx, dirty) {
10410
- if (dirty & /*iconType*/ 32) {
10411
- set_custom_element_data(goa_icon, "type", /*iconType*/ ctx[5]);
10543
+ if (dirty & /*_iconType*/ 256) {
10544
+ set_custom_element_data(goa_icon, "type", /*_iconType*/ ctx[8]);
10412
10545
  }
10413
10546
 
10414
10547
  if (dirty & /*calloutvariant*/ 8 && goa_icon_inverted_value !== (goa_icon_inverted_value = /*calloutvariant*/ ctx[3] === "important"
@@ -10427,33 +10560,47 @@ function create_if_block_4(ctx) {
10427
10560
  };
10428
10561
  }
10429
10562
 
10430
- // (76:10) {#if heading}
10431
- function create_if_block_3(ctx) {
10432
- let div;
10563
+ // (115:14) {:else}
10564
+ function create_else_block$3(ctx) {
10565
+ let slot;
10566
+
10567
+ return {
10568
+ c() {
10569
+ slot = element("slot");
10570
+ attr(slot, "name", "heading");
10571
+ },
10572
+ m(target, anchor) {
10573
+ insert(target, slot, anchor);
10574
+ },
10575
+ p: noop,
10576
+ d(detaching) {
10577
+ if (detaching) detach(slot);
10578
+ }
10579
+ };
10580
+ }
10581
+
10582
+ // (113:14) {#if heading}
10583
+ function create_if_block_2$2(ctx) {
10433
10584
  let t;
10434
10585
 
10435
10586
  return {
10436
10587
  c() {
10437
- div = element("div");
10438
10588
  t = text(/*heading*/ ctx[0]);
10439
- attr(div, "data-testid", "modal-title");
10440
- attr(div, "class", "modal-title");
10441
10589
  },
10442
10590
  m(target, anchor) {
10443
- insert(target, div, anchor);
10444
- append(div, t);
10591
+ insert(target, t, anchor);
10445
10592
  },
10446
10593
  p(ctx, dirty) {
10447
10594
  if (dirty & /*heading*/ 1) set_data(t, /*heading*/ ctx[0]);
10448
10595
  },
10449
10596
  d(detaching) {
10450
- if (detaching) detach(div);
10597
+ if (detaching) detach(t);
10451
10598
  }
10452
10599
  };
10453
10600
  }
10454
10601
 
10455
- // (79:10) {#if isClosable}
10456
- function create_if_block_2$1(ctx) {
10602
+ // (119:12) {#if _isClosable}
10603
+ function create_if_block_1$2(ctx) {
10457
10604
  let div;
10458
10605
  let goa_icon_button;
10459
10606
  let mounted;
@@ -10473,7 +10620,7 @@ function create_if_block_2$1(ctx) {
10473
10620
  append(div, goa_icon_button);
10474
10621
 
10475
10622
  if (!mounted) {
10476
- dispose = listen(goa_icon_button, "click", /*close*/ ctx[8]);
10623
+ dispose = listen(goa_icon_button, "click", /*close*/ ctx[10]);
10477
10624
  mounted = true;
10478
10625
  }
10479
10626
  },
@@ -10486,30 +10633,10 @@ function create_if_block_2$1(ctx) {
10486
10633
  };
10487
10634
  }
10488
10635
 
10489
- // (91:12) {#if isScrollable}
10490
- function create_if_block_1$1(ctx) {
10491
- let goa_scrollable;
10492
-
10493
- return {
10494
- c() {
10495
- goa_scrollable = element("goa-scrollable");
10496
- goa_scrollable.innerHTML = `<slot></slot>`;
10497
- set_custom_element_data(goa_scrollable, "direction", "vertical");
10498
- set_custom_element_data(goa_scrollable, "height", "50");
10499
- },
10500
- m(target, anchor) {
10501
- insert(target, goa_scrollable, anchor);
10502
- },
10503
- d(detaching) {
10504
- if (detaching) detach(goa_scrollable);
10505
- }
10506
- };
10507
- }
10508
-
10509
- function create_fragment$e(ctx) {
10636
+ function create_fragment$h(ctx) {
10510
10637
  let if_block_anchor;
10511
10638
  let current;
10512
- let if_block = /*isOpen*/ ctx[7] && create_if_block$5(ctx);
10639
+ let if_block = /*_isOpen*/ ctx[6] && create_if_block$7(ctx);
10513
10640
 
10514
10641
  return {
10515
10642
  c() {
@@ -10523,15 +10650,15 @@ function create_fragment$e(ctx) {
10523
10650
  current = true;
10524
10651
  },
10525
10652
  p(ctx, [dirty]) {
10526
- if (/*isOpen*/ ctx[7]) {
10653
+ if (/*_isOpen*/ ctx[6]) {
10527
10654
  if (if_block) {
10528
10655
  if_block.p(ctx, dirty);
10529
10656
 
10530
- if (dirty & /*isOpen*/ 128) {
10657
+ if (dirty & /*_isOpen*/ 64) {
10531
10658
  transition_in(if_block, 1);
10532
10659
  }
10533
10660
  } else {
10534
- if_block = create_if_block$5(ctx);
10661
+ if_block = create_if_block$7(ctx);
10535
10662
  if_block.c();
10536
10663
  transition_in(if_block, 1);
10537
10664
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -10562,13 +10689,11 @@ function create_fragment$e(ctx) {
10562
10689
  };
10563
10690
  }
10564
10691
 
10565
- function instance$c($$self, $$props, $$invalidate) {
10566
- let isClosable;
10567
- let isOpen;
10692
+ function instance$f($$self, $$props, $$invalidate) {
10693
+ let _isClosable;
10694
+ let _isOpen;
10568
10695
  let _transitionTime;
10569
- let iconType;
10570
- const [CALLOUT_VARIANT, validateCalloutVariant] = typeValidator("Callout variant", ["emergency", "important", "information", "success", "event"]);
10571
- const [Transitions, validateTransition] = typeValidator("Modal transition", ["fast", "slow", "none"]);
10696
+ let _iconType;
10572
10697
  let { heading = "" } = $$props;
10573
10698
  let { closable = "false" } = $$props;
10574
10699
  let { open = "false" } = $$props;
@@ -10576,8 +10701,25 @@ function instance$c($$self, $$props, $$invalidate) {
10576
10701
  let { width = "" } = $$props;
10577
10702
  let { calloutvariant = null } = $$props;
10578
10703
 
10704
+ // Private
10705
+ let _contentEl = null;
10706
+
10707
+ let _scrollEl = null;
10708
+
10709
+ // Type verification
10710
+ const [CALLOUT_VARIANT, validateCalloutVariant] = typeValidator("Callout variant", ["emergency", "important", "information", "success", "event"]);
10711
+
10712
+ const [Transitions, validateTransition] = typeValidator("Modal transition", ["fast", "slow", "none"]);
10713
+
10714
+ // Hooks
10715
+ onMount(() => {
10716
+ validateCalloutVariant(calloutvariant);
10717
+ validateTransition(transition);
10718
+ });
10719
+
10720
+ // Functions
10579
10721
  function close(e) {
10580
- if (!isClosable) {
10722
+ if (!_isClosable) {
10581
10723
  return;
10582
10724
  }
10583
10725
 
@@ -10585,37 +10727,82 @@ function instance$c($$self, $$props, $$invalidate) {
10585
10727
  e.stopPropagation();
10586
10728
  }
10587
10729
 
10588
- onMount(() => {
10589
- validateCalloutVariant(calloutvariant);
10590
- validateTransition(transition);
10591
- });
10730
+ function handleScroll(e) {
10731
+ const hasScroll = e.detail.scrollHeight > e.detail.offsetHeight;
10732
+
10733
+ if (_isOpen && hasScroll) {
10734
+ const atTop = e.detail.scrollTop == 0;
10735
+ const atBottom = Math.abs(e.detail.scrollHeight - e.detail.scrollTop - e.detail.offsetHeight) < 1;
10736
+ _contentEl.classList.remove("scroll-top", "scroll-bottom", "scroll-middle");
10737
+
10738
+ if (atTop) {
10739
+ _contentEl.classList.add("scroll-top");
10740
+ } else if (atBottom) {
10741
+ _contentEl.classList.add("scroll-bottom");
10742
+ } else {
10743
+ _contentEl.classList.add("scroll-middle");
10744
+ }
10745
+ }
10746
+ }
10747
+
10748
+ function goa_scrollable_binding($$value) {
10749
+ binding_callbacks[$$value ? 'unshift' : 'push'](() => {
10750
+ _scrollEl = $$value;
10751
+ (($$invalidate(5, _scrollEl), $$invalidate(6, _isOpen)), $$invalidate(1, open));
10752
+ });
10753
+ }
10754
+
10755
+ function div2_binding($$value) {
10756
+ binding_callbacks[$$value ? 'unshift' : 'push'](() => {
10757
+ _contentEl = $$value;
10758
+ (($$invalidate(4, _contentEl), $$invalidate(6, _isOpen)), $$invalidate(1, open));
10759
+ });
10760
+ }
10592
10761
 
10593
10762
  $$self.$$set = $$props => {
10594
10763
  if ('heading' in $$props) $$invalidate(0, heading = $$props.heading);
10595
- if ('closable' in $$props) $$invalidate(9, closable = $$props.closable);
10764
+ if ('closable' in $$props) $$invalidate(12, closable = $$props.closable);
10596
10765
  if ('open' in $$props) $$invalidate(1, open = $$props.open);
10597
- if ('transition' in $$props) $$invalidate(10, transition = $$props.transition);
10766
+ if ('transition' in $$props) $$invalidate(13, transition = $$props.transition);
10598
10767
  if ('width' in $$props) $$invalidate(2, width = $$props.width);
10599
10768
  if ('calloutvariant' in $$props) $$invalidate(3, calloutvariant = $$props.calloutvariant);
10600
10769
  };
10601
10770
 
10602
10771
  $$self.$$.update = () => {
10603
- if ($$self.$$.dirty & /*closable*/ 512) {
10604
- $$invalidate(4, isClosable = toBoolean(closable));
10772
+ if ($$self.$$.dirty & /*closable*/ 4096) {
10773
+ // Reactive
10774
+ $$invalidate(7, _isClosable = toBoolean(closable));
10605
10775
  }
10606
10776
 
10607
10777
  if ($$self.$$.dirty & /*open*/ 2) {
10608
- $$invalidate(7, isOpen = toBoolean(open));
10778
+ $$invalidate(6, _isOpen = toBoolean(open));
10609
10779
  }
10610
10780
 
10611
- if ($$self.$$.dirty & /*transition*/ 1024) {
10612
- $$invalidate(6, _transitionTime = transition === "none"
10781
+ if ($$self.$$.dirty & /*_isOpen*/ 64) {
10782
+ if (!_isOpen) {
10783
+ // prevent null issues
10784
+ $$invalidate(4, _contentEl = $$invalidate(5, _scrollEl = null));
10785
+ }
10786
+ }
10787
+
10788
+ if ($$self.$$.dirty & /*_isOpen, _scrollEl, _contentEl*/ 112) {
10789
+ if (_isOpen && _scrollEl && _contentEl) {
10790
+ const hasScroll = _scrollEl.scrollHeight > _scrollEl.offsetHeight;
10791
+
10792
+ if (hasScroll) {
10793
+ _contentEl.classList.add("scroll-top");
10794
+ }
10795
+ }
10796
+ }
10797
+
10798
+ if ($$self.$$.dirty & /*transition*/ 8192) {
10799
+ $$invalidate(9, _transitionTime = transition === "none"
10613
10800
  ? 0
10614
10801
  : transition === "slow" ? 400 : 200);
10615
10802
  }
10616
10803
 
10617
10804
  if ($$self.$$.dirty & /*calloutvariant*/ 8) {
10618
- $$invalidate(5, iconType = calloutvariant === "emergency"
10805
+ $$invalidate(8, _iconType = calloutvariant === "emergency"
10619
10806
  ? "warning"
10620
10807
  : calloutvariant === "important"
10621
10808
  ? "alert-circle"
@@ -10632,20 +10819,25 @@ function instance$c($$self, $$props, $$invalidate) {
10632
10819
  open,
10633
10820
  width,
10634
10821
  calloutvariant,
10635
- isClosable,
10636
- iconType,
10822
+ _contentEl,
10823
+ _scrollEl,
10824
+ _isOpen,
10825
+ _isClosable,
10826
+ _iconType,
10637
10827
  _transitionTime,
10638
- isOpen,
10639
10828
  close,
10829
+ handleScroll,
10640
10830
  closable,
10641
- transition
10831
+ transition,
10832
+ goa_scrollable_binding,
10833
+ div2_binding
10642
10834
  ];
10643
10835
  }
10644
10836
 
10645
10837
  class Modal extends SvelteElement {
10646
10838
  constructor(options) {
10647
10839
  super();
10648
- this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.modal{font-family:var(--goa-font-family-sans);position:fixed;inset:0;display:flex;align-items:center;justify-content:center;height:100vh;width:100%;z-index:100}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.2);z-index:1000}.emergency{background-color:var(--goa-color-emergency-default)}.important{background-color:var(--goa-color-warning-default)}.information{background-color:var(--goa-color-info-default)}.event{background-color:var(--goa-color-info-default)}.success{background-color:var(--goa-color-success-default)}.callout-bar{flex:0 0 3rem;text-align:center;padding-top:2rem;border-radius:4px 0px 0px 4px}.content{flex:1 1 auto;width:100%;margin:2rem 2rem}.modal-pane{position:relative;background-color:#fff;z-index:1001;width:90%;display:flex;margin:1rem;box-shadow:var(--goa-shadow-modal);border-radius:4px;max-height:90%;border:1px solid var(--goa-color-greyscale-700)}@media(min-width: 640px){.modal-pane{width:var(--width, 60ch);max-height:80%}}.modal-actions ::slotted(div){margin:1.5rem 0 0}.modal-content ::slotted(:last-child){margin-bottom:0 !important}.modal-close{position:absolute;top:2rem;right:2rem}.modal-title{font-size:var(--goa-font-size-7);margin:0 0 1.5rem;margin-right:40px;flex:0 0 auto}.modal-content{line-height:1.75rem}</style>`;
10840
+ this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}:host *{box-sizing:border-box}.modal{font-family:var(--goa-font-family-sans);position:fixed;inset:0;display:flex;align-items:center;justify-content:center;height:100vh;width:100%;z-index:100}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.2);z-index:1000}.emergency{background-color:var(--goa-color-emergency-default)}.important{background-color:var(--goa-color-warning-default)}.information{background-color:var(--goa-color-info-default)}.event{background-color:var(--goa-color-info-default)}.success{background-color:var(--goa-color-success-default)}.callout-bar{flex:0 0 3rem;text-align:center;padding-top:2rem;border-radius:4px 0px 0px 4px}.content{flex:1 1 auto;width:100%;margin:2rem}.content header{display:flex;align-items:center;margin-bottom:2rem;justify-content:space-between}.modal-pane{position:relative;background-color:#fff;z-index:1001;width:90%;display:flex;box-shadow:var(--goa-shadow-modal);border-radius:4px;border:1px solid var(--goa-color-greyscale-700)}@media(min-width: 640px){.modal-pane{width:var(--width, 60ch)}}.modal-actions ::slotted(*){padding:1.5rem 0 0}.modal-content{margin:0 -2rem;line-height:1.75rem}.modal-content ::slotted(:last-child){margin-bottom:0 !important}.modal-title{font-size:var(--goa-font-size-7);flex:0 0 auto}.scroll-top{box-shadow:inset 0px -8px 6px -6px rgba(0, 0, 0, 0.1)}.scroll-middle{box-shadow:inset 0px -8px 6px -6px rgba(0, 0, 0, 0.1), inset 0px 8px 6px -6px rgba(0, 0, 0, 0.1)}.scroll-bottom{box-shadow:inset 0px 8px 6px -6px rgba(0, 0, 0, 0.1)}</style>`;
10649
10841
 
10650
10842
  init(
10651
10843
  this,
@@ -10654,14 +10846,14 @@ class Modal extends SvelteElement {
10654
10846
  props: attribute_to_object(this.attributes),
10655
10847
  customElement: true
10656
10848
  },
10657
- instance$c,
10658
- create_fragment$e,
10849
+ instance$f,
10850
+ create_fragment$h,
10659
10851
  safe_not_equal,
10660
10852
  {
10661
10853
  heading: 0,
10662
- closable: 9,
10854
+ closable: 12,
10663
10855
  open: 1,
10664
- transition: 10,
10856
+ transition: 13,
10665
10857
  width: 2,
10666
10858
  calloutvariant: 3
10667
10859
  },
@@ -10694,7 +10886,7 @@ class Modal extends SvelteElement {
10694
10886
  }
10695
10887
 
10696
10888
  get closable() {
10697
- return this.$$.ctx[9];
10889
+ return this.$$.ctx[12];
10698
10890
  }
10699
10891
 
10700
10892
  set closable(closable) {
@@ -10712,7 +10904,7 @@ class Modal extends SvelteElement {
10712
10904
  }
10713
10905
 
10714
10906
  get transition() {
10715
- return this.$$.ctx[10];
10907
+ return this.$$.ctx[13];
10716
10908
  }
10717
10909
 
10718
10910
  set transition(transition) {
@@ -10743,7 +10935,7 @@ customElements.define("goa-modal", Modal);
10743
10935
 
10744
10936
  /* libs/web-components/src/components/notification/Notification.svelte generated by Svelte v3.51.0 */
10745
10937
 
10746
- function create_if_block$4(ctx) {
10938
+ function create_if_block$6(ctx) {
10747
10939
  let div3;
10748
10940
  let div0;
10749
10941
  let goa_icon;
@@ -10838,10 +11030,10 @@ function create_if_block$4(ctx) {
10838
11030
  };
10839
11031
  }
10840
11032
 
10841
- function create_fragment$d(ctx) {
11033
+ function create_fragment$g(ctx) {
10842
11034
  let if_block_anchor;
10843
11035
  let current;
10844
- let if_block = /*show*/ ctx[1] && create_if_block$4(ctx);
11036
+ let if_block = /*show*/ ctx[1] && create_if_block$6(ctx);
10845
11037
 
10846
11038
  return {
10847
11039
  c() {
@@ -10863,7 +11055,7 @@ function create_fragment$d(ctx) {
10863
11055
  transition_in(if_block, 1);
10864
11056
  }
10865
11057
  } else {
10866
- if_block = create_if_block$4(ctx);
11058
+ if_block = create_if_block$6(ctx);
10867
11059
  if_block.c();
10868
11060
  transition_in(if_block, 1);
10869
11061
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -10894,7 +11086,7 @@ function create_fragment$d(ctx) {
10894
11086
  };
10895
11087
  }
10896
11088
 
10897
- function instance$b($$self, $$props, $$invalidate) {
11089
+ function instance$e($$self, $$props, $$invalidate) {
10898
11090
  let iconType;
10899
11091
  const [Types, validateType] = typeValidator("Notification type", ["emergency", "important", "information", "event"], true);
10900
11092
  let { type = "" } = $$props;
@@ -10941,8 +11133,8 @@ class Notification extends SvelteElement {
10941
11133
  props: attribute_to_object(this.attributes),
10942
11134
  customElement: true
10943
11135
  },
10944
- instance$b,
10945
- create_fragment$d,
11136
+ instance$e,
11137
+ create_fragment$g,
10946
11138
  safe_not_equal,
10947
11139
  { type: 0 },
10948
11140
  null
@@ -10983,7 +11175,7 @@ function isValidDimension(value) {
10983
11175
 
10984
11176
  /* libs/web-components/src/components/page-block/PageBlock.svelte generated by Svelte v3.51.0 */
10985
11177
 
10986
- function create_fragment$c(ctx) {
11178
+ function create_fragment$f(ctx) {
10987
11179
  let div;
10988
11180
  let slot;
10989
11181
  let div_style_value;
@@ -11013,7 +11205,7 @@ function create_fragment$c(ctx) {
11013
11205
  };
11014
11206
  }
11015
11207
 
11016
- function instance$a($$self, $$props, $$invalidate) {
11208
+ function instance$d($$self, $$props, $$invalidate) {
11017
11209
  const Sizes = { "full": "100%" };
11018
11210
  let { width } = $$props;
11019
11211
  let { _width } = $$props;
@@ -11052,8 +11244,8 @@ class PageBlock extends SvelteElement {
11052
11244
  props: attribute_to_object(this.attributes),
11053
11245
  customElement: true
11054
11246
  },
11055
- instance$a,
11056
- create_fragment$c,
11247
+ instance$d,
11248
+ create_fragment$f,
11057
11249
  safe_not_equal,
11058
11250
  { width: 1, _width: 0 },
11059
11251
  null
@@ -11098,7 +11290,7 @@ customElements.define("goa-page-block", PageBlock);
11098
11290
 
11099
11291
  /* libs/web-components/src/components/pagination/Pagination.svelte generated by Svelte v3.51.0 */
11100
11292
 
11101
- function create_if_block$3(ctx) {
11293
+ function create_if_block$5(ctx) {
11102
11294
  let goa_block;
11103
11295
  let span0;
11104
11296
  let t1;
@@ -11167,7 +11359,7 @@ function create_if_block$3(ctx) {
11167
11359
  };
11168
11360
  }
11169
11361
 
11170
- function create_fragment$b(ctx) {
11362
+ function create_fragment$e(ctx) {
11171
11363
  let goa_block1;
11172
11364
  let div;
11173
11365
  let t0;
@@ -11181,7 +11373,7 @@ function create_fragment$b(ctx) {
11181
11373
  let goa_button1_disabled_value;
11182
11374
  let mounted;
11183
11375
  let dispose;
11184
- let if_block = /*variant*/ ctx[1] === "all" && create_if_block$3(ctx);
11376
+ let if_block = /*variant*/ ctx[1] === "all" && create_if_block$5(ctx);
11185
11377
 
11186
11378
  return {
11187
11379
  c() {
@@ -11242,7 +11434,7 @@ function create_fragment$b(ctx) {
11242
11434
  if (if_block) {
11243
11435
  if_block.p(ctx, dirty);
11244
11436
  } else {
11245
- if_block = create_if_block$3(ctx);
11437
+ if_block = create_if_block$5(ctx);
11246
11438
  if_block.c();
11247
11439
  if_block.m(div, t0);
11248
11440
  }
@@ -11288,7 +11480,7 @@ function create_fragment$b(ctx) {
11288
11480
  };
11289
11481
  }
11290
11482
 
11291
- function instance$9($$self, $$props, $$invalidate) {
11483
+ function instance$c($$self, $$props, $$invalidate) {
11292
11484
  let _pageCount;
11293
11485
  const [Variants, validateVariant] = typeValidator("Pagination variant", ["all", "links-only"]);
11294
11486
  let { pagenumber } = $$props;
@@ -11413,8 +11605,8 @@ class Pagination extends SvelteElement {
11413
11605
  props: attribute_to_object(this.attributes),
11414
11606
  customElement: true
11415
11607
  },
11416
- instance$9,
11417
- create_fragment$b,
11608
+ instance$c,
11609
+ create_fragment$e,
11418
11610
  safe_not_equal,
11419
11611
  {
11420
11612
  pagenumber: 0,
@@ -11636,7 +11828,7 @@ function create_each_block$1(key_1, ctx) {
11636
11828
  };
11637
11829
  }
11638
11830
 
11639
- function create_fragment$a(ctx) {
11831
+ function create_fragment$d(ctx) {
11640
11832
  let div;
11641
11833
  let slot;
11642
11834
  let t;
@@ -11711,7 +11903,7 @@ function create_fragment$a(ctx) {
11711
11903
  };
11712
11904
  }
11713
11905
 
11714
- function instance$8($$self, $$props, $$invalidate) {
11906
+ function instance$b($$self, $$props, $$invalidate) {
11715
11907
  let isDisabled;
11716
11908
  let isError;
11717
11909
  const [Orientations, validateOrientation] = typeValidator("Radio group orientation", ["vertical", "horizontal"]);
@@ -11844,8 +12036,8 @@ class RadioGroup extends SvelteElement {
11844
12036
  props: attribute_to_object(this.attributes),
11845
12037
  customElement: true
11846
12038
  },
11847
- instance$8,
11848
- create_fragment$a,
12039
+ instance$b,
12040
+ create_fragment$d,
11849
12041
  safe_not_equal,
11850
12042
  {
11851
12043
  name: 1,
@@ -11995,10 +12187,12 @@ customElements.define("goa-radio-group", RadioGroup);
11995
12187
 
11996
12188
  /* libs/web-components/src/components/scrollable/Scrollable.svelte generated by Svelte v3.51.0 */
11997
12189
 
11998
- function create_fragment$9(ctx) {
12190
+ function create_fragment$c(ctx) {
11999
12191
  let div;
12000
12192
  let slot;
12001
12193
  let div_style_value;
12194
+ let mounted;
12195
+ let dispose;
12002
12196
 
12003
12197
  return {
12004
12198
  c() {
@@ -12008,28 +12202,34 @@ function create_fragment$9(ctx) {
12008
12202
  attr(div, "class", "goa-scrollable");
12009
12203
 
12010
12204
  attr(div, "style", div_style_value = `
12011
- --max-height: ${/*height*/ ctx[3]};
12205
+ max-height: ${/*maxheight*/ ctx[3] || "50vh"};
12012
12206
  overflow-y: ${/*direction*/ ctx[0] === "vertical" ? 'auto' : 'hidden'};
12013
12207
  overflow-x: ${/*direction*/ ctx[0] === "horizontal"
12014
12208
  ? 'auto'
12015
12209
  : 'hidden'};
12016
- margin: ${/*vpadding*/ ctx[2]}rem 0;
12017
- padding: 0 ${/*hpadding*/ ctx[1]}rem;
12210
+ margin: ${/*vpadding*/ ctx[2]} 0;
12211
+ padding: 0 ${/*hpadding*/ ctx[1]};
12018
12212
  `);
12019
12213
  },
12020
12214
  m(target, anchor) {
12021
12215
  insert(target, div, anchor);
12022
12216
  append(div, slot);
12217
+ /*div_binding*/ ctx[8](div);
12218
+
12219
+ if (!mounted) {
12220
+ dispose = listen(div, "scroll", /*onScroll*/ ctx[5]);
12221
+ mounted = true;
12222
+ }
12023
12223
  },
12024
12224
  p(ctx, [dirty]) {
12025
- if (dirty & /*height, direction, vpadding, hpadding*/ 15 && div_style_value !== (div_style_value = `
12026
- --max-height: ${/*height*/ ctx[3]};
12225
+ if (dirty & /*maxheight, direction, vpadding, hpadding*/ 15 && div_style_value !== (div_style_value = `
12226
+ max-height: ${/*maxheight*/ ctx[3] || "50vh"};
12027
12227
  overflow-y: ${/*direction*/ ctx[0] === "vertical" ? 'auto' : 'hidden'};
12028
12228
  overflow-x: ${/*direction*/ ctx[0] === "horizontal"
12029
12229
  ? 'auto'
12030
12230
  : 'hidden'};
12031
- margin: ${/*vpadding*/ ctx[2]}rem 0;
12032
- padding: 0 ${/*hpadding*/ ctx[1]}rem;
12231
+ margin: ${/*vpadding*/ ctx[2]} 0;
12232
+ padding: 0 ${/*hpadding*/ ctx[1]};
12033
12233
  `)) {
12034
12234
  attr(div, "style", div_style_value);
12035
12235
  }
@@ -12038,30 +12238,76 @@ function create_fragment$9(ctx) {
12038
12238
  o: noop,
12039
12239
  d(detaching) {
12040
12240
  if (detaching) detach(div);
12241
+ /*div_binding*/ ctx[8](null);
12242
+ mounted = false;
12243
+ dispose();
12041
12244
  }
12042
12245
  };
12043
12246
  }
12044
12247
 
12045
- function instance$7($$self, $$props, $$invalidate) {
12248
+ function instance$a($$self, $$props, $$invalidate) {
12046
12249
  let { direction = "vertical" } = $$props;
12047
- let { hpadding = 0 } = $$props;
12048
- let { vpadding = 0 } = $$props;
12049
- let { height = 0 } = $$props;
12250
+ let { hpadding = "" } = $$props;
12251
+ let { vpadding = "" } = $$props;
12252
+ let { maxheight = "" } = $$props;
12253
+ let { offsetHeight } = $$props;
12254
+ let { scrollHeight } = $$props;
12255
+
12256
+ // Private
12257
+ let _el;
12258
+
12259
+ function onScroll(e) {
12260
+ e.target.dispatchEvent(new CustomEvent("_scroll",
12261
+ {
12262
+ composed: true,
12263
+ detail: {
12264
+ offsetHeight: _el.offsetHeight,
12265
+ scrollHeight: _el.scrollHeight,
12266
+ scrollTop: _el.scrollTop
12267
+ }
12268
+ }));
12269
+
12270
+ e.stopPropagation();
12271
+ }
12272
+
12273
+ onMount(() => {
12274
+ $$invalidate(6, offsetHeight = _el.offsetHeight);
12275
+ $$invalidate(7, scrollHeight = _el.scrollHeight);
12276
+ });
12277
+
12278
+ function div_binding($$value) {
12279
+ binding_callbacks[$$value ? 'unshift' : 'push'](() => {
12280
+ _el = $$value;
12281
+ $$invalidate(4, _el);
12282
+ });
12283
+ }
12050
12284
 
12051
12285
  $$self.$$set = $$props => {
12052
12286
  if ('direction' in $$props) $$invalidate(0, direction = $$props.direction);
12053
12287
  if ('hpadding' in $$props) $$invalidate(1, hpadding = $$props.hpadding);
12054
12288
  if ('vpadding' in $$props) $$invalidate(2, vpadding = $$props.vpadding);
12055
- if ('height' in $$props) $$invalidate(3, height = $$props.height);
12289
+ if ('maxheight' in $$props) $$invalidate(3, maxheight = $$props.maxheight);
12290
+ if ('offsetHeight' in $$props) $$invalidate(6, offsetHeight = $$props.offsetHeight);
12291
+ if ('scrollHeight' in $$props) $$invalidate(7, scrollHeight = $$props.scrollHeight);
12056
12292
  };
12057
12293
 
12058
- return [direction, hpadding, vpadding, height];
12294
+ return [
12295
+ direction,
12296
+ hpadding,
12297
+ vpadding,
12298
+ maxheight,
12299
+ _el,
12300
+ onScroll,
12301
+ offsetHeight,
12302
+ scrollHeight,
12303
+ div_binding
12304
+ ];
12059
12305
  }
12060
12306
 
12061
12307
  class Scrollable extends SvelteElement {
12062
12308
  constructor(options) {
12063
12309
  super();
12064
- this.shadowRoot.innerHTML = `<style>.goa-scrollable{scroll-behavior:smooth;max-height:calc(100vh * var(--max-height, 100) / 100)}.goa-scrollable::-webkit-scrollbar{width:6px}.goa-scrollable::-webkit-scrollbar-track{background:#f1f1f1}.goa-scrollable::-webkit-scrollbar-thumb{background:#888}.goa-scrollable::-webkit-scrollbar-thumb:hover{background:#555}</style>`;
12310
+ this.shadowRoot.innerHTML = `<style>.goa-scrollable{scroll-behavior:smooth}.goa-scrollable::-webkit-scrollbar{width:6px}.goa-scrollable::-webkit-scrollbar-track{background:#f1f1f1}.goa-scrollable::-webkit-scrollbar-thumb{background:#888}.goa-scrollable::-webkit-scrollbar-thumb:hover{background:#555}</style>`;
12065
12311
 
12066
12312
  init(
12067
12313
  this,
@@ -12070,14 +12316,16 @@ class Scrollable extends SvelteElement {
12070
12316
  props: attribute_to_object(this.attributes),
12071
12317
  customElement: true
12072
12318
  },
12073
- instance$7,
12074
- create_fragment$9,
12319
+ instance$a,
12320
+ create_fragment$c,
12075
12321
  safe_not_equal,
12076
12322
  {
12077
12323
  direction: 0,
12078
12324
  hpadding: 1,
12079
12325
  vpadding: 2,
12080
- height: 3
12326
+ maxheight: 3,
12327
+ offsetHeight: 6,
12328
+ scrollHeight: 7
12081
12329
  },
12082
12330
  null
12083
12331
  );
@@ -12095,7 +12343,14 @@ class Scrollable extends SvelteElement {
12095
12343
  }
12096
12344
 
12097
12345
  static get observedAttributes() {
12098
- return ["direction", "hpadding", "vpadding", "height"];
12346
+ return [
12347
+ "direction",
12348
+ "hpadding",
12349
+ "vpadding",
12350
+ "maxheight",
12351
+ "offsetHeight",
12352
+ "scrollHeight"
12353
+ ];
12099
12354
  }
12100
12355
 
12101
12356
  get direction() {
@@ -12125,12 +12380,30 @@ class Scrollable extends SvelteElement {
12125
12380
  flush();
12126
12381
  }
12127
12382
 
12128
- get height() {
12383
+ get maxheight() {
12129
12384
  return this.$$.ctx[3];
12130
12385
  }
12131
12386
 
12132
- set height(height) {
12133
- this.$$set({ height });
12387
+ set maxheight(maxheight) {
12388
+ this.$$set({ maxheight });
12389
+ flush();
12390
+ }
12391
+
12392
+ get offsetHeight() {
12393
+ return this.$$.ctx[6];
12394
+ }
12395
+
12396
+ set offsetHeight(offsetHeight) {
12397
+ this.$$set({ offsetHeight });
12398
+ flush();
12399
+ }
12400
+
12401
+ get scrollHeight() {
12402
+ return this.$$.ctx[7];
12403
+ }
12404
+
12405
+ set scrollHeight(scrollHeight) {
12406
+ this.$$set({ scrollHeight });
12134
12407
  flush();
12135
12408
  }
12136
12409
  }
@@ -12145,8 +12418,8 @@ function get_each_context(ctx, list, i) {
12145
12418
  return child_ctx;
12146
12419
  }
12147
12420
 
12148
- // (55:2) {:else}
12149
- function create_else_block$1(ctx) {
12421
+ // (81:2) {:else}
12422
+ function create_else_block$2(ctx) {
12150
12423
  let div;
12151
12424
  let div_class_value;
12152
12425
 
@@ -12171,8 +12444,99 @@ function create_else_block$1(ctx) {
12171
12444
  };
12172
12445
  }
12173
12446
 
12174
- // (51:29)
12175
- function create_if_block_2(ctx) {
12447
+ // (68:31)
12448
+ function create_if_block_3$1(ctx) {
12449
+ let div3;
12450
+ let div2;
12451
+ let div0;
12452
+ let skeleton0;
12453
+ let t0;
12454
+ let div1;
12455
+ let skeleton1;
12456
+ let t1;
12457
+ let skeleton2;
12458
+ let t2;
12459
+ let skeleton3;
12460
+ let current;
12461
+
12462
+ skeleton0 = new Skeleton({
12463
+ props: { type: "image", size: /*size*/ ctx[1] }
12464
+ });
12465
+
12466
+ skeleton1 = new Skeleton({ props: { type: "header", size: "4" } });
12467
+ skeleton2 = new Skeleton({ props: { type: "header", size: "1" } });
12468
+
12469
+ skeleton3 = new Skeleton({
12470
+ props: { type: "lines", size: /*size*/ ctx[1] }
12471
+ });
12472
+
12473
+ return {
12474
+ c() {
12475
+ div3 = element("div");
12476
+ div2 = element("div");
12477
+ div0 = element("div");
12478
+ create_component(skeleton0.$$.fragment);
12479
+ t0 = space();
12480
+ div1 = element("div");
12481
+ create_component(skeleton1.$$.fragment);
12482
+ t1 = space();
12483
+ create_component(skeleton2.$$.fragment);
12484
+ t2 = space();
12485
+ create_component(skeleton3.$$.fragment);
12486
+ set_style(div0, "flex", "1 1 auto");
12487
+ set_style(div1, "flex", "2 2 auto");
12488
+ set_style(div2, "display", "flex");
12489
+ set_style(div2, "gap", "1rem");
12490
+ },
12491
+ m(target, anchor) {
12492
+ insert(target, div3, anchor);
12493
+ append(div3, div2);
12494
+ append(div2, div0);
12495
+ mount_component(skeleton0, div0, null);
12496
+ append(div2, t0);
12497
+ append(div2, div1);
12498
+ mount_component(skeleton1, div1, null);
12499
+ append(div1, t1);
12500
+ mount_component(skeleton2, div1, null);
12501
+ append(div3, t2);
12502
+ mount_component(skeleton3, div3, null);
12503
+ current = true;
12504
+ },
12505
+ p(ctx, dirty) {
12506
+ const skeleton0_changes = {};
12507
+ if (dirty & /*size*/ 2) skeleton0_changes.size = /*size*/ ctx[1];
12508
+ skeleton0.$set(skeleton0_changes);
12509
+ const skeleton3_changes = {};
12510
+ if (dirty & /*size*/ 2) skeleton3_changes.size = /*size*/ ctx[1];
12511
+ skeleton3.$set(skeleton3_changes);
12512
+ },
12513
+ i(local) {
12514
+ if (current) return;
12515
+ transition_in(skeleton0.$$.fragment, local);
12516
+ transition_in(skeleton1.$$.fragment, local);
12517
+ transition_in(skeleton2.$$.fragment, local);
12518
+ transition_in(skeleton3.$$.fragment, local);
12519
+ current = true;
12520
+ },
12521
+ o(local) {
12522
+ transition_out(skeleton0.$$.fragment, local);
12523
+ transition_out(skeleton1.$$.fragment, local);
12524
+ transition_out(skeleton2.$$.fragment, local);
12525
+ transition_out(skeleton3.$$.fragment, local);
12526
+ current = false;
12527
+ },
12528
+ d(detaching) {
12529
+ if (detaching) detach(div3);
12530
+ destroy_component(skeleton0);
12531
+ destroy_component(skeleton1);
12532
+ destroy_component(skeleton2);
12533
+ destroy_component(skeleton3);
12534
+ }
12535
+ };
12536
+ }
12537
+
12538
+ // (64:29)
12539
+ function create_if_block_2$1(ctx) {
12176
12540
  let each_1_anchor;
12177
12541
  let current;
12178
12542
  let each_value = Array(Number.parseInt(/*linecount*/ ctx[2] + ""));
@@ -12255,8 +12619,8 @@ function create_if_block_2(ctx) {
12255
12619
  };
12256
12620
  }
12257
12621
 
12258
- // (41:31)
12259
- function create_if_block_1(ctx) {
12622
+ // (54:31)
12623
+ function create_if_block_1$1(ctx) {
12260
12624
  let div2;
12261
12625
  let div0;
12262
12626
  let skeleton0;
@@ -12345,8 +12709,8 @@ function create_if_block_1(ctx) {
12345
12709
  };
12346
12710
  }
12347
12711
 
12348
- // (30:2) {#if type === "card"}
12349
- function create_if_block$2(ctx) {
12712
+ // (43:2) {#if type === "card"}
12713
+ function create_if_block$4(ctx) {
12350
12714
  let div1;
12351
12715
  let skeleton0;
12352
12716
  let t0;
@@ -12438,7 +12802,7 @@ function create_if_block$2(ctx) {
12438
12802
  };
12439
12803
  }
12440
12804
 
12441
- // (52:4) {#each Array(Number.parseInt(linecount+"")) as _item}
12805
+ // (65:4) {#each Array(Number.parseInt(linecount+"")) as _item}
12442
12806
  function create_each_block(ctx) {
12443
12807
  let skeleton;
12444
12808
  let current;
@@ -12480,20 +12844,29 @@ function create_each_block(ctx) {
12480
12844
  };
12481
12845
  }
12482
12846
 
12483
- function create_fragment$8(ctx) {
12847
+ function create_fragment$b(ctx) {
12484
12848
  let div;
12485
12849
  let current_block_type_index;
12486
12850
  let if_block;
12487
12851
  let div_style_value;
12488
12852
  let current;
12489
- const if_block_creators = [create_if_block$2, create_if_block_1, create_if_block_2, create_else_block$1];
12853
+
12854
+ const if_block_creators = [
12855
+ create_if_block$4,
12856
+ create_if_block_1$1,
12857
+ create_if_block_2$1,
12858
+ create_if_block_3$1,
12859
+ create_else_block$2
12860
+ ];
12861
+
12490
12862
  const if_blocks = [];
12491
12863
 
12492
12864
  function select_block_type(ctx, dirty) {
12493
12865
  if (/*type*/ ctx[3] === "card") return 0;
12494
12866
  if (/*type*/ ctx[3] === "profile") return 1;
12495
12867
  if (/*type*/ ctx[3] === "lines") return 2;
12496
- return 3;
12868
+ if (/*type*/ ctx[3] === "article") return 3;
12869
+ return 4;
12497
12870
  }
12498
12871
 
12499
12872
  current_block_type_index = select_block_type(ctx);
@@ -12563,7 +12936,7 @@ function create_fragment$8(ctx) {
12563
12936
  };
12564
12937
  }
12565
12938
 
12566
- function instance$6($$self, $$props, $$invalidate) {
12939
+ function instance$9($$self, $$props, $$invalidate) {
12567
12940
  const [Types, validateType] = typeValidator(
12568
12941
  "Skeleton type",
12569
12942
  [
@@ -12576,8 +12949,9 @@ function instance$6($$self, $$props, $$invalidate) {
12576
12949
  "paragraph",
12577
12950
  "thumbnail",
12578
12951
  "card",
12952
+ "lines",
12579
12953
  "profile",
12580
- "lines"
12954
+ "article"
12581
12955
  ],
12582
12956
  true
12583
12957
  );
@@ -12625,8 +12999,8 @@ class Skeleton extends SvelteElement {
12625
12999
  props: attribute_to_object(this.attributes),
12626
13000
  customElement: true
12627
13001
  },
12628
- instance$6,
12629
- create_fragment$8,
13002
+ instance$9,
13003
+ create_fragment$b,
12630
13004
  safe_not_equal,
12631
13005
  {
12632
13006
  maxwidth: 0,
@@ -12744,7 +13118,7 @@ customElements.define("goa-skeleton", Skeleton);
12744
13118
 
12745
13119
  /* libs/web-components/src/components/spacer/Spacer.svelte generated by Svelte v3.51.0 */
12746
13120
 
12747
- function create_fragment$7(ctx) {
13121
+ function create_fragment$a(ctx) {
12748
13122
  let div;
12749
13123
 
12750
13124
  return {
@@ -12766,14 +13140,17 @@ function create_fragment$7(ctx) {
12766
13140
  };
12767
13141
  }
12768
13142
 
12769
- function instance$5($$self, $$props, $$invalidate) {
13143
+ function instance$8($$self, $$props, $$invalidate) {
12770
13144
  let { hspacing = "none" } = $$props;
12771
13145
  let { vspacing = "none" } = $$props;
12772
13146
  let rootEl;
12773
13147
 
12774
13148
  onMount(() => {
12775
13149
  injectCss(rootEl, ":host", {
12776
- width: `var(--goa-space-${hspacing})`,
13150
+ display: "block",
13151
+ width: hspacing === "fill"
13152
+ ? "100%"
13153
+ : `var(--goa-space-${hspacing})`,
12777
13154
  height: `var(--goa-space-${vspacing})`
12778
13155
  });
12779
13156
  });
@@ -12804,8 +13181,8 @@ class Spacer extends SvelteElement {
12804
13181
  props: attribute_to_object(this.attributes),
12805
13182
  customElement: true
12806
13183
  },
12807
- instance$5,
12808
- create_fragment$7,
13184
+ instance$8,
13185
+ create_fragment$a,
12809
13186
  safe_not_equal,
12810
13187
  { hspacing: 1, vspacing: 2 },
12811
13188
  null
@@ -12997,7 +13374,7 @@ function tweened(value, defaults = {}) {
12997
13374
 
12998
13375
  /* libs/web-components/src/components/spinner/Spinner.svelte generated by Svelte v3.51.0 */
12999
13376
 
13000
- function create_if_block$1(ctx) {
13377
+ function create_if_block$3(ctx) {
13001
13378
  let svg;
13002
13379
  let circle;
13003
13380
  let circle_stroke_value;
@@ -13106,9 +13483,9 @@ function create_if_block$1(ctx) {
13106
13483
  };
13107
13484
  }
13108
13485
 
13109
- function create_fragment$6(ctx) {
13486
+ function create_fragment$9(ctx) {
13110
13487
  let if_block_anchor;
13111
- let if_block = /*ready*/ ctx[6] && create_if_block$1(ctx);
13488
+ let if_block = /*ready*/ ctx[6] && create_if_block$3(ctx);
13112
13489
 
13113
13490
  return {
13114
13491
  c() {
@@ -13125,7 +13502,7 @@ function create_fragment$6(ctx) {
13125
13502
  if (if_block) {
13126
13503
  if_block.p(ctx, dirty);
13127
13504
  } else {
13128
- if_block = create_if_block$1(ctx);
13505
+ if_block = create_if_block$3(ctx);
13129
13506
  if_block.c();
13130
13507
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
13131
13508
  }
@@ -13143,7 +13520,7 @@ function create_fragment$6(ctx) {
13143
13520
  };
13144
13521
  }
13145
13522
 
13146
- function instance$4($$self, $$props, $$invalidate) {
13523
+ function instance$7($$self, $$props, $$invalidate) {
13147
13524
  let diameter;
13148
13525
  let strokewidth;
13149
13526
  let radius;
@@ -13262,8 +13639,8 @@ class Spinner extends SvelteElement {
13262
13639
  props: attribute_to_object(this.attributes),
13263
13640
  customElement: true
13264
13641
  },
13265
- instance$4,
13266
- create_fragment$6,
13642
+ instance$7,
13643
+ create_fragment$9,
13267
13644
  safe_not_equal,
13268
13645
  {
13269
13646
  size: 10,
@@ -13331,7 +13708,7 @@ customElements.define("goa-spinner", Spinner);
13331
13708
 
13332
13709
  /* libs/web-components/src/components/table/Table.svelte generated by Svelte v3.51.0 */
13333
13710
 
13334
- function create_fragment$5(ctx) {
13711
+ function create_fragment$8(ctx) {
13335
13712
  let table;
13336
13713
  let slot;
13337
13714
  let t0;
@@ -13391,7 +13768,7 @@ function create_fragment$5(ctx) {
13391
13768
  };
13392
13769
  }
13393
13770
 
13394
- function instance$3($$self, $$props, $$invalidate) {
13771
+ function instance$6($$self, $$props, $$invalidate) {
13395
13772
  let _stickyHeader;
13396
13773
  const [Variants, validateVariant] = typeValidator("Table variant", ["normal", "relaxed"], true);
13397
13774
  let { width = "" } = $$props;
@@ -13504,8 +13881,8 @@ class Table extends SvelteElement {
13504
13881
  props: attribute_to_object(this.attributes),
13505
13882
  customElement: true
13506
13883
  },
13507
- instance$3,
13508
- create_fragment$5,
13884
+ instance$6,
13885
+ create_fragment$8,
13509
13886
  safe_not_equal,
13510
13887
  {
13511
13888
  width: 0,
@@ -13603,7 +13980,7 @@ customElements.define("goa-table", Table);
13603
13980
 
13604
13981
  /* libs/web-components/src/components/table/TableSortHeader.svelte generated by Svelte v3.51.0 */
13605
13982
 
13606
- function create_else_block(ctx) {
13983
+ function create_else_block$1(ctx) {
13607
13984
  let img;
13608
13985
  let img_src_value;
13609
13986
 
@@ -13633,7 +14010,7 @@ function create_else_block(ctx) {
13633
14010
  }
13634
14011
 
13635
14012
  // (55:2) {#if direction === "none"}
13636
- function create_if_block(ctx) {
14013
+ function create_if_block$2(ctx) {
13637
14014
  let img;
13638
14015
  let img_src_value;
13639
14016
 
@@ -13653,14 +14030,14 @@ function create_if_block(ctx) {
13653
14030
  };
13654
14031
  }
13655
14032
 
13656
- function create_fragment$4(ctx) {
14033
+ function create_fragment$7(ctx) {
13657
14034
  let button;
13658
14035
  let slot;
13659
14036
  let t;
13660
14037
 
13661
14038
  function select_block_type(ctx, dirty) {
13662
- if (/*direction*/ ctx[0] === "none") return create_if_block;
13663
- return create_else_block;
14039
+ if (/*direction*/ ctx[0] === "none") return create_if_block$2;
14040
+ return create_else_block$1;
13664
14041
  }
13665
14042
 
13666
14043
  let current_block_type = select_block_type(ctx);
@@ -13702,7 +14079,7 @@ function create_fragment$4(ctx) {
13702
14079
  };
13703
14080
  }
13704
14081
 
13705
- function instance$2($$self, $$props, $$invalidate) {
14082
+ function instance$5($$self, $$props, $$invalidate) {
13706
14083
  let { direction = "none" } = $$props;
13707
14084
 
13708
14085
  $$self.$$set = $$props => {
@@ -13724,8 +14101,8 @@ class TableSortHeader extends SvelteElement {
13724
14101
  props: attribute_to_object(this.attributes),
13725
14102
  customElement: true
13726
14103
  },
13727
- instance$2,
13728
- create_fragment$4,
14104
+ instance$5,
14105
+ create_fragment$7,
13729
14106
  safe_not_equal,
13730
14107
  { direction: 0 },
13731
14108
  null
@@ -13761,7 +14138,7 @@ customElements.define("goa-table-sort-header", TableSortHeader);
13761
14138
 
13762
14139
  /* libs/web-components/src/components/text-area/TextArea.svelte generated by Svelte v3.51.0 */
13763
14140
 
13764
- function create_fragment$3(ctx) {
14141
+ function create_fragment$6(ctx) {
13765
14142
  let div;
13766
14143
  let textarea;
13767
14144
  let textarea_aria_label_value;
@@ -13857,7 +14234,7 @@ function create_fragment$3(ctx) {
13857
14234
  };
13858
14235
  }
13859
14236
 
13860
- function instance$1($$self, $$props, $$invalidate) {
14237
+ function instance$4($$self, $$props, $$invalidate) {
13861
14238
  let isError;
13862
14239
  let isDisabled;
13863
14240
  let isReadonly;
@@ -13963,8 +14340,8 @@ class TextArea extends SvelteElement {
13963
14340
  props: attribute_to_object(this.attributes),
13964
14341
  customElement: true
13965
14342
  },
13966
- instance$1,
13967
- create_fragment$3,
14343
+ instance$4,
14344
+ create_fragment$6,
13968
14345
  safe_not_equal,
13969
14346
  {
13970
14347
  name: 0,
@@ -14158,7 +14535,7 @@ customElements.define("goa-textarea", TextArea);
14158
14535
 
14159
14536
  /* libs/web-components/src/layouts/FullScreenNavbarLayout.svelte generated by Svelte v3.51.0 */
14160
14537
 
14161
- function create_fragment$2(ctx) {
14538
+ function create_fragment$5(ctx) {
14162
14539
  let div;
14163
14540
 
14164
14541
  return {
@@ -14207,7 +14584,7 @@ class FullScreenNavbarLayout extends SvelteElement {
14207
14584
  customElement: true
14208
14585
  },
14209
14586
  null,
14210
- create_fragment$2,
14587
+ create_fragment$5,
14211
14588
  safe_not_equal,
14212
14589
  {},
14213
14590
  null
@@ -14225,7 +14602,7 @@ customElements.define("goa-layout-full-nav", FullScreenNavbarLayout);
14225
14602
 
14226
14603
  /* libs/web-components/src/layouts/one-column-layout/OneColumnLayout.svelte generated by Svelte v3.51.0 */
14227
14604
 
14228
- function create_fragment$1(ctx) {
14605
+ function create_fragment$4(ctx) {
14229
14606
  let div;
14230
14607
 
14231
14608
  return {
@@ -14266,7 +14643,7 @@ class OneColumnLayout extends SvelteElement {
14266
14643
  customElement: true
14267
14644
  },
14268
14645
  null,
14269
- create_fragment$1,
14646
+ create_fragment$4,
14270
14647
  safe_not_equal,
14271
14648
  {},
14272
14649
  null
@@ -14284,7 +14661,7 @@ customElements.define("goa-one-column-layout", OneColumnLayout);
14284
14661
 
14285
14662
  /* libs/web-components/src/layouts/two-column-layout/TwoColumnLayout.svelte generated by Svelte v3.51.0 */
14286
14663
 
14287
- function create_fragment(ctx) {
14664
+ function create_fragment$3(ctx) {
14288
14665
  let div;
14289
14666
  let header;
14290
14667
  let t0;
@@ -14343,7 +14720,7 @@ function create_fragment(ctx) {
14343
14720
  };
14344
14721
  }
14345
14722
 
14346
- function instance($$self, $$props, $$invalidate) {
14723
+ function instance$3($$self, $$props, $$invalidate) {
14347
14724
  let { navcolumnwidth = "" } = $$props;
14348
14725
  let { maxcontentwidth = "" } = $$props;
14349
14726
 
@@ -14367,8 +14744,8 @@ class TwoColumnLayout extends SvelteElement {
14367
14744
  props: attribute_to_object(this.attributes),
14368
14745
  customElement: true
14369
14746
  },
14370
- instance,
14371
- create_fragment,
14747
+ instance$3,
14748
+ create_fragment$3,
14372
14749
  safe_not_equal,
14373
14750
  { navcolumnwidth: 0, maxcontentwidth: 1 },
14374
14751
  null
@@ -14410,3 +14787,1009 @@ class TwoColumnLayout extends SvelteElement {
14410
14787
  }
14411
14788
 
14412
14789
  customElements.define("goa-two-column-layout", TwoColumnLayout);
14790
+
14791
+ /* libs/web-components/src/components/form-stepper/FormStepper.svelte generated by Svelte v3.51.0 */
14792
+
14793
+ function create_if_block$1(ctx) {
14794
+ let progress0;
14795
+ let t;
14796
+ let progress1;
14797
+
14798
+ return {
14799
+ c() {
14800
+ progress0 = element("progress");
14801
+ t = space();
14802
+ progress1 = element("progress");
14803
+ attr(progress0, "class", "horizontal");
14804
+ progress0.value = /*_progress*/ ctx[11];
14805
+ attr(progress0, "max", "100");
14806
+ attr(progress1, "class", "vertical");
14807
+ progress1.value = /*_progress*/ ctx[11];
14808
+ attr(progress1, "max", "100");
14809
+ },
14810
+ m(target, anchor) {
14811
+ insert(target, progress0, anchor);
14812
+ insert(target, t, anchor);
14813
+ insert(target, progress1, anchor);
14814
+ },
14815
+ p(ctx, dirty) {
14816
+ if (dirty & /*_progress*/ 2048) {
14817
+ progress0.value = /*_progress*/ ctx[11];
14818
+ }
14819
+
14820
+ if (dirty & /*_progress*/ 2048) {
14821
+ progress1.value = /*_progress*/ ctx[11];
14822
+ }
14823
+ },
14824
+ d(detaching) {
14825
+ if (detaching) detach(progress0);
14826
+ if (detaching) detach(t);
14827
+ if (detaching) detach(progress1);
14828
+ }
14829
+ };
14830
+ }
14831
+
14832
+ function create_fragment$2(ctx) {
14833
+ let section;
14834
+ let div1;
14835
+ let t;
14836
+ let div0;
14837
+ let div1_style_value;
14838
+ let if_block = /*_steps*/ ctx[4].length > 0 && /*_showProgressBars*/ ctx[10] && create_if_block$1(ctx);
14839
+
14840
+ return {
14841
+ c() {
14842
+ section = element("section");
14843
+ div1 = element("div");
14844
+ if (if_block) if_block.c();
14845
+ t = space();
14846
+ div0 = element("div");
14847
+ div0.innerHTML = `<goa-grid minchildwidth="1px"><slot></slot></goa-grid>`;
14848
+ this.c = noop;
14849
+ attr(div0, "class", "slots");
14850
+ attr(div1, "class", "form-stepper");
14851
+
14852
+ attr(div1, "style", div1_style_value = `
14853
+ ${calculateMargin(/*mt*/ ctx[0], /*mr*/ ctx[1], /*mb*/ ctx[2], /*ml*/ ctx[3])};
14854
+ --progress: ${/*_progress*/ ctx[11]}%;
14855
+ --step-width: ${/*_stepWidth*/ ctx[7]}px;
14856
+ --step-height: ${/*_stepHeight*/ ctx[8]}px;
14857
+ --height: ${/*_progressHeight*/ ctx[9]}px;
14858
+ `);
14859
+
14860
+ attr(section, "role", "list");
14861
+ },
14862
+ m(target, anchor) {
14863
+ insert(target, section, anchor);
14864
+ append(section, div1);
14865
+ if (if_block) if_block.m(div1, null);
14866
+ append(div1, t);
14867
+ append(div1, div0);
14868
+ /*div0_binding*/ ctx[15](div0);
14869
+ /*div1_binding*/ ctx[16](div1);
14870
+ },
14871
+ p(ctx, [dirty]) {
14872
+ if (/*_steps*/ ctx[4].length > 0 && /*_showProgressBars*/ ctx[10]) {
14873
+ if (if_block) {
14874
+ if_block.p(ctx, dirty);
14875
+ } else {
14876
+ if_block = create_if_block$1(ctx);
14877
+ if_block.c();
14878
+ if_block.m(div1, t);
14879
+ }
14880
+ } else if (if_block) {
14881
+ if_block.d(1);
14882
+ if_block = null;
14883
+ }
14884
+
14885
+ if (dirty & /*mt, mr, mb, ml, _progress, _stepWidth, _stepHeight, _progressHeight*/ 2959 && div1_style_value !== (div1_style_value = `
14886
+ ${calculateMargin(/*mt*/ ctx[0], /*mr*/ ctx[1], /*mb*/ ctx[2], /*ml*/ ctx[3])};
14887
+ --progress: ${/*_progress*/ ctx[11]}%;
14888
+ --step-width: ${/*_stepWidth*/ ctx[7]}px;
14889
+ --step-height: ${/*_stepHeight*/ ctx[8]}px;
14890
+ --height: ${/*_progressHeight*/ ctx[9]}px;
14891
+ `)) {
14892
+ attr(div1, "style", div1_style_value);
14893
+ }
14894
+ },
14895
+ i: noop,
14896
+ o: noop,
14897
+ d(detaching) {
14898
+ if (detaching) detach(section);
14899
+ if (if_block) if_block.d();
14900
+ /*div0_binding*/ ctx[15](null);
14901
+ /*div1_binding*/ ctx[16](null);
14902
+ }
14903
+ };
14904
+ }
14905
+
14906
+ function instance$2($$self, $$props, $$invalidate) {
14907
+ let _progress;
14908
+ let { step = -1 } = $$props;
14909
+ let { mt = null } = $$props;
14910
+ let { mr = null } = $$props;
14911
+ let { mb = null } = $$props;
14912
+ let { ml = null } = $$props;
14913
+
14914
+ // =======
14915
+ // Private
14916
+ // =======
14917
+ let _rootEl; // events bound to it
14918
+
14919
+ let _gridEl; // used to obtain component dimensions
14920
+ let _steps = []; // step DOM elements to allow for width calculations
14921
+ let _stepWidth; // calculated x distance (px) between each step point
14922
+ let _stepHeight; // calculated y distance (px) between each step point
14923
+ let _progressHeight; // allow css calculations for mobile view
14924
+ let _maxAllowedStep = 1; // prevent users from using the stepper to access future steps
14925
+ let _maxProgressStep = 1; // controls the progress bars value
14926
+ let _showProgressBars = false; // delays the showing of the progress bars to prevent it from
14927
+
14928
+ onMount(async () => {
14929
+ await tick();
14930
+
14931
+ // children steps
14932
+ const slot = _rootEl.querySelector("slot");
14933
+
14934
+ if (slot) {
14935
+ $$invalidate(4, _steps = slot.assignedElements());
14936
+ } else {
14937
+ // for unit tests only
14938
+ $$invalidate(4, _steps = [..._rootEl.querySelector("goa-grid").children]);
14939
+ }
14940
+
14941
+ // allow access to all steps if not step property is provided
14942
+ if (step <= 0) {
14943
+ $$invalidate(12, step = 1);
14944
+
14945
+ setTimeout(
14946
+ () => {
14947
+ dispatch(step);
14948
+ },
14949
+ 1
14950
+ );
14951
+
14952
+ $$invalidate(13, _maxAllowedStep = _steps.length);
14953
+ }
14954
+
14955
+ // set step a11y label
14956
+ _steps.forEach((_step, index) => {
14957
+ const s = _step;
14958
+ s.setAttribute("arialabel", `Step ${index + 1} of ${_steps.length}`);
14959
+ s.setAttribute("childindex", `${index + 1}`);
14960
+ });
14961
+
14962
+ // handle click events from progress items
14963
+ _rootEl.addEventListener("_click", e => {
14964
+ $$invalidate(12, step = e.detail);
14965
+ dispatch(step);
14966
+ });
14967
+
14968
+ setCurrentStepStatus(step);
14969
+ calcStepDims();
14970
+
14971
+ setTimeout(
14972
+ () => {
14973
+ $$invalidate(10, _showProgressBars = true);
14974
+ },
14975
+ 10
14976
+ );
14977
+
14978
+ // add listener to recalculate the step widths
14979
+ window.addEventListener('resize', calcStepDims);
14980
+
14981
+ window.addEventListener('orientationchange', calcStepDims);
14982
+
14983
+ return () => {
14984
+ window.removeEventListener('resize', calcStepDims);
14985
+ window.removeEventListener('orientationchange', calcStepDims);
14986
+ };
14987
+ });
14988
+
14989
+ function dispatch(step) {
14990
+ _rootEl.dispatchEvent(new CustomEvent("_change",
14991
+ {
14992
+ composed: true,
14993
+ bubbles: true,
14994
+ detail: { step }
14995
+ }));
14996
+ }
14997
+
14998
+ function setCurrentStepStatus(step) {
14999
+ _steps.forEach((stepEl, index) => {
15000
+ stepEl.setAttribute("current", index === step - 1 ? "true" : "false");
15001
+ });
15002
+ }
15003
+
15004
+ function calcStepDims() {
15005
+ // timeout required, without it the _steps elements width was not yet updated
15006
+ setTimeout(
15007
+ () => {
15008
+ $$invalidate(7, _stepWidth = _steps.length > 0 && _steps[0].offsetWidth);
15009
+ $$invalidate(8, _stepHeight = _steps.length > 0 && _steps[0].offsetHeight);
15010
+
15011
+ $$invalidate(9, _progressHeight = _gridEl === null || _gridEl === void 0
15012
+ ? void 0
15013
+ : _gridEl.offsetHeight);
15014
+ },
15015
+ 1
15016
+ );
15017
+ }
15018
+
15019
+ function div0_binding($$value) {
15020
+ binding_callbacks[$$value ? 'unshift' : 'push'](() => {
15021
+ _gridEl = $$value;
15022
+ $$invalidate(6, _gridEl);
15023
+ });
15024
+ }
15025
+
15026
+ function div1_binding($$value) {
15027
+ binding_callbacks[$$value ? 'unshift' : 'push'](() => {
15028
+ _rootEl = $$value;
15029
+ $$invalidate(5, _rootEl);
15030
+ });
15031
+ }
15032
+
15033
+ $$self.$$set = $$props => {
15034
+ if ('step' in $$props) $$invalidate(12, step = $$props.step);
15035
+ if ('mt' in $$props) $$invalidate(0, mt = $$props.mt);
15036
+ if ('mr' in $$props) $$invalidate(1, mr = $$props.mr);
15037
+ if ('mb' in $$props) $$invalidate(2, mb = $$props.mb);
15038
+ if ('ml' in $$props) $$invalidate(3, ml = $$props.ml);
15039
+ };
15040
+
15041
+ $$self.$$.update = () => {
15042
+ if ($$self.$$.dirty & /*_steps, step, _maxProgressStep, _maxAllowedStep*/ 28688) {
15043
+ {
15044
+ if (_steps.length) {
15045
+ if (step > _maxProgressStep) $$invalidate(14, _maxProgressStep = step);
15046
+ if (step > _maxAllowedStep) $$invalidate(13, _maxAllowedStep = step);
15047
+
15048
+ _steps.forEach((stepEl, index) => {
15049
+ stepEl.setAttribute("enabled", index > _maxAllowedStep - 1 ? "false" : "true");
15050
+ });
15051
+ }
15052
+ }
15053
+ }
15054
+
15055
+ if ($$self.$$.dirty & /*_maxProgressStep, _steps*/ 16400) {
15056
+ // being temporarily visible with an unwanted offset
15057
+ // ========
15058
+ // Reactive
15059
+ // ========
15060
+ // handles the 1-based step value and the number of line segments is one less
15061
+ // than the number of steps
15062
+ $$invalidate(11, _progress = (_maxProgressStep - 1) / (_steps.length - 1) * 100);
15063
+ }
15064
+
15065
+ if ($$self.$$.dirty & /*step*/ 4096) {
15066
+ setCurrentStepStatus(step);
15067
+ }
15068
+ };
15069
+
15070
+ return [
15071
+ mt,
15072
+ mr,
15073
+ mb,
15074
+ ml,
15075
+ _steps,
15076
+ _rootEl,
15077
+ _gridEl,
15078
+ _stepWidth,
15079
+ _stepHeight,
15080
+ _progressHeight,
15081
+ _showProgressBars,
15082
+ _progress,
15083
+ step,
15084
+ _maxAllowedStep,
15085
+ _maxProgressStep,
15086
+ div0_binding,
15087
+ div1_binding
15088
+ ];
15089
+ }
15090
+
15091
+ class FormStepper extends SvelteElement {
15092
+ constructor(options) {
15093
+ super();
15094
+
15095
+ this.shadowRoot.innerHTML = `<style>.form-stepper{position:relative}.slots{position:relative;inset:0;z-index:2}progress{position:absolute;z-index:1;-webkit-appearance:none;appearance:none;height:4px;border:none;background:var(--goa-color-greyscale-200);pointer-events:none}progress.horizontal{display:block;top:calc(1.75rem + (2.5rem / 2) - 2px);left:calc(var(--step-width) / 2);width:calc(100% - var(--step-width))}progress.vertical{display:none;width:calc(var(--height) - var(--step-height));transform:rotate(90deg)
15096
+ translate(
15097
+ calc(50% + 1.25rem + 1.75rem),
15098
+ calc((var(--height) - var(--step-height)) / 2 - 1.25rem - 1.75rem)
15099
+ )}progress::-webkit-progress-value{background:var(--goa-color-interactive-default)}progress::-webkit-progress-bar{background:var(--goa-color-greyscale-200)}progress::-moz-progress-bar{background:var(--goa-color-interactive-default)}@media(max-width: 639px){progress.horizontal{display:none}progress.vertical{display:inline-block}.form-stepper{display:inline-block}}</style>`;
15100
+
15101
+ init(
15102
+ this,
15103
+ {
15104
+ target: this.shadowRoot,
15105
+ props: attribute_to_object(this.attributes),
15106
+ customElement: true
15107
+ },
15108
+ instance$2,
15109
+ create_fragment$2,
15110
+ safe_not_equal,
15111
+ { step: 12, mt: 0, mr: 1, mb: 2, ml: 3 },
15112
+ null
15113
+ );
15114
+
15115
+ if (options) {
15116
+ if (options.target) {
15117
+ insert(options.target, this, options.anchor);
15118
+ }
15119
+
15120
+ if (options.props) {
15121
+ this.$set(options.props);
15122
+ flush();
15123
+ }
15124
+ }
15125
+ }
15126
+
15127
+ static get observedAttributes() {
15128
+ return ["step", "mt", "mr", "mb", "ml"];
15129
+ }
15130
+
15131
+ get step() {
15132
+ return this.$$.ctx[12];
15133
+ }
15134
+
15135
+ set step(step) {
15136
+ this.$$set({ step });
15137
+ flush();
15138
+ }
15139
+
15140
+ get mt() {
15141
+ return this.$$.ctx[0];
15142
+ }
15143
+
15144
+ set mt(mt) {
15145
+ this.$$set({ mt });
15146
+ flush();
15147
+ }
15148
+
15149
+ get mr() {
15150
+ return this.$$.ctx[1];
15151
+ }
15152
+
15153
+ set mr(mr) {
15154
+ this.$$set({ mr });
15155
+ flush();
15156
+ }
15157
+
15158
+ get mb() {
15159
+ return this.$$.ctx[2];
15160
+ }
15161
+
15162
+ set mb(mb) {
15163
+ this.$$set({ mb });
15164
+ flush();
15165
+ }
15166
+
15167
+ get ml() {
15168
+ return this.$$.ctx[3];
15169
+ }
15170
+
15171
+ set ml(ml) {
15172
+ this.$$set({ ml });
15173
+ flush();
15174
+ }
15175
+ }
15176
+
15177
+ customElements.define("goa-form-stepper", FormStepper);
15178
+
15179
+ /* libs/web-components/src/components/form-step/FormStep.svelte generated by Svelte v3.51.0 */
15180
+
15181
+ function create_else_block(ctx) {
15182
+ let div;
15183
+ let t;
15184
+
15185
+ return {
15186
+ c() {
15187
+ div = element("div");
15188
+ t = text(/*childindex*/ ctx[1]);
15189
+ attr(div, "data-testid", "child-index");
15190
+ attr(div, "class", "step-number");
15191
+ },
15192
+ m(target, anchor) {
15193
+ insert(target, div, anchor);
15194
+ append(div, t);
15195
+ },
15196
+ p(ctx, dirty) {
15197
+ if (dirty & /*childindex*/ 2) set_data(t, /*childindex*/ ctx[1]);
15198
+ },
15199
+ d(detaching) {
15200
+ if (detaching) detach(div);
15201
+ }
15202
+ };
15203
+ }
15204
+
15205
+ // (148:38)
15206
+ function create_if_block_3(ctx) {
15207
+ let goa_icon;
15208
+
15209
+ return {
15210
+ c() {
15211
+ goa_icon = element("goa-icon");
15212
+ set_custom_element_data(goa_icon, "type", "remove");
15213
+ },
15214
+ m(target, anchor) {
15215
+ insert(target, goa_icon, anchor);
15216
+ },
15217
+ p: noop,
15218
+ d(detaching) {
15219
+ if (detaching) detach(goa_icon);
15220
+ }
15221
+ };
15222
+ }
15223
+
15224
+ // (146:36)
15225
+ function create_if_block_2(ctx) {
15226
+ let goa_icon;
15227
+
15228
+ return {
15229
+ c() {
15230
+ goa_icon = element("goa-icon");
15231
+ set_custom_element_data(goa_icon, "type", "checkmark");
15232
+ set_custom_element_data(goa_icon, "inverted", "");
15233
+ },
15234
+ m(target, anchor) {
15235
+ insert(target, goa_icon, anchor);
15236
+ },
15237
+ p: noop,
15238
+ d(detaching) {
15239
+ if (detaching) detach(goa_icon);
15240
+ }
15241
+ };
15242
+ }
15243
+
15244
+ // (144:4) {#if _isCurrent}
15245
+ function create_if_block_1(ctx) {
15246
+ let goa_icon;
15247
+
15248
+ return {
15249
+ c() {
15250
+ goa_icon = element("goa-icon");
15251
+ set_custom_element_data(goa_icon, "type", "pencil");
15252
+ },
15253
+ m(target, anchor) {
15254
+ insert(target, goa_icon, anchor);
15255
+ },
15256
+ p: noop,
15257
+ d(detaching) {
15258
+ if (detaching) detach(goa_icon);
15259
+ }
15260
+ };
15261
+ }
15262
+
15263
+ // (156:4) {#if status === "incomplete"}
15264
+ function create_if_block(ctx) {
15265
+ let div;
15266
+
15267
+ return {
15268
+ c() {
15269
+ div = element("div");
15270
+ div.textContent = "Partially complete";
15271
+ attr(div, "class", "subtext");
15272
+ attr(div, "data-testid", "subtext");
15273
+ },
15274
+ m(target, anchor) {
15275
+ insert(target, div, anchor);
15276
+ },
15277
+ d(detaching) {
15278
+ if (detaching) detach(div);
15279
+ }
15280
+ };
15281
+ }
15282
+
15283
+ function create_fragment$1(ctx) {
15284
+ let label;
15285
+ let input;
15286
+ let input_disabled_value;
15287
+ let t0;
15288
+ let div0;
15289
+ let t1;
15290
+ let div2;
15291
+ let div1;
15292
+ let t2;
15293
+ let t3;
15294
+ let label_aria_disabled_value;
15295
+ let label_aria_current_value;
15296
+ let label_aria_label_value;
15297
+
15298
+ function select_block_type(ctx, dirty) {
15299
+ if (/*_isCurrent*/ ctx[7]) return create_if_block_1;
15300
+ if (/*status*/ ctx[3] === "complete") return create_if_block_2;
15301
+ if (/*status*/ ctx[3] === "incomplete") return create_if_block_3;
15302
+ return create_else_block;
15303
+ }
15304
+
15305
+ let current_block_type = select_block_type(ctx);
15306
+ let if_block0 = current_block_type(ctx);
15307
+ let if_block1 = /*status*/ ctx[3] === "incomplete" && create_if_block();
15308
+
15309
+ return {
15310
+ c() {
15311
+ label = element("label");
15312
+ input = element("input");
15313
+ t0 = space();
15314
+ div0 = element("div");
15315
+ if_block0.c();
15316
+ t1 = space();
15317
+ div2 = element("div");
15318
+ div1 = element("div");
15319
+ t2 = text(/*text*/ ctx[0]);
15320
+ t3 = space();
15321
+ if (if_block1) if_block1.c();
15322
+ this.c = noop;
15323
+ attr(input, "id", /*text*/ ctx[0]);
15324
+ attr(input, "type", "checkbox");
15325
+ input.checked = /*_isCurrent*/ ctx[7];
15326
+ input.disabled = input_disabled_value = !/*_isEnabled*/ ctx[6];
15327
+ attr(div0, "data-testid", "status");
15328
+ attr(div0, "class", "status");
15329
+ attr(div1, "class", "text");
15330
+ attr(div1, "data-testid", "text");
15331
+ attr(div2, "class", "details");
15332
+ attr(label, "id", /*arialabel*/ ctx[2]);
15333
+ attr(label, "role", "listitem");
15334
+ attr(label, "for", /*text*/ ctx[0]);
15335
+ attr(label, "data-status", /*status*/ ctx[3]);
15336
+ attr(label, "aria-disabled", label_aria_disabled_value = !/*_isEnabled*/ ctx[6] ? "true" : "false");
15337
+ attr(label, "aria-current", label_aria_current_value = /*_isCurrent*/ ctx[7] ? "step" : "false");
15338
+ attr(label, "aria-label", label_aria_label_value = `${/*arialabel*/ ctx[2]} ${/*text*/ ctx[0]} ${/*status*/ ctx[3] || ""}`);
15339
+ },
15340
+ m(target, anchor) {
15341
+ insert(target, label, anchor);
15342
+ append(label, input);
15343
+ /*input_binding*/ ctx[10](input);
15344
+ append(label, t0);
15345
+ append(label, div0);
15346
+ if_block0.m(div0, null);
15347
+ append(label, t1);
15348
+ append(label, div2);
15349
+ append(div2, div1);
15350
+ append(div1, t2);
15351
+ append(div2, t3);
15352
+ if (if_block1) if_block1.m(div2, null);
15353
+ /*label_binding*/ ctx[11](label);
15354
+ },
15355
+ p(ctx, [dirty]) {
15356
+ if (dirty & /*text*/ 1) {
15357
+ attr(input, "id", /*text*/ ctx[0]);
15358
+ }
15359
+
15360
+ if (dirty & /*_isCurrent*/ 128) {
15361
+ input.checked = /*_isCurrent*/ ctx[7];
15362
+ }
15363
+
15364
+ if (dirty & /*_isEnabled*/ 64 && input_disabled_value !== (input_disabled_value = !/*_isEnabled*/ ctx[6])) {
15365
+ input.disabled = input_disabled_value;
15366
+ }
15367
+
15368
+ if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block0) {
15369
+ if_block0.p(ctx, dirty);
15370
+ } else {
15371
+ if_block0.d(1);
15372
+ if_block0 = current_block_type(ctx);
15373
+
15374
+ if (if_block0) {
15375
+ if_block0.c();
15376
+ if_block0.m(div0, null);
15377
+ }
15378
+ }
15379
+
15380
+ if (dirty & /*text*/ 1) set_data(t2, /*text*/ ctx[0]);
15381
+
15382
+ if (/*status*/ ctx[3] === "incomplete") {
15383
+ if (if_block1) ; else {
15384
+ if_block1 = create_if_block();
15385
+ if_block1.c();
15386
+ if_block1.m(div2, null);
15387
+ }
15388
+ } else if (if_block1) {
15389
+ if_block1.d(1);
15390
+ if_block1 = null;
15391
+ }
15392
+
15393
+ if (dirty & /*arialabel*/ 4) {
15394
+ attr(label, "id", /*arialabel*/ ctx[2]);
15395
+ }
15396
+
15397
+ if (dirty & /*text*/ 1) {
15398
+ attr(label, "for", /*text*/ ctx[0]);
15399
+ }
15400
+
15401
+ if (dirty & /*status*/ 8) {
15402
+ attr(label, "data-status", /*status*/ ctx[3]);
15403
+ }
15404
+
15405
+ if (dirty & /*_isEnabled*/ 64 && label_aria_disabled_value !== (label_aria_disabled_value = !/*_isEnabled*/ ctx[6] ? "true" : "false")) {
15406
+ attr(label, "aria-disabled", label_aria_disabled_value);
15407
+ }
15408
+
15409
+ if (dirty & /*_isCurrent*/ 128 && label_aria_current_value !== (label_aria_current_value = /*_isCurrent*/ ctx[7] ? "step" : "false")) {
15410
+ attr(label, "aria-current", label_aria_current_value);
15411
+ }
15412
+
15413
+ if (dirty & /*arialabel, text, status*/ 13 && label_aria_label_value !== (label_aria_label_value = `${/*arialabel*/ ctx[2]} ${/*text*/ ctx[0]} ${/*status*/ ctx[3] || ""}`)) {
15414
+ attr(label, "aria-label", label_aria_label_value);
15415
+ }
15416
+ },
15417
+ i: noop,
15418
+ o: noop,
15419
+ d(detaching) {
15420
+ if (detaching) detach(label);
15421
+ /*input_binding*/ ctx[10](null);
15422
+ if_block0.d();
15423
+ if (if_block1) if_block1.d();
15424
+ /*label_binding*/ ctx[11](null);
15425
+ }
15426
+ };
15427
+ }
15428
+
15429
+ function instance$1($$self, $$props, $$invalidate) {
15430
+ let _isCurrent;
15431
+ let _isEnabled;
15432
+ let { text } = $$props;
15433
+ let { current = "false" } = $$props;
15434
+ let { enabled = "false" } = $$props;
15435
+ let { childindex = "" } = $$props;
15436
+ let { arialabel = "" } = $$props;
15437
+ let { status } = $$props;
15438
+
15439
+ // =======
15440
+ // Private
15441
+ // =======
15442
+ let _stepEl;
15443
+
15444
+ let _checkbox;
15445
+
15446
+ onMount(() => {
15447
+ // event binding
15448
+ _stepEl.addEventListener("click", () => {
15449
+ if (!_isEnabled) return;
15450
+ $$invalidate(5, _checkbox.checked = !_checkbox.checked, _checkbox);
15451
+
15452
+ _stepEl.dispatchEvent(new CustomEvent("_click",
15453
+ {
15454
+ composed: true,
15455
+ bubbles: true,
15456
+ detail: +childindex
15457
+ }));
15458
+ });
15459
+ });
15460
+
15461
+ function input_binding($$value) {
15462
+ binding_callbacks[$$value ? 'unshift' : 'push'](() => {
15463
+ _checkbox = $$value;
15464
+ $$invalidate(5, _checkbox);
15465
+ });
15466
+ }
15467
+
15468
+ function label_binding($$value) {
15469
+ binding_callbacks[$$value ? 'unshift' : 'push'](() => {
15470
+ _stepEl = $$value;
15471
+ $$invalidate(4, _stepEl);
15472
+ });
15473
+ }
15474
+
15475
+ $$self.$$set = $$props => {
15476
+ if ('text' in $$props) $$invalidate(0, text = $$props.text);
15477
+ if ('current' in $$props) $$invalidate(8, current = $$props.current);
15478
+ if ('enabled' in $$props) $$invalidate(9, enabled = $$props.enabled);
15479
+ if ('childindex' in $$props) $$invalidate(1, childindex = $$props.childindex);
15480
+ if ('arialabel' in $$props) $$invalidate(2, arialabel = $$props.arialabel);
15481
+ if ('status' in $$props) $$invalidate(3, status = $$props.status);
15482
+ };
15483
+
15484
+ $$self.$$.update = () => {
15485
+ if ($$self.$$.dirty & /*current*/ 256) {
15486
+ // ========
15487
+ // Reactive
15488
+ // ========
15489
+ $$invalidate(7, _isCurrent = toBoolean(current));
15490
+ }
15491
+
15492
+ if ($$self.$$.dirty & /*enabled*/ 512) {
15493
+ $$invalidate(6, _isEnabled = toBoolean(enabled));
15494
+ }
15495
+ };
15496
+
15497
+ return [
15498
+ text,
15499
+ childindex,
15500
+ arialabel,
15501
+ status,
15502
+ _stepEl,
15503
+ _checkbox,
15504
+ _isEnabled,
15505
+ _isCurrent,
15506
+ current,
15507
+ enabled,
15508
+ input_binding,
15509
+ label_binding
15510
+ ];
15511
+ }
15512
+
15513
+ class FormStep extends SvelteElement {
15514
+ constructor(options) {
15515
+ super();
15516
+
15517
+ this.shadowRoot.innerHTML = `<style>input[type=checkbox]{position:absolute;left:-9999px}[role="listitem"]{display:flex;box-sizing:border-box;height:100%;text-align:center;flex-direction:column;align-items:center;padding:var(--goa-space-l)}[role="listitem"]:not([aria-disabled="true"]):focus-within{outline:var(--goa-color-interactive-focus) solid var(--goa-border-width-l)}[role="listitem"]:not([aria-disabled="true"]):hover{background-color:rgba(0,0,0,0.05);cursor:pointer}.status{flex:0 0 auto;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:999px;border:4px solid var(--goa-color-interactive-default);background:var(--goa-color-greyscale-white);height:2.5rem;width:2.5rem}[aria-current="step"] .text{font-weight:var(--goa-font-weight-bold)
15518
+ }[data-status=complete] .status{background-color:var(--goa-color-interactive-default)}[aria-current="step"][data-status=complete] .status{background:var(--goa-color-greyscale-white)}.step-number{margin-bottom:var(--font-valign-fix);font-weight:var(--goa-font-weight-bold);color:var(--goa-color-text-secondary)}[role="listitem"]:not(
15519
+ [data-status=complete],
15520
+ [data-status=incomplete],
15521
+ [aria-current="step"]
15522
+ ) .status{border-color:var(--goa-color-greyscale-500)}.text{font:var(--goa-typography-body-s)}.subtext{margin-top:0.25rem;font:var(--goa-typography-body-xs);color:var(--goa-color-text-secondary)}.details{margin-top:0.75rem}@media(max-width: 639px){[role="listitem"]{flex-direction:row;align-items:center;text-align:start}.details{margin-left:1rem;margin-top:0}}</style>`;
15523
+
15524
+ init(
15525
+ this,
15526
+ {
15527
+ target: this.shadowRoot,
15528
+ props: attribute_to_object(this.attributes),
15529
+ customElement: true
15530
+ },
15531
+ instance$1,
15532
+ create_fragment$1,
15533
+ safe_not_equal,
15534
+ {
15535
+ text: 0,
15536
+ current: 8,
15537
+ enabled: 9,
15538
+ childindex: 1,
15539
+ arialabel: 2,
15540
+ status: 3
15541
+ },
15542
+ null
15543
+ );
15544
+
15545
+ if (options) {
15546
+ if (options.target) {
15547
+ insert(options.target, this, options.anchor);
15548
+ }
15549
+
15550
+ if (options.props) {
15551
+ this.$set(options.props);
15552
+ flush();
15553
+ }
15554
+ }
15555
+ }
15556
+
15557
+ static get observedAttributes() {
15558
+ return ["text", "current", "enabled", "childindex", "arialabel", "status"];
15559
+ }
15560
+
15561
+ get text() {
15562
+ return this.$$.ctx[0];
15563
+ }
15564
+
15565
+ set text(text) {
15566
+ this.$$set({ text });
15567
+ flush();
15568
+ }
15569
+
15570
+ get current() {
15571
+ return this.$$.ctx[8];
15572
+ }
15573
+
15574
+ set current(current) {
15575
+ this.$$set({ current });
15576
+ flush();
15577
+ }
15578
+
15579
+ get enabled() {
15580
+ return this.$$.ctx[9];
15581
+ }
15582
+
15583
+ set enabled(enabled) {
15584
+ this.$$set({ enabled });
15585
+ flush();
15586
+ }
15587
+
15588
+ get childindex() {
15589
+ return this.$$.ctx[1];
15590
+ }
15591
+
15592
+ set childindex(childindex) {
15593
+ this.$$set({ childindex });
15594
+ flush();
15595
+ }
15596
+
15597
+ get arialabel() {
15598
+ return this.$$.ctx[2];
15599
+ }
15600
+
15601
+ set arialabel(arialabel) {
15602
+ this.$$set({ arialabel });
15603
+ flush();
15604
+ }
15605
+
15606
+ get status() {
15607
+ return this.$$.ctx[3];
15608
+ }
15609
+
15610
+ set status(status) {
15611
+ this.$$set({ status });
15612
+ flush();
15613
+ }
15614
+ }
15615
+
15616
+ customElements.define("goa-form-step", FormStep);
15617
+
15618
+ /* libs/web-components/src/components/pages/Pages.svelte generated by Svelte v3.51.0 */
15619
+
15620
+ function create_fragment(ctx) {
15621
+ let div;
15622
+ let slot;
15623
+ let div_style_value;
15624
+
15625
+ return {
15626
+ c() {
15627
+ div = element("div");
15628
+ slot = element("slot");
15629
+ this.c = noop;
15630
+ attr(div, "style", div_style_value = calculateMargin(/*mt*/ ctx[0], /*mr*/ ctx[1], /*mb*/ ctx[2], /*ml*/ ctx[3]));
15631
+ attr(div, "class", "pages");
15632
+ },
15633
+ m(target, anchor) {
15634
+ insert(target, div, anchor);
15635
+ append(div, slot);
15636
+ /*div_binding*/ ctx[6](div);
15637
+ },
15638
+ p(ctx, [dirty]) {
15639
+ if (dirty & /*mt, mr, mb, ml*/ 15 && div_style_value !== (div_style_value = calculateMargin(/*mt*/ ctx[0], /*mr*/ ctx[1], /*mb*/ ctx[2], /*ml*/ ctx[3]))) {
15640
+ attr(div, "style", div_style_value);
15641
+ }
15642
+ },
15643
+ i: noop,
15644
+ o: noop,
15645
+ d(detaching) {
15646
+ if (detaching) detach(div);
15647
+ /*div_binding*/ ctx[6](null);
15648
+ }
15649
+ };
15650
+ }
15651
+
15652
+ function instance($$self, $$props, $$invalidate) {
15653
+ let { current = 1 } = $$props;
15654
+ let { mt = null } = $$props;
15655
+ let { mr = null } = $$props;
15656
+ let { mb = null } = $$props;
15657
+ let { ml = null } = $$props;
15658
+
15659
+ // Private
15660
+ let _rootEl;
15661
+
15662
+ // Hooks
15663
+ onMount(async () => {
15664
+ await tick();
15665
+ setCurrentPage(current);
15666
+ });
15667
+
15668
+ function setCurrentPage(current) {
15669
+ if (!_rootEl) return;
15670
+ const children = getChildren();
15671
+
15672
+ children.forEach((child, index) => {
15673
+ const _child = child;
15674
+ _child.style.display = index + 1 === +current ? "block" : "none";
15675
+ });
15676
+ }
15677
+
15678
+ function getChildren() {
15679
+ const slot = _rootEl.querySelector("slot");
15680
+
15681
+ if (slot) {
15682
+ return [...slot.assignedElements()];
15683
+ } else {
15684
+ return [..._rootEl.children]; // unit tests
15685
+ }
15686
+ }
15687
+
15688
+ function div_binding($$value) {
15689
+ binding_callbacks[$$value ? 'unshift' : 'push'](() => {
15690
+ _rootEl = $$value;
15691
+ $$invalidate(4, _rootEl);
15692
+ });
15693
+ }
15694
+
15695
+ $$self.$$set = $$props => {
15696
+ if ('current' in $$props) $$invalidate(5, current = $$props.current);
15697
+ if ('mt' in $$props) $$invalidate(0, mt = $$props.mt);
15698
+ if ('mr' in $$props) $$invalidate(1, mr = $$props.mr);
15699
+ if ('mb' in $$props) $$invalidate(2, mb = $$props.mb);
15700
+ if ('ml' in $$props) $$invalidate(3, ml = $$props.ml);
15701
+ };
15702
+
15703
+ $$self.$$.update = () => {
15704
+ if ($$self.$$.dirty & /*current*/ 32) {
15705
+ // Reactive
15706
+ setCurrentPage(current);
15707
+ }
15708
+ };
15709
+
15710
+ return [mt, mr, mb, ml, _rootEl, current, div_binding];
15711
+ }
15712
+
15713
+ class Pages extends SvelteElement {
15714
+ constructor(options) {
15715
+ super();
15716
+
15717
+ init(
15718
+ this,
15719
+ {
15720
+ target: this.shadowRoot,
15721
+ props: attribute_to_object(this.attributes),
15722
+ customElement: true
15723
+ },
15724
+ instance,
15725
+ create_fragment,
15726
+ safe_not_equal,
15727
+ { current: 5, mt: 0, mr: 1, mb: 2, ml: 3 },
15728
+ null
15729
+ );
15730
+
15731
+ if (options) {
15732
+ if (options.target) {
15733
+ insert(options.target, this, options.anchor);
15734
+ }
15735
+
15736
+ if (options.props) {
15737
+ this.$set(options.props);
15738
+ flush();
15739
+ }
15740
+ }
15741
+ }
15742
+
15743
+ static get observedAttributes() {
15744
+ return ["current", "mt", "mr", "mb", "ml"];
15745
+ }
15746
+
15747
+ get current() {
15748
+ return this.$$.ctx[5];
15749
+ }
15750
+
15751
+ set current(current) {
15752
+ this.$$set({ current });
15753
+ flush();
15754
+ }
15755
+
15756
+ get mt() {
15757
+ return this.$$.ctx[0];
15758
+ }
15759
+
15760
+ set mt(mt) {
15761
+ this.$$set({ mt });
15762
+ flush();
15763
+ }
15764
+
15765
+ get mr() {
15766
+ return this.$$.ctx[1];
15767
+ }
15768
+
15769
+ set mr(mr) {
15770
+ this.$$set({ mr });
15771
+ flush();
15772
+ }
15773
+
15774
+ get mb() {
15775
+ return this.$$.ctx[2];
15776
+ }
15777
+
15778
+ set mb(mb) {
15779
+ this.$$set({ mb });
15780
+ flush();
15781
+ }
15782
+
15783
+ get ml() {
15784
+ return this.$$.ctx[3];
15785
+ }
15786
+
15787
+ set ml(ml) {
15788
+ this.$$set({ ml });
15789
+ flush();
15790
+ }
15791
+ }
15792
+
15793
+ customElements.define("goa-pages", Pages);
15794
+
15795
+ export { FormStep, FormStepper, Pages, Pagination };